html { padding: 0em; margin: 0em; height: 100.01%; }
body {
margin: 0em;
padding: 0em;
height: 100%;
font-family: verdana, arial, helvetica, sans-serif;
background-color: #ffffff;
}
/* standard elements */
a { color: #374B86; font-weight:bold;}
a.hover { text-decoration: underline; }
h1 { color: #374B86; font-size: 1.4em;}
h2 { color: #374B86; font-size: 1.1em; margin-bottom: 0.4em; font-weight:bold; }
h3 { color: #374B86; font-size: 1.1em; }
h4 { }
h5 { }
p { margin: 0px 0px 0px 0px;}
ol, ul, p { }
li { list-style-type: square; }
ol ul,
ul ul,
ul ol,
ol ol { margin-left: 1em; font-size: 1em; } /* to prevent size*size */
li { }
img { border: 0px; }
hr { border: 1px solid; border-color: #04A3B4 white white white; margin-top: 1.3em; }
ol li { list-style-type: decimal; }
/* to center the website */
div.wrapper {
position: relative;
width: 77em;
height: 100%;
margin: 0em auto;
padding: 0em;
text-align: left;
background: #ffffff;
}
/* top styles */
div.topcontainer { }
div.top { position: absolute; top: 4em; padding-top: 0.2em; background-color: #ffffff; }
div.logo { position: absolute; left: 0em; background-color: #ffffff; }
div.logo img { width: 30.8em; border: 0em; border-bottom: 0.1em solid #D2E8ED; }
div.header { right: 0em; background-color: #ffffff; }
div.header img { margin-left: 30.8em; width: 46.2em; }
div.header h1 { position: absolute; margin-top: 7em; color: #ffffff; background-color :red; }
/* servicemenu */
div.servicemenu { position: absolute; text-align: left; top: 0em; padding: 0px; margin: 0px; background-color: #ffffff; height: 2.5em; border-top: 1.5em solid #ffffff; }
div.servicemenu ul { padding: 0px; margin: 0px; }
div.servicemenu ul li { list-style-type: none; display: inline; margin: 0em; padding: 0em 0.3em 0em 0.3em; }
div.servicemenu ul li a { color: #04A3B4; font-family: trebuchet ms, trebuchet, arial, helvetica, sans-serif; font-size: 1.1em; font-weight: bold; text-decoration: none; }
div.zoek { position: absolute; top: 0px; right: 0px; padding: 0px; margin: 0px; border-top: 0.6em solid #ffffff; }
div.zoek form { background-color: #D2E8ED; border: 0.6em solid #D2E8ED; }
div.zoek input { border: 1px solid #04A3B4; width: 8em; }
.button { text-align: center; border: 1px solid #04A3B4; background-color: #90C6D2; height: 1.8em; font-weight: bold; background-repeat: no-repeat; font-size: 1.1em; }
/* menu */
div.menucontainer {}
div.menu { position: absolute; left: 0em; top: 17.8em; background-color: #D2E8ED; height: 40em; width: 30.8em; }
div.menu a { font-family: trebuchet ms, trebuchet, verdana, arial, helvetica, sans-serif; text-decoration: none; font-weight: bold; }
ul.menu { margin: 0em; padding: 0em; background-color: #90C6D2; width: 15.4em; height: 100%; }
ul.menu li { list-style-type: none; background-color: #90C6D2; width: 15.4em; border-bottom: 0.1em solid #90C6D2; }
ul.menu li a { background-color: #04A3B4; padding: 0.4em; display: block; color: #ffffff; font-size: 1.4em; height: auto; width: 10.1em; }
ul.menu li a:hover { background-color: #90C6D2; color: #374B86; }
ul.menu li a.select { background-color: #D2E8ED; color: #374B86; background-image: url("../images/default/menu_lev1.gif"); background-position: right; background-repeat: no-repeat; }
ul.menu ul { position: absolute; margin-left: 15.4em; margin-top: -2.6em; padding: 0em; width: 15.3em; }
ul.menu ul li { border-bottom: 0em; display: block;}
ul.menu ul li a { background-color: #D2E8ED; color: #374B86; font-size: 1.1em; line-height: 1.2em; padding-left: 1.6em; padding-right: 0.6em; padding-top: 0.4em; padding-bottom: 0.4em; width: 11.8em; }
ul.menu ul li a:hover { background-color: #D2E8ED; background-image: url("../images/default/menu_lev2.gif"); background-position: 0.4em 0.6em; background-repeat: no-repeat; }
ul.menu ul li a.select { background-color: #D2E8ED; background-image: url("../images/default/menu_lev2.gif"); background-position: 0.4em 0.6em; background-repeat: no-repeat;}
ul.menu ul ul { position: relative; margin: 0em; padding-top: 0.3em; padding-bottom: 0.3em; background-color: #D2E8ED; }
ul.menu ul ul li { }
ul.menu ul ul li a { background-color: #D2E8ED; color: #374B86; font-size: 1.1em; padding-left: 3em; padding-right: 0.6em; padding-top: 0.1em; padding-bottom: 0.1em; font-weight: normal; background-image: url("../images/default/menu_lev3.gif"); background-position: 1.6em 0.4em; background-repeat: no-repeat; width: 10.3em; }
ul.menu ul ul li a:hover { color: #04A3B4; background-color: #D2E8ED; background-image: url("../images/default/menu_lev3a.gif"); background-position: 1.6em 0.4em; background-repeat: no-repeat; }
ul.menu ul ul li a.select { color: #04A3B4; font-weight: bold; background-color: #D2E8ED; background-image: url("../images/default/menu_lev3a.gif"); background-position: 1.6em 0.4em; background-repeat: no-repeat; }
div.submenu { position: absolute; left: 0em; top: 41.4em; background-color: #D2E8ED; width: 30.8em; }
div.submenu a { font-family: trebuchet ms, trebuchet, verdana, arial, helvetica, sans-serif; text-decoration: none; }
ul.submenu { margin: 0em; padding: 0em; background-color: #90C6D2; width: 15.4em; height: 100%; }
ul.submenu li {list-style-type: none; background-color: #90C6D2; width: 15.4em; border-bottom: 0.1em solid #90C6D2; }
ul.submenu li a { background-color: #CC2030; padding-left: 0.5em; padding-right: 0.5em; display: block; color: #ffffff; font-size: 1.7em; height: 2.8em; background-image: url("../images/default/submenu_lev1.gif"); background-position: bottom right; background-repeat: no-repeat; }
ul.submenu li a:hover { background-color: #ffffff; color: #CC2030; background-image: url("../images/default/submenu_lev1a.gif"); background-position: bottom right; background-repeat: no-repeat; }
ul.submenu li a.select { background-color: #ffffff; color: #CC2030; background-image: url("../images/default/submenu_lev1a.gif"); background-position: bottom right; background-repeat: no-repeat; }
ul.submenu ul { position: absolute; margin-left: 15.4em; margin-top: -4.2em; padding: 0em; width: 15.4em; }
ul.submenu ul li { border-bottom: 0em; }
ul.submenu ul li a { background-color: #D2E8ED; color: #374B86; font-size: 1.1em; font-weight: bold; line-height: 1.2em; padding-left: 1.6em; padding-right: 0.6em; padding-top: 0.4em; padding-bottom: 0.4em; height: 1em; background-image: none; }
ul.submenu ul li a:hover { background-color: #D2E8ED; color: #374B86; background-image: url("../images/default/menu_lev2.gif"); background-position: 0.4em 0.6em; background-repeat: no-repeat; }
ul.submenu ul li a.select { background-color: #D2E8ED; color: #374B86; background-image: url("../images/default/menu_lev2.gif"); background-position: 0.4em 0.6em; background-repeat: no-repeat; }
div.kop { position: absolute; z-index: 1; left: 30.8em; top: 13.9em; margin: 0px; color: #CC2030; background-color: #CC2030; width: 46.2em; }
div.kop h1 {color :#ffffff; font-size: 1.8em; padding: 0.4em; margin: 0px; }
html>body div.kop
{
left: 30.8em;
}
/* content */
div.hpregcontainer { position: absolute; top: 16.6em; left: 30.8em; width: 47em; }
/* OPLETTEN... */
/* de contentcontainer mag niet absolute gepositioneerd worden... dit om scrolbalk in IE7 normaal te laten werken. */
div.contentcontainer { position: absolute; top: 17.8em; left: 30.8em; width: 46.1em; overflow-y: auto; overflow-x: hidden; height: 39.2em; padding-top: 0.8em; }
div.content { margin: 1.1em; font-size: 1.2em; line-height: 1.6em; }
/* homepage */
div.hpcontentcontainer { position: absolute; top: 18em; left: 16em; width: 46.5em; }
h1.homepage { color :#CC2030; margin: 0em 0em -0.9em 0em; font-size: 1.4em; padding: 0px; }
h2.homepage { font-size: 1.2em; }
a.inlink { display: block; text-align: right; font-weight: bold; text-decoration: none; padding-right: 2.2em; background-image: url("../images/default/inlink.gif"); background-position: right; background-repeat: no-repeat; margin: 0.3em; }
a.exlink { display: block; text-align: right; font-weight: bold; text-decoration: none; padding-right: 2.2em; background-image: url("../images/default/exlink.gif"); background-position: right; background-repeat: no-repeat; margin: 0.3em; }
a.inlink:hover, a.exlink:hover { color: #374B86; }
div.sidecontainer { position: absolute; top: 18em; left: 61.6em; width: 15.4em; }
div.side { margin-left: 1.1em; margin-top: 1.1em; margin-bottom: 1.1em; font-size: 1.2em; line-height: 1.6em; color: #374B86; line-height: 1.2em; padding-bottom: 1.1em; }
div.side hr { color: #04A3B4; border-style : double; height: 3px; }
div.side p { margin-top: 0em;}
div.split { border-top: 2px solid #04A3B3; }
div.splitleft { color: #000000; float:left; width: 16em; margin-top: 1.1em; margin-left:1.1em; line-height: 1.6em; }
div.splitright { color: #000000; float: left; width: 16em; margin-top: 1.1em; line-height: 1.6em; }
div.nosplit { color: #000000; float: left; width: 36.0em; margin-top: 1.1em; line-height: 1.6em;}
div.split h2 { margin-top: 0.4em; font-size: 1.1em; color: #000000; }
span.hpees { font-size: 0.8em; color: #04A2B3; font-weight: bold; }
div.pubbox { }
div.pubimage { float: left; margin-bottom: 10px; }
div.pubtext { float: left; padding-left: 10px; margin-bottom: 10px; }
/* snelmenu */
div.snelmenu { position: absolute; left: -1000em; }
table.publications td { padding-bottom:1em;}
/* sitemap */
p.sitemap { margin: 0em; padding: 0em}
a.sitemap0 { display: none;}
a.sitemap1, span.sitemap1 { display: none; color: #51449C; font-weight: bold; font-size:1.2em; color: #F30707; }
a.sitemap1:hover { color: #51449C; cursor: pointer; }
a.sitemap2, span.sitemap2 { display: block; padding: 0em; margin: 1.4em 0em 0.2em 0em; background-color: #D2E8ED; font-weight: bold; font-size: 1.1em;}
a.sitemap2:hover { color: #51449C; }
a.sitemap3, span.sitemap3 { display: block; margin-left: 0em; padding: 0em; font-weight: bold; }
a.sitemap3:hover { color: #51449C; }
a.sitemap4, span.sitemap4 { display: block; margin-left: 3em; padding: 0em; }
a.sitemap4:hover { color: #51449C; }
a.sitemap5, span.sitemap5 { display: none; margin-left: 6em; padding: 0em; font-size: 0.8em; color: #000000; }
a.sitemap5:hover { color: #51449C;}
/* content preformatted table styles */
table.standardtablecaption tr td,
table.standardtable tr.standardtablecaption td,
tr.standardtablecaption td,
table.standardtable tr td.standardtablecaption,
td.standardtablecaption { font-weight: bold; background-color: #999999; color: #ffffff; }
table.standardtable tr td,
tr.standardtable td,
td.standardtable { background-color: #e5e5e5; }
table.standardtablefooter tr td,
tr.standardtablefooter td,
table.standardtable tr.standardtablefooter td,
td.standardtablefooter,
table.standardtable tr td.standardtablefooter { background-color: #999999; }
/* content ttlayer styles */
div.ttlayer { display: inline; }
div.ttlayer p.document { margin: 0px; display: inline; }
div.ttlayer p.document img { margin: 0px 8px 0px 0px; border-width: 0px; width: 16px; height: 16px; }
div.ttlayer p.imagecaption { display: block; margin: 0px; text-align: center; }
/* form styles */
form { margin: 0px; }
form span.formerror { color: #ff0000; }
form span.formrequired { color: #ff0000; font-weight: bold; }
form span.error p { color: #ff0000; }
form input.button, button { }
form input.radio { }
form input.checkbox { }
/*Enquete knop*/
a.enquete { background-color: #04A3B4; padding-left: 0.5em; padding-right: 0.5em; padding-top:0.3em; padding-bottom:0em; display: block; color: #ffffff; font-size: 1.3em; font-family: trebuchet ms, trebuchet, verdana, arial, helvetica, sans-serif; height: 4.4em; line-height:1.3em; text-decoration:none; margin-top:0.7em; background-image: url("../images/default/submenu_lev1.gif"); background-position: bottom right; background-repeat: no-repeat; }
a:hover.enquete { background-color: #90C6D2; color: #374B86; background-image: url("../images/default/enquete_hover.gif"); background-position: bottom right; background-repeat: no-repeat; margin-top:0.7em;}
/*popup layer*/
div.poplayer { position: absolute; left: 50%; margin-left: -33em; top: 12em; width: 66.5em; z-index: 100; }
div.poplayer img.bgpng { position: absolute; width: 68.6em; height: 28.3em; }
div.poplayer div.popcontent { width: 63em; height: 23.2em; position: absolute; background:#D2E8ED; padding:2em; border:1px solid #04A3B4; }
div.poplayer div.layernav { }
div.poplayer div.layernav a.noshow { float: right; color: #ffffff; background: #04A3B4; display: block; text-decoration: none; font-size: 1.1em; font-weight: bold; padding: 0.3em; margin:0 0 0 1em; }
*+html div.poplayer div.layernav button.close { float: right; color: #ffffff; background: #04A3B4; text-decoration: none; font-size: 1.1em; font-weight: bold; height: 2.0em; line-height: 2.0em; margin:0 0 0 0.5em; border: none; } div.poplayer div.layernav button.close { float: right; color: #ffffff; background: #04A3B4; text-decoration: none; font-size: 1.1em; font-weight: bold; height: 2.0em; line-height: 2.0em; margin: 0 0 0 0.5em; border: none; }
div.poplayer div.layernav form { display:inline-block; float:right; margin: 0;}
div.poplayer div.layernav form label { float: right; background: #04A3B4; font-size: 1.1em; font-weight: bold; color:#FFFFFF; display: inline-block; height: 2.0em; line-height: 2.0em; padding-right: 0.2em; }
div.poplayer div.poptext { background:#FFFFFF; clear:both; padding: 1em; font-size: 1.2em; line-height: 1.6em; border:1px solid #04A3B4; }
div.poplayer div.poptext h1 { color :#CC2030; font-size: 1.4em; padding: 0px; }
div.poplayer div.poptext a.start { color: #ffffff; background: #04A3B4; text-decoration: none; font-size: 1.1em; font-weight: bold; padding: 0.2em 0.3em; }