/* Design & Code (c) Diffuse Interactive */
html, body { 
	padding			: 0; 
	margin			: 0; 
	height			: 100%;
}

body {
	font			: normal 11px "Lucida Sans Unicode", "Arial", "Verdana", sans-serif;
	background		: #fff url('../images/background.gif') repeat-x top center;
	color			: #666;
}	

	#wrapper {
		margin			: 0 auto;
		width			: 100%;
		min-height		: 100%;
	}
	
	* html #wrapper {
			height			: 100%;
		}
	
		#top {
			margin			: 0 auto;
			width			: 800px;
			height			: 123px;
			background		: transparent url('../images/top.gif') no-repeat;
		}
		
		#navigatie {
			margin			: 0 auto;
			width			: 800px;
			height			: 40px;
		}
		
		#header {
			margin			: 0 auto;
			height			: 262px;
			background		: #718155 url('../images/header.jpg') no-repeat top center;
		}
			#header_content {
				margin			: 0 auto;
				width			: 1000px;
			}
		
				#foto{
					position 		: absolute;
					margin			: 0 0 0 530px;
					height			: 374px;
					width			: 427px;
				}
		
		#content {
			margin			: 0 auto;
			width			: 800px;
			line-height  	: 18px;
		}
		
			#left {
				float			: left;
				display 		: inline;
				width			: 450px;
				margin			: 40px 0 20px 0;
				padding 		: 0 0 30px 0;
			}
			
				#left img {
					padding	: 3px;
					border 	: 1px solid #c3cfaf;
				}
			
			#right {
				float			: right;
				display 		: inline;
				width			: 350px;
				padding			: 40px 0 0 0;
			}
			
				#right .text {
					padding			: 0 0 0 40px;
					margin 			: 0 0 20px 0;
				}
					#right .datum {
						float 		: left;
						display 	: inline;
						color 		: #fff;
						background 	: #4f5e35;
						padding 	: 3px;
						margin 		: 10px 5px 0 0;
					}
					
					#right .titel {
						
						position 	: relative;
						background 	: transparent;
						padding 	: 6px 0 0 10px;
						margin 		: 10px 0 0 0;
					}
					
				#right .blok {
					float		: left;
					display 	: inline;
					margin-left	: 15px;
				}
			
				#right .blok_top_foto {
					float		: left;
					display 	: inline;
					width 		: 242px;
					height  	: 75px;
					background 	: url('../images/blok_top_foto.gif') no-repeat top left;
					margin		: 10px 0 0 0;
					padding 	: 25px 0 0 108px;
					color 		: #fff;
				}
				
				#right .blok_content {
					float		: left;
					display 	: inline;
					width 		: 270px;
					background 	: url('../images/blok_mid.gif') repeat-y top left;
					padding 	: 5px 40px 0 40px;
					color 		: #fff;
				}
				
					#right .blok_content img {
						border	: 3px #4f5e37 solid;
					}
				
				#right .blok_bottom {
					float		: left;
					display 	: inline;
					width 		: 350px;
					height  	: 10px;
					font-size 	: 1px;
					background 	: url('../images/blok_bottom.gif') no-repeat top left;
					padding 	: 0;
					margin 		: 0 0 20px 0;
				}
				
	#footer {
		margin			: 0 auto;
		padding		 	: 15px 0 30px 0;
		width			: 800px;
		line-height  	: 18px;
		background 		: url('../images/ft.gif') no-repeat top left;
	}
	
		#footer #ft-left{
			float 		: left;
			display 	: inline;
			width 		: 230px;
			margin		: 0 25px 0 20px;
		}
		#footer #ft-mid{
			float 		: left;
			display 	: inline;
			width 		: 250px;
			margin-right: 25px;
		}
		#footer #ft-right{
			float 		: left;
			display 	: inline;
			width 		: 230px;
			margin		: 0 20px 0 0;
		}
				
	.clearboth {
		clear 	: both;
	}
		
/* Headings H1-H6 */
h1 { }

	#content h1 {
		color		: #4f5e37;
		font-size	: 18px;
		margin		: 0 0 15px 0;
	}
	
h2 { }

	#content h2 {
		color		: #748457;
		font-size	: 14px;
	}
	
	#content #right .blok_top_foto h2 {
		color		: #fff;
		font-size	: 14px;
		margin  	: 0 0 15px 0;
	}
	
	#wrapper #content #right .text h2 {
		color			: #748457;
		font-size		: 14px;
		font-weight 	: bold;
		padding 		: 0 0 5px 0;
		margin 			: 0 40px 5px 0;
		border-bottom	: 1px solid #c3cfaf;
	}
	
	#footer h2 {
		color		: #748457;
		font-size	: 14px;
	}

h3 { }

h4 { }

h5 { }

h6 { }


/* Paragraph and Link Styles */
p { }
	
	#content p { 
		margin: 0 0 18px 0;
	}
	
	#wrapper #content #right p {
		float 	: left;
		width 	: 300px;
		padding : 0 10px 0 0;
		margin  : 5px 0 0 0;
	}	
	
a { }	

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

	#navigatie ul.main li a {
		text-transform	: uppercase;		
		display 		: block;
		color 			: #fff;
		text-decoration	: none;
		margin  		: 12px 0 0 0;
	}
	
	#navigatie ul.main li a:hover{
		color 			: #fff;
		text-decoration	: underline;
	}
	
	#wrapper #content #right .blok_content a {
		color			: #fff;
		font-size		: 12px;
		text-decoration : none;
	}
	
	#wrapper #content #right .blok_top_foto a {
		color			: #fff;
		font-size		: 12px;
		text-decoration : none;
	}
	
	#wrapper #content #right .blok_top_foto a:hover {
		text-decoration : underline;
	}
	
	#wrapper #content #right .titel a {
		color			: #303e1d;
		font-size		: 12px;
		font-weight		: bold;
		text-decoration : none;
	}
	
	#wrapper #content #right .titel a:hover {
		text-decoration : underline;
	}
	
/* Lists and Navigation */

ul { }

ol li {
	list-style		: decimal;
	margin		: 0 0 5px 25px;
}

ul li {
	list-style		: disc;
	margin		: 0 0 5px 25px;
}

	#navigatie ul.main {
		float 			: left;
		list-style		: none;
		display 		: block;
		margin			: 0;
		padding			: 0;
		background 		: transparent url('../images/nav_spacer.gif') no-repeat top left;
	}

		#navigatie ul.main li {
			list-style-type	: none;
			float			: left;
			margin 			: 0;
			display 		: block;
			height 			: 40px;
			background		: transparent url('../images/nav_spacer.gif') no-repeat top right;
			padding			: 0 30px 0 30px;
		}
	
		#navigatie ul.main li.last {
			padding-right	: 0;
			background		: none;
		}
		
		ul#submenu li{
			height 			: 25px;
			list-style		: none;
			margin 			: 0 40px 5px 0;
		}
		
		ul#submenu a {
			position 		: absolute;
			width 			: 240px;
			padding 		: 0 0 5px 28px;
			display 		: block;
			color			: #748457;
			font-size		: 13px;
			border-bottom	: 1px solid #c3cfaf;
			text-decoration : none;
			background 		: transparent url('../images/menu-vis.gif') no-repeat center left;
		}
		
		ul#submenu a:hover {
			color			: #4f5e37;
			background 		: transparent url('../images/menu-vis-over.gif') no-repeat center left;
		}
		
		ul#submenu li.active a {
			position 		: absolute;
			color			: #4f5e37;
			background 		: transparent url('../images/menu-vis-over.gif') no-repeat center left;
		}

/* Table */
p table {
	border	: 1px solid #b6b6b6;	
}

p td {
	border	: 1px solid #b6b6b6;
	padding : 5px;	
}

/* Forms */
form { 
	margin			: 15px 0 0 0;
}

input, select, textarea {
	padding			: 5px;
	margin			: 3px 0 3px 0;
	width			: 200px;
	border			: 1px solid #dddddd;
	font			: normal 11px "Tahoma", "Arial", "Verdana", sans-serif;
	background		: #fff;
	color			: #666; 
}

input.checkbox {
	margin			: 0;
	width			: auto;
	}

textarea {
	width			: 300px;
	height			: 100px;
}

input.radio {
	width 	: auto;
	border 	: 0;
	margin 	: 0;
}