@charset "utf-8";
/* CSS Document */

body {
	background-color: #a1a1a1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	margin: 0; /* het is een goede gewoonte om de instellingen voor margin (marge) en padding (opvulling) van het element body op nul in te stellen en daarmee op de standaardinstellingen van de verschillende browsers */
	padding: 0;
	text-align: center; /* hiermee centreert u de container (het hoofdobject) in IE 5*-browsers Vervolgens wordt de tekst ingesteld op de standaardinstelling van links uitlijnen in de kiezer */
}#container {
	color: #333333;
}
	
p { 
margin-top:15px;}
	
h1 {
	font-size: 14px;
	color: #274689;
	margin:2px 0px 2px 0px;
}

h2 {
	font-size: 13px;
	color: #274689;
	margin: 10px 0px 6px 0px;
	padding-top: 10px;
}

h3 {
	font-size: 13px;
	color: #274689;
	margin-bottom:2px;
	margin-top:30px;
}
h4 {
	font-size: 12px;
	color: #274689;
	margin:3px;
	font-weight:bold;
}

h5 {
	font-size: 12px;
	color: #C00;
	margin:3px;
	font-weight:bold;
}

#fillup {
	background-color:#ACACAC;
	padding-top:0px;
	background-image:url(graphics/back.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom: 65px;
	padding-top:17px;
}

.oneColFixCtr #container {
	width: 790px;
	margin: 0 auto; /* de automatische marges (d.m.v. auto), in combinatie met een breedte, centreren de pagina */
	border: 1px solid #000000;
	text-align: left; /* hiermee wordt de instelling text-align: center voor het element body genegeerd. */
	background-image: url(graphics/kop.jpg);
	background-repeat: no-repeat;
	
	
}
.oneColFixCtr #inhoud {
	padding: 0px;
	margin-top: 0px;
	background-image: url(graphics/backCont.jpg);
}

#knoppen {
	padding: 1px 5px 0px 135px;
	margin: 116px 5px 30px 0px;
	font-size: 11px;
	text-align: center;
	font-weight:bold;
	
		
}

.barknop a
{
	float: right;
	padding: 4px 8px 3px 8px;
	margin-right:10px;
	color: #FFFFFF;
	background-color:#014992;
	/*background-image: url(graphics/knopHover.jpg);*/
	height: 15px;
	border-top: 1px;
	border-right: 1px;
	border-left:1px;
	border-bottom:0px;
	border-color:#ffffff;
	text-decoration: none;
	border-style: solid;
}

.barknop a:hover
{
	background-color:#008BBF;
}	
	
.oneColFixCtr #mainContent {
	padding: 3px 30px 50px 35px;
	margin-left: 125px;
	margin-top:52px;
	
	
	
}


#menu {
font-size: 12px;
color: #274689;
padding: 5px;
padding-top:0px;
width: 134px;
float: left;
margin-top:0px;


	
/* vergeet niet dat onder padding (opvulling) wordt verstaan de ruimte binnen in het vak van het element div, terwijl margin (marge) betrekking heeft op de ruimte buiten het vak van het element div */}

#home #mainNav .home a,
#informatie #mainNav .informatie a,
#afscheiders #mainNav .afscheiders a,
#afvoergoten #mainNav .afvoergoten a,
#drainage #mainNav .drainage a,
#folie #mainNav .folie a,
#geotextiel #mainNav .geotextiel a,
#iba #mainNav .iba a,
#infiltratie #mainNav .infiltratie a,
#inspectieputten #mainNav .inspectieputten a,
#keerwanden #mainNav .keerwanden a,
#leidingwerk #mainNav .leidingwerk a,
#maatwerk #mainNav .maatwerk a,
#pompputten #mainNav .pompputten a,
#recycling #mainNav .recycling a,
#rijplaten #mainNav .rijplaten a,
#roosters #mainNav .roosters a,
#RWI #mainNav .RWI a{
	background-image: url(graphics/block.jpg);
	background-position: left;
	background-repeat: no-repeat;
	background-color:#ECF0DB;
	padding-left: 12px;
	cursor: default;
}

.titel{
	margin-left:22px;
	margin-top:5px;
	margin-bottom:0p;
	border: none;
	
	}
	
	li{padding:0px;
	margin:0px;}

#button {
	width: 100%;
	border-top: none;
	padding:0px;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	color: #333;
	}


	#button ul {
		list-style: none;
		margin: 0;
		padding:0px;
		border-top: 1px dashed #bbcb34;
		}
		
	#button li {
		border-bottom: 1px dashed #bbcb34;
		margin: 0;
	
		}


	#button li a {
	display: block;
	padding: 2px 0px 2px 5px;
	color: #000066;
	text-decoration: none;
	
		}

	html>body #button li a {
		width: auto;
		}

#button li a:hover {
	background-color: #ECF0DB;	
		}

	html>body #button li a:hover {
		background-color: #EFF5D6;	
		}
		
 .clear
 {clear: both;}
 
 .foto {
 float: right;
 
 margin: 10px 0px 10px 20px;}
 
 #fotos
 {}
 
 #fotos img{

 margin: 10px 20px 10px 0px;
 border: 1px solid #333333;}
 
 #fotos a:focus {
	outline: none;
	
}

 #blok {
	
	background-color:#ffffff;
	border-top:1px solid #245f95;
	height: 34px;
	
	
	
	}
#blok a img {
	border: none;
	float:right;
	margin:0px;
}




.blok2 {
	padding-left:0px;
	background-color:#ffffff;
	border-top:1px solid #245f95;
	border-bottom:1px solid #245f95;
	height: 140px;
	
	
	}
	.blok2 img {
	border: none;
	float:left;
	margin:0px;
	margin-right:15px;
}	
.blok2 .addInfo {
	margin: 0px;
	margin-right:0px;
	text-align: right;	 
	}

	
	.movie{
	margin-top: 15px;
	float:right;
	margin-left: 20px;
	z-index: 0;
	}
	
ul {
	padding-left:25px;
	padding-bottom:15px;
	margin:0px;
	text-indent: none;
	text-decoration: none;
	
	color: #274689;
	margin:3px;
	
}
.knop{
	background-image:url(graphics/pdf.gif);
	background-repeat:no-repeat;
	height: 22px;
	width: 150px;
	margin: 5px 5px 3px 5px;
	padding: 3px 3px 0px 20px;
	
		}
		
		 .footer {
	color: #E5E5E5;
	font-size: 9px;
	margin-top: 50px;

	}
	
	.illustratie {
	background-image:url(graphics/illustratie.gif);
	background-repeat:no-repeat;
	padding:10px;
	border-right:5px solid;
	margin-top: 0px;
	margin-left: 4px;
	margin-bottom: 20px;
	float:right;
	width:150px;
	border-color: #ABBF3C;
	background-position: top right;
	height:370px;
	}
#clear{clear: both};