* { margin: 0; padding: 0; } body { font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #515054; background-color: #fff; } /* holder */ #holder { position: relative; margin: 0 auto; width: 960px; height: auto; overflow: hidden; text-align: left; z-index: 1; } #holder .holder { position: relative; float: left; display: inline; margin-left: 12px; } /* head */ #hhead { position: relative; float: left; width: 100%; height: 113px; z-index: 4;} #holder #hhead .hhead { float: left; height: 20px; float: left; width: 100%; background-color: #565656; } #hhead .beeld { position: relative; width: 100%; height: 202px; overflow: hidden; } #hhead .beeld #beeldwissel { position: absolute; top:0; left:0; width: 672px; height: 202px; } #hhead .beeld #beeldwissel li { position: absolute; left:0; top:0; z-index: 3; } #hhead .beeld #beeldwissel li img { z-index: 3; } #hhead .beeld #beeldwissel hr { width: 154px; } /* head */ #hhead h1.logo { position: absolute; top: 79px; left: 58px; display: block; width: 153px; height: 100px; background: url(pics/logo.gif); margin: 0px; z-index: 4;} #hhead h1.logo a { display: block; width: 153px; height: 100px; float: left; } #hhead h1.logo a span { display: none; } /* main menu */ #mainMenu { position: relative; z-index: 50; float: left; top: 63px; /*padding-top: 1px;*/ width: 100%; height: 16px; background: url(pics/bgMainMenu.gif) 0px 0px repeat-x; } #mainMenu ul { position: relative; z-index: 60; float: right; height: 16px; list-style: none; } #mainMenu ul.mainMenu li { float: left; background: url(pics/divider.gif) no-repeat scroll right center; padding-right: 12px; margin-left: 12px; display: inline; height: 30px; text-transform: lowercase; } #mainMenu ul.mainMenu li.lastNode { background:transparent none repeat scroll 0 0;} #mainMenu ul.mainMenu li a, #mainMenu ul.mainMenu li a:active, #mainMenu ul.mainMenu li a:visited { position: relative; float: left; display: block; height: 30px; width: auto; font-size: 13px; color: #565656; text-decoration: none; line-height: 30px; } #mainMenu ul.mainMenu li a:hover, #mainMenu ul.mainMenu li a.active, #mainMenu ul.mainMenu li a.active:visited, #mainMenu ul.mainMenu li a.active:hover, #mainMenu ul.mainMenu li a.active:active { position: relative; float: left; display: block; height: 30px; width: auto; font-size: 13px; color: #117851; text-decoration: none; line-height: 30px; } /* main menu - ul */ #mainMenu ul.mainMenu li ul { position: absolute; z-index: 150; top: 30px; left: -10px; width: 151px; } #mainMenu ul.mainMenu li ul li { width: 151px; height: 25px; background: url(pics/main_menu_li-BG.gif); padding: 0; right: 15px; z-index: 150; text-transform: none; border-bottom: 1px solid #c8d23a; } #mainMenu ul.mainMenu li ul li a, #mainMenu ul.mainMenu li ul li a:link, #mainMenu ul.mainMenu li ul li a:visited, #mainMenu ul.mainMenu li ul li a:active, #mainMenu ul.mainMenu li ul li a.active { display: block; width: 151px; height: 25px; font-size: 14px; font-weight: normal; color: #565656; text-decoration: none; line-height: 25px; background-color: #fff; } #mainMenu ul.mainMenu li ul li a:hover, #mainMenu ul.mainMenu li ul li a.active, #mainMenu ul.mainMenu li ul li a.mouse, #mainMenu ul.mainMenu li ul li a.active:visited, #mainMenu ul.mainMenu li ul li a.active:hover, #mainMenu ul.mainMenu li ul li a.active:active { display: block; width: 151px; height: 25px; font-size: 14px; color: #117851; text-decoration: none; line-height: 25px; ; background-color: #fff;} #mainMenu ul.mainMenu li ul li a span { position: relative; left: 10px;} #mainMenu ul.mainMenu li ul li.lastNode { border-bottom: 1px solid #21815d; } /* body */ #hbody { position: relative; float: left; overflow: hidden; width: 960px; height: auto; z-index: 2; min-height: 400px; background: url(pics/background.gif) repeat-y; } #holder .tpl li { list-style-position: inside; } /*TPL - generalMenu*/ #generalMenu { float: left; position: relative; height:auto; background: url(pics/generalMenu_BG.gif) repeat-x; padding-left: 35px; width: 200px; overflow:hidden;} #generalMenu h2 {color: #7d378a; margin-bottom: 35px; position: relative; left: 10px; } #generalMenu ul { position: relative; width: 185px; list-style: none; } #generalMenu ul.generalMenu li{ position: relative; min-height: 26px; width: 185px; background: #FFF; border-bottom: 2px solid #4398ab; } #generalMenu ul.generalMenu li.lastNode{ border: none; } #generalMenu ul.generalMenu li a, #generalMenu ul.generalMenu li a:link, #generalMenu ul.generalMenu li a.active { font-weight: bold; width: 175px; display: block; min-height: 16px; padding: 5px 0 5px 10px; font: 14px/16px Arial,Helvetica,sans-serif; color: #7d378a; text-decoration: none; /*background: #FFF;*/ } * html #generalMenu ul.generalMenu li a, * html #generalMenu ul.generalMenu li a:link, * html #generalMenu ul.generalMenu li a.active { height: 16px; } #generalMenu ul.generalMenu li a:hover, #generalMenu ul.generalMenu li a.active, #generalMenu ul.generalMenu li a.mouse, #generalMenu ul.generalMenu li a.active:visited, #generalMenu ul.generalMenu li a.active:hover, #generalMenu ul.generalMenu li a.active:active { background: #c6f2f4; /*border-bottom: 1px solid #b1e2ea;*/ } /*#generalMenu .generalMenu span { position: relative; left: 10px; }*/ #generalMenu ul.generalMenu li ul { position: relative; display:none; } #generalMenu ul.generalMenu li ul.active { position: relative; display:block; } #generalMenu ul.generalMenu li ul.active li { background: #e6fafb; border-bottom: 1px solid #b1e2ea; } #generalMenu ul.generalMenu li ul a:hover, #generalMenu ul.generalMenu li ul a.active, #generalMenu ul.generalMenu li ul a.mouse, #generalMenu ul.generalMenu li ul a.active:visited, #generalMenu ul.generalMenu li ul a.active:hover, #generalMenu ul.generalMenu li ul a.active:active { background: #d8f6f8; } #generalMenu ul.generalMenu li ul.active li a { width: 165px; padding: 5px 0 5px 20px; } #generalMenu ul.generalMenu li a.mother { background: url(pics/dquote_down.gif) no-repeat 99% 50%;} #generalMenu ul.generalMenu li a.mother:hover { background: #c6f2f4 url(pics/dquote_down.gif) no-repeat 99% 50%; } #generalMenu .specialcontent { width: 175px; margin-top: 90px; padding-left: 10px; color: #2a2a2a; } #generalMenu .specialcontent a { color: #2a2a2a; } #generalMenu .specialcontent h2 {margin: 0px; border-bottom: 1px solid #4398AB; height: 20px; left: 0px; } /* breadcrum */ #breadcrumMenu { float: left; width: 610px; position: relative; top: 0; left: 0; height: 26px; list-style: none; padding-bottom: 20px; } #breadcrumMenu ul.breadcrumMenu { border-bottom: 1px solid #abdfe7; height: 26px; } #breadcrumMenu ul.breadcrumMenu li { position:relative; float:left; padding-left: 10px; padding-right: 17px; /*padding: 2px 10px 2px 4px;*/ height: 26px; background: url(pics/divBreadCrum.gif) no-repeat 100% 5px; list-style: none; } #breadcrumMenu ul.breadcrumMenu li a { position:relative; float:left; color:#4398ab; font: 13px Arial, Verdana, Helvetica, sans-serif; text-decoration:none; } #breadcrumMenu ul.breadcrumMenu li a:hover { text-decoration:underline; } #breadcrumMenu ul.breadcrumMenu li.firstNode { padding-left: 0px; } #breadcrumMenu ul.breadcrumMenu li.lastNode { background:transparent; color:#61276c; font: 13px Arial, Verdana, Helvetica, sans-serif;} #breadcrumMenu ul.breadcrumMenu li.lastNode span { position:relative; float:left; } /* TPL */ #hbody .tpl { float: left; width: 740px; padding-left: 0px; padding-right: 0px; padding-top: 55px; } /* CONTENT */ #hbody #content { float: left; width: 518px ; min-height: 400px; padding: 18px 25px 18px 35px; margin: 0} * html #hbody #content { height: 400px; } #hbody #content a.more { color: #C4D52A; font-size: 13px; text-decoration: underline; font-weight: bold; } /* LOGO_ONDER */ #hbody .Logo_Onder {float: right; padding-top: 20px; padding-bottom: 20px;} #hbody .Logo_Onder img {float: right; padding-top: 20px; margin-left: 20px; } /* FOOTER */ #footer { position: relative; margin: 0 auto; width: 960px; text-align: left; z-index: 1; background: url(pics/balk_onder.gif) no-repeat 0px 0px; height: 34px; } #footer .end {z-index: 999; position: relative; width: 170px; height: 156px; bottom: 132px; left: 40px; background: #fff url(pics/left_box_bg2.gif) no-repeat 0 bottom; } #footer #footMenu { float: left; width: 100%; position: relative; top: 10px; } #footer #footMenu ul.footMenu { display: block; margin: 0; padding: 0 10px 0 0; list-style: none; float: right;} #footer #footMenu ul.footMenu li { float: left; border-right: 1px solid #949494; text-align: center; } #footer #footMenu ul.footMenu li.lastNode { border: none; } #footer #footMenu ul.footMenu li a { padding: 0 8px; margin: 0; line-height: 13px; text-decoration: none; color: #949494; } * html body #footMenu ul.footMenu a {display: inline; } #footer #footMenu ul.footMenu li a:link, #footMenu ul.footMenu li a:visited {text-decoration: none; color: #949494; } /* LEFTBOX */ #hbody .leftbox { float: left; width: 170px; padding-left: 50px; } #hbody .leftbox #beeldwissel { float: left; padding-left: 5px; /*background-color: #fff;*/ width: 165px; height: 231px; } #hbody .leftbox #beeldwissel .beeldwissel{ width: 154px; height: 231px;} #hbody .leftbox #beeldwissel .hoek{ position: absolute; background: url(pics/hoek.gif) no-repeat 0 0; top: 144px; left: 55px; width: 154px; height: 231px; } /* Search Bar */ #hbody .leftbox #searchBox { height: 67px; float: left; width: 170px; padding-top: 77px; background: #fff url(pics/balk.gif) repeat-x 0 130px ; } #searchBox input { padding-left: 5px;margin-left: 5px; float: left; background: url(pics/search_bar.gif) no-repeat; width: 153px; float:left; border-width:0; height: 24px; } #searchBox h2 { display: none; } #searchBox a { display: block; float:left; height: 20px; border:0; font-size: 14px; margin: 0 0 .4em 0; line-height: 1em; color: #33834a;float: right; margin-right: 12px;} /* LOGIN BOX */ #hbody .leftbox .loginBox { float: left; width: 165px; padding-left: 5px; min-height: 257px;} #hbody .leftbox .loginBox h2{ margin-top: 5px; font-size: 12px; } *html #hbody .leftbox .loginBox { height: 257px; } #hbody .leftbox .loginBox form{ float: left; background: url(pics/balk.gif) repeat-x 0 bottom; width: 154px;} #hbody .leftbox .loginBox .end h2 { color:} .loginBox input { background: url(pics/search_bar.gif) no-repeat; position: relative; width: 153px; float:left; margin: 2px 0px 0px 1px; padding-left:4px; border-width:0; height: 24px; padding-bottom: 12px; } .loginBox a, .loginBox a:visited { display: block; float:left; height: 20px; border:0; font-size: 14px; margin: 0 0 .4em 0; line-height: 16px; color: #33834a;float: right; margin-right: 12px;} /* RIGHT IMAGES */ #right_images { float: left; width: 146px; list-style: inside; list-style: none; /*height: 593px;*/ overflow: hidden;} #right_images ul#right_images { float: left; } #right_images ul#right_images img{ float: right; } #right_images li { width: 146px; height: 99px; margin: 0; padding: 0; overflow: hidden; } /* * html #right_images { height: 576px; overflow: hidden;}*/