html { padding: 0; margin: 0; height: 100.01%; }
body {
margin: 0;
padding: 0;
height: 100%;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%; /* resets 1em to 10px */
}
img { border-width: 0; behavior:url('htc/pngbehavior.htc'); }
/* standard elements */
p { margin: 0; }
table { }
.error, .alert { color: #ff0000; }
/* scalable background top, full width */
div.bgtop { position:absolute; top: 3.6em; left: 0em; width: 100%; height: 13.2em; background: #669897 url(../../images/default/bg_body.gif) repeat-x; }
/* to center the website */
div.wrapper { position: relative; width: 96em; height: 100%; margin: 0em auto; padding: 0; text-align: left; }
ul.servicemenu { position: absolute; left: 0; top: 1em; margin: 0 ; padding: 0;}
ul.servicemenu li { display: inline; }
ul.servicemenu li a { color: #669796; border-left: 1px solid #000000; padding: 0 1em; font-size: 1.2em; font-weight: bold; text-decoration: none; }
ul.servicemenu li a:hover { color: #006A66; }
ul.servicemenu li a.first { border: none; padding-left: 0;}
ul.servicemenu li a.active { color: #B5191A; }
ul.servicemenu li a.firstactive { color: #B5191A; border: none; padding-left: 0;}
form.searchtop { position: absolute; right: 2.4em; top: 0.8em; text-align: right; }
form.searchtop input.text { border: 1px solid #000000; width: 14.3em; margin-right: 0.2em; }
form.searchtop input.button { border: 1px solid #000000; width: 6.6em; background: #ffffff url(../../images/default/bg_button.gif) repeat-x bottom; font-weight: bold; }
* html form.searchtop input.button { height: 1.5em; }
img.logo { position: absolute; top: 5.8em; left: 2.4em; width: 20.4em; height: 8.4em; z-index: 1; }
img.logodeelsite { position: absolute; top: 5.8em; left: 2.4em; width: 16.3em; height: 6.2em; z-index: 1; }
img.overlay { position: absolute; top: 6em; right: 2.4em; height: 10.8em; width: 62.4em; z-index: 1; }
img.printlogo { display: none; }
img.topimage { position: absolute; top: 6em; right: 2.4em; width: 13.2em; height: 13.2em; z-index: 1; }
img.hptopimage { position: absolute; top: 6em; right: 2.4em; width: 28.8em; height: 28.8em; z-index: 1; }
/* div.slideshow */
div.sldshw { position: absolute; top: 6em; right: 2.4em; width: 61.2em; height: 28.8em; background: #ffffff no-repeat top left; }
div.block { position: absolute; right: 0; top: 16.8em; width: 2.4em; height: 2.4em; background: #cf3d44;}
div.menu { position: absolute; top: 20.2em; width: 28.8em; }
div.menuhp { margin-top: 6.4em;}
ul.menu { margin: 0; padding: 0; background: url(../../images/default/bg_menu_01.gif) repeat-y top left; }
ul.menu li { margin: 0; padding: 0; list-style-type: none; border-bottom: 0.1em solid #006a66; }
html>body ul.menu li { min-height: 2.3em; height: auto; }
* html ul.menu li { height: 2.3em; }
ul.menu li a { width: 21.5em; display: block; padding: 0.2em 0 0 2em; line-height: 1.6em; font-size: 1.2em; color: #000000; font-weight: bold; text-decoration: none; }
ul.menu li a:hover { background:url(../../images/default/li_menu_hover.gif) no-repeat 1em 0.9em; }
ul.menu li ul { background-image: none; margin: 0 0 0.2em 3em; padding: 0; }
ul.menu li ul li { border-bottom: none; }
html>body ul.menu li ul li { min-height: 2em; height: auto; }
* html ul.menu li ul li { height: 2em; }
ul.menu li ul { margin: 0 0 0.2em 2em; }
ul.menu li ul li a { font-weight: normal; padding: 0 0 0 1em; width: 20em; line-height: 1.4em; }
ul.menu li ul li a:hover { text-decoration:underline; }
ul.menu li ul li ul { margin: 0 0 0.2em 2em; }
ul.menu li ul li ul li a { font-weight: normal; padding: 0.1em 0 0.1em 1em; width: 20em; }
html>body ul.menu li ul li ul li { min-height: 1.6em; height: auto; }
* ul.menu li ul li ul li { height: 1.6em; }
ul.menu li.selected ul li.selected ul li a { font-weight: normal; line-height: 1.4em; width: 17.5em; }
ul.menu li.selected ul li.selected ul li.selected a { font-weight: bold; line-height: 1.4em; width: 17.5em; }
ul.menu li.selected ul li.selected ul li.selected ul li a { font-weight: normal; line-height: 1.2em; width: 17.5em; }
ul.menu li.selected ul li.selected ul li.selected ul li.selected a { font-weight: bold; line-height: 1.2em; width: 17.5em; }
ul.menu li.selected { background:url(../../images/default/li_menu.gif) no-repeat 1.2em 0.9em; }
ul.menu a.vjzlink { color: #B5191A; }
ul.menu li.selected a:hover { background-image: none; }
ul.menu li.selected ul li.selected { background:url(../../images/default/li_menu.gif) no-repeat 0em 0.7em; }
ul.menu li.selected ul li.selected a { font-weight: bold; color: #006a66; }
ul.menu li a.section { color: #006a66; }
/* submenu */
ul.submenu { margin: 0; padding: 0.8em 0 2em 0; background: url(../../images/default/bg_menu_02.gif) repeat-y top left; }
ul.submenu li { margin: 0; padding: 0; list-style-type: none; }
ul.submenu li a { width: 100%; display: block; padding: 0.2em 0 0 2em; line-height: 1.2em; font-size: 1.2em; color: #000000; text-decoration: none; }
ul.submenu li a:hover { text-decoration: underline; }
div.intro { position: absolute; width: 28.8em; top: 18.2em; }
div.intro h1 { font-size: 1.2em; color: #006a66; }
div.clearall { clear: both; }
/* content */
div.contentcontainer { position: absolute; top: 20em; left: 32.4em; width: 61.2em; }
div.hpcolumns { margin-top: 16.2em; }
div.columnone { width: 28.8em; float: left; border-top: 0.2em solid #006a66; }
div.columntwo { width: 28.8em; float: right; border-top: 0.2em solid #006a66; }
ul.jumpto { background: #f4f5f3; border: 1px solid #b5cecd; border-bottom: none; margin: 0; padding: 0; }
ul.jumpto li { list-style-type: none; border-bottom: 1px solid #b5cecd; padding: 0.3em; margin: 0; }
ul.jumpto li a { color: #000000; text-decoration: none; }
ul.jumpto li.hpselect { padding: 0; margin: 0; }
select.hpselect { margin: 0; padding: 0; border: 1px solid #e8e9e4; font-weight: bold; }
select.hpselect { border: none; background: #e8e9e4; font-weight: bold; color: #006a66; padding: 0.1em; }
select.hpselect option { font-weight: normal; color: #000000; }
select.hpselect option.more { font-weight: bold; color: #006a66; }
div.content { width: 48em; }
div.hpcolumns div.news { margin: 0.5em 0; padding: 0.5em 0; border-top: 1px dotted #006a66; clear: both; line-height: 1.2em; }
div.hpcolumns div.news a { text-decoration: none; }
div.news span.date { font-size: 0.8em; }
div.news span.title { font-weight: bold; }
div.news div.imgholder { float: left; width: 7em; overflow: hidden; }
img.newsimage { float: left; }
div.newslist div.item { clear: both; margin: 0 0 0.5em 0; padding: 1em 0; border-bottom: 1px dotted #006a66; line-height: 1.2em; }
table tr td.newsarchive { width:120px; vertical-align:top; }
/* breadcrumbs */
div.breadcrumbs { position: relative; }
/* header deelsite */
div.header { position: absolute; left: 32.4em; top: 11.5em; font-family: trebuchet ms, trebuchet, verdana, arial, helvetica, sans-serif; }
div.header h1 { color :#ffffff; font-size: 2em; font-weight: normal }
div.headerdeelsite { position: absolute; left: 20.7em; top: 6.5em; font-family: trebuchet ms, trebuchet, verdana, arial, helvetica, sans-serif; }
div.headerdeelsite h2 { font-size: 3em; color: #ffffff; margin: 0; padding: 0; font-weight: normal; }
div.headerdeelsite h3 { font-size: 1.6em; color: #89aeac; margin: 0; padding: 0; }
div.backhome { position: absolute; top: 16.8em; display: block; background: #89aeac; width: 100%; z-index: 0; height: 2.4em; }
div.backhome a { font-size: 1.2em; font-weight: bold; color: #ffffff; background: url(../../images/default/li_deelsite.gif) no-repeat 0.7em 0.6em;; text-decoration: none; line-height: 1.8em; padding-left: 2em; display: block; width: 20em; }
/* tabbladen */
div.tabbladen { border-bottom: 1px dotted #006a66; padding-bottom: 0.8em; }
div.locatie { position: absolute; border: 2px solid #006A66; background: #ffffff; display: none; margin-top: 0em; padding: 1em; width: 15em; font-size: 1.2em; background: #ffffff url(../../images/default/ico_closex.gif) no-repeat top right; }
div.locatie h3 { margin: 0; padding: 0; }
div.locatie hr { margin: 0.6em 0; }
/* alfabet */
div.alfabet { }
div.alfabet strong {display: block; float: left; color: #CF3D44; padding: 2px 3px 2px 4px; background: #e8e9e4; border-right: 1px solid #b5cecd; border-top: 1px solid #b5cecd; border-bottom: 1px solid #b5cecd; }
div.alfabet a {display: block; float: left; padding: 2px 3px 2px 4px; background: #f4f5f3; text-decoration: none; border-right: 1px solid #b5cecd; border-top: 1px solid #b5cecd; border-bottom: 1px solid #b5cecd; }
div.alfabet a:hover { border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background: #e8e9e4; color: #CF3D44; }
a.rpback { display: block; font-weight: bold; text-align: right; }
div.rprooster { width: 61em; }
div.rprooster table { font-family: Arial, Helvetica, sans-serif; }
div.rprooster table td { border-bottom: 1px solid #ffffff; empty-cells:show; }
div.rprooster table tr td.Bovenregel { background: #CED0C7; font-weight: bold; border-right: 1px solid #ffffff; text-align: center; color: #006A66; }
div.rprooster table tr td.Normaal { background: #D8DAD3; border-right: 1px solid #ffffff; font-size: 0.9em; text-align: center; }
div.rprooster table tr td.NormaalFirstcol{ background: #F6F7F3; border-right: 1px solid #ffffff; font-size: 0.9em; }
div.rprooster table tr td.Accent { font-weight: bold; }
div.rprooster table tr td.Tussenregel { font-weight: bold; color: #006A66; padding-top: 1em; border-bottom: 1px solid #006A66; }
/* foot */
div.foot { text-align: right; padding: 1em; border-top: 1px dotted #006a66; margin: 2em 0; clear: both; }
div.foot a { font-weight: bold; color: #006a66; padding: 1em;}
/* form styles */
div.content form { margin: 2.5em 0 2.5em 0; }
div.content form span.formerror { color: #ff0000; }
div.content form span.formrequired { color: #ff0000; font-weight: bold; }
div.content form input.text { width: 20em; border: 1px solid #006a66; background: #f2f2f1; }
div.content form textarea { width: 20.3em; border: 1px solid #006a66; background: #f2f2f1; }
div.content form select { width: 20em; border: 1px solid #006a66; background: #f2f2f1; }
div.content form input.radio { }
div.content form input.checkbox { float:left; margin-right:10px;}
button { border: 1px solid #000000; background: #ffffff url(../../images/default/bg_button.gif) repeat-x bottom; font-weight: bold; }
.maxwords { width: 1.6em; border: 1px solid #006a66; background: #f2f2f1; }
div.content h1.headerlogin { margin-top: -1.8em; }
div.logintext { margin-bottom: 1em; }
div.loginform { margin: 1em 0; padding: 0.5em; background: #E5E6E1; }
div.loginform label { width: 10em; display: inline-block; font-weight: bold; }
div.loginform p { padding: 0.3em 0; }
/* searchengine */
div.searchengine p.searchstars { font-weight: bold; font-size: 1.6em; color: #006a66; margin-top: 1em; }
div.searchengine span.page { display: block; background: #ffffff; color: #006a66; width: 1.6em; height: 1.6em; float: left; text-align:center; font-weight: bold; border: 2px solid #006a66; }
div.searchengine a.page { display: block; background: #E6E7E3; color: #006a66; width: 1.6em; height: 1.6em; float: left; text-align:center; font-weight: bold; border: 2px solid #ffffff; }
div.searchengine a.page:hover { border: 2px solid #E6E7E3; text-decoration: none; }
div.searchengine a { color: #006a66; }
div.searchengine span.searchresultlocation { }
/* 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.vacaturedownloads { margin-top: -6px; }
.mceContentBody div.vacaturedownloads img.fileicon { margin-top: 0px; margin-right: 0.8em; vertical-align: top; width: 16px; height: 16px; }
div.mceContentBody a.raadpleginglink { display: block; margin-bottom: 5px; color: #669796;}
div.mceContentBody a.raadpleginglink:hover { color: #006A66; }
div.mceContentBody span.raadpleginglink { display: block; margin-bottom: 5px; }
/* wenstelegram */
img.wenstelegram { margin: 0; float: left; clear: both; }
div.slideshowjs { background-color: #ffffff; font-size: 1.1em; font-style: italic; color: #006A66;}
div.slideshowjs img { }
div.mceContentBody div.slideshowjs p { text-align: left; }
/* tijdelijke deelsites */
div.header { position: absolute; left: 32.4em; top: 11.5em; font-family: trebuchet ms, trebuchet, verdana, arial, helvetica, sans-serif; }
div.header h1 { color :#ffffff; font-size: 2em; font-weight: normal }
div.tempdeelsitevjz { }
div.tempdeelsitevjz div.bgtop { background: none; height: 155px; width: 960px; background: url('../../images/default/temp_vjz_deelsite.gif') no-repeat; ; }
div.tempdeelsitevjz div.headerdeelsite { position: absolute; left: 320px; top: 60px; font-family: trebuchet ms, trebuchet, verdana, arial, helvetica, sans-serif; }
div.tempdeelsitevjz div.headerdeelsite h2 { font-size: 3em; color: #ffffff; margin: 0; padding: 0; font-weight: normal; }
div.tempdeelsitevjz div.headerdeelsite h3 { font-size: 1.6em; color: #89aeac; margin: 0; padding: 0; }
div.tempdeelsitevjz div.backhome { position: absolute; top: 16.8em; display: block; background: none; width: 100%; z-index: 0; height: 2.4em; }
div.tempdeelsitevjz div.backhome a { font-size: 1.2em; font-weight: bold; color: #ffffff; background: url(../../images/default/li_deelsite.gif) no-repeat 0.7em 0.6em;; text-decoration: none; line-height: 1.8em; padding-left: 2em; display: block; width: 20em; }
div.tempdeelsitevjz div.block { display: none; }
div.tempdeelsitevjz img.logodeelsite { left: 6em; top: 7em; }
div.tempdeelsitevjz canvas { position: absolute; top: 6em; right: 2.4em; width: 13.2em; height: 13.2em; z-index: 1; }
div.tempdeelsitevjz img.tempologodeelsite { position: absolute; top: 75px; left: 45px; z-index: 1; }