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

BODY {
margin:0 auto;
padding: 0;
background:url(../images/back.jpg) repeat-x #55cbe0;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
} 

HTML {height: 100%;}



#container {
	line-height: 1.5em;
	width: 951px;
	background:url(../images/backcontainer.png) repeat-y;
	padding-left: 9px;
	/* float: left; */
	margin: 0 auto;
}

#header {
	width: 933px;
	height: 250px;
	background-color:#999999;
	}
	.bedrijven {height: 249px}

A:link {color:#3db5d0;text-decoration:none;}
A:visited {color:#3db5d0;text-decoration:none;}
A:active {color:#3db5d0;text-decoration:none;}
A:hover {color:#003063;text-decoration:none;}			
		
/* BEDRIJVEN SPECIFIEK */
	
		#header_container {width:717px;height:250px;border-right: 1px solid #FFFFFF;}
			#blokjes_navigatie {width:616px;height:146px;float:left;border-bottom:1px solid #FFFFFF; background:url(../images/blokjesnavigatie_bg.jpg) repeat-y;}
			#blokjes_navigatie ul{padding: 0; margin: 0; display: block; }
			#blokjes_navigatie li{ display: inline; list-style: none;}
			#blokjes_navigatie A{display: block; width: 154px; float: left; height: 50px; padding-top: 23px; text-align: center;}
			#blokjes_navigatie UL LI A:link {color:#FFFFFF;text-decoration:none;}
			#blokjes_navigatie UL LI A:visited {color:#FFFFFF;text-decoration:none;}
			#blokjes_navigatie UL LI A:active {color:#FFFFFF;text-decoration:none;}
			#blokjes_navigatie UL LI A:hover {color:#003063;text-decoration:none;}
			
				/*.blokje {width:154px;height:73px;float:left;color: #FFFFFF;position:relative;}
					.navtxt{position:absolute; top:35%;text-align:center;width: 154px;}
				.lichtblauw {background-color:#64c4d9;}
				.donkerblauw {background-color:#3db5d0;}*/
		/* dynamische foto blokjes */
		#fotorechts_kl {width:100px;height: 146px;float:left;border-left:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;}
		#fotolinksonder_grt {float:left; width:462px;height: 103px;border-right: 1px solid #FFFFFF;}
		#fotoondermidden {width: 254px; height: 103px; float:left;}
		#fotouiterstrechts {float:right;width: 215px;height: 250px;display:block;}
		


/* zoeken */
#zoeken{
	width: 951px;
	margin: 0 auto;
	text-align: right;
	background: none;
}
#zoeken fieldset{
	border: 0;
}
#zoeken form{
	padding-right: 20px;
}

/* LINKS */
#navigatie { 
 display: block;
 width: 180px;
 margin-left: -10px;
 margin-top: 33px;
 float: left;
 

 }
 
	#navigatie UL {
		 list-style-type:none;
		 margin-left: -41px;
   }
	
	#navigatie UL LI {
	background:url(../images/backmenuitem.png) 0 0 no-repeat;
	

	width: 124px;
	height: auto;
	padding: 23px 0 5px 40px;
	color: #FFFFFF;
	line-height: 15px;
	}
		#navigatie UL LI A:link {color:#FFFFFF;text-decoration:none;}
		#navigatie UL LI A:visited {color:#FFFFFF;text-decoration:none;}
		#navigatie UL LI A:active {color:#FFFFFF;text-decoration:none;}
		#navigatie UL LI A:hover {color:#003063;text-decoration:none;}	
	
	
/* CONTENT */

#midden {
	display:block;
	width: 435px;
	height: auto;
	float: left;
}
	#broodkruimel {
	margin: 20px 0;
	color:#abadae;
	}
	#broodkruimel a:link, a:active, a:visited, a:hover {color:#abadae;text-decoration:none;}
	#broodkruimel a:hover {text-decoration:underline;}

/* RECHTS */
#rechts {
display:block;
width: 312px;
float:right;
border-left: 1px solid #53c0d8;
margin-right: 18px;
height: 100%;
}
	.afbeelding_left {
		border-right: 1px solid #FFFFFF;
		border-top: 1px solid #FFFFFF;
		float:left;
	}
	.afbeelding_right {
	border-top: 1px solid #FFFFFF;
	float:left;
	}
	
	#rechtsnav {
	display:block;
	width: 312px;
	height: 27px;
	background-color: #53c0d8;
	margin-top: 40px;
	color: #FFFFFF;
	text-align:center;
	padding-top: 6px;
	}
		#rechtsnav A:link {color:#FFFFFF;text-decoration: none;}
		#rechtsnav A:visited {color:#FFFFFF;text-decoration: none;}
		#rechtsnav A:hover {color:#FFFFFF;text-decoration: underline;}
		
		/* Headlines */
		#headlines {width: 270px; margin-left: 15px;}
			.nieuwsitem {margin-bottom: 10px;}
			.datum {color:#3db5d0;}
			.leesverder a:link {color:#666666;text-decoration:none;}
			.leesverder a:active {color:#666666;text-decoration:none;}
			.leesverder a:visited {color:#666666;text-decoration:none;}
			.leesverder a:hover {color:#666666;text-decoration:underline;}

	
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* FOOTER */
#footer {
	width: 777px;
	height: 35px;
	background:url(../images/footer.jpg) no-repeat;
	margin-left: -13px;
	padding: 15px 0 0 183px;
	font-size: 0.8em;
	color: #999999;

}

/* HOME START */

#homeleft{
	width: 410px;
	float: left;
}
#homeright{
	width: 541px;
	float: right;
}
#homelogo{
	width: 525px;
	height: 116px;
}
#homecontent{
	width: 300px;
	padding: 50px 0px 25px 25px;
}
#homefooter {
	width: 933px;
	height: 35px;
	background:url(../images/footer.jpg) no-repeat;
	margin-left: -13px;
	padding: 15px 0 0 30px;
	font-size: 1em;
	color: #3db5d0;
}
#homefooter a{
	color: #3db5d0;
}
#homefooter a:hover{
	color:#666666;
	text-decoration: underline;
}
#beeld1{
	float: left;
	width: 154px;
	height: 345px;
}
#beeld2{
	width: 204px;
	height: 115px;
}
#beeld3{
	width: 154px;
	height: 115px;
}
#menuleft{
	float: left;
	width: 50px;
	height: 345px;
}