* { margin: 0; padding: 0; } @font-face { font-family: "helveticaneue"; src: local(HelveticaNeueLTStd-LtIt); } a:focus, textarea:focus { outline: 0; } body { text-align:center; background: #fff url(/skins/default/pics/body_border_top.gif) repeat-x 0 0;} /* holder */ #holder { position: relative; margin: 0 auto; width: 984px; padding-bottom: 140px; margin-top: 25px; text-align: left; z-index:1; background: url(/skins/default/pics/footer_bg.png) no-repeat 0 100%; } #banner { width: 100%; } #banner div.banner_top { z-index: 3; position: absolute; top: 125px; width: 100%; height: 136px; background: url(/skins/default/pics/banner_bg_top.png) repeat-x 0 0; } #banner div.image {z-index: 2; position: absolute; top: 125px; width: 100%; } #banner div.jaar_25 { z-index: 4; position: absolute; top: 125px; width: 100%; height: 136px; background: url(/skins/default/pics/slogan_25_jaar.png) no-repeat center 0; } #banner div.image div.background { margin: 0 auto; width: 1200px; } #banner div.image div.background div.bg {position: relative; height: 227px; width: 100%; background: url(/skins/default/pics/banner.jpg) no-repeat -650px -80px; } #banner div.image span.left { background: url(/skins/default/pics/banner-left-transparent.png) repeat-y 0 0; position: absolute; top: 0px; left: 0px; height: 100%; width: 197px; } #banner div.image span.right { background: url(/skins/default/pics/banner-right-transparent.png) repeat-y 0 0; position: absolute; top: 0px; right: 0px; height: 100%; width: 197px; } #banner div.image span.top {} /* head */ #header { position: relative; width: 100%; height: 328px; z-index:2; background: url(/skins/default/pics/slogan_25_jaar.png) no-repeat center 102px; } #header .logo { position:absolute; top: 15px; left: 10px; width: 205px; height: 71px; z-index: 2; } #header .logo span { display:none; } #header .logo a {z-index: 2; position:relative; display: block; width: 100%; height: 71px; background: #eee url(/skins/default/pics/logo.png) no-repeat;} #header h2 { z-index: 1; letter-spacing:-1px; text-align: center; font: 28px/30px HelveticaNeueLTStd-LtIt,Helvetica,arial,sans-serif; color: #005fa8; position: absolute; top: 56px; width: 100%; } /* body */ #body { position: relative; background:#fff; z-index:1; margin-top: 45px;} #body .tpl { position: relative; width: 100%; overflow: hidden; color: #000000;} /* content */ #content { position: relative; float: left; width:530px; margin-top: 40px; margin-left: 202px; min-height: 650px; } #content .content { width: 530px; float: left; } /* sub menu box */ #rail { position: absolute; left: 0px; top: 0px; } #rail #subMenuBox { width:180px; margin-bottom: 120px; } #rail #subMenuBox.ontwikkelingen ul.subMenu li.lastNode { display: none; } #rail #subMenuBox img.icon { position: absolute; top: 8px; } #subMenuBox ul.subMenu { position: relative; list-style:none; margin:30px 0 0; width: 100%; } #subMenuBox h3 {margin-top: 12px; } #subMenuBox h3.administratie, #subMenuBox h3.advisering, #subMenuBox h3.expertise, #subMenuBox h3.ontwikkelingen { margin-top: 75px; } #subMenuBox h3 {text-transform: uppercase;} #subMenuBox ul.subMenu li { position: relative; margin: 0; padding: 0; background: transparent; border-bottom: 1px solid #d5e59e; } #subMenuBox ul.subMenu li a, #subMenuBox ul.subMenu li a:active, #subMenuBox ul.subMenu li a:visited, #subMenuBox ul.subMenu li a.active, #subMenuBox ul.subMenu li a.mouse {font: bold 13px/15px Arial; color: #005fa8; display: block; padding: 7px 0px;} #subMenuBox ul.subMenu li a:hover, #subMenuBox ul.subMenu li a.mouse, #subMenuBox ul.subMenu li a.active, #subMenuBox ul.subMenu li a.active:visited, #subMenuBox ul.subMenu li a.active:hover, #subMenuBox ul.subMenu li a.active:active { padding-left: 20px; color: #809216; display: block; background: #f1faff url(/skins/default/pics/submenu_more.png) no-repeat 7px center; } #subMenuBox ul.subMenu li ul { display:none; } #subMenuBox ul.subMenu li.mother a.active { color: #000; background: #ccc; } #subMenuBox ul.subMenu li ul.active { display:block; margin-bottom: 4px; list-style:none; } #subMenuBox ul.subMenu li ul.active li.lastNode { padding-bottom:4px; background:#ccc; } #subMenuBox ul.subMenu li ul.active li a, #subMenuBox ul.subMenu li ul.active li a:active, #subMenuBox ul.subMenu li ul.active li a:visited, #subMenuBox ul.subMenu li ul.active li a.active, #subMenuBox ul.subMenu li ul.active li a.mouse { } #subMenuBox ul.subMenu li ul.active li a:hover, #subMenuBox ul.subMenu li ul.active li a.mouse, #subMenuBox ul.subMenu li ul.active li a.active, #subMenuBox ul.subMenu li ul.active li a.active:visited, #subMenuBox ul.subMenu li ul.active li a.active:hover, #subMenuBox ul.subMenu li ul.active li a.active:active { } /* aanmelden Nieuwsbrief in rail */ #rail .aanmelden { width: 180px; padding-top: 18px; border-top: 1px solid #D5E59E; position: relative; overflow: hidden; } #rail .aanmelden a { display: block; } #rail .aanmelden img { display: inline; float: left; margin-right: 12px; } #rail .aanmelden strong { display: inline; font: bold 14px/16px arial; color: #0060a8; margin-bottom: 25px; } #rail .aanmelden span.more { position: absolute; bottom: 0px; left: 58px; cursor: pointer; } /* newsBox */ #newsBox { margin-bottom: 50px; } #newsBoxMarshoek ul, #newsBox ul { position: relative; list-style:none; margin-top: 8px; } #newsBox h2 { background: url(/skins/default/pics/newsBox_icon.png) no-repeat 0 0; padding-left: 30px; font-weight: normal; } #newsBox ul li { width:100%; overflow:hidden; padding: 10px 0; line-height: normal; color: #005fa8; border-top: 1px solid #99bfdc; } #newsBox ul li.last { } #newsBox ul li strong { margin-top: 4px; font: normal 100%/1em Arial,Helvetica,sans-serif; display: block; } #newsBox ul li h4 { font: 12px/14px Arial;} #newsBox ul li .thumb { float:left; margin: 4px 4px 2px 0; } #newsBox ul li a { color: #005fa8; } /* main menu */ #mainMenu { position: absolute; width: 984px; top:327px; left: 0px; padding:0; z-index:2; } #mainMenu ul.mainMenu { height: 30px; position:relative; display:block; list-style:none; background: url(/skins/default/pics/mainMenu_li_bg.gif) repeat-x 0 0;} #mainMenu ul.mainMenu li { padding-right: 2px; position:relative; float: left; display:block; margin: 0; background: url(/skins/default/pics/mainMenu_divider.png) no-repeat 100% center; } #mainMenu ul.mainMenu li.lastNode { background: none; padding: 0px; } #mainMenu ul.mainMenu ul li.lastNode { background: #005FA8; } #mainMenu ul.mainMenu li.firstNode a, #mainMenu ul.mainMenu li.firstNode a:link, #mainMenu ul.mainMenu li.firstNode a:active, #mainMenu ul.mainMenu li.firstNode a:visited { width: 193px; } #mainMenu ul.mainMenu li.lastNode a, #mainMenu ul.mainMenu li.lastNode a:link, #mainMenu ul.mainMenu li.lastNode a:active, #mainMenu ul.mainMenu li.lastNode a:visited { width: 193px; } #mainMenu ul.mainMenu ul li.lastNode a, #mainMenu ul.mainMenu ul li.lastNode a:link, #mainMenu ul.mainMenu ul li.lastNode a:active, #mainMenu ul.mainMenu ul li.lastNode a:visited { width: 206px; } #mainMenu ul.mainMenu li.lastNode ul li.lastNode { display: none; } #mainMenu ul.mainMenu li.end { background: url(/skins/default/pics/mainMenu_ul_end.gif) no-repeat 0 0; width: 243px; height: 8px; padding: 0px; position: absolute; } #mainMenu ul.mainMenu li span { width: 21px; height: 21px; position: absolute; left: 18px; top: 5px; } #mainMenu ul.mainMenu li a, #mainMenu ul.mainMenu li a:link, #mainMenu ul.mainMenu li a:active, #mainMenu ul.mainMenu li a:visited { height: 20px; text-shadow: 1px -1px 1px #004071; letter-spacing: -1px; text-transform: uppercase; position: relative; float: left; display: block; text-decoration: none; padding: 5px 0px 5px 55px; font: bold 17px/20px Arial, Helvetica, sans-serif; color: #fff; width: 186px; } #mainMenu ul.mainMenu li.firstNode a { background: url(/skins/default/pics/mainMenu_li-left_bg.gif) no-repeat 0 0;} #mainMenu ul.mainMenu li.firstNode a.mouse { background: url(/skins/default/pics/mainMenu_sides_active.gif) no-repeat 0 0;} #mainMenu ul.mainMenu li.lastNode a { background: url(/skins/default/pics/mainMenu_li-right_bg.gif) no-repeat 100% 0; } #mainMenu ul.mainMenu li.lastNode a.mouse { background: url(/skins/default/pics/mainMenu_sides_active.gif) no-repeat 100% 0; } #mainMenu ul.mainMenu li.firstNode a:hover, #mainMenu ul.mainMenu li.firstNode a.active, #mainMenu ul.mainMenu li.firstNode a.mouse, #mainMenu ul.mainMenu li.firstNode a.active:link, #mainMenu ul.mainMenu li.firstNode a.active:visited, #mainMenu ul.mainMenu li.firstNode a.active:hover, #mainMenu ul.mainMenu li.firstNodei a.active:active { background: url(/skins/default/pics/mainMenu_sides_active.gif) no-repeat 0 0; } #mainMenu ul.mainMenu li.lastNode a:hover, #mainMenu ul.mainMenu li.lastNode a.active, #mainMenu ul.mainMenu li.lastNode a.mouse, #mainMenu ul.mainMenu li.lastNode a.active:link, #mainMenu ul.mainMenu li.lastNode a.active:visited, #mainMenu ul.mainMenu li.lastNode a.active:hover, #mainMenu ul.mainMenu li.lastNode a.active:active { background: url(/skins/default/pics/mainMenu_sides_active.gif) no-repeat 100% 0; } #mainMenu ul.mainMenu li a:hover, #mainMenu ul.mainMenu li a.active, #mainMenu ul.mainMenu li a.mouse, #mainMenu ul.mainMenu li a.active:link, #mainMenu ul.mainMenu li a.active:visited, #mainMenu ul.mainMenu li a.active:hover, #mainMenu ul.mainMenu li a.active:active { background: url(/skins/default/pics/mainMenu_li-active_bg.gif) repeat-x 0 0; } #mainMenu ul.mainMenu li.firstNode ul { left: 5px; } #mainMenu ul.mainMenu ul { position:absolute; visibility: hidden; width: 243px; height:auto; left: -1px; top: 30px; z-index: 1000; background: #005fa8 url(/skins/default/pics/mainMenu_ul_top.gif) repeat-x 0 0; list-style:none; } #mainMenu ul.mainMenu li ul li { background: none; width: 211px; position: relative; float:none; height: auto; margin:0; padding: 0px 16px 0 16px; } #mainMenu ul.mainMenu li ul li.firstNode { padding-top: 0px; } #mainMenu ul.mainMenu li ul li.lastNode { padding: 2px 16px 0px; /*background: #005FA8 url("/skins/default/pics/mainMenu_ul_li_border_top.png") no-repeat scroll center 0;*/ } #holder #mainMenu ul.mainMenu ul li a, #holder #mainMenu ul.mainMenu ul li a:link, #holder #mainMenu ul.mainMenu ul li a:visited, #holder #mainMenu ul.mainMenu ul li a:active, #holder #mainMenu ul.mainMenu ul li a.active { padding: 5px 0px 5px 8px; width: 206px; letter-spacing: 0px; text-transform: none; text-shadow: none; position: relative; float:none; display: block; height:auto; text-decoration: none; margin: 0; background: transparent; font: bold 13px/15px Arial, Helvetica, sans-serif; color: #fff; background: url(/skins/default/pics/mainMenu_ul_li_border_top.png) no-repeat center 0;} #mainMenu ul.mainMenu ul li a:hover, #mainMenu ul.mainMenu ul li a.active:link, #mainMenu ul.mainMenu ul li a.mouse, #mainMenu ul.mainMenu ul li a.active:visited, #mainMenu ul.mainMenu ul li a.active:hover, #mainMenu ul.mainMenu ul li a.active:active { background-color: #0078bb;} #mainMenu ul.mainMenu ul ul {display: none; } /* breadcrum */ #breadcrumMenu ul { margin:0; } #breadcrumMenu ul.breadcrumMenu { position:absolute; top: -40px; left: 0px; width: 780px; padding: 10px 0; height: 12px; list-style: none; } #breadcrumMenu ul.breadcrumMenu li { position:relative; float:left; padding: 2px 10px 2px 4px; height: 11px; background: url(/skins/default/pics/homeMenu_span_bg.png) no-repeat 100% 7px; } #breadcrumMenu ul.breadcrumMenu li a { text-decoration:underline; position:relative; float:left; color:#007bda; font: 12px/14px Arial, Helvetica, sans-serif; } #breadcrumMenu ul.breadcrumMenu li a:hover { text-decoration:underline; } #breadcrumMenu ul.breadcrumMenu li.firstNode { padding-left:0;} #breadcrumMenu ul.breadcrumMenu li.lastNode { background:transparent; } #breadcrumMenu ul.breadcrumMenu li.lastNode span { position:relative; float:left; color:#007bda; font: 12px/14px Arial, Helvetica, sans-serif; text-decoration:none; } /* topMenu */ ul.topMenu { position: absolute; top: -20px; right: 0px; } ul.topMenu li { list-style: none; display: inline;} ul.topMenu li ul { display: none; } ul.topMenu li a { padding: 0px 15px 0px 15px; background: url(/skins/default/pics/topmenu_divider.png) no-repeat 100% bottom; color: #003359; } ul.topMenu li a:visited, ul.topMenu li a:link { color: #003359; font: 12px/14px Arial; } ul.topMenu li a.active, ul.topMenu li a:hover { color: #006ec3; text-decoration: underline; } ul.topMenu li.links { margin: 0px 6px; } ul.topMenu li.links a { background: url(/skins/default/pics/topMenu.png) no-repeat 100% 0; padding: 7px 45px 3px 15px; position: relative; overflow: hidden;} ul.topMenu li.links span.left { background: url(/skins/default/pics/topMenu_left.png) no-repeat 0 0; width: 13px; height: 24px; position: absolute; left: -10px; top: 0px; } /* footer */ #footer { width: 100%; clear: both; height: 200px; background: #fff; background: #f8f8f8 url(/skins/default/pics/footer_border_top.png) repeat-x 0 0; } #footMenu { position: absolute; bottom: -40px; right: 0px; color: #5c5c5c;} #footMenu ul{ } #footMenu ul li { display: inline; list-style: none; } #footMenu ul li.firstNode a { margin-left: 15px; } #footMenu ul li.lastNode a { } #footMenu ul li a { padding: 0 15px; color: #5c5c5c; font: 14px/16px Arial; background: url(/skins/default/pics/footmenu_divider.png) no-repeat 0 center; } #footMenu ul li a:link, #footMenu ul li a:visited { color: #5c5c5c;} #footMenu ul li a:hover, #footMenu ul li a:active, #footMenu ul li a.active, #footMenu ul li a:visited.active { } #footMenu ul li a.active, #footMenu ul li a:visited.active { } #kolom { width: 210px; float: right; margin-top: 40px; } #kolom div.referenties { margin-bottom: 40px; } #kolom ul.expertise li, #kolom div#newslist_rail li, #kolom div.referenties li { list-style: none; color: #005da8; border-top: 1px solid #bed3e3; padding: 10px 0px; } #kolom ul.expertise h2 { background: url(/skins/default/pics/expertise_icon.png) no-repeat 0 0; padding-left: 30px; font-weight: normal; } #kolom div.referenties h2 { background: url(/skins/default/pics/referenties_icon.png) no-repeat 0 0; padding-left: 30px; font-weight: normal; } #kolom ul.expertise li a, #kolom div#newslist_rail a, #kolom div.referenties li a { color: #005da8; } #kolom ul.expertise li strong, #kolom div.referenties li strong { font: 12px/14px Arial; } #kolom #newslist_rail h2 { font-weight: normal; text-transform: capitalize; } address { position: absolute; left: 215px; bottom: 15px; } address span { color: #0060a8; font: 14px/16px Arial; padding-left: 10px;} address span a, address span a:link, address span a:hover, address span a:visited { color: #0060a8; } address span.divider { background: url(/skins/default/pics/adress_divider.png) no-repeat 100% center; padding: 0 10px; } #volgOns { position: absolute; bottom: -40px; left: 215px; color: #0060a8; } #volgOns ul.volgOns li.head {margin-right: 12px;} #volgOns ul.volgOns li { margin-right: 6px; display: inline; } #volgOns ul.volgOns li img { } a.more:hover, a.more:visited, .more { padding-right: 10px; background: url(/skins/default/pics/homeMenu_span_bg.png) no-repeat 100% center; color: #0077d7; } a:hover .more { text-decoration: none; } a.button { position:relative; display:block; float:right; margin:0px; padding:6px 30px 7px 6px; background: url(/skins/default/pics/button_submit.png) no-repeat 100% 0; font: bold 14px/16px Arial,Helvetica,sans-serif; color:#fff;} a.button:visited, a.button:hover, a.button:link { color: #fff; } a.button b { position:absolute; left:-12px; top:0; height:29px; width:12px; background: url(/skins/default/pics/button_submit-left.png) no-repeat; } a.banner { margin-bottom: 25px; display: block; } #button { width: 100%; overflow: hidden; padding-top: 10px; border-top: 3px solid #01B5E0; } #button ul { margin-left: 0px; } #button ul.deel { float: left; } #button ul.social, ul.newsletterlist { float: right; list-style: none; margin-left: 0px; } #button li { float: left; list-style: none; padding-right: 10px; }