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

div{
	margin:0;
	padding:0;
}	
	
body{
	font: 12px Arial,Verdana,Helvetica;
	padding:0;
	color:#322e2d;
	margin: 0 auto;
	background:#FFC279;
}
	
#container {
	margin:0 auto;
	width: 977px;
	padding-left:13px;
	border-top:8px solid #fbb35d;
	background:#fffbe3;
}

	#header{
		float:left;
		width:100%;
	}
	
	#logo a{
		float:left;
		width:934px;
		height:70px;
		font-size:24px;
		font-weight:bold;
		padding-right:32px;
		margin-top:10px;
		text-align:right;
		color:#ffde62;
		padding-top:50px;
		text-decoration:none;
		background:url(../images/logo.gif) no-repeat;
		
		
		
	}
	
	#menu{
		float:left;
		
	}
	
	#menu ul{
		margin:0;
		padding:0;
	}
	#menu li{
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
	}
	#menu li a{
		float:left;
		color:#fff;
		height:29px;
		margin-right:6px;
		text-decoration:none;
		background:url(../images/menu_left.gif) no-repeat top left;
	}
	
	span.menu_rechts {
		float:left;
		color:#fff;
		font-size:18px;
		padding-top:4px;
		padding-left:8px;
		padding-right:8px;
		height:25px;
		min-width:150px;
		cursor:hand;
		pointer:hand;
		background:url(../images/menu_right.gif) no-repeat right top ;
	}
	
	*html span.menu_rechts {
		width:150px;
	}
	
	#menu li a:hover, #menu li a.actief{
		background:url(../images/menu_left.gif) no-repeat bottom left;
	}
	
	#menu li a:hover span.menu_rechts, #menu li a.actief span.menu_rechts{
		background:url(../images/menu_right.gif) no-repeat right bottom ;
	}

	#zoeken{
		float:left;
		width:274px;
		height:29px;
		padding-top:4px;
		background:url(../images/zoek_bg.gif) no-repeat;
	}
	
		#zoeken a{
			float:left;
			height:29px;
			color:#0564b2;
			padding-left:6px;
			padding-right:9px;
			font-size:18px;
			text-decoration:none;
		}
		
		#zoeken a:hover{
			color:#f7941d;
		}

		.zoekveld{
			border:0px solid #fff;
			width:188px;
		}
		
#content{
	float:left;
	width:968px;
	line-height:18px;
	padding-top:15px;
	padding-bottom:20px;
}		

.intro_tekst{
	float:left;
	line-height:20px;
	padding-bottom:10px;
	font-size:14px;
}

.intro_tekst img{
	padding-left:10px;
}

.tekst_links{
	float:left;
	margin:0;
	padding:0;
	width:680px;
}

/*IE 6 hakker de hak*/
*html .tekst_links{
	margin-right:-10px;
}



.tekst_rechts{
	float:left;
	width:281px;
}


	.blokl{
		float:left;
		width:281px;
		background:url(../images/blokl_middle.gif) repeat-y ;
	}

	.blokl_content{
		float:left;
		width:246px;
		min-height:100px;
		padding:10px;
		padding-left:15px;
		padding-right:20px;
		background:url(../images/blokl_top.gif) no-repeat ;
	}
	.blokl_footer{
		float:left;
		width:281px;
		height:16px;
		background:url(../images/blokl_bottom.gif) no-repeat ;
	}

#footer{
	width:985px;
	height:20px;
	margin:0 auto;
	text-align:right;
	padding-right:5px;
	padding-top:4px;
	color:#231f20;
	background:#fbb35d;
}


/* ----------------------------------------------
			GROOT CONTENT BLOK
	____________________________________________ */

.contentblok{
	float:left;
	width:670px;
	background:url(../images/content_blok_middle.gif) repeat-y;
}

	.contentblok_content{
		float:left;
		width:670px;
		background:url(../images/content_blok_top.gif) no-repeat top;
	}
	
	.contentblok_tekst{
		float:left;
		width:630px;
		padding:20px;
		padding-top:5px;
	}
	
	.contentblok_footer{
		float:left;
		width:670px;
		height:16px;
		background:url(../images/content_blok_footer.gif) no-repeat bottom;
	}


/* ----------------------------------------------
			BLOKJES VOOR IN DE CONTENT
	____________________________________________ */

	.blok{
		float:left;
		width:330px;
		margin-right:10px;
		margin-bottom:5px;
		background:url(../images/blok_middle.gif) repeat-y;
		cursor:pointer;
	}
	
		.blok_content{
			float:left;
			width:330px;
			background:url(../images/blok_top.gif) no-repeat top;
		}
		
			.blok_tekst{
				float:left;
				width:190px;
				padding-left:10px;
				padding-top:4px;
			}
			
			.blok_foto{
				float:left;
				width:95px;
				height:95px;
				margin-left:8px;
				margin-top:8px;	
			}
		
		.blok_footer{
			float:left;
			width:330px;
			height:16px;
			background:url(../images/blok_bottom.gif) no-repeat bottom;
		}
		

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

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

h1{
	padding: 0;
	font-size:25px;
}

h2{
	font-size:20px;
	padding:0;
	margin:0;
	line-height:24px;
	font-weight:normal;
	color:#0074b6;
}

h3{
	color: #fff;
	margin: 0px;
	padding: 0px;
	padding-left:35px;
	font-weight:bold;
	font-size:17px;
}

h4{
	color: #0066b3;
	font-size:15px;
}

h5{
	color: #f7941d;
	font-size:13px;
}

hr{	
	
	color:#000;
	height:1px;
	margin:0;
	padding:0;
}

a {
	color: #000;
	text-decoration: underline;
}

a:hover{
	color: #0066b3;
	text-decoration: none;
}


.link{
	float:left;
	width:100%;
	padding-top:13px;
	text-align:right;

}

#alinks {
	float:left;
	width:375px;
}

#amiddel {
	float:left;
	width:125px;
	font-size:14px;
	font-weight:bold;
	padding-top:3px;
}

#arechts {
	float:left;
	width:125px;
	text-align:right;
}

legend {
	color:#0066B3;
}