/*******************************/ /** CSS DOCUMENT **/ /** OWNED BY DROOMSLICING **/ /** COPYRIGHT 2009 - 1010 **/ /** www.idroom.nl **/ /*******************************/ /*******************************/ /* REGULAR COMMANDS */ /*******************************/ html{ height: 100%;} body{ height: 100%; min-height: 100%; margin:0px;padding:0px;color:#636363;font-size:0.8em; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; text-decoration:none; background:url(../images/bg.jpg) repeat-x #fff;} body#vervolg{ background:url(../images/bg_vervolg.jpg) repeat-x #fff;} body a{ text-decoration:none;color:#076300; font-weight:bold;} body a:hover{text-decoration:underline;color:#076300; font-weight:bold;} .clear{clear:both; overflow:hidden; height:0px;} img{border:0px; display:block;} ul, li{list-style:none; margin:0px; padding:0px; } form, fieldset {margin:0px;padding:0px;border:0;} h1, h2, h3, h4, h5 {margin:0px; padding:0px;} /*******************************/ /* CONTAINER DIVISION */ /*******************************/ #container { position:relative; width:100%; height:auto !important; height:100%; min-height:100%; } /*******************************/ /* TOP DIVISION */ /*******************************/ #container #top{position:relative; width:100%; height:176px; background:url(../images/bg_top.jpg) no-repeat top;} #container #top #inner{position:relative; width:1000px; height:176px; margin:0px auto;} #container #top #inner h1{ font-family:arial; height:68px; padding:56px 0px 0px 0px; font-size:1.9em; color:#fff; font-weight:normal; } #container #top #inner h1 span{ color:#076200; } #container #top #inner h1 em{ color:#f7ff11; font-style:normal; } #container #top #inner h1 strong{ } #container #top #inner ul{ margin:0px; padding:0px; height:52px; } #container #top #inner ul li{ float:left; display:block; height:52px; margin:0px 1px 0px 0px; } #container #top #inner ul li a{ outline:none; line-height:38px; color:#fff; float:left; display:block; height:52px; background:url(../images/bg_li.jpg) no-repeat right; } #container #top #inner ul li a span{ float:left; display:block; height:52px; padding:0px 17px 0px 17px; background:url(../images/bg_lileft.jpg) no-repeat left; cursor:pointer;} #container #top #inner ul li a:hover{ text-decoration:none; color:#0c3800; background:url(../images/bg_lihover.jpg) no-repeat right; } #container #top #inner ul li a:hover span{ background:url(../images/bg_lioverleft.jpg) no-repeat left; } #container #top #inner ul li.menuactive a{ color:#1b2025; background:url(../images/bg_liselected.jpg) no-repeat right; } #container #top #inner ul li.menuactive a span{ background:url(../images/bg_liselectedleft.jpg) no-repeat left; } /*******************************/ /* MIDLE DIVISION */ /*******************************/ #container #midle {width:1000px; margin:0px auto; padding:0px 0px 60px 0px;} /* Rotator styles */ #rotator {width:1000px; height:200px; position:relative; margin:0; padding:0px;margin:0px 0px 0px 0px;} /* Tabs */ li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {outline:none; float:left; height:26px; width:26px; font-weight:bold; line-height:26px; font-size:0.95em; margin:0px 8px 0px 0px; text-align:center;} ul.ui-tabs-nav {position:absolute;top:185px;left:0;z-index:2;height:26px; margin:0px; padding:0px; list-style:none;} /* Non-Selected Tabs */ li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited { color:#076300; background:url(../images/bg_lirotator.jpg) no-repeat; } /* Hovered Tab */ #rotator .ui-tabs-nav-item a:hover, #rotator .ui-tabs-nav-item a:active { text-decoration:none; background:url(../images/bg_lirotatorover.jpg) no-repeat; color:#076300;} #rotator .ui-tabs-nav-item a span {cursor:pointer; z-index:101;} /* Active Tab */ #rotator .ui-tabs-selected a:link, #rotator .ui-tabs-selected a:visited, #rotator .ui-tabs-selected a:hover, #rotator .ui-tabs-selected a:active {text-decoration:none; background:url(../images/bg_lirotatorselected.jpg) no-repeat; color:#f7ff11;} /* Content Panels */ #rotator .ui-tabs-panel {clear:left;color:#000;padding:30px 415px 0px 0px;height:170px;background:url(../images/bg_tab.jpg) no-repeat;} #rotator .ui-tabs-panel img{width:346px; height:163px; padding:13px 14px 13px 12px; position:absolute; right:0px; top:18px; z-index:2; background:url(../images/bg_img.jpg) no-repeat; } #rotator .ui-tabs-hide {display:none;} #rotator h3 {margin:0; font-size:1.8em; z-index:2; font-weight:normal; padding:0px 0px 24px 0px; color:#076300;} #rotator p {font-size:0.9em; z-index:2; line-height:18px; margin:0px; padding:0px 0px 20px 0px; color:#636363;} /* content */ #container #midle #content{width:1000px; padding:52px 0px 0px 0px;} #container #midle #content #left{width:586px; float:left; padding:0px 0px 0px 0px;} #container #midle #content #left ul.nieuws { width:586px; } #container #midle #content #left ul.nieuws li{ position:relative; display:block; width:586px; height:39px; margin:0px 0px 1px 0px; font-size:0.95em;} #container #midle #content #left ul.nieuws li a{ cursor:pointer; color:#454545; text-indent:56px; line-height:38px; display:block; width:586px; height:39px; background:url(../images/bg_linieuws.jpg) no-repeat;} #container #midle #content #left ul.nieuws li a:hover{ background:url(../images/bg_linieuwsover.jpg) no-repeat; color:#f7ff11; text-decoration:none;} #container #midle #content #left ul.nieuws li span{ float:right; display:block; position:absolute; right:20px; top:0px;} #container #midle #content #left b{ color:#2e2e2e;} #container #midle #content #left strong{ color:#2e2e2e;} #container #midle #content h2{display:block; font-size:1.8em; font-weight:normal; padding:0px 0px 12px 0px; margin:0px 0px 18px 0px; color:#076300; border-bottom:1px solid #dfdfdf;} #container #midle #content p{font-size:0.9em; line-height:18px; margin:0px; padding:0px 0px 20px 0px;} #container #midle #content #right{width:372px; float:right; padding:0px 0px 0px 0px;} #container #midle #content #right ul li{ display:block; width:372px; height:39px; margin:0px 0px 1px 0px; font-size:0.95em;} #container #midle #content #right ul li a{ color:#454545; text-indent:56px; line-height:38px; display:block; width:372px; height:39px; background:url(../images/bg_ulright.jpg) no-repeat;} #container #midle #content #right ul li a:hover{ background:url(../images/bg_ulrightover.jpg) no-repeat; color:#f7ff11; text-decoration:none;} #container #midle #content #right ul li a span{ display:none; } /*******************************/ /* FOOTER DIVISION */ /*******************************/ #container #footer { background:url(../images/bg_footer.jpg) repeat-x;width:100%; height:50px; bottom:0; position:absolute;} #container #footer #center{ width:1000px; padding:0px 0px 0px 0px; margin:0px auto; color:#6d6d6d; font-size:0.9em; line-height:50px;} #container #footer #center span{ display:block; float:left;} #container #footer #center strong{ display:block; float:right; font-weight:normal;} #container #footer #center a{ font-weight:bold; color:#6d6d6d;}