body {
	font: 100% arial, sans-serif;
	line-height:1.2em;
	color: #333333;
	background-color: #ffffff;  /* 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: 800px;
	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: 800px;
	background-image: url(img/bg-oranje-wit.gif);  
	border: 1px solid #666666;
}

#logo {
	float:left;
	width: 175px;
	height: 175px;
	background-image: url(img/logo.gif);  
	background-repeat: no-repeat;
}


#fotobalk {
	float:left;
	width: 625px;
	height: 175px;
	background-image: url(img/fotobalk.jpg);  
	background-repeat: no-repeat;
}

#menu {
	float: left; 
	width: 175px;
	height: 300px; 
	padding: 20px 0px 0px 0px; 
	background-color: #ff9900;
}

#menu a {
	display: block; 
	width: 165px; 
	color: #ffffff;
	text-decoration: none;
	font-size: 90%;
	padding: 4px 0px 4px 10px; 
	font-weight: normal; 
	text-align: left;
}

#menu a:hover {
	color: #ffffff;
	text-decoration: none
	font-weight: normal; 
	background-color: #ED7705; 
}

#menu a.active {
	color: #ffffff;
	text-decoration: none
	font-weight: normal; 
	background-color: #ED7705; 
}

#menu a.active:hover {
	color: #ffffff;
	text-decoration: none
	font-weight: normal; 
	background-color: #ED7705; 
}


#tekst {
	float:left;
	width: 565px;
	font-size: 80%;
	padding: 20px 30px 20px 30px; 
}

#tekst a {
	color:#ff9900; 
	text-decoration: none;
	font-weight: bold;
}

#tekst a:visited {
	color: #ff9900;
	text-decoration: none
	font-weight: bold;
}

#tekst a:hover {
	color: #ff9900;
	text-decoration: underline
	font-weight: bold;
}

h1 {
	font-size: 130%;
	font-weight: bold;
}

h5 {
	font-size: 80%;
	font-weight: normal;
	color:#ff9900; 
}

/************** MOUSE-OVER-IN-FOTOBALK *******************************************/

A.fotobalk {
	display : block;
	width: 170px;
	height:30px;	
}

A.fotobalk#mail {
	background-image: url(img/mail.jpg);
}

A.fotobalk#mail:hover {
	background-image: url(img/mail-over.jpg);
}