/* Algemeen deel stylen */
body {
	margin: 0;
	padding: 0;
	color: #666;
	font-family: "trebuchet ms", arial;
	background-image: url(img/back.jpg);
	background-repeat: repeat-x;
	background-color: #d7ddeb;
	}

/* CONTAINERS */
	#container { 
	margin: 0 auto; 
	background-image: url(img/achter.jpg);
	width: 960px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
	}		

/* HEADER */
	#header {
	width: 960px;
	height: 315px;
	}

#jubileum	{
	background:url(img/50jaar.png);
	width:203px;
	height:173px;
	position:absolute;
	margin-top:145px;
	margin-left:770px;
	z-index:9999;	
}
	
#jubileum a {
	display: block;
	height: 173px;
	width: 203px;	
}
	
/* MENU */
		#menu {
		width: 255px;
		height: 100%;
		background-color: #f29f42;
		background-image: url(img/achter.jpg);
		float: left;

		}
		
		#menu ul {
		margin: 0px;
		padding: 0px;
		background-color: #f29f42;
		position: fixed;
		}
			
		#menu li {
		list-style: none;
		}
		
			.home {
			list-style: none;
			display: block;
			height: 35px;
			width: 255px;
			background-image:  url(img/but_home.jpg);
			}
			
			.home:hover { 
			list-style: none;
   			background-image: url(img/but_home_over.jpg);
			}
			
			.nieuws {
			list-style: none;
			display: block;
			height: 35px;
			width: 255px;
			background-image:  url(img/but_nieuws.jpg);
			}
			
			.nieuws:hover { 
			list-style: none;
   			background-image: url(img/but_nieuws_over.jpg);
			}
			
			.projecten {
			list-style: none;
			display: block;
			height: 35px;
			width: 255px;
			background-image:  url(img/but_projecten.jpg);
			}
			
			.projecten:hover { 
			list-style: none;
   			background-image: url(img/but_projecten_over.jpg);
			}
			
			.aannemerij {
			list-style: none;
			display: block;
			height: 35px;
			width: 255px;
			background-image:  url(img/but_aannemerij.jpg);
			}
			
			.aannemerij:hover { 
			list-style: none;
   			background-image: url(img/but_aannemerij_over.jpg);
			}
			
			.verhuur {
			list-style: none;
			display: block;
			height: 35px;
			width: 255px;
			background-image:  url(img/but_verhuur.jpg);
			}
			
			.verhuur:hover { 
			list-style: none;
   			background-image: url(img/but_verhuur_over.jpg);
			}
			
			.loonwerk {
			list-style: none;
			display: block;
			height: 35px;
			width: 255px;
			background-image:  url(img/but_loonwerk.jpg);
			}
			
			.loonwerk:hover { 
			list-style: none;
   			background-image: url(img/but_loonwerk_over.jpg);
			}		
									
			.veg {
			list-style: none;
			display: block;
			height: 35px;
			width: 255px;
			background-image:  url(img/but_veg.jpg);
			}
			
			.veg:hover { 
			list-style: none;
   			background-image: url(img/but_veg_over.jpg);
			}
			
			.landbouw {
			list-style: none;
			display: block;
			height: 35px;
			width: 255px;
			background-image:  url(img/but_landbouw.jpg);
			}
			
			.landbouw:hover { 
			list-style: none;
   			background-image: url(img/but_landbouw_over.jpg);
			}
			
		
											
/* INHOUD */
		#inhoud { 
		float: right; 
		width: 675px; 		
		padding-left: 20px;
		padding-right: 10px;
		background-color: #fff;
		overflow: auto;	
		}
		
		#inhoud a:link {color: #004b96; text-decoration: none;}
		#inhoud a:hover {color: #004b96;}
		#inhoud a:visited {color: #6699cc; text-decoration: none;}
		
		#inhoud h1 { 
		font-size: 27px; 
		}
		
		#inhoud h2 {
		font-weight: normal;
		color: #004b96;
		font-size: 18px;		
		}		
		
		#footer {
		float: left;
		text-align: center;
		color: #fff;
		font-size: 10px;
		height: 16px;
		padding-top: 4px;
		width: 960px;
		background-color: #003487;
		position: fixed;
		bottom: 0pt;
		}
		
		#footer a {
		color: #fff;
		text-decoration: none;
		}
/* EINDE CONTAINER */