html {
     margin: 0; 
     height: 100%; 
} 

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	background-color:#e8e8e8;
}

div#container {
	background-color:#e8e8e8;
	width:100%;
	background-image:url(layout/footer_stretch.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

div#background_left {
	left:0px;
	width:50%;
	height:120px;
	position:absolute;
	background-image:url(layout/header_stretch.gif);
	background-position:top;
	background-repeat:repeat-x;
}

div#background_right {
	right:0px;
	width:50%;
	height:120px;
	position:absolute;
	background-image:url(layout/header_stretch.gif);
	background-position:top;
	background-repeat:repeat-x;
}

div#subcontainer {
	position:relative;
	width:806px;
	height:702px;
}

DIV#top {
	position:absolute;
	left:0px;
	top:0px;
	width:806px;
	height:113px;
}

DIV#middle {
	position:absolute;
	left:0px;
	top:113px;
	width:806px;
	height:617px;
}

DIV#footer {
	position:absolute;
	bottom:0px;
	width:806px;
	left:0px;
	height:98px;
}

#menu1 {
	width: 247px;
	height: 448px;
	left:22px; 
	top:46px;
	position:absolute; 
}
#menu1 a { 
	width: 247px;
	height: 448px;
	background: url('layout/bedrijven.jpg') 0px -448px no-repeat;
	display: block;
}
#menu1 a:hover { 
	background-position: 0px 0px;
	display: block;
}

#menu2 {
	width: 247px;
	height: 448px;
	left:284px; 
	top:46px;
	position:absolute; 
}
#menu2 a { 
	width: 247px;
	height: 448px;
	background: url('layout/algemeen.jpg') 0px -448px no-repeat;
	display: block;
}
#menu2 a:hover { 
	background-position: 0px 0px;
	display: block;
}

#menu3 {
	width: 247px;
	height: 448px;
	left:545px; 
	top:46px;
	position:absolute; 
}
#menu3 a { 
	width: 247px;
	height: 448px;
	background: url('layout/medewerkers.jpg') 0px -448px no-repeat;
	display: block;
}
#menu3 a:hover { 
	background-position: 0px 0px;
	display: block;
}