html { padding: 0; margin: 0; height: 100.01%; }
body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: arial, helvetica, sans-serif;
    font-size: 62.5%; /* resets 1em to 10px */
	background-color: #D6D3CC;
}

/* IE 5/6 workarounds: sorry  mr.validator */
body { behavior: url('htc/csshover.htc'); } /*needed for hovermenu in IE 5/6*/

/* standard elements */
h1							{ font-size: 1.3em; color:#340166; letter-spacing: 1px; margin:0; margin-bottom:0.8em;  } 
h2,h2 a						{  } /* h2 a with color is for toc*/
h3							{  }
h4							{  } 
h5  						{  }
a   						{ text-decoration:none; color:#340166; }
a:hover						{ text-decoration:underline; color:#340166; }

ul, ol, p                   { margin: 0; }
ul, ol                      { display: block; position: relative; padding: 0;  }
ul ul, ol ul, ul ol, ol ol  { left: 1.6em; font-size: 1em; }
li                          { margin: 0; padding: 0; }
o							{  }
p							{ font-size: 1.2em; color:#666666; letter-spacing: 1px; }


/* to center the website */
div.wrapper { position: relative; width: 96.8em; height: 100%; margin: 0 auto; padding: 0; text-align: left; }

/* Menu */
div.menu { position:absolute; top:7.9em; left:0em; display: block; z-index: 5; width: 94.2em; height: 2.7em; background-color: #340166; list-style-type: none; margin:0 1.3em 0 1.3em; border-top:0.2em solid #D6D3CC; }

ul.hoofdmenu { position: absolute;	left:-0.1em; top: 0; }
ul.hoofdmenu li { padding: 0em; margin: 0em; display: block; position: relative; float: left; height: 2.7em; line-height: 2.7em;}
ul.hoofdmenu a { display:block; text-decoration: none; color:#FFFFFF; font-size: 1.1em; font-weight: bold; padding: 0 0.9em 0 0.9em; border-left: 1px solid #FFFFFF; } 
ul.hoofdmenu li:hover a { background-color: #340166; color :#ffffff; border-left:1px solid #ffffff; }    

ul.hoofdmenu li ul { display: none; position: absolute; left: 0em; background-color: #340166; border-bottom:1px solid #ffffff; width:13.1em; }
ul.hoofdmenu li ul li { display: block; }
ul.hoofdmenu li ul li a { width: 10em; color: #ffffff; font-weight: normal; border-right:1px solid #ffffff;} 
ul.hoofdmenu li ul li a:hover { font-weight: bold; } 
ul.hoofdmenu li:hover ul { display: block; }

div.holder {position: absolute; width: 96.8em; height:0; margin: 0 auto; padding: 0em; text-align: left;}
div.background {background-color:white;}
div.uitlijnen {padding:0 1em 1em 1em;}
div.header {height:6.7em; margin:0; padding:0em;}
div.logo {float:left; width:66.8em; margin:0em; padding:0; border-right:1em solid #D6D3CC;}
img.logo {border-top:1em solid #ffffff; width:66.8em; height:6.7em;}
div.empty {float:left; width:0.9em; border-right:0.1em dotted #D6D3CC;}
div.snelmenu {float:left; width:21.7em; margin:1em;}
div.imageholder {border-bottom:1em solid white;}
img.header { width:94.2em; height:26.4em; border:0.3em solid #D6D3CC; }

div.contentholder {width:94.8em; background-color:#D6D3CC;}
div.contentleftside {float:left; width:20em; padding:1em 0.5em 1em 1em;}
div.contentleftpadbox {background-color:white;}
div.contentleftt {padding:0 1em 0 1em;}
div.contentbotl {background: url('../images/default/cbl.gif') no-repeat bottom left;}
div.contentbotr {background: url('../images/default/cbr.gif') no-repeat bottom right;}
div.contentrightside {float:left; width:71.7em; padding:1em 1em 1em 0.5em;}
div.contentrightpadbox {background-color:white;}
div.contentright {padding:0 1em 0 1em;}
div.footer {background-color:#D6D3CC;}
div.contentpbl {background: url('../images/default/cpbl.gif') no-repeat bottom left;}
div.contentpbr {background: url('../images/default/cpbr.gif') no-repeat bottom right;}
div.bgtopl {background: url('../images/default/bg_bl.gif') no-repeat bottom left; height:3em;}
div.bgtopr {background: url('../images/default/bg_br.gif') no-repeat bottom right; height:3em;}

/* Submenu */
a.submenu { font-size: 1.2em; color:#340166; letter-spacing: 1px; margin:0; margin-bottom:0.8em; }
a.submenu:hover { font-weight:bold; }
li.submenu { list-style-type:none; margin:0; margin-left:2em; }