body{
	margin:0px;
	padding:0px;
	color: #7c6c3e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width: 100%;
	height:100%;
	background-color: #1e140f;
}

input, select, option {
	color: #7c6c3e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

h1,h2,h3 {
	font-size: 15px;
	font-weight: normal;
	color: #CFDEF3;
	padding: 0px;
	margin: 0px;
	margin-bottom: 25px;
	text-transform:uppercase;
}

a, a:hover, a:visited, a:active {
	color: #cfdef2;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}


#wrapper{
	position:absolute;
	
	width: 753px;
	margin-left: -376px;
	left: 50%;
	margin-top: 30px;
	
	height: 90%;
	min-height: 600px;
	
	display:block;
}

#main {	
	position:absolute;
	display:block;
	height: 100%;
	width: 100%;
	margin-bottom: -93px;
}

	#main #left {
		position:absolute;
		width: 250px;
		height: 100%;
		background-color: #31221b;
	
	}
		
		#logo {
			background-image:url(../images/layout/logo.jpg);
			background-repeat:no-repeat;
			width:142px;
			height: 200px;
			margin: 20px 0px 40px 55px;		
			display: block;
		}
			#logo span{
				display: none;
			}
		
		ul#menu{
			list-style:none;	
			margin: 0px;
			padding: 0px;	
		}
		
			ul#menu li {
				display: block;
				width: 100%;
				float:left;
				background-color: #1e140f;
				border-top: #281b13 solid 1px;
				margin-bottom: 2px;
				height: 13px;
				
			}
				ul#menu li:hover, ul#menu li.active {
					border-top: #5e4e30 solid 1px;
					background-color: #7c6c3e;
					color: #31221b;
				}
				ul#menu li a,ul#menu li a:hover {
					width: 100%;
					display:block;
					text-transform:uppercase;
					color: #7c6c3e;
					text-decoration:none;				
				}
					ul#menu li:hover a, ul#menu li.active a {color: #31221b; }
					ul#menu a span { margin-left: 75px; }
		
	#main #right {
		position:absolute;
		left: 253px;
		width: 500px;
		height: 100%;
		background-color: #26160f;
		background-image: url(../images/layout/bg.jpg);
		background-repeat:no-repeat;
		background-position:top;	
		color:#CFDEF3;
	}
		#content {
			float:left;
			width: 450px;
			margin: 50px 15px 25px 25px;
			padding-right: 10px;
			overflow: auto;
		}
		
			#content img {
				max-width: 400px;
				border: 10px solid #1e140f;
			}
			
			#content .pics {
				float:left;
				width: 400px;
				margin-top:15px;
			}
				#content .pics a:hover {
					text-decoration:none;
				}
			
			#content #promo, #content #news {
				float: left;
				width: 210px;;
				margin-top: 15px;
			}	
				#content #promo {
					padding-right: 10px;
				}
				
				#content #news ul {
					list-style-type:none;
					padding: 0px;
					margin:0px;
				}
				#content #news li {
					float:left;
					display:block;
					width: 210px;
					border-bottom: 1px solid #31221b;
					padding: 0px;
					margin:0px;
					padding-bottom: 5px;
					margin-bottom: 5px;
				}
				#content #news li a {
					color: #CFDEF3;
					float: left;
					width: 110px;
					text-align:justify;
				}
					#content #news li a:hover {
						text-decoration:none;
						color: #7c6c3e;				
					}
					#content #news li a.full {
						width: 100%;
					}			
				
				#content #news li img  {
					float: right;
					margin-left: 5px;
				}
				
				#content form {
					padding: 0px;
				}
					#content form input{
						border: 1px solid #7c6c3e;
						background-color:#31221b;
						margin-bottom: 7px;
						width: 168px;
						padding-left:2px;
					}
						#content form input.button{
							width: 83px;
							border: 0px;
							padding:0px;
						}

					#content form select{
						border: 1px solid #7c6c3e;
						background-color:#31221b;
						color:#FFFFFF;
						width: 172px;
						margin-bottom: 7px;
					}
						#content form select option{ color:#FFFFFF; }
						
						#content form select#date_d {
							width: 55px;
						}
						#content form select#date_m {
							width: 55px;
						}
						#content form select#date_j {
							width: 55px;
						}


#footer {
	position:absolute;
	width: 100%;
	height: 90px;
	bottom:0px;
	border-top: 3px solid #1e140f;
	display:block;
}

	#footer #footer_left {
		position:absolute;
		width: 250px;
		height: 100%;
		background-color: #291e17;
	
	}
	
		#footer #footer_left h1, #footer #footer_left h2, #footer #footer_left h3 {
			color: #7c6c3e;
			margin-bottom: 5px;
		}
		
		#footer_left form {
			padding: 15px 40px 20px 40px;
		}
			#footer_left form input{
				border: 1px solid #7c6c3e;
				background-color:#31221b;
				margin-bottom: 7px;
				width: 168px;
				padding-left:2px;
			}
				#footer_left form input.button{
					width: 83px;
					border: 0px;
					padding:0px;
				}
		
		
		
	
	#footer #footer_right {
		position:absolute;
		left: 253px;
		width: 500px;
		height: 100%;
		background-color: #31221b;
	
	}
	
#intro {
	overflow:hidden;
}

	#intro #top{
		position:absolute;
		top: 0px;
		background-color: #31221b;
		height: 50%;
		width: 100%;
		background-image:url(../images/layout/logo.jpg);
		background-repeat:no-repeat;
		background-position: 50% 90%;
	}
	
	#intro #bottom{
		position:absolute;
		top: 50%;
		height: 49%;
		width: 100%;
		border-top: solid 1px #7c6c3e;
		text-align:right;
	}
		#intro #bottom span{
			position:absolute;
			top: 10px;
			right: 20px;
		}
		
		#intro a, #intro a:hover {
			color: #7c6c3e;		
		}
		
		
		
	#personenlijst {
		text-align:	left;
	}