/* ----------------------------------------------
	BASISSETTING, positionering                               
	____________________________________________ */

div{
	margin:0;
	padding:0;
}	
	
body{
	font: 12px Century Gothic,erdana,Helvetica,Arial;
	color:#000;
	padding:0;
	margin: 0 auto;
	background:#DCE0E3;
}
	
#placeholder {
	margin:0 auto;
	width: 984px;
	margin-top:25px;
	background:#FFF;
}
	
	#link_foto1 a{
		position:absolute;
		margin-left:440px;
		height:745px;
		width:182px;
		display:block;
	}
	
	#link_foto2 a {
		position:absolute;
		margin-left:625px;
		height:745px;
		width:170px;
		display:block;
	}
	
	#link_foto3 a {
		position:absolute;
		margin-left:800px;
		height:745px;
		width:182px;
		display:block;
	}
	
	
#container {
	margin:0 auto;
	width: 984px;
	margin-top:5px;
}

#header {
	width: 959px;
	background:#FFF;
	margin-left:25px;
	padding-top:25px;

}

	#logo a{
		float:left;
		width:300px;
		height:76px;
		background:url(../images/logo.gif) no-repeat top left;
	}

	#menu{
		height:50px;
		margin:0;
		padding:0;
		padding-top:41px;	
		float:right;
		margin-right:16px;
	}
	
	#menu ul{
		margin:0;
		padding:0;
	}
	
		#menu li{
			margin:0;
		padding:0;
			list-style:none;
			display:inline;
		}

		#menu li a{
			margin:0;
			padding:0;
			float:left;
			padding:7px;
			font:12px Arial,Century Gothic,erdana,Helvetica;
			font-weight:bold;
			border:3px solid #000;
			margin-right:4px;
			color:#000;
			background:#fff;
		}

		#menu li.active a{
			color:#fff;
			background:#000;
		}


		#menu li a:hover{
			color:#934263;
			text-decoration: none;
		}

	#tekst{
		float:left;
		width:479px;
		overflow:hidden;
		padding:25px;
		background:#fff;
		padding-top:37px;
	}
	
	#tekst.productie {
		padding-top:25px;
		
	}
	.content-right {
		float:left;
		width:455px;
		margin-top:40px;
		margin-bottom:20px;
	}
	
	.content-right.productie {
		margin-top:50px;
	}

	#fotos_01 a{
		float:left;
		width:185px;
		height:643px;
		background:url(../images/kleur_demeeuw.jpg) no-repeat top left;
		border-top:1px solid #999999;
	}
	#fotos_02 a{
		float:left;
		width:125px;
		height:643px;
		background:url(../images/kleur_oomwanja.jpg) no-repeat top left;
		border-top:1px solid #999999;
	}
	#fotos_03 a{
		float:left;
		width:125px;
		height:643px;
		margin-right:20px;
		background:url(../images/zwartwit_dekersentuin.jpg) no-repeat top left;
		border-top:1px solid #999999;
	}

	
	ul{
		margin:0;
		padding:0;
		margin-top:5px;
		margin-left:17px;
	}

	
	.hst a{
		float:left;
		height:30px;
		padding-left:45px;
		padding-top:10px;
		color:#0f8762;
		background:url(../images/hst.gif) no-repeat left;
		margin-top:10px;
		margin-bottom:10px;
	} 

/* ----------------------------------------------
	CLEARER, it will not stretch otherwise
	____________________________________________ */
	
.clearer{ 
	clear: both;
} 

/* ----------------------------------------------
	CONTENT STYLES
	____________________________________________ */

h1{
	font-size:28px;
	margin:0;
	padding:0;
	color:#934263;
	margin-bottom:5px;
}

h2{
	font-size:17px;
	margin:0;
	padding:0;
	margin-bottom:0px;
	color:#934263;
}

h3{
	font-size:12px;
	margin:0;
	padding:0;
	margin-bottom:10px;
	color:#934263;
}

h4{
	font-size:12px;
	margin:0;
	padding:0;
	margin-bottom:10px;
	color:#3a68a3;
}

h5{
	font-size:11px;
	margin:0;
	padding:0;
	color:#934263;
	
}

hr{
	height:1px;
	border:0px solid #fff;
	border-bottom:1px solid #2e9ae9;
	color:#2e9ae9;
	
}

a {
	color: #3a68a3;
	text-decoration: none;
}
a:hover{
	text-decoration:underline;
	}

p{
	margin-top:0;
	
	font-size:15px;
}


/*******************************************
*    Actieve Productie
*******************************************/
.productie-header {
	float:left;
	width:504px;
	background-color: #fff;
	height: 25px;
	border-bottom:1px solid #999999;
}
.productie-header ul {
	margin: 0;
	padding:0;
	list-style-type: none;
}
.productie-header li {
	display: inline;
}

.productie-header li a{
	float:left;
	color:#934263;
	font-size:12px;
	font-weight:bold;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	height: 13px;
	padding-top:3px;
	padding-bottom:7px;
	padding-left:8px;
	padding-right:8px;
	margin-right:5px;
	
}
.productie-header li a:hover, .productie-header li a.actief {
	border-bottom:2px solid #fff;;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-top:1px solid #999999;
	text-decoration:none;
	color:#000;
}

.productie-content {
	float:left;
	width:479px;
	padding-top:15px;
}

.productie-content img{
	float:left;
	border:8px solid #e9ecee;
	margin-right:8px;
}