/* General styles */ /*=======================================================================================================================================================================================*/ body, html { margin:0px; padding:0px; color:#333; font-size:12px; min-height:100%; height:auto !important; height:100%; } html { background:url(../images/bg_body.gif) #f0f0f0 top left repeat-x; } body { } 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:20px; margin:0px; font-weight:normal } h2 { color:#333; font-size:16px; margin:0px; padding:0px; font-weight:bold } h3 { color:#333; font-size:18px; margin:0px; padding:0px; font-weight:bold } h4 { color:#333; font-size:14px; margin:0px; padding:0px; font-weight:bold; } /* previously main menu - not in use anymmore? */ h5 { color:#00b0f0; 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:#333; 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 #ccc; } .highlighted { color:#ccc; } .small { font-size:11px; } p { color:#333; margin:0px 0px 15px 0px; } p.bold { font-weight:bold } #paragraph_line { border-bottom:1px solid #ccc; margin:0px 0px 10px 0px; padding:0px 0px 13px 0px } .paragraph { margin:10px 0px 15px 0px; } .paragraph ol li { list-style-position:outside; margin:0px 0px 2px 0px; list-style-type:decimal; } .paragraph ul li { list-style-position:outside; margin:0px 0px 2px 40px; list-style-type:square; } 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 { background:url(../images/bg_main.gif) top center no-repeat; width:964px; margin-left:50%; height:103%; position:absolute; left:-482px; } #logo { position:relative; height:80px; padding:0px 25px 0px 40px; } #content { background:url(../images/bg_content.png) top center repeat-y; min-height:100%; padding:0px 37px 0px 37px; } #header { height:8px; background-image:url(../images/header.jpg); background-repeat:no-repeat; } #topcontent { min-height:550px; } #footer { border-top:1px dotted #00a4e8; min-height:150px; clear:both; font-size:10px; margin:50px 0px 0px 0px; padding-top:20px; } /* Content */ /*=======================================================================================================================================================================================*/ #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 { background:url(../images/topimages/next/{$TopMenu.ID}.jpg) center center no-repeat; height:80px; } #text { margin-top:15px; } #text img { margin:0px 0px 10px 10px; } #overflow { overflow:auto} #columns { } #columns #home #A { float:left; width:440px } #columns #home #B { float:left; width:215px; margin-left:10px } #columns #home #C { float:left; width:210px; 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:210px; margin-left:10px } #columns #next #B_only { float:left; width:650px; margin-left:10px } #columns #next #B_only_location { float:left; width:865px; 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 { width:100%; border-collapse:collapse } td { vertical-align:top; text-align:left } th { border:0px solid #47A5E2; text-align:left; font-weight:bold } #none { width:176px} #none td { } /* 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; } #searchform { position:absolute; top:38px; left:180px; } #searchresults .results { border-bottom:1px dotted #ccc; } #searchresults .searchstring { font-weight:bold; color:#000; } .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; } /*#main_categorien { height:58px; background-image:url(../images/main_categorien.jpg); background-repeat:no-repeat; color:#00b0f0; margin-bottom:5px; } #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 }*/ #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 dotted #ccc; 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 dotted #ccc; font-weight:bold; display:block; padding:10px 0px 10px 0px; } #customlinks2 ul { margin:0px 0px 0px 0px; padding:0px } #customlinks2 li { list-style:none; } /*Sizer */ /*=======================================================================================================================================================================================*/ #sizer { position:absolute; top:35px; left:830px; font-size:14px; font-weight:bold} #sizer a { color:#000000; } /* Location */ /*=======================================================================================================================================================================================*/ #location { border:0px solid #000; } #location .left { width:290px; padding-top:10px; float:left; } #location .center { width:390px; padding-top:10px; margin-bottom:20px; float:left; } #location .right { width:150px; padding:10px 10px 10px 10px; border:1px dotted #ccc; float:left; } #location .submit { padding:2px 5px 2px 5px } #map { position:relative; width:100%; height:500px; margin-bottom:20px; border:1px solid #ccc; z-index:1; } /* Font Resizer */ /*=======================================================================================================================================================================================*/ #fontsize { position:absolute; right:30px; top:40px; font-size:16px } #fontsize .size1 { font-size:12px} #fontsize .size2 { font-size:14px} #fontsize .size3 { font-size:18px} /* Navigation */ /*=======================================================================================================================================================================================*/ #navigation { text-align:right; } /* Brochure */ /*=======================================================================================================================================================================================*/ #text .brochures { margin-bottom:12px; float:left; } #text .brochures .thumbnail { float:left; background:url('../images/bg_brochure.gif') top left no-repeat; width:127px; padding:1px 5px 5px 1px; margin-right:10px; } #text .brochures .subscript { font-size:80%; margin:3px 0px 3px 0px; border-bottom:1px dotted #ddd; min-height:34px; } #text .brochures img { margin:0px; } #text .brochures a, #text .brochures a:active { font-size:90%; } /* Footercontent */ /*=======================================================================================================================================================================================*/ #footercopyright { float:left; width:225px; } #footercontent { float:left; width:430px; padding-left:0px; font-size:11px; } #footercontent a, a:active { } #footercontent a:hover { text-decoration:underline; }