html { padding: 0em; margin: 0em; height: 100.01%; }
body {
    margin: 0em;
    padding: 0em;
    height: 100%;
    font-size: 62.5%;
    font-family: arial, helvetica, sans-serif;
    line-height: 1.4em;
    behavior: url('htc/csshover.htc');

    background-color: #D9D9D9;
}
img { border-width: 0em; }
form { margin: 0em; padding: 0em; }

/*


path / kruimelpad:			arial 10px #00507d text-decoration: underline

*/

/* standard elements */
h1  { font-size: 1.6em; }
h2, h2 a { font-size: 1em; font-weight: normal; color: #cc0033; margin-bottom: 0em; } /* h2 a with color is for toc*/
td h2 { margin-top: 0em; }

h3  { font-size: 1em; color: #cc0033; margin: 0px;}
h4  { font-size: 1em; font-weight: normal; color: #cc0033; border-bottom : 1px solid #cc0033; margin-bottom: 0px; padding-left: 0.5em; width:534px; }
h5  { }
a   { color: #00507d; }
a:hover { text-decoration: none; }

ul, ol, p   { margin: 0em; }
ul, ol      { display: block; position: relative; padding: 0px; list-style-position: inside;  }
ul ul,
ol ul,
ul ol,
ul	    	{ list-style-type: square; }
ol ol       { left: 16px; font-size: 1em; }
li          { margin: 0em; padding: 0em; }

li, td li, p li, td td li { list-style-image:url(../../images/default/li.gif); }


ul.toc      { }
hr          { border: 1px solid; border-color: silver white white white;  }


div.wrapper { position: relative; width: 975px; margin: 0em auto; padding: 0em; text-align: left; background: #ffffff;  }

div.hpwrapper { height: 610px; }
div.hpwrappernet { height: 700px; }

.pos1 { left: -2px; }
.pos2 { left: 161px; }
.pos3 { left: 323px; }
.pos4 { left: 486px; }
.pos5 { left: 649px; }
.pos6 { left: 813px; }
.hpcontentboxpositems	{ position:absolute; top:162px; width:975px; }
.hpcontentboxpositems .pos1		{ float:left; margin:0; }
.hpcontentboxpositems .pos2,
.hpcontentboxpositems .pos3,
.hpcontentboxpositems .pos4,
.hpcontentboxpositems .pos5,
.hpcontentboxpositems .pos6		{ float:left; margin:0 0 0 2px; }
div.footstartpage 			{ position: relative; text-align:left; margin:0 0 0 10px; color: #8D8D8D; }
div.footstartpage a 		{ color: #8D8D8D; font-size: 1.1em; text-decoration: none; }
div.footstartpage a:hover	{ text-decoration: underline; }
div.footservice				{ text-align:right; margin:0 7px 0 0; }


.pos1net { left: -2px; }
.pos2net { left: 324px; }
.pos3net { left: 648px; }
.pos4net { left: -2px; }
.pos5net { left: 324px; }
.pos6net { left: 648px; }
.pos7net { left: 810px; }


div.hptopintro { position: absolute; height: 158px; width: 470px; left: 336px; top:12px; color: #ffffff;  }
div.hptopintro h1 { margin: 0; padding: 0 0 5px 0; font-size: 1.6em; }
div.hptopintro h2 { margin: 4px 0 0 0; padding: 0em; text-align: right; width: 470x; color: #ffffff; font-size: 2em; line-height: 1em; }
div.hptopintro p { font-size: 1.2em; line-height: 1.4em; width: 438px; margin: 0em; padding: 0em;  }
div.hpboxcontainer { position: absolute; top: 163px; height: 161px; width: 975px; overflow: hidden;}
div.hpbox { font-size: 1.0em; padding: 0; width: 16.1em; height: 161px; margin-left: 2px; position: absolute; background: url('../../images/go_white.gif') no-repeat 143px 143px;  }
div.hpbox img { width: 161px; height:121px; }
div.hpbox a { color: #ffffff; text-decoration:none; }
div.hpbox strong { padding: 5px; font-size: 1.2em; display: block; }
div.hptop { position:absolute; background-color: #009fd9; border-bottom: 0.2em solid #ffffff; height: 148px; width:100%; }
div.hpservicemenu { position:absolute; top: 0em; left: 815px; background-color: #40b7e3; width:161px; height: 148px; text-align: right;}
img.hplogo { position: absolute; left: 28px; top: 44px; width:275px; height: 55px; }
div.hpcontentbox { position: absolute; width: 975px; top: 330px; }
div.hpcontentboxnet { position: absolute; width: 975px; top: 510px; }

div.hpcontent { position: absolute; margin-left: 2px; }
div.hpcontent een { width: 163px;}
div.hpcontent twee { width: 326px;}
div.hpcontent h1 { background-color: #40b7e3; font-size: 1.2em; color: #ffffff; padding: 2px 2px 2px 10px; margin: 0px; border-bottom: 2px solid #ffffff; }
div.hpcontent h1 a, div.hpcontent h1 a:visited { color: #ffffff; text-decoration: none; display: block; padding-right: 10px; }
div.hpcontent h2 { font-size: 1.2em; color: #40b7e3; padding: 2px 2px 2px 10px; margin: 0px; border-bottom: 2px solid #ffffff; }
div.hpcontent h2 a, div.hpcontent h2 a:visited { color: #ffffff; text-decoration: none; text-align: right; display: block; padding-right: 10px; }
div.hpnews { padding: 5px 10px 5px 10px; font-size: 1.1em; border-bottom: 0.2em solid #ffffff; }

div.padbox { padding: 1.2em; }


div.servicemenu { position:absolute; top: 0em; right: 0em;; background-color: #40b7e3; width: 162px; padding: 0; text-align: right; border-bottom: 2px solid #ffffff;}
div.servicemenu a img { display: block; float:left; height: 52px; width: 54px; margin: 0; padding: 0px; text-decoration: none; }
div.servicemenu span { display: block; float:left; margin: 0;  height: 52px; width: 54px; margin: 0; padding: 0px; text-decoration: none; }
div.servicemenu form { margin: 0; padding :0; height :30px; width: 160px; border-left: 2px solid #ffffff; padding-top: 10px; }
div.servicemenu form input.text { width: 98px;  border: 1px solid #00507D; height: 15px; margin: 0px 2px; }
div.servicemenu form input.button { width: 50px; background: #ffffff; color: #00507D; font-weight :normal; margin :0; padding :0; height :19px; margin: 0px 2px; }

div.top { background-color: #009fd9; border-bottom: 0.2em solid #ffffff; height: 148px; width: 100%; }
img.logo { position: absolute; left: 28px; top: 44px;  width:275px; height: 55px; }

label.zoek {color: #ffffff; font-size: 1.1em; text-decoration: none; line-height: 1.8em; padding-left: 10px;}
label.zoekbutton {color: #ffffff; font-size: 1.1em; text-decoration: none; line-height: 1.8em; padding-left: 10px;}

div.crums { position: absolute; top: 169px; width: 946px; background-color: #BFE7F5; height: 21px; line-height: 2em; padding-left: 29px; border-bottom: 4px solid #ffffff; }

div.crums a { color: #00507d;  }
div.contentcontainer { position: absolute; top: 190px; left: 0em; width: 610px; padding-right: 365px; padding-bottom: 30px; background: #ffffff; border-bottom: 22px solid #D9D9D9; overflow-x: hidden; }

div.content { padding: 14px 33px 0 27px; font-size: 1.1em; line-height: 1.6em; height: 400px; }
html>body div.content { height: auto; min-height: 400px; }


div.content ul li { list-style-position: outside; margin-left: 14px;  }
div.content ol li { list-style-position: outside; margin-left: 21px;  }
html>body div.content ol li { list-style-position: outside; margin-left: 16px;  }

/* search */
h1.search { position:absolute; }
div.search { margin: 0; padding: 0; }
div.search form { text-align:right;  }
div.searchbox { text-align: right; }
form input.searchbutton { border: 1px solid #00507d; background-color: #009fd9; color: #ffffff; font-weight: bold; font-size: 11px; margin: 0px; color: #E9E9E9;}

div.page { margin: 5px 0 10px 0; font-weight :bold; }
span.page { font-weight: bold;  padding: 1px 3px; border: 1px solid #BFE7F5; }
a.page { background: #BFE7F5; padding: 2px 4px; text-decoration: none; font-weight:bold; }

/* foot */
div.foot { position: absolute; right: 13px; color: #8D8D8D; z-index: 0; }
div.foot a { color: #8D8D8D; font-size: 1.1em; font-weight: normal; text-decoration: none; }
div.foot a:hover { text-decoration: underline; }

div.foothpcontent { position: absolute; left: 11px; color: #8D8D8D; border-top: 10px solid #ffffff; z-index: 0; }
div.foothpcontent a { color: #8D8D8D; font-size: 1.1em; text-decoration: none; }
div.foothpcontent a:hover { text-decoration: underline; }

div.footlocation { position: absolute; right: 13px; color: #8D8D8D; border-bottom: 10px solid #ffffff; z-index: 0; }
div.footlocation a { color: #8D8D8D; font-size: 1.0em; text-decoration: none; }
div.footlocation a:hover { text-decoration: underline; }

div.sidebox { position: absolute; top: 192px; right: 0em; width: 327px; background: #ffffff; text-align: right; height: 435px; display: block; overflow: hidden; }
* html div.sidebox { right: -1px; }

div.sideboxlogo { position: absolute; top: 136px; width: 647px; text-align: right; z-index: 0; height: 435px; display: block; overflow: hidden; }
div.sideboxlogo img {  }

div.printtime {display:none;}
div.nrofusers { border-top:2px solid #ffffff; border-left:2px solid #ffffff; text-align:left; padding:5px 10px; font-size: 1em; color:#FFFFFF; }
div.nrofusers a { color:#FFFFFF; text-decoration:underline; }
div.nrofusers a:hover { color:#FFFFFF; text-decoration:none; }

a.file { display: block; background: url('../../images/default/go_blue.gif') no-repeat right bottom; padding-right:10px; }

a.file p { padding: 0; margin: 0; margin-right: 14px; }

div.newsselect { text-align: right; margin-top: -1.6em; }
div.newsselect form { display:inline; }
img.iconkf { margin: 0 5px -2px 5px; }

/* ticker */
div.tickerbox    { height: 19px; }
div.ticker       { position: relative; left: 0px; top: 15px; overflow: hidden; width:975px; height: 19px; background-color: #41b8e3; }
div.ticker a     { color: white; text-decoration: none; }
div.tickerhtml   { height: 19px; padding-top: 2px;position: absolute; visibility: hidden; width: 620px; margin: 0px; font-size: 1.2em; font-weight:bold; color: #00507D;  }
div.tickerhtml a { text-decoration:none; }

/* menu */
/* level 1 */
ul.startpage, div.startpage { top: 140px; border-top: 2px solid #ffffff; }
ul.default, div.default { top: 86px; }

div.extra { z-index: 100; display: block; width: 70px; position: absolute; left: 900px; height: 22px; margin: 0em; padding:0em; text-align: right; }
div.extra a { width: 22px; height:18px; display: block; float: right; text-decoration: none; margin: 2px 0 0 4px; }
div.extra a.print { background: url('../../images/default/print.gif') no-repeat top left; }
div.extra a.print:hover { background-position: top right; }
div.extra a.fontsize { background: url('../../images/default/fontsize.gif') no-repeat top left; }
div.extra a.fontsize:hover { background-position: top right; }


ul.menu                         {  top: 143px;  border-top: 0.2em solid #ffffff; z-index: 1; display: block; position: absolute; height: 22px; margin: 0em; padding: 0 0 0 24px;
                                    background-color: #00507d; border-bottom: 2px solid #ffffff; list-style-type: none; }
/* ie6: ul.menu	{ width: 95.2em; } */
ul.menu  						{ width: 951px; }

ul.menu li                      { display: block; position: relative; float: left; margin: 0em; padding: 0em; height: 22px;
                                    background: url('../../images/default/li_menu.gif') no-repeat 5px 6px; }
ul.menu li:hover                { background-color: #40b7e3; }
ul.menu li a                    { color: #ffffff; text-decoration: none; line-height: 2.0em; font-size: 1.1em; padding: 5px 6px 5px 15px; }
/* level 2 */
ul.menu li ul { display: none; position: absolute; left: 0em; top: 22px; width: 200px; margin: 0em; padding: 0em;
    border-top: 2px solid #ffffff; background: #40b7e3; list-style-type: none; }
/*ul.menu li:hover ul             { display: block; }*/
ul.menu li ul li                { width: 200px; height: 22px;}
html>body ul.menu li ul li                { height: auto; min-height: 22px;}
ul.menu li ul li:hover          { background-color: #00507d; }
ul.menu li ul li a              { display: block; width: 178px; padding: 3px 0 4px 16px; line-height: 1.4em;  }
/* level 3 */
ul.menu li ul li ul             { display: none; position: absolute; left: 200px; top: 0em;
                                    border-top-style: none; background-color: #7fcfef; }
ul.menu li:hover ul li ul       { display: none; }
ul.menu li ul li a.subs         { background: url('../../images/default/li_menu.gif') no-repeat right; }
/*ul.menu li ul li:hover ul       { display: block; }*/


table.formtable { border-bottom: 1px solid #009fd9; color: #000000; color: #00507d; }
table.formtable tr td.formtablecaption { border-bottom: 1px solid #009fd9; background-color: #ffffff; }
table.formtable tr td.formfirstcolumn { font-weight: normal; background-color: #D9D9D9; }
table.formtable tr td { vertical-align: top; background-color: #E9E9E9; border: 1px solid #ffffff; padding-left: 5px; }
table.formtable tr td table.reports tr td { border: 0px; padding: 2px 2px 2px 0px; }
<!--table.answer { margin-top:1.2em;}-->
input.bullet {  }
input.bullet { margin-left:0em; padding:0em;}
table.answer tr td { vertical-align: top; background-color: #E9E9E9; border: none; padding-left: 0px;}
table.formtable.answer { vertical-align: top; background-color: #E9E9E9; border: none; padding-left: 0px;}
table.answer td.firstcolumn { width:10%; }
table.answer { width:100% }
#photo { background-color: #D9D9D9; color: #00507d; border-right: none; }
font.question { font-weight:normal; font-size:100%; }
font.questionrequired { font-size:130%; color:red; }
font.questiontext { font-weight:normal; font-style: italic;}

/*
background-image: url(plasma.png);
    background-size: 100%;
    background-origin: content}
*/

/*  keyfigures tabel */
table.keyfigures { border-bottom: 1px solid #009fd9; }
table.keyfigures tr td { background-color: #E9E9E9; padding-left: 5px; padding-right: 5px; text-align: right; vertical-align: bottom; }
table.keyfigures tr td.headerred { font-weight: normal; color: #cc0033; background-color: #ffffff;  border-bottom : 1px solid #cc0033; text-align: left; vertical-align: top; }
table.keyfigures tr td.headerblue { font-weight: normal; color: #01507b; background-color: #ffffff;  border-bottom: 1px solid #009fd9; text-align: right; vertical-align: top; }
table.keyfigures tr td.headerblackfirst { font-weight: normal; color: #000000; background-color: #ffffff;  border-bottom: 1px solid #000000; text-align: left; vertical-align: top; }
table.keyfigures tr td.headerblack { font-weight: normal; color: #000000; background-color: #ffffff;  border-bottom: 1px solid #000000; text-align: right; vertical-align: top; }
table.keyfigures tr td.headerbluefirst { font-weight: normal; color: #01507b; background-color: #ffffff;  border-bottom: 1px solid #009fd9; text-align: left; vertical-align: top; }
table.keyfigures tr td.kffirstcolumn { background-color: #D9D9D9; font-weight: normal; text-align: left; }
table.keyfigures tr td.empty { background-color: #E9E9E9; font-weight: normal; font-style: italic; text-align: left; }
table.keyfigures tr td.totals { background-color: #ffffff; font-weight: normal; border-color: #ffffff; text-align: right; }

/* content preformatted table styles old */
table.standardtable { border-bottom: 1px solid #009fd9; color: #000000; width: 540px; }
/* deze dus voor de caption opmaak laten staan */
table.standardtable tr td.firstcolumn,
td.firstcolumn, td.firstcolumn  { padding-left: 5px; background-color: #D9D9D9; color: #000000; font-weight: normal; font-size: 1em; }
table.standardtable tr td.firstcolumn,
td.firstcolumn, td.firstcolumn a { color: #000000; font-weight: normal; }
table.standardtablecaption tr td,
table.standardtable tr.standardtablecaption td,
tr.standardtablecaption td,
table.standardtable tr td.standardtablecaption,
td.standardtablecaption { font-weight: normal; color: #01507b; background-color: #ffffff;  border-bottom: 1px solid #009fd9; }
table.standardtable tr td,
tr.standardtable td,
td.standardtable { padding-left: 5px; background-color: #E9E9E9; border: 1px solid #ffffff; color: #000000; vertical-align: top; }
table.standardtablefooter tr td,
tr.standardtablefooter td,
table.standardtable tr.standardtablefooter td,
td.standardtablefooter,
table.standardtable tr td.standardtablefooter { background-color: #E9E9E9; }

table.standardtable tr.standardtablecaption td.firstcolumn { font-weight: normal; color: #01507b; background-color: #ffffff; font-size:1em; }

/* standard table styles new */
table.standardtable td.firstcolumn { font-size: 0.8; }

table.standardtable thead tr td, table.standardtable thead tr td.firstcolumn { font-weight: normal; color: #01507b; background-color: #ffffff;  border-bottom: 1px solid #009fd9; }
table.standardtable tbody tr td { background-color: #E9E9E9; border: 1px solid #ffffff; color: #000000; }
table.standardtable tfoot tr td { background-color: #E9E9E9; }
table.standardtable tr td.firstcolumn,
td.firstcolumn, td.firstcolumn a { background-color: #D9D9D9; color: #000000; font-weight: normal; }

/* form styles */
form                        { margin: 0px; }
form span.formerror         { color: #FF0000; }
form span.formrequired      { color: #FF0000; font-weight: bold; font-size: 1.2em; }
form span.error p           { color: #FF0000; }
form input.button, button   { border: 1px solid #00507d; background-color: #009fd9; color: #ffffff; font-weight: bold; font-size: 11px; margin: 0px 10px 0px 0px; color: #E9E9E9;}
form input.radio            { border:none; }
form input.checkbox         { border:none; }
form input, select, textarea{ border: 1px solid #40b7e3; }
form select                 { font-size: 11px; }

table.standardtable input,
table.standardtable textarea { border: 1px solid #40b7e3; }
table.standardtable input.radio   { border:none; }

/* office locations */
div.olmap               { position: absolute; width: 715px; height: 40em; border: solid #c0e7f6 1px; top: 0em; }
div.olsidebar           { position: absolute; right: 0px; top: 0em; width: 216px; background-color: #ffffff; color: #02517c; z-index: 1; margin:0 0 30px 0; }
div.olsidebartop        { background-color: #eff9fb; margin: 0em; border: solid #eff9fb 1px; }
div.olsidebartopspacer  { margin: 20px; }
div.olsidebartop strong { display: block; color: #cc0033; font-size: 1.1em; }
div.olsidebartop a      { text-decoration: none; font-weight: bold; }
div.olsidebarbottom     { position: relative; background-color: #c0e7f6; border-top: solid #ffffff 2px; height: 142px; }
div.olsidebarbottom img { width: 29px; height: 18px; border: none; margin-right: 10px; vertical-align:bottom;  }
div.olsidebarbottom div.left { position: absolute; left: 20px; top: 20px; width: 145px; line-height: 20px; }
div.olsidebarbottom div.right { position: absolute; left: 180px; top: 20px;width: 135px; line-height: 20px; }

div.olsidebarbottom div div { height: 20px; }
div.olsidebarbottom div div.first { margin-top: 8px; }

div.olspacer { height: 540px; }
html>body div.olspacer { height: auto; min-height: 540px; }

div.jserror { -moz-opacity:.88; filter:alpha(opacity=88); background-color:#ffffff; position: absolute; left: 0em; top: 0em; color:#E9E9E9; font-weight: bold; font-size: 1.6em; padding: 10px;}

/* sitemap */
a.sitemap0:hover, a.sitemap1:hover, a.sitemap2:hover, a.sitemap3:hover, a.sitemap4:hover, a.sitemap5:hover { color: black; }
p.sitemap { margin: 0px 0px 7px 0px; padding: 0px; }
a.sitemap0, span.sitemap0     { display: none; }
a.sitemap1, span.sitemap1     { color:red;display: block; color: #01507b; font-size: 1em; border-bottom: 1px solid #009fd9; padding: 2px; font-weight: bold; margin-top: 15px; text-decoration: underline; }
a.sitemap2, span.sitemap2     { display: block; margin: 1px; padding: 2px 2px 2px 12px; font-size: 1em; font-weight: bold; text-decoration: underline; background-color: #D9D9D9; }
a.sitemap3, span.sitemap3     { display: block; margin: 1px; padding: 2px 2px 2px 32px; font-size: 1em; font-weight: normal; text-decoration: underline; background-color: #E9E9E9; }
a.sitemap4, span.sitemap4     { display: none; margin-left: 30px; font-size: 0.8em; padding: 1px; }
a.sitemap5, span.sitemap5     { display: none; margin-left: 40px; font-size: 0.8em; padding: 1px; }
a.sitemap6, span.sitemap6     { display: none; margin-left: 50px; font-size: 0.8em; padding: 1px; text-decoration: none; }

#loginForm {position: absolute; width: 300px; height: 170px; border: solid #c0e7f6 1px; top: 100px; left: 250px; padding: 10px;}
.error {color:red;}