/* ------CSS for BouwLokalen----- */ /* -------Marcel Villerius------- */ /* ------------140609------------ */ /* ------VANUIT JS----- */ /* volgende classe worden dmv. js omgedraaid!, indien beschikbaar uiteraard... */ .js_hide{display:block;} .js_show{display:none;} /* -------GENERAL------- */ body{background:#febe00 url(/images/background.gif) repeat-x left top;padding:0;margin:0;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;font-size:13px;color:#272724;} hr {display:none;height:0;padding:0;margin:0;} img {border:none;margin:0;padding:0;} a{color:#CF8600;text-decoration:none;} a:hover{text-decoration:underline;} #logo {left:119px;margin:0;position:absolute;} #container{margin:0 auto;width:960px;} #content{background:#fff url(/images/content_bottom.gif) no-repeat left bottom;} #main-content{padding:0 23px;clear:both;} h2{color:#369;font-family:arial;font-size:26px;font-weight:normal;margin:0 0 0.5em;padding:0;} h3{color:#000;font-family:arial;font-size:14px;font-weight:bold;margin-bottom:3px;padding:0;} p{margin-top:0;} ul{margin:0 0 1em;padding:0 0 0 1.2em;} .clear {clear:both;} #header{background:url(/images/content_top.gif) no-repeat left bottom;height:151px;position:relative;} #primary form {margin:0;padding:0;} .login{background:#F3F3F3 none repeat 0 0;padding:50px;width:300px;} .application{background:#F3F3F3 none repeat 0 0;padding:30px;width:340px;} .login label, .application label{color:#000;} .login input, .login select, .application input, .application select{width:200px;margin:5px 0;} .login input.submit, .application input.submit{margin:20px 0 0 105px;width:100px;} .login h3{margin:-20px 0 10px;} .application h3{margin:-20px 10px 10px;} .application h4{margin-top:0;} .application a{float:right;} #primary .application img{margin:0 0 0 8px} .more{background:url(/images/bullet.gif) no-repeat 0 .5em;padding-left:7px;} .person{background-color:#e8e8e8;margin:10px;padding:20px;} /* -------PRIMARY------- */ #primary img{float:left;margin:5px 15px 10px 0;} #primary ul.products{padding:0;list-style:none;background:url(/images/border.gif) repeat-x 0 0;margin-top:30px;} #primary ul.products li{background:url(/images/border.gif) repeat-x left bottom;} #primary ul.products li a{background:url(/images/c_b_blue.gif) no-repeat 0 0.45em;padding:4px 0 4px 18px;} #primary{float:left;margin:30px 25px 50px;width:430px;} #primary img.big-image, .locatie img{padding:4px;border:1px solid #ccc;margin:10px 0;float:none;} #primary li{padding:2px 0;} /*#primary li a{background:url(/images/bullet_oud.gif) no-repeat 0 0.5em;color:#000;text-decoration:none;display:block;padding-left:0.8em;}*/ #primary li a:hover{color:#CF8600;} #primary table{text-align:left;width:430px;border-spacing:0;} #primary table th{background:#0B3662;color:#FFFFFF;font-family:arial;padding:3px 2px;text-transform:uppercase;} #primary table td{line-height:2em;vertical-align:top;} #primary table a{background:url(/images/c_b_orange.gif) no-repeat 0 .15em;padding-left:17px;} #primary .locatie{margin-bottom:20px;} #primary .locatie ul{list-style:none;margin:0;padding:0;} #primary .locatie li.title{color:#000;font-family:arial;font-weight:bold;} #primary .locatie img{float:left;margin:5px 20px 0 0;} #primary-archief{float:left;margin:30px 25px 50px;width:635px;} #primary-archief #techniek, #primary-archief #proces{float:left;width:300px;} #primary-archief #techniek h3{background:url(/images/techniek.gif) no-repeat;font-weight:normal;color:#444;font-size:18px;height:33px;padding-left:37px;font-family:arial;} #primary-archief #proces h3{background:url(/images/proces.gif) no-repeat;font-weight:normal;color:#444;font-size:18px;height:33px;padding-left:36px;font-family:arial;} #primary-archief ul{background:url(/images/border.gif) repeat-x 0 0;margin-top:10px;width:275px;list-style:none;padding:0;} #primary-archief li{background:url(/images/border.gif) repeat-x left bottom;padding:4px 0 6px;} #primary-archief li a{color:#000;text-decoration:none;display:block;background:url(/images/bullet.gif) no-repeat 0 0.5em;padding-left:0.7em;} #primary-archief li a:hover{color:#CF8600;} #primary-home{float:left;margin:30px 0 50px 25px;width:375px;} h3.bgheader{background:#0B3662;color:#fff;padding:3px 10px;text-transform:uppercase;margin:0;} .bijeenkomst h4{background:url(/images/c_b_orange.gif) no-repeat 0 .8em;font-family:arial;margin:0;padding:10px 0 0 18px;font-size:15px;} .bijeenkomst p.description{margin:0;padding-left:18px;} .bijeenkomst p.dates{margin:0;padding:0 0 10px 18px;color:#999;background:url(/images/border.gif) repeat-x left bottom;} .bijeenkomst{display:block;color:#444;} .bijeenkomst:hover{background:url(/images/hb360.gif) repeat-y top left;text-decoration:none;} #map{float:left;margin-top:75px;} #video{float:left;margin:38px 0 50px;width:511px;position:relative;z-index:0;} #video #nieuwsbrief, #video #archief{float:left;margin:20px 0 0 10px;width:245px;} #video #nieuwsbrief h3{margin:0;background:url(/images/nieuwsbrief.gif) no-repeat;font-weight:normal;color:#444;font-size:18px;height:33px;padding-left:45px;font-family:arial;} #video #archief h3{margin:0;background:url(/images/archief.gif) no-repeat;font-weight:normal;color:#444;font-size:18px;height:33px;padding-left:36px;font-family:arial;} #video img{margin-bottom:20px;} #video p{padding:5px 20px 0 0;margin:0 0 2px;} #video #nieuwsbrief p{padding-left:10px;} #video a {background:transparent url(/images/bullet.gif) no-repeat 0 0.5em;padding-left:0.7em;} #video #nieuwsbrief a{margin-left:10px;} /* -------SECONDARY------- */ #secondary{float:left;width:208px;} #secondary #links{background:url(/images/dossier_links.gif) no-repeat top left;height:300px;margin-top:60px;padding:0 15px;position:relative;} #secondary ul{list-style:none;padding:0;margin:0;} #secondary li{padding:5px 0 7px;background:url(/images/border.gif) repeat-x left bottom;} #secondary li a{padding-left:1.9em;text-decoration:none;color:#000;display:block;line-height:1.4em;} #secondary li a:hover, #secondary li a.active{color:#CF8600;} #secondary li a.inleiding{background:url(/images/inleiding.gif) no-repeat 0 .1em;} #secondary li a.publicaties{background:url(/images/publicaties.gif) no-repeat 0 .1em;} #secondary li a.presentaties{background:url(/images/presentaties.gif) no-repeat 0 .1em;} #secondary li a.verslag{background:url(/images/verslag.gif) no-repeat 0 .1em;} #secondary li a.links{background:url(/images/links.gif) no-repeat 0 .1em;} #secondary li a.cursussen{background:url(/images/cursussen.gif) no-repeat 0 .1em;} #secondary li a.agenda{background:url(/images/agenda.gif) no-repeat 0 0;} #secondary .back{background:url(/images/button_back.gif) no-repeat 0 0;width:140px;padding:5px 2px 9px 33px;position:absolute;top:185px;left:17px;color:#000;text-decoration:none;} #secondary a.back:hover {color:#CF8600;} /* -------SUBNAV------- */ #subnav{float:left;margin-top:35px;padding-right:18px;width:208px;height:345px;background:url(/images/subnav_border.gif) no-repeat top right;text-align:right;} #subnav ul{list-style:none;padding:0;border-top:1px solid #eae7e0;margin:25px 0 0;} #subnav li {border-bottom:1px solid #eae7e0;} #subnav li a {background:url(/images/subnav_bullet.gif) no-repeat 100% 53%;display:block;padding:6px 20px 6px 0;text-decoration:none;color:#444;} #subnav li a:hover{background:#f3f3f3 url(/images/subnav_bullet.gif) no-repeat 100% 53%;color:#444;} #subnav li a.active{background:#f3f3f3 url(/images/bullet.gif) no-repeat 100% 53%;} /* -------MAINNAV------- */ #mainnav{height:32px;margin:0 20px;padding:0;background: url(/images/menu-bg.gif) repeat-x;list-style:none;position:relative;z-index:100;} #mainnav li {position: relative;height:32px;float:left;padding:1px 2px 0 0;} #mainnav li.left {height:32px;width:10px;background: url(/images/menu-left.gif) no-repeat;margin:0 210px 0 0;padding: 0;} #mainnav li.right {height:32px;width:10px;background: url(/images/menu-right.gif) no-repeat;position:absolute;right:-1px;padding:0;} #mainnav li a {display:block;text-decoration:none;color:#fff;line-height:32px;padding:0 0 0 10px;background:url(/images/tab-left.gif) no-repeat left top;} #mainnav li a:hover, #mainnav li a.active, #mainnav li:hover a, #mainnav li.sfhover a {background-position:0 -32px;} #mainnav li a span{background: url(/images/tab-right.gif) no-repeat top right;padding:8px 12px 8px 0;margin:0;} #mainnav li a:hover span, #mainnav li a.active span, #mainnav li:hover a span, #mainnav li.sfhover a span{background-position:100% -32px;color:#000;} #mainnav li.selected a {background: url(/images/menu-hover.gif) repeat-x;} .mainnav-background {padding:0;margin:0;width:177px;height:235px;position:absolute;left:0;bottom:0;background:url(/images/dropdown.png) !important;background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/dropdown.png', sizingMethod='scale');z-index:-1;} #mainnav li dl.dropmenu{position:absolute;display:block;left:-999em;height:auto;width:177px;margin:0;padding:0 0 15px 0;background:none;overflow: hidden;} #mainnav li:hover dl.dropmenu, #mainnav li.sfhover dl.dropmenu{left:-5px;top:30px;z-index:1;} #mainnav li dl.dropmenu dd {display:block;height:25px;background:none;float:none;margin:0;} #mainnav li dl.dropmenu dd a {display:block;color:#000;line-height:25px;height:25px;background:none;margin:0 3px 0 5px;padding:0 11px;} #mainnav li dl.dropmenu dd a:hover {background:#0B3A69;color:#fff;} /* -------SEARCH------- */ #mainnav form{position:absolute;top:4px;left:125px;} #mainnav fieldset{border:medium none;padding:0;width:180px;} #mainnav #search.btn{background:url(/images/search_btn.gif) no-repeat 6px 3px;border:none;margin:0;padding:0 0 0 10px;width:25px;cursor:pointer;} #mainnav #search-text{color:#272724;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;font-size:13px;height:16px;width:145px;} /* -------FOOTER------- */ #footer{clear:both;} #inner-footer{font-size:11px;margin:20px;text-align:center;}