/* Copyright 2008 berlodesign (http://www.berlodesign.nl). All Rights Reserved. */
html { padding: 0; margin: 0; height: 100.01%; }
body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: arial, helvetica, sans-serif;
    background-color: #005138;
    font-size: 62.5%;
}
/*Backgrouns img*/
img.background{position:absolute; z-index:1; width:100%; height:100%;}

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

/* standard elements */
h1          { margin:0 0 0.7em 0; padding:0; font-size:2em; font-weight:bold; color:#fff3a1; }
h2, h2 a    { font-weight:bold; font-size:1.2em; padding:1em 0 1em 0; margin:0; color:#fff3a1; } /* h2 a with color is for toc*/
h3  {  }
h4  {  }
a	{ color:#fff3a1; font-weight:bold; text-decoration:none; outline:none; }
a:hover	{ text-decoration:underline; }
p   { padding:0; margin:0; font-size:1.2em; color:#ffffff; }

ul	{padding:0; margin:0 0 1em 1.5em; color:#fff3a1;}
ul li {padding:0.2em 0 0 0.5em;}
ul li p { color:#ffffff;}

/* Header */
	div.header { width: 95.6em; height:13.5em; }
	div.logo { position:absolute; top:1em; left:2.5em; z-index:1; border:none; }
	div.logo img { border:none; }
	div.logo a.logo { outline:none; }
/* Einde header */

/*Extra menu*/
	div.extramenu { position:absolute; display: block; top:9.9em; left:77.3em; width:26.5em; height:2.6em; z-index:3; }
	div.extramenu ul { position: absolute; padding:0; margin:0; }
	div.extramenu ul li { padding: 0em; margin: 0em; display: block; position: relative; float:left; padding-top: 0.7em; color:#FFFFFF; }
	div.extramenu ul a { display:block; height:1.9em; float:left; padding:0 0.8em 0 0.8em; color:#FFFFFF; outline:none; } 
	div.menu ul li a { font-weight: bold; float:left; }
	div.extramenu ul li:hover a { color :#ffffff; text-decoration: underline; }    
	div.extramenu ul li a.active { color :#ffffff; text-decoration: underline; }  
/*Einde extra menu*/

/* Menu */
	div.menuholder { position:absolute; display: block; top:9.8em; z-index:2; }
	div.menu { margin-left:14.2em; width:80em; background-color: #005138; border-bottom:1em solid #005138; float:left; height:2.7em; }
	div.menu ul {  padding:0; margin:0; }
	div.menu ul li { padding: 0em; margin: 0em; display: block; position: relative; float:left; font-size: 1.1em; color:#ffffff; padding-top: 0.6em; }
	div.menu ul a { display:block; height:2em; text-decoration: none; padding: 0 0.8em 0 0.8em; color:#ffffff; outline:none; } 
	div.menu ul li a { font-weight: bold; float:left; }
	div.menu ul li:hover a { color :#fff3a1; text-decoration: none; }    
	div.menu ul li a.active { color :#fff3a1; text-decoration: none;  }    
	
	div.menucorner { float:left;}
/* Einde menu*/

/*clear*/
	div.clearall { clear: both; content: "."; }
/*einde clear*/

/* footer */
	div.bottomleft { float:left; width:15px;}
	div.bottomright { float:right; width:15px;}
	div.footcont {float:left; border-top:1em solid #266350; height:2.8em; width:83em; background-color: #266350; }
	div.footcont p { color:#ffffff; font-size:1em; padding:0.6em 3em 0 4em;}
	div.footcont a { color:#ffffff; text-decoration:none; }
	div.footcont a:hover { text-decoration:underline; }
/* Einde footer */

/* contentbox */
	div.contentbox { padding: 1.6em 5em 2em 5em; }
	div.contentbox a img { border:none; margin:8px 5px 5px 0; }
	div.imagebox { padding: 1.6em 5em 1em 0em; }
	div.imgbox img { width:276px; height:387px; padding:0; margin:0; }
	div.imgfooter { margin:-3px 0 0 0; padding:0; width:276px; }
	div.imgfooterleft { float:left; background:url("../images/default/foto_bottom_left.gif") no-repeat left top #005138; height:22px; padding-top:7px; }
	div.imgfooterleft a { color:#FFFFFF; padding:0 0 0 1em; outline:none; }
	div.imgfooterright { background:url("../images/default/foto_bottom_right.gif") no-repeat right top #005138; height:29px; }
/* einde contentbox */

/*Homepage*/
	div.homepage {float:left; width:84.9em; }
	div.contentboxhome { padding: 0.5em 5em 2em 5em; }
	div.impressie h1 { padding-left:0.6em; }
	div.impressie { padding: 1.6em 0 2em 3.5em; width:800px; }
	div.impressie ul {  }
	div.impressie ul li { padding: 0em; margin: 0em; display: block; position: relative; float:left; }
	div.impressie ul li img { padding: 0; margin:0; border:none; float:left; }
/*einde homepage*/

/* kolom opbouw - container */
	div.container { position:relative; width: 95.6em; height: 100%; margin: 0 auto; padding: 0; text-align: left; z-index:10; }/*center the website*/
	div.kolom_1 { float: left; width: 52.1em; }
	div.kolom_2 { float: right; width: 32.8em; }
  /* Start Mac IE5 filter \*/
	div.kolom_1, div.kolom_2 { padding-bottom: 32767px !important; margin-bottom: -32767px !important; }
  /* Einde Mac IE5 filter */
	div.wrapper { width: 86em; overflow: hidden; background:url(../images/default/bg_gradient.gif) repeat-x left top #266350; margin-left:96px; }
  /* Dit is nodig voor IE 5.01, anders worden de kolomen niet even lang */
	div.wrapper { float: left; float/**/: none; }
  /* easy clearing */
	div.wrapper:after { content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; clear: both; visibility: hidden; }
	div.wrapper { display: inline-block; }
	div.wrapper { display: block; }
  /* end easy clearing */
	div.footer { clear: both; }
	div.footer { font-weight:bold; margin-left:96px; height:38px; }
  /* Safari heeft dit nodig */
	* > div.footer, * > form, * > #notes, * > .output { position: relative; z-index: 1000; }
  /* Einde Safari */
/* Einde kolom opbouw */