body {
	font: 100% arial, sans-serif;
	line-height:1.2em;
	color: #ffffff;
	background-color: #000000;  /* dit is de rondom kleur*/
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	margin-top: 0px;
}


#wrapper {
	position:relative;
	width: 900px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#content {
	float:left;
	width: 900px;
	background-image: url(img/bg.jpg);  
	background-repeat: repeat;
}

#logo {
	float: left; 
	width: 530px;
	height: 160px;
	background-image: url(img/logo.jpg);
}

#foto {
	float: right; 
	width: 370px;
	height: 380px;
}

#tekst {
	float: left; 
	width: 440px;
	padding:  20px 0px 10px 90px;
	font-size: 80%;
}

#tekst a {
	color: #ffffff;
	text-decoration: underline;
}

#menu {
	float: right; 
	width: 200px;
	padding:  0px 80px 0px 0px;
	text-align: right;
	line-height:1.5em;
	border-left: 1px dotted #ffffff;
}

#menu a {
	color: #ffffff;
	text-decoration: none;
	font-size: 90%;
	font-weight: normal; 
}

#menu a:hover {
	background-color: #666666; 
}

#menu a.active {
	background-color: #666666; 
}

#footer {
	float:left;
	width: 900px;
	height: 40px;
	background-image: url(img/beneden.jpg);  
	background-repeat: no-repeat;
}