/* General styles */ /*=======================================================================================================================================================================================*/ body { background-image:url(../images/bg_main.gif); background-repeat:no-repeat; background-position:top center; } body, html { margin:0px; padding:0px; color:#58595b; font-size:12px; } html { overflow:scroll } a { text-decoration:none; color:#00b0f0; outline:none; } a:hover { text-decoration:none; color:#e96b10; } a.active { text-decoration:none; color:#e96b10; } a img { border:none } a.logo { cursor:pointer; } h1 { color:#e96b10; font-size:24px; margin:0px 0px 0px 0px; font-weight:normal; } h2 { color:#e96b10; font-size:16px; margin:0px; padding:0px; font-weight:normal; } h3 { color:#e96b10; font-size:18px; margin:0px 0px 0px 0px; font-weight:normal; } h4 { color:#000; font-size:14px; font-weight:normal; margin:0px; padding:0px; } h5 { color:#000; font-size:19px; font-weight:normal; margin:0px; padding:0px 0px 5px 0px; } #examens { color:#00b0f0; font-size:19px; font-weight:normal; width:80px; } h6 { color:#e96b10; font-size:12px; font-weight:normal; margin:0px; padding:0px; } h1.underline { margin:0px 0px 10px 0px; padding:0px 0px 5px 0px; border-bottom:1px solid #ddd; } .highlighted { color:#CCCCCC } .small { font-size:12px; } p { color:#58595b; margin:0px 0px 15px 0px; } p.bold { font-weight:bold } #paragraph_line { border-bottom:1px solid #cceffc; margin:0px 0px 10px 0px; padding:0px 0px 13px 0px; } html, td, body, div, p, ul, li, input, textarea, select, h1, h2, h3, h4 { font-family:Arial, Helvetica, sans-serif; } input, textarea, select { margin:0px; padding:0px; color:#58595b; } .clear { clear:both } /* Layout */ /*=======================================================================================================================================================================================*/ #container { width:964px; margin-left:50%; position:absolute; left:-482px } #logo { height:60px; padding:10px 50px 10px 50px; } #content { background:url(../images/bg_content.png) top center repeat-y; } #header { height:8px; background-image:url(../images/header.jpg); background-repeat:no-repeat; } #topcontent { min-height:550px; _height:550px; padding:0px 37px 0px 37px } #footer { height:26px; width:964px; clear:both } #footer { font-size:9px; font-weight:bold; padding:9px 0px 0px 38px } #contenttop { height:4px; background:url(../images/bg_contenttop.png) top center no-repeat; } /* Content */ /*=======================================================================================================================================================================================*/ #main_categorien { height:58px; background-image:url(../images/main_categorien.jpg); background-repeat:no-repeat; color:#00b0f0; margin-bottom:5px; } #topimage { background-repeat:no-repeat; margin:0px -10px 10px -10px; } #topimage #home { background-image:url(../images/topimages/home/topimage_home_1.jpg); background-repeat:no-repeat; height:200px;} #topimage #regular { width:909px; background:url(../images/topimages/next/1.jpg) no-repeat; height:80px; } #text { margin-top:15px; } #text img { margin:0px 0px 10px 10px } #overflow { overflow:auto} #main_categorien #A { width:422px; float:left; padding: 4px 7px 7px 10px; line-height:20px} #main_categorien #B { width:120px; float:left; margin-left:8px; padding:4px 7px 7px 14px; line-height:20px } #main_categorien #C { width:120px; float:left; margin-left:8px; padding:4px 7px 7px 14px; line-height:20px } #main_categorien #D { width:120px; float:left; margin-left:8px; padding:4px 7px 7px 14px; line-height:20px } #columns { } #columns #home #A { float:left; width:440px } #columns #home #B { float:left; width:215px; margin-left:10px } #columns #home #C { float:left; width:215px; margin-left:10px } #columns #next #A { float:left; width:215px } #columns #next #B { float:left; width:440px; margin-left:10px } #columns #next #C { float:left; width:215px; margin-left:10px } #columns #next #B_only { float:left; width:655px; margin-left:10px } #uwmening { width:215px; height:215px; background-image:url(../images/uwmening.jpg) } #uwmening textarea { width:195px; height:90px; position:relative; top:90px; left:10px; border:none; font-size:12px; color:#58595b; } #uwmening .button { position:relative; top:93px; left:142px; } #uwmening p { position:absolute; font-weight:bold; padding:0px 10px 0px 10px; width:195px; top:560px} /*#logo .link_cbr { width:140px; height:40px; position:relative; top:8px; left:35px; float:left; cursor:pointer}*/ #logo .link_ccv { width:75px; height:40px; position:relative; top:8px; left:35px; float:left; cursor:pointer} .login { position:relative; left:497px; top:33px; font-size:12px } .alert { padding:10px; margin-bottom:10px; color:#ff000; border:1px solid #ff0000; } /* Tables */ /*=======================================================================================================================================================================================*/ table { border-collapse:collapse } td { background-color:#fff; vertical-align:top; text-align:left } th { border:0px solid #47A5E2; background-color:#FFF; text-align:left; font-weight:bold } #none { width:176px} #none td { background-color:#fff; } /* Forms */ /*=======================================================================================================================================================================================*/ #topimage #form { width:220px; position:relative; left:695px; top:33px } #topimage input { margin:0px; padding:4px 0px 0px 4px; color:#00436e; font-size:14px } #topimage .inputtext { width:160px; height:20px; border:none; background-color:#cceffc;} #topimage .inputsubmit { width:26px} #FormContainer { padding:10px; margin-bottom:10px; background-color:#f3f3f3; } #searchresults .results { border-bottom:1px solid #cceffc;} .FormLabel { display:block; float:left; width:100px; margin-right:10px; } .FormTextField { width:300px; } .FormSection { height:auto; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #47A5E2; } /* Mainmenu */ /*=======================================================================================================================================================================================*/ #links { margin-top:-13px; font-size:12px; } #links ul { margin:15px 0px 15px 0px; padding:0px 0px 0px 0px; } #links li { list-style-type:none;} #links ul a { border-top:1px solid #cceffc; font-weight:bold; display:block; } #links ul a:hover { color:#e96b10;} #links a.active { color:#e96b10; } #right #links ul a { font-weight:normal; } /*MAINLINKS*/ /*=======================================================================================================================================================================================*/ /* LEVEL 1*/ #links ul li a.MenuLevel1 { padding:10px 0px 10px 0px; } #links ul li a.MenuLevel1Active { padding:10px 0px 10px 0px; color:#e96b10; } #links ul li a.MenuLevel1First { padding:10px 0px 10px 0px; border:none } /* LEVEL 2*/ #links ul li a.MenuLevel2 { padding:8px 0px 0px 0px; margin:5px 0px 0px 0px } #links ul li a.MenuLevel2Active { padding:8px 0px 0px 0px; margin:5px 0px 0px 0px; color:#e96b10;} /* LEVEL 3*/ #links ul li a.MenuLevel3 { padding:0px 0px 0px 10px; border:none; background-image:url(../images/arrow.jpg); background-repeat:no-repeat; background-position:left center } #links ul li a.MenuLevel3Active { padding:0px 0px 0px 10px; color:#e96b10; border:none; background-image:url(../images/arrow_ro.jpg); background-repeat:no-repeat; background-position:left center } #links ul li a.MenuLevel3:Hover { padding:0px 0px 0px 10px; color:#e96b10; border:none; background-image:url(../images/arrow_ro.jpg); background-repeat:no-repeat; background-position:left center } /* LEVEL 4*/ #links ul li a.MenuLevel4 { padding:0px 0px 0px 20px; border:none; background-image:url(../images/hyphen.jpg); background-repeat:no-repeat; background-position:10px 5px } #links ul li a.MenuLevel4Active { padding:0px 0px 0px 20px; color:#e96b10; border:none; background-image:url(../images/hyphen_ro.jpg); background-repeat:no-repeat;background-position:10px 5px} /* LEVEL 5*/ #links ul li a.MenuLevel5 { padding:0px 0px 0px 30px; border:none; background-image:url(../images/hyphen.jpg); background-repeat:no-repeat; background-position:20px 5px } #links ul li a.MenuLevel5Active { padding:0px 0px 0px 30px; color:#e96b10; border:none; background-image:url(../images/hyphen_ro.jpg); background-repeat:no-repeat;background-position:20px 5px} /*CUSTOMLINKS*/ /*=======================================================================================================================================================================================*/ #customlinks { border-bottom:1px solid #cceffc; padding:5px 0px 5px 0px; margin-bottom:10px} #customlinks ul { margin:0px; padding:0px } #customlinks li { list-style:none } #customlinks2 { margin-top:-8px; margin-bottom:10px} #customlinks2 a { border-bottom:1px solid #cceffc; font-weight:bold; display:block; padding:10px 0px 10px 0px; } #customlinks2 ul { margin:0px 0px 0px 0px; padding:0px } #customlinks2 li { list-style-type:none } /*Sizer */ /*=======================================================================================================================================================================================*/ #sizer { position:absolute; top:35px; left:830px; font-size:14px; font-weight:bold} #sizer a { color:#000000; } /* Location */ /*=======================================================================================================================================================================================*/ #location .left { width:190px; padding-top:10px; float:left; } #location .center { width:290px; padding-top:10px; margin-bottom:20px; float:left; } #location .right { width:150px; padding:10px 10px 10px 10px; border:1px solid #cceffc; float:left; } #location .submit { padding:2px 5px 2px 5px } /* Font Resizer */ /*=======================================================================================================================================================================================*/ #fontsize { position:absolute; left:870px; top:26px; font-size:16px } #fontsize .size1 { font-size:12px} #fontsize .size2 { font-size:14px} #fontsize .size3 { font-size:18px} /* Rijschoolgegevens specifically */ /*=======================================================================================================================================================================================*/ .KwartaalUpdate { padding:15px; border:1px solid #ddd; margin-top:32px; margin-bottom:10px; color:#00b0f0; } p.small { font-size:11px; } .MenuItem { padding:5px 10px 5px 0px; border-bottom:1px solid #efefef; } .MenuItemForm { padding:5px; border:1px solid #ccc; } #ResultsHeader { padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #cceffc; } .ResultColumn { text-align:right; } .ResultColumnHeader { text-align:right; color:#e96b10; font-size:12px; font-weight:normal; margin:0px; padding:0px; } .ResultRow { border-bottom:1px solid #cceffc; } .Banner { border:1px solid #cceffc; padding:10px; margin-bottom:10px; text-align:center; } #SearchForm { margin:10px 0px 20px 0px; padding:5px; border:1px solid #cceffc; }