/* CSS Document */
body {background:#294165 url(../images_ontwerp/Body_repeat.gif) top left repeat-x;width:100%;height:100%;margin:10px 0 0 0px;padding:0px}

#basiscontainer {
	width:864px;
	margin:10px auto;
	text-align:left;
	height:auto; font-family:Verdana, Arial; font-size:13px; position:relative;
}

#header {
	background:url(../images_ontwerp/Achtergrond_logo.jpg) top left no-repeat;
	width:100%;height:auto;padding:0;margin:0; 
	position:relative}

#headafbeelding {
	width:100%;
	height:132px;margin:0; overflow:hidden;
}
#topnav {height:28px;width:100%;padding:0;margin:0; 
	}
#hoofdmenu_container {
	width:852px;height:28px;float:left;
	padding:0;margin:0;
	background:url(../images_ontwerp/Balk_repeat.jpg) top left repeat-x
	}
#hoofdmenu_container ul {
	color:#1C2625; 
	}

#hoofdmenu_container ul {width:auto; color:#1C2625; font-size:12px;
	list-style-type: none; 
    text-align:left;
	margin: 6px 0px 0 80px ;padding:0;
	}
#hoofdmenu_container ul li {
	display:inline; text-align:left; 
	height:16px; width:auto; 
	padding: 0px 0px 0 0;
	line-height:17px; 
	list-style:none; white-space:nowrap;
	text-indent:0;
	}

#hoofdmenu_container ul a  { /* geldt voor alle linken */
	margin:0px; color:#1C2625; 
	text-decoration:none; vertical-align:middle; 
	padding: 2px 12px 4px 12px;
	border-right:#368E6D solid 1px
	/*  */
}

#hoofdmenu_container ul a:hover {background:#CE3F05; color:white; }
#hoofdmenu_container ul a.actief {background:#38926F; color:white; }


	
/* Inhoud vlakken  ------------------------------------*/

#middenblok {
	background:url(../images_ontwerp/Achtergrond_pagina.gif) repeat-y;
	position:relative;margin:0px;padding:0px;  
	width:100%;
	min-height:100%;
}



/* ---------------------- ZIJ KOLOMMEN --------------------- */
	
		
#linkerkolom {
	float:left;	display:inline; 
	margin-left:10px; margin-right:40px; padding-top:20px;
	width:130px;  
	/* margin-bottom:40px;hoogte footer*/
}

#linkerkolom ul { 
	padding:0;margin:0;width:140px;
	list-style-type: none;
	border-bottom:white dotted 1px;
	}

#linkerkolom ul li {
	width:140px;
	border-top:white dotted 1px;
	padding: 0px;
	}

#linkerkolom ul li a {
	padding: 4px 10px 4px 10px;
	background-color:#378690;
	text-decoration:none; color:white; 
	width:120px; display:block;margin:0 
	}
#linkerkolom ul li a:hover {background: url(../images_ontwerp/Knop_MouseOver.gif) top right no-repeat;color:black }
#linkerkolom ul li a.actief {background: url(../images_ontwerp/Knop_MouseOver.gif) top right no-repeat;color:red }

/* -------------------------------------- Middendeel ------------------------------*/

#maintext { background:url(../images_ontwerp/Productherhaling2011-april.jpg) top right repeat-y;
	float:left; z-index:100; 
	padding:14px 160px 40px 0; *padding:23px 160px 40px 0;
	margin:0px;  
	min-height:350px;
	width:524px;	
	*width:auto;	
	color:#1C2625;
	font-family:Verdana, Helvetica, Arial; font-size:12px; line-height:18px;
}	
#maintext table {color:#294165}

#hoogtehouder, .hoogtehouder {
    width:1px; font-size:1px; line-height:1px;
	height:350px;
	min-height:350px;
    float:right; display:inline;
	padding:0 ;margin:0px;
}
.clear {clear:both; height:1px;line-height:1px;font-size:1px;margin-top:-1px;
}
.clearleft {clear:left; }

h1 {font-size:14px; color:#294165}
h2 {color:#294165; font-size:13px;line-height:14px;margin:5px 0 10px 0;padding:0;}

.sub {font-size:0.8em; vertical-align:sub;margin-bottom:-5px}
.super {font-size:0.8em; vertical-align:super}

.fotodiv, .fotodiv_overzicht {position:relative;
	float:left;color:#294165; 
	width:235px;height:200px;
	padding:5px; margin:0 5px 5px 0;
	border:#378690 solid 1px; cursor:pointer;
	}
.fotodiv_overzicht {
	height:225px; 
	background: bottom left no-repeat url(images/Loepje.gif);
	padding-top:2px}

.loepje {position:absolute;bottom:0;left:0; cursor:pointer}

#vergrotingdiv {
	position:absolute; overflow:hidden; visibility: hidden;
	z-index:999; width:475px; height:350px;
	background-color:#ffffcc; cursor:pointer; 
	border: white solid 4px; border-bottom-color:#FED434; border-left-color:#FED434; /*#FED434 maisgeel */
}
#vergrotingdiv a {
	position:absolute;bottom:0;left:0;
	background:white;color:black;padding:1px 4px;
}

a:link {color:#892C03}
a:visited {color:#205540}
a:hover {color:#205540}
p {margin:0 0 15px 0; color:#294165}

/* ------------------#26644B-------------------- FOOTER ------------------------------*/


#footer {
	position:absolute; 
	margin:0 auto; padding:13px 0 0 165px; color:white;
	font-family:Verdana, Arial; font-size:14px; line-height:22px;
	width:864px; height:82px;
	background:url(../images_ontwerp/Achtergrond_Footer3.gif) top left no-repeat;
}
#faux {text-align:center;
	height: 154px;
	margin: 0 auto;
	width: 200px;
	
}