/* Algemeen deel stylen */
body { 
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
margin: 0; 
padding: 0; 
background-image: url(img/balk.gif);
background-repeat: repeat-x;
background-color: #ccc;
} 

/* CONTAINERS */
	#container { 
	margin: auto;
	width: 960px;
	background-color: #fff;
	}		

/* HEADER */
	#header {
	float: left;
	background-image: url(img/menu.jpg);
	width: 960px;
	height: 180px;
	}


/* MENU */
		#menu {
		float: left;
		width: 200px;
		height: 500px;
		background-image: url(img/groen.jpg);
		background-repeat: no-repeat;
		}
		
			#menu ul {
				margin: 0px;
				padding: 0px;
			}
			
			#menu li {
				list-style: none;
				margin-top: 0px;
				margin-left: 0px;
			}		
		
	/* MOUSE OVER */		
		.home {
		display: block;
		height: 40px;
		width: 200px;
		background-image: url(img/home1.gif);
		}
		.home:hover {
		background-image: url(img/home2.gif);
		}
		
		.saneringen {
		display: block;
		height: 36px;
		width: 200px;
		background-image: url(img/saneringen1.gif);
		}
		.saneringen:hover {
		background-image: url(img/saneringen2.gif);
		}
		
		.grondwerk {
		display: block;
		height: 36px;
		width: 200px;
		background-image: url(img/grondwerk1.gif);
		}
		.grondwerk:hover {
		background-image: url(img/grondwerk2.gif);
		}
		
		.rioleringen {
		display: block;
		height: 36px;
		width: 200px;
		background-image: url(img/rioleringen1.gif);
		}
		.rioleringen:hover {
		background-image: url(img/rioleringen2.gif);
		}
		
		.straatwerk {
		display: block;
		height: 36px;
		width: 200px;
		background-image: url(img/straatwerk1.gif);
		}
		.straatwerk:hover {
		background-image: url(img/straatwerk2.gif);
		}
		
		.diverse {
		display: block;
		height: 36px;
		width: 200px;
		background-image: url(img/diverse1.gif);
		}
		.diverse:hover {
		background-image: url(img/diverse2.gif);
		}
		
		.certificaten {
		display: block;
		height: 36px;
		width: 200px;
		background-image: url(img/certificaten1.gif);
		}
		.certificaten:hover {
		background-image: url(img/certificaten2.gif);
		}
		
		.contact {
		display: block;
		height: 40px;
		width: 200px;
		background-image: url(img/contact1.gif);
		}
		.contact:hover {
		background-image: url(img/contact2.gif);
		}
						
/* INHOUD */
		#inhoud { 
		float: left;
		background-color: #fff;
		width: 740px;
		padding-left: 20px;
		
		font-size: 13px;
		line-height: 20px;
		}
		
		#inhoud h1{
		font-size: 25px;
		padding-top: 0px;
		}
				
		#inhoud h2{
		font-size: 19px;
		font-style: italic;
		color: #44a32b;
		}
							
/* FOOTER */
		#footer { 
		width: 960px; 
		height: 20px; 
		float: left; 
		background-image: url(img/footer.gif);
		color: white;
		padding-top: 2px;
		font-size: 12px; 
		font-stretch: extra-expanded; 
		text-align: center; 
		}
		
		#footer a{
		text-decoration: none;
		color: white;
		}
		
/* EINDE CONTAINER */

/* OVERIGE */

		img {
		padding: 0 0 10px 15px;
		float: right;
		}