html {
    overflow-y: scroll;
    }
body
{
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
    font: normal 12px arial;
	line-height: 18px;
	color: #000;
}   

html>body { * line-height: 19px;}
img
{
border: 0;
}
/* ruud : een UL en LI reset zodat daar geen verschil in zit voor de verschillende browsers daarna positionering LI * */ 
#rechterkant ul ,#menu ul{margin:0;padding:0;margin-left:40px;*margin-left:42px;padding-top:4px;padding-bottom:7px;}

#menu{ }
#menu li {margin:0;padding:0;}
/* Wrapper is tijdelijke vervanging van container, kijken of het beter werkt ... */  
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	line-height: 18px;	
	border:0;
	width: 785px;
	background-color: #FFFFFF;		
	/* background-image: url('../images/ronding.gif'); 
	background-position: bottom right;
	background-repeat: no-repeat;	*/
}

div#container  /* tijdelijk buiten gebruik ... ik wil geen abs pos */
{              /* tijdelijk buiten gebruik ... ik wil geen abs pos */
	position: absolute;
	width: 785px;
	/* height: 594px; */
	/* top: 50%; --- hoogte is niet meer vast maar variabel */
	left: 50%;
	margin-left: -393px;
	/* margin-top: -292px; --- hoogte is niet meer vast maar variabel */
	border-left: 0px solid #378CB1;
	border-right: 0px solid #378CB1;
	background-color: #FFFFFF;		
	/* background-image: url('../images/ronding.gif'); 
	background-position: bottom right;
	background-repeat: no-repeat;	*/
}

div#header1
{
	width: 100%;
	height: 198px;  /* ruud : minus 10 pixels (was 208)*/    /* 20 pixels te hoog, dus lege ruimte tussen header en content */
	background-image: url('../images/header1.png');
	background-repeat: no-repeat;
}
div#header2
{
	width: 100%;
	height: 198px;   /* 20 pixels te hoog, dus lege ruimte tussen header en content */
	background-image: url('../images/header2.png');
	background-repeat: no-repeat;
}
div#header3
{
	width: 100%;
	height: 198px;  /* 20 pixels te hoog, dus lege ruimte tussen header en content */
	background-image: url('../images/header3.png');
	background-repeat: no-repeat;
}
div#header4
{
	width: 100%;
	height: 198px;   /* 20 pixels te hoog, dus lege ruimte tussen header en content */
	background-image: url('../images/header4.png');
	background-repeat: no-repeat;
}
div#header5
{
	width: 100%;
	height: 198px;   /* 20 pixels te hoog, dus lege ruimte tussen header en content */
	background-image: url('../images/header5.png');
	background-repeat: no-repeat;
}
div#header6
{
	width: 100%;
	height: 198px;   /* 20 pixels te hoog, dus lege ruimte tussen header en content */
	background-image: url('../images/header6.png');
	background-repeat: no-repeat;
}
div#header7
{
	width: 100%;
	height: 198px;   /* 20 pixels te hoog, dus lege ruimte tussen header en content */
	background-image: url('../images/header7.png');
	background-repeat: no-repeat;
}
div#header8
{
	width: 100%;
	height: 198px;   /* 20 pixels te hoog, dus lege ruimte tussen header en content */
	background-image: url('../images/header8.png');
	background-repeat: no-repeat;
}


div#footer
{
	margin-top: 5px;
  	text-align: center;
	width: 100%;
	height: 50px;
	font: normal 11px "Trebuchet MS";
	color: #AAAAAA;	
}

a.foot:link
{
	text-decoration: none;
  margin-top: 5px;
  text-align: center;
	width: 100%;
	height: 50px;
	font: normal 11px "Trebuchet MS";
	color: #AAAAAA;	
}
a.foot:visited
{
	text-decoration: none;
  margin-top: 5px;
  text-align: center;
	width: 100%;
	height: 50px;
	font: normal 11px "Trebuchet MS";
	color: #AAAAAA;	
}
a.foot:hover
{
	text-decoration: none;
  margin-top: 5px;
  text-align: center;
	width: 100%;
	height: 50px;
	font: normal 11px "Trebuchet MS";
	color: #dd3333;	
}

