/* General styles */ /*=======================================================================================================================================================================================*/ body { } 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 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: 0 0 0 0; font-weight: normal} h4 { color: #e96b10; font-size: 16px; font-weight: normal; margin: 0px; padding: 0px; } h5 { color: #00436e; font-size: 20px; font-weight: normal; margin: 0px; padding: 0px 0px 0px 0px } h1.underline { margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #6dd0f7; } .highlighted { color: #CCCCCC } 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 { border: 0px solid red; margin: 0px; padding: 0px; color: #58595b;} /* Layout */ /*=======================================================================================================================================================================================*/ #container { border: 0px solid red; width: 964px; } #content { border: 0px solid red; } #topcontent { border: 0px solid red; width: 890px; padding: 0px 37px 0px 37px } /* Mainmenu */ /*=======================================================================================================================================================================================*/ #links { border: 0px solid red; margin-top: -13px; font-size: 12px; } #links ul { margin: 0px 0px 15px 0px; padding: 0px} #links li { list-style-type: none;} #links ul a { border: 0px solid blue; border-top: 1px solid #cceffc; font-weight: bold; display:block; } #links ul a:hover { color: #e96b10;} #links a.active { color: #e96b10; } #links ul ul a { border: 0px solid blue; padding: 5px 0 5px 0; padding-left: 20px; font-weight: normal; display:block; background-image: url(../images/menu_dot.gif); background-position: left; background-position: 15px 12px } #links ul ul a:hover { background-image: url(../images/menu_dot.gif); background-position: left; background-position: 15px 12px } #right #links ul a { font-weight: normal; } /* Content */ /*=======================================================================================================================================================================================*/ #main_categorien { border: 0px solid blue; height: 58px;background-repeat: no-repeat; color: #00b0f0; margin-bottom:5px; visibility:hidden} #text { margin-top:15px; } #columns { border: 0px solid red; overflow:auto } #columns #home #A { border: 0px solid red; float:left; width: 440px } #columns #home #B { border: 0px solid red; float:left; width: 215px; margin-left: 10px } #columns #home #C { border: 0px solid red; float:left; width: 215px; margin-left: 10px } #columns #next #A { border: 0px solid red; float:left; width: 200px } #columns #next #B { border: 0px solid red; float:left; width: 550px; margin-left: 10px } #columns #next #C { border: 0px solid red; float:left; width: 215px; margin-left: 10px; visibility: hidden } #columns #next #B_only { border: 0px solid red; float:left; width: 655px; margin-left: 10px } #uwmening { border: 0px solid red; width: 215px; height: 215px; background-image:url(../images/uwmening.jpg) } #uwmening textarea { border: 0px solid red; 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} #rijschoolgegevens { border: 0px solid red; width: 215px; height: 174px; background-image:url(../images/rijschoolgegevens.jpg) } #rijschoolgegevens #select_a { border: 0px solid red; height: 20px; width: 190px; position:relative; top: 57px; left: 10px; padding: 3px 0px 0px 0px } #rijschoolgegevens #select_b { border: 0px solid red; height: 20px; width: 190px; position:relative; top: 82px; left: 10px; padding: 3px 0px 0px 0px } #rijschoolgegevens .button { position:relative; top: 90px; left: 135px } #rijschoolgegevens p { position: absolute; font-weight: bold; padding: 0px 10px 0px 10px; width: 195px; top: 560px} /* Tables */ /*=======================================================================================================================================================================================*/ table { border: 0px solid red; width: 100%; } td { border: 0px solid red; background-color: #fff; vertical-align:middle; text-align:left } th { border: 0px solid #47A5E2; background-color: #FFF; text-align:left; font-weight: bold } #none { border: 0px solid red; width: 176px} #none td { background-color: #fff; border:0px solid red; } /* Forms */ /*=======================================================================================================================================================================================*/ #topimage #form { border: 0px solid red; width: 220px; position:relative; left: 688px; top: 30px; visibility: hidden } #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; } /*MENU Sub's */ /*=======================================================================================================================================================================================*/ /* LEVEL 1*/ #links ul li a.MenuLevel1 { padding: 10px 0px 10px 0px } #links ul li a.MenuLevel1Active { padding: 10px 0px 10px 0px; color: #e96b10; } /* LEVEL 2*/ #links ul li a.MenuLevel2 { padding: 10px 0px 10px 0px } #links ul li a.MenuLevel2Active { padding: 10px 0px 10px 0px; } /* 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; font-size: 18px } #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} /*MENU Sub's */ /*=======================================================================================================================================================================================*/ .QuestionAnswer {}