html { padding: 0; margin: 0; background: #3aa4b2 url(../../images/default/bg_body.jpg) repeat-x; }
body {
margin: 0;
padding: 0;
height: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
behavior: url('htc/csshover.htc');
}
/* standard elements */
img { border: 0; /*behavior: url('htc/pngbehavior.htc');*/ }
p { margin: 0; }
table { }
a { color: #3aa4b2; text-decoration: none; }
h2 { color: #424242; font-size: 1.4em;margin: 1em 0 1em 0; padding: 0; font-family: arial, helvetica, sans-serif; }
h3 { color: #424242; font-size: 1.3em;margin: 1em 0 1em 0; padding: 0; font-family: arial, helvetica, sans-serif; }
.error, .alert, div.mceContentBody .error, div.mceContentBody .alert { color: #ff0000; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display: inline-block; clear:both; }
* html .clearfix {height: 1%;}
/* to center the website */
div.wrapper { position: relative; width: 950px; height: 100%; margin: 0 auto; padding: 0; text-align: left; }
div.mainwrap { padding-top: 52px; }
div.bgcontent {background: #ffffff; padding: 145px 0 50px 0; /* safari hack to show full width background image */ }
/* div.bgcontent { background: url(../../images/default/bg_shadow_main.png); padding: 145px 20px 50px 20px; behavior: url('htc/iepngfix.htc'); /* safari hack to show full width background image width: 950px; } */
div.imagereplace { height: 20px; }
div.imagereplacebottom { height: 50px; }
img.logo { position: absolute; top: 215px; left: 700px; }
img.headerimg { position: absolute; top: 52px; left: 0; width: 950px; height: 150px; }
div.menu { float: right; width: 180px; padding: 0 0 0 20px; background: #ffffff; font-family: Arial, Helvetica, sans-serif; }
div.maincontent { float :right; width: 750px; background: #ffffff; min-height: 500px; }
* html div.maincontent { height: 500px; }
div.content { float: left; width: 470px; background: #ffffff; }
div.side { float: right; width: 225px; background: #ffffff url(../../images/default/bg_side.gif) ; margin: 150px 0 0 0; border-right: 25px solid #ffffff; }
div.side div.padbox { padding: 15px; }
/* homepage */
div.introflash { position: absolute; top: 52px; /*left: 20px;*/ width: 950px; height: 300px; }
div.hpintro { margin-bottom: 25px; font-size: 1.2em; color: #424242; }
div.hpintro img { margin-bottom: 8px; }
div.hpintro a { color: #424242; font-size: 0.9em; }
div.hpintro a:hover, div.hpintro img:hover { color: #3AA4B2; }
div.hpintro div.hpontwikkelen { float: left; width: 226px; border-right: 19px solid #ffffff; }
div.hpintro div.hpinvesteren { float: left; width: 226px; border-right: 19px solid #ffffff; }
div.hpintro div.hporganiseren { float: left; width: 226px; }
div.hpintro a h2 { position: absolute; margin-top: 4.3em; width: 19em; line-height: 2.1em; font-size: 1em; font-weight: bold; background: #ffffff; }
div.hpside { margin: 0; }
div.hpcontent { padding-top: 295px; }
span.hp_img_title { color: #000000; font-weight: bold; }
/* menu */
form.searchbox { width: 150px; font-size: 1em; }
form.searchbox label { display: none; }
form.searchbox input.text { width: 90px; border: 1px solid #8c8c8c; padding: 1px 2px;}
form.searchbox input.button { width: 40px; margin: 0; padding: 0; border: none; background: #ffffff; font-weight: bold; font-size: 1.1em; }
form.searchbox input.button:hover { color :#42B7C8; }
/* level 1 */
ul.menu { margin: 14px 0 5px 0; padding: 0; }
ul.menu li { list-style: none; margin: 0; padding: 0; }
ul.menu li a { margin: 0; padding: 0; text-decoration: none; display: block; width: 180px; padding: 12px 0 0 0; font-size: 1.8em; font-weight: bold; color: #000000; }
ul.menu li:hover a { color: #3aa4b2; }
ul.menu li.selected a { color: #3aa4b2; }
ul.menu li ul { margin: 0 0 5px 0; padding: 0; }
ul.menu li ul li { list-style-type:disc; margin: 0 0 0 20px; padding: 0; color: #424242; }
ul.menu li ul li a { font-size: 1.4em; color: #424242; padding: 3px 0; width: 150px; line-height: 1em; }
ul.menu li.selected ul li a { color: #424242; }
ul.menu li ul li a:hover { color: #3aa4b2; }
ul.menu li ul li.selected a { color: #3aa4b2; }
/* submenu */
ul.submenu { margin: 10px 0; padding: 0; }
ul.submenu li { list-style: none; }
ul.submenu li a { margin: 0; padding: 0; text-decoration: none; display: block; width: 180px; padding: 5px 0; font-size: 1.3em; color: #000000; font-weight: bold; }
ul.submenu li a:hover { color: #3aa4b2; }
ul.submenu li.selected a { color: #3aa4b2; }
/* level 2 */
ul.submenu li ul { margin: 0 0 5px 0; padding: 0; }
ul.submenu li ul li { list-style-type:disc; margin: 0 0 0 20px; padding: 0; color: #424242; }
ul.submenu li.selected ul li a { font-size: 1.4em; color: #000000; padding: 3px 0; width: 150px; line-height: 1em; font-weight: normal; }
ul.submenu li ul li a:hover { color: #3aa4b2; }
ul.submenu li.selected ul li.selected a { color: #3aa4b2; }
div.breadcrumbs { height: 45px; }
div.breadcrumbs a.first { font-weight: bold; color: #3aa4b2; }
div.breadcrumbs a { font-size: 1.4em; color: #424242; text-decoration: none; padding: 0 3px; }
ul.servicemenu { position: absolute; padding: 0; margin: 0; margin: 8px 0 0 15px; }
ul.servicemenu li { float: left; list-style-type: none; display: block; }
ul.servicemenu li span,
ul.servicemenu li a { padding: 0 5px; color: #000000; text-decoration: none; font-size: 1.1em; }
ul.servicemenu li a:hover { color: #ffffff; }
div.bumper { height: 40px; }
a.gogo { font-style: italic; }
div.date { font-style: italic; }
/* rss inzet */
div.rssboom { margin-bottom: 1em; }
div.rssboom h5 { margin: 0; padding: 0; }
div.rssboom span.rsssource { float: left; width: 3.5em; font-size: 0.9em; color: #424242; font-weight: bold; }
div.rssboom a.rsssource { float: left; width: 14em; font-size: 0.9em; }
div.rssboom span.rssdate_k { float: left; width: 4.5em; font-size: 0.9em; color: #424242; font-weight: bold; }
div.rssboom span.rssdate_v { float: left; width: 12.0em; font-size: 0.9em; color: #000000; }
/* form styles */
div.content form { margin: 0; padding: 1em 0; }
div.content form span.formerror { color: #ff0000; }
div.content form span.formrequired { color: #ff0000; font-weight: bold; }
div.content form input.text, input.search-box2 { border: 1px solid #8c8c8c; }
div.content form input.radio { }
div.content form input.checkbox { }
div.content form input.checkbox { }
div.content form textarea { border: 1px solid #8c8c8c; }
div.content form label { font-weight: bold; }
button { border: 1px solid #42B7C8; font-weight: bold;background: #ffffff url(../../images/default/bg_side.gif); }
form.blinkerinsert { margin: 0; padding: 1em 0; }
form.blinkerinsert input.button { border: 1px solid #42B7C8; font-weight: bold;background: #ffffff url(../../images/default/bg_side.gif); }
form.blinkerinsert input.text { border: 1px solid #8c8c8c; }
form.blinkerinsert td { font-weight: bold; }
form.blinkerinsert td input { font-weight: normal; }
form.blinkerinsert2 { margin: 0; padding: 1em 0; }
form.blinkerinsert2 input.button { border: 1px solid #42B7C8; font-weight: bold; background: #ffffff; }
form.blinkerinsert2 input.text { border: 1px solid #8c8c8c; }
form.blinkerinsert2 td { font-weight: bold; }
form.blinkerinsert2 td input { font-weight: normal; }
/* searchengine */
div.searchengine div.resultshead { }
div.searchengine div.resultpagination { }
div.searchengine div.resultpagination span { display: block; float: left; height: 1.5em; width: 1.5em; margin: 0.2em; text-align: center; border: 1px solid #ffffff; }
div.searchengine div.resultpagination a { display: block; float: left; height: 1.5em; width: 1.5em; margin: 0.2em; text-align: center; text-decoration: none; border: 1px solid #42B7C8; font-weight: bold; }
div.searchengine div.searchstars { font-size: 2em; margin: 0.5em 0 -0.5em; font-weight: bold; }
div.searchengine div.searchresultitle { }
div.searchengine div.searchresultitle a { }
div.searchengine div.searchresultlocation { font-style:italic; }
div.searchengine div.searchresultdescription a { text-decoration: none; color: #000000; }
div.searchengine div.searchresultdescription a:hover { text-decoration: underline; }
/* light box */
div.lightbox { position: absolute; left: 0em; width: 100%; z-index: 100; text-align: center; line-height: 0em; }
div.lightbox a img { border: none; }
div.outerimagecontainer { position: relative; background-color: #ffffff; width: 250px; height: 250px; margin: 0em auto; }
div.imagecontainer { padding: 10px; }
div.loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0em; }
div.hovernav { position: absolute; top: 0em; left: 0em; height: 100%; width: 100%; z-index: 10; }
div.imagecontainer>div.hovernav { left: 0em; }
div.hovernav a { outline: none; }
a.prevlink, a.nextlink { width: 49%; height: 100%; background: transparent url('../../images/default/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block; }
a.prevlink { left: 0em; float: left; }
a.nextlink { right: 0em; float: right; }
a.prevlink:hover, a.prevlink:visited:hover { background: url('../../images/default/lightbox/prevlabel.gif') left 15% no-repeat; }
a.nextlink:hover, a.nextlink:visited:hover { background: url('../../images/default/lightbox/nextlabel.gif') right 15% no-repeat; }
div.imagedatacontainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #ffffff; margin: 0em auto; line-height: 1.4em; overflow: auto; width: 100% }
div.imagedata { padding:0 10px; color: #666; }
div.imagedata div.imagedetails { width: 70%; float: left; text-align: left; }
div.imagedata span.caption { font-weight: bold; }
div.imagedata span.numberdisplay { display: block; clear: left; padding-bottom: 1.0em; }
div.imagedata a.bottomnavclose { width: 66px; float: right; padding-bottom: 0.7em; }
div.overlay { position: absolute; top: 0em; left: 0em; z-index: 90; width: 100%; height: 500px; background-color: #000000; }
div.imagebank { padding: 4px; margin-right: 5px; background-color: #ffffff;}
div.ibtree { padding: 4px; margin-right: 5px; background-color: #ffffff; border: solid 1px #ffffff; overflow: auto; }
div.imagebanktreeitem { height:18px; margin: 0px; padding:0px; }
div.imagebanktreeitem div { top :0px; margin: 3px 0px 2px 0px; padding:0px; white-space: nowrap; }
div.imagebanktreeitem div a { font-size: 10px; color: #000000; }
div.imagebanktreeitem img { margin:0px; float:left; height:18px; width: 20px; border: 0px;}
div.imagebankfold { margin: 0px; padding:0px; display: none;}
div.ibresult { border: solid 1px #000000; }
/* social box */
div.social { width:100px;}
div.social a { outline:none;}
div.social div.left {float:left; width:32px;}
div.social div.right { float:left; width:32px;}
span.banner { display:block; width:255px; float:left; margin-bottom: 10px;}