div#driekolommen
{
	width: 100%;
}

div#content
{
	/* margin-left: 25px; Dit is nu geregeld in de padding hieronder, want deze werkt niet in IE, de padding in IE en FF
	margin-right: 25px;   Dit is nu geregeld in de padding hieronder */
	/* height: 344px; */
	border: 0px solid #ff0000;
	border: 0px solid #D5EAF1;
/*	background-color: #F1F2EF;  */
	background-color: #FFFFFF;
	overflow: auto;
	padding: 0px 30px 0px 30px;
	text-align: left;
	* width:400px;
	
}


#driekolommen #content
{
	
}
div#menu
{
	float: left;
	width: 160px;
	/* height: 368px; */
	background-color: #FFFFFF;
	border: 0px solid #D5EAF1;
	text-align: left; /*nieuw*/
	line-height: 18px;	/*nieuw*/
	/*border-bottom: 1px solid #FFFFFF;
	text-align: left;
	/*line-height: -18px;     /* nieuw toegevoegd!!! */    
}

.menukopje
{
	float: left;
	width: 150px;
	padding: 4px 4px 4px 4px;	  /* dit had ook gekund omdat het alle vier hetzelfde is: padding: 4px ; */	
	                            /* boven-, rechter-, onder- en linkerzijde  */
	background-color: #000000;
	border: 0px solid #D5EAF1;
	border-top: 0px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align: left;
	font: bold 12px arial;
	color: #FFFFFF;	
}

div#rechterkant
{

	float: right;
	width: 158px;
	/* height: 368px; */
	background-color: #FFFFFF;
	border: 0px solid #D5EAF1;
	text-align: left;
	line-height: 18px;	
}
div#rechterkant .menukopje
{

	margin-bottom:5px;
}

#rechterkanttekst
{
	
	width: 150px;
	padding: 0;	  /* dit had ook gekund omdat het alle vier hetzelfde is: padding: 4px ; */	
	                            /* boven-, rechter-, onder- en linkerzijde  */
	background-color: #FFFFFF;
	border: 0px solid #D5EAF1;
	text-align: left;
	line-height: 18px;
	font: normal 12px arial;
	color: #3B3B3B;	
}

/* ********************** */
ul#navigation li
{
	/* ruud : list style onzichtbaar gemaakt, nu gebruik van backgrounds, deze zijn meer browser consistent */
	list-style:none;
	/*list-style:  url('../images/groterdan.png');*/
	background:url('../images/groterdan.png') left 7px no-repeat;
	height: 18px;
	line-height:18px;
	
	width: 145px;
	margin:0;
	margin-left: -40px;  
	* margin-left: -42px;     /* eerst -42 */
	padding-left: 10px;  
	/* boven-, rechter-, onder- en linkerzijde  */

	
	padding-top:1px;
	padding-bottom:1px;
}
html>body ul#navigation li { * background:url('../images/groterdan.png') left 8px no-repeat;}
*:first-child+html ul#navigation li /* Ruud :  IE7 only selector   */

ul#navigation li a
{
	text-decoration: none;
	color: #976E55;
}
ul#navigation li a:hover
{
	text-decoration: underline;
	color: #976E55;
}
ul#navigation li a:active
{
	text-decoration: none;
	color: #976E55;
}
/*
	achtergrondkleurmenu: F1F2EF  ( licht grijs )
	kleur lijnen in menu: 226676 ( donker blauw )
	blauwe lijntje om het menu: D5EAF1 ( lichtblauw )
	achtergrondkleur site: D4DAD3 (  grijs / beige )
*/




embed 
{
	border:none;
	margin-top:-6px; /* ruud : -1 pixel zodat de witte lijn bij de video verdwijnt */
  margin-bottom:3px;
}

div#content table tr td {
    vertical-align: top;
}