* {margin: 0; padding: 0}
a img {border:0}
html,body {
	width: 100%; height: 100%; background-color: #FC0; text-align: center;
}
#headerContainer, #headerImage, #menuContainer, #contentContainer, #footerContainer, #providedContainer {
	margin-bottom: 10px;
}
#container {
	padding-top: 10px;
	width: 840px;
	width: 84%;
	min-width: 640px;
	max-width: 1200px;
	margin: 0 auto;
	text-align: left;
}
#headerContainer {
	background-color: #069;
}
#headerImage, #footerContainer {
	width: 68.5%;
	float: left;
}
#headerImage {
	background:url(afbeelding208.jpg) top center;
	position: relative;
}
#headerSpacer {
	height: 160px;
	min-height: 160px;
}
#menuContainer, #providedContainer {
	width: 30%;
	float: right;
}
#menuContainer {
	background-color: #F60;
}
#contentContainer {
	background-color: #FFFFDF;
	clear: both;
}
#footerText, #providedBy {
	margin: 0px 15px 10px 15px;
}
/*
--------------------------------------------------
Class 'clearfix' for clearing floats
http://positioniseverything.net/easyclearing.html
--------------------------------------------------
*/
.contentBody:after { /* this is the fix for modern CSS 2.1 browsers, adding clearer tags purely through CSS */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.contentBody {display: inline-block;}  /* this one is for IE Mac, which will be corrected below */

/* And below is first the fix for IE-Win (using the Tan Hack '* html')
    and then the correction for all browsers except IE Mac */

/* Hides from IE-mac \*/
* html .contentBody {height: 1%;}
.contentBody {display: block;}
/* End hide from IE-mac */