@charset "utf-8";
/* CSS Document */

body {
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#3a383c;
}

#left_menu {
	background-image:url(../images/left_bg.png);
	background-repeat:repeat-y;
	position:absolute;
	float:left;
	width:399px;
	height:100%;
	overflow:hidden;
}

	#left_inner {
		position:absolute;
		width:242px;
		height:671px;
		top:50%;
		margin-top:-335px;
		margin-left:116px;
	}
	
	#logo {
		position:relative;
		width:242px;
		height:113px;
		margin-top:50px;
		margin-left:-5px;
	}
	
	#navigation {
		position:relative;
		width:173px;
		height:408px;
		margin-left:69px;
		margin-top:15px;
	}
		
		#navigation ul {
			margin-top:55px;
			width:168px;
		}
		
		#navigation ul li{
			width:183px;
			margin-bottom:18px;
			line-height:18px;
		}
		
		#navigation ul li a {
			color:#504e53;
			width:183px;
			height:18px;
			text-decoration:none;
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			line-height:18px;
		}
	
		#navigation ul li a.active {
			color:#ff0071;
			text-decoration:none;
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
		}
		
	#adres {
		position:absolute;
		width:173px;
		height:100px;
		bottom:10px;
		margin-left:69px;
		overflow:hidden;
	}

#right_content {
	overflow:hidden;
	position:absolute;
	float:left;
	margin-left:399px;
	height:100%;
}

#grasgroen-link {
	position:absolute;
	bottom:10px;
	right:15px;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:10px;
	color:#7f7d83;
}
	#grasgroen-link a {
		color:#7f7d83;
		text-decoration:none;
	}

.contactholder {
	height:580px;
	position:absolute;
	top:50%;
	margin-top:-290px;
}

.contact {
	position:relative;
	width:411px;
	height:255px;
	background-color:#fff;
	margin-left:155px;
	margin-bottom:5px;
	padding:20px;
}



#right_content {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	height: 100%;
	width: 700px;
}
	#right_content ul {
		position: absolute;
		list-style-type: none;
		width:471px;
	}
	
		#right_content ul li {
			position: relative;
			width: 471px;
			height: 355px;		
			background: #fff;
			color: #000;
			margin-left:100px;
			white-space: normal;
			margin-bottom:20px;
		}



/* Font markup */

.contact {
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:12px;
	color:#504e53;
}

	.contact input {
		width:250px;
		height:20px;
		line-height:20px;
		font-family:"Trebuchet MS", Arial, Verdana;
		font-size:12px;
		color:#504e53;
	}

	.contact textarea {
		width:250px;
		height:100px;
		font-family:"Trebuchet MS", Arial, Verdana;
		font-size:12px;
		color:#504e53;
	}

	.contact button {
		background-color:#504e53;
		color:#fff;
		font-family:"Trebuchet MS", Arial, Verdana;
		font-size:11px;
		border:none;
	}
	
.adres {
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:12px;
	color:#504e53;
}

h1 {
	font-size:35px;
	color:#62503a;
	line-height:35px;
}

#map_canvas {
	width:100%;
	height:100%;
	position:relative;
	z-index:1;
}

#planroute {
	position:absolute;
	z-index:2;
	width:200px;
	height:20px;
	background-color:#fff;
	margin-top:-240px;
	right:0px;
	padding:5px;
}

#planroute a {
	text-decoration:underline;
	color:#504e53;
}