/* CSS Document */



body {

	font-family : Verdana, Tahoma, Arial,sans-serif; 

	background-color : #000000; 

	color : #000000;

	font-size: 12px;

	margin-top: 3px;

	}



div#main {

	position : absolute; 

	display : block; 

	margin-top : 15px; 

	width : 800px; 

	top : 20%; 

	margin-top : -100px; 

	left : 40%; 

	margin-left : -300px; 

	height : 500px;

}



div#linksboven {

	position : absolute; 

	background-image: url(images/linksboven.gif);



	width : 106px; 

	height : 106px; 

}

div#middenboven {

	position : absolute; 

	background-image: url(images/middenboven.gif);

	top: 0px;

	left: 104px;

	width : 409px; 

	height : 106px; 

}



div#rechtsboven {

	position : absolute; 

	background-image: url(images/rechtsboven.gif);

	top: 0px;

	left: 560px;

	width : 189px; 

	height : 106px; 

}



div#linksfoto {

	position : absolute; 

	background-image: url(images/linksfoto.gif);

	top: 106px;

	left: 1px;

	width : 104px; 

	height : 80px; 

}



div#middenfoto {

	position : absolute; 

	background-image: url(images/middenfoto.gif);

	top: 106px;

	left: 104px;

	width: 509px;

	height: 80px;

}



div#rechtsfoto {

	position : absolute; 

	background-image: url(images/rechtsfoto.gif);

	top: 106px;

	left: 613px;

	width : 189px; 

	height : 80px; 

}



div#scroll {

	height : 250px;

	width: 430px;

	overflow: auto;

} 



div#home {

	position: absolute;

	background-image:url(images/home.gif);

	left: 125px;

	width: 145px;

	height: 40px;

	}

div#disclaimer {

	position: absolute;

	background-image:url(images/disclaimer.gif);

	left: 125px;

	width: 145px;

	height: 40px;

	}

div#aanleg {

	position: absolute;

	background-image:url(images/aanleg.gif);

	left: 125px;

	width: 145px;

	height: 40px;

	}

	

div#onderhoud {

	position: absolute;

	background-image:url(images/onderhoud.gif);

	left: 125px;

	width: 145px;

	height: 40px;

	}

	

div#fotos {

	position: absolute;

	background-image:url(images/fotos.gif);

	left: 125px;

	width: 145px;

	height: 40px;

	}

	

div#contact {

	position: absolute;

	background-image:url(images/contact.gif);

	left: 125px;

	width: 145px;

	height: 40px;

	}

			

div#middencontent {

	position : absolute;

	background-image: url(images/middencontent.gif);

	top: 185px;

	left: 105px;

	width : 509px; 

	height : 296px; 

}



div#tekstvak {

	position: absolute; 

	top: 40px;

	left: 145px;

	margin-right: 2px;

	margin-right: 2px;

	width: 430px;

	height: 250px;

    z-index: 1; 

}

	

div#linksmidden {

	position : absolute;

	background-image: url(images/linksmidden.gif);

	top: 185px;

	left: 2px;

	width : 104px; 

	height : 296px; 

}

div#rechtsmidden {

	position:absolute;

	background-image: url(images/rechtsmidden.gif);

	top: 185px;

	left: 614px;

	width : 189px; 

	height : 296px;

	z-index: auto;
	
	text-decoration: none;

}

div#middenonder {

	position : absolute;

	background-image: url(images/middenonder.gif);

	top: 481px;

	left: 105px;

	width : 509px; 

	height : 120px;
}



div#rechtsonder {

	position : absolute;

	background-image: url(images/rechtsonder.gif);

	top: 481px;

	left: 614px;

	width : 189px; 

	height : 120px; 

}

div#linksonder {

	position : absolute;

	background-image: url(images/linksonder.gif);

	top: 481px;

	left: 1px;

	width : 104px; 

	height : 120px; 

}



div#links {

	position: absolute;

	top: 50px;

	width: 120px;

	height: 200px;

	}

	

.rollover a {
	display:block;
	left: 15px;
	width : 100px; 
	height : 27px;
	text-indent: 35px;
	background: url("images/blauw.gif");
	background-repeat: no-repeat;
	text-decoration: none;
	line-height: 27px;
	color: #000000;
	}



h3 {
	font-family : Verdana, Tahoma, Arial,sans-serif; 
	font-size: 12px;
	color: #000000;
	font-style: normal;
	margin-top: 2px;
}



.rollover a:hover { 
	background-position: 0 -28px;
	text-indent: 40px;
	color: #000000;
}



.rollover a:active {
	background-position: 0 -28px;
	text-indent: 40px;
	text-decoration: none;
	color: #000000;
	}
	
.disclaimer {
	color: #666666;
	font-size: 9px;
	text-decoration:none;
	margin-top: 40px;
	font-style: normal;
}



.rollover a:hover { 
	background-position: 0 -28px;
	text-indent: 40px;
	color: #000000;
}



.rollover a:active {
	background-position: 0 -28px;
	text-indent: 40px;
	text-decoration: none;
	color: #000000;
	}