body {
	font: 100% arial, sans-serif;
	line-height:1.1em;
	color: #303b1b;
	background-color: #ecf3c0;  /* 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 */

}

#container {
	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-y;
}

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

#foto {
	float:left;
	height: 500px;
	width: 100px;
}

#menu {
	float: left; 
	width: 190px;
	padding: 120px 0px 0px 0px; 
}

#menu a {
	display:block; 
	width:150px; 
	padding:5px 20px 5px 20px; 
	color:#ecf3c0; 
	font-size: 80%; 
	text-decoration:none; 
	text-align: left;
}

#menu a:hover {
	color: #303b1b;
	text-decoration: none; 
}

#menu a.active {
	color: #303b1b;
	text-decoration: none; 
	font-weight: bold;
}

#menu a.active:hover {
	color: #303b1b;
	text-decoration: none;
}

#logo {
	float:right;
	width: 610px;
	height: 75px;
	background-image: url(img/logo.jpg);  
	background-repeat: no-repeat;
}


#tekst {
	float: left;
	width: 400px;
	font-size: 80%;
	padding: 0px 0px 20px 40px; 
}

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

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

#tekst h1 {
	color: #ecf3c0;
	padding:  0px 10px 10px 10px;
	font-size: 150%;
	text-align: right;
}
	
#foto-vierkant {
	float: right; 
	width: 140px;
	padding: 0px 0px 20px 20px; 
}