html {
	overflow-y: scroll;
	height: 100%; /* needed for container min-height */
}

/* body en aanverwanten */

body {
	margin: 0;
	padding: 0;
	
	height: 100%; /* needed for container min-height */	
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

	/* body headers */

	body h1 {
		margin: 0 0 10px 0;
		padding: 0;
		
		font-size: 14px;
		font-weight: bold;
	}	
	
	body h2 {
		margin: 10px 0;
		padding: 0;
		
		font-size: 12px;
		font-weight: bold;
	}	

#wrap {
	display: block;
	
	margin: 0 auto; /* center, not in IE5 */
	width: 960px; /* gewenste breedte min 2x padding */
	
	background-image: url(afbeeldingen/layout/achtergrond_repeat.jpg);
	background-repeat: repeat-y;
	
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/

	min-height: 100%; /* real browsers */
}

#linkerkolom {
	float: left;
	
	margin-top: 20px;
	
	width: 160px;
}

#menukolom {
	float: left;
	
	width: 160px;
	
	color: #FFFFFF;
}

	#menu {
		padding: 15px 15px;
		
		width: 130px; /* gewenste breedte min padding */
		height: 330px; /* gewenste hoogte min padding */
		
		background-color: #7CA8A1;
	}
	
		#menu h2 {
			margin: 0;
			padding: 0;
		
			font-size: 12px;
		}
		
		#menu a {
			color: #FFFFFF;
			text-decoration: none;
		}
	
	#adresblok {
		padding: 15px 15px;
		
		width: 130px; /* gewenste breedte min padding */
		height: 190px;/* gewenste hoogte min padding */
				
		background-color: #9DBCB7;
	}
	
#hoofdvenster {
	float: left;
	
	margin-top: 20px;
	
	width: 480px;
}

	.fotobalk {
		width: 480px;		
		height: 180px;
	}
	
		.fotobalk img {
			margin: 0;
		}
	
	.tekstbalk {
		padding: 15px 20px 20px 20px;
		
		width: 440px;
		
		color: #887B76;
	}
	
		.tekstbalk a {
			text-decoration: underline;
			color: #887B76;
		}
		
		.tekstbalk img {
			float: right;
			margin: 0 0 10px 10px;
			border: 1px solid;
		}
	
	.intro {
		width: 480px;
			
		color: #666666;			
	}
	
		.intro ul {
			clear: both;
			
			list-style-type: none;
			
			margin: 0;
			padding: 0;
		}
		
		.intro li {
			float: left;
			
			margin: 0 0 10px 10px;
			padding: 3px 10px 10px 10px;
			
			width: 205px;		
		}
		
			.intro .bruin li {
				background-color: #F3F1F1;
			}
			
			.intro .groen li {
				background-color: #F2F6F5;
			}
			
		.intro li h1 {
			margin: -3px 0 5px -10px;
			padding: 3px 10px;
			
			width: 205px;
			
			font-size: 11px;
			font-weight: bold;
			
			color: #FFFFFF;
		}
		
			.intro .bruin h1 {
				background-color: #887B76;			
			}
			
			.intro .groen h1 {
				background-color: #7CA8A1;
			}
		
		.intro li h2 {
			margin: 0;
			padding: 0 0 5px 0;
			
			font-size: 11px;
			font-weight: bold;
		}
		
			.intro .bruin h2 {
				color: #887B76;
			}
			
			.intro .groen h2 {
				color: #7CA8A1;
			}
		
		.intro a {
			display: block;
			width: 205px;
			
			text-align: right;
			
			text-decoration: none;
			font-size: 10px;
			color: #666666;
		}
		
	.lightbox {
		padding: 0 0 20px 10px;
		
		width: 470px;
		
		color: #887B76;
	}
	
		.lightbox img {
			margin: 0 0 10px 10px;
			padding: 0;
			
			border: 1px solid #887B76;
		}
		
		.lightbox a {
			margin: 0;
			padding: 0;
		}
		
		/* contactformulier */

		.contact_invulveld_tekst {
			margin: 0;
			padding: 2px;
			width: 100%;
			
			font-size: 11px;	
			color: #666666;	
			
			background-color: #F3F1F1;
			
			border-left: 1px solid #887B76;
			border-top: 1px solid #887B76;
			border-bottom: 1px solid #FFFFFF;
			border-right: 1px solid #FFFFFF;
			
		}

#rechterkolom {
	float: left;
	
	width: 160px;
	
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/

	min-height: 100%; /* real browsers */
	
	background-color: #DAD5D2;
}


/* clear */

#clear {
  clear: both;
}