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

body {
	margin:		 			0px;
	padding:	 			0px;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	line-height:			17px;
	color:					#000000;
	background-image:		url(../beelden/bg-01-bottom.jpg);
background-repeat:no-repeat;
background-attachment:scroll;
background-position: center bottom;
}

h1 {
	font-size:				15px;
	color:					#A16223;
	margin:					0;
}

h2 {
	font-size:				15px;
	color:					#A16223;
	margin:					0 0 5px 0;
}

ul {
	padding:				0;
	margin:					0;
}

li {
	padding:				0;
	margin:					0 0 0 20px;
	list-style:				square;
}

a { 
	outline: 				none;
	color:					#000000;
}

hr {
	border-top:				dotted;
	border-top-color:		#FF9900;
	border-top-width:		1px;
	height:					1px;
	border-bottom:			none;
	border-left:			none;
	border-right:			none;
	margin:					0 0 15px 0;
}

.img_right {
	float:					right;
	clear:					left;
	margin:					0 0 10px 10px;
}

input {
	font-size:				11px;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
}

textarea {
	font-size:				11px;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	line-height:			17px;
}

.form_totaal { }
.form_links { float:left; clear: left; width:25%; margin-bottom:10px; }
.form_rechts { float:left; clear:right; width:75%; margin-bottom:10px; }
.formitem01 { width:100%; border:#000000 1px solid; } 
.formitem02 { width:100%; height:50px; border:#000000 1px solid; } 
.formitem03 { width:75px; border:#000000 1px solid; background-color:#CC0000; color:#FFFFFF; padding:2px; } 
.datum { display:block; width:580px; text-align:right; font-style:normal; font-size:10px; color:#666666; }

#content_menu table {
	text-align:				left;
	background-color:		#E4DFCD;
}

#content_menu table th {
	vertical-align:			top;
	padding:				10px 10px 5px 0px;
	background-color:		#FFFFFF;
}

#content_menu table td {
	vertical-align:			top;
	padding:				5px 10px 5px 10px;
}


#header {
	margin:					0 auto;
	width:					100%;
	height:					120px;
	text-align:				center;
	
	background-image:		url(../beelden/bg-01-top.jpg);
	background-repeat:		no-repeat;
	background-position:	center top;
}

#footer {
	margin:					20px 0 0 0;
	width:					780px;
	height:					120px;
	text-align:				right;
	clear: both;
}

#materiaal {
	margin:					0 auto;
	width:					1000px;
	height:					20px;
	margin-bottom:			20px;
}

#midden {
	margin:					0 auto;
	width:					1000px;
}

#menu {
	width:					200px;
	float:					left;
	clear:					right;
}

#menu_bouwstenen {
	margin-left:			500px;
	width:					300px;
	text-align:				right;
	position:				absolute;
	z-index:2;
}

.slideshow { 
	z-index:1;
} 	

#menu_bouwstenen img {
	display:block;
	float:right;
}

#content_header_image {
	width:					600px;
	margin:					0 0 20px -20px;
}

#content_header_vlak {
	top:					430px;
	width:					600px;
	height:					60px; 
	position:				absolute; 
	background-color:		#000000; 
	filter:					alpha(opacity=50);
	opacity: 				0.5;
	-moz-opacity:			0.5;
	z-index:8; 
}

#content_header {
	top:					430px;
	width:					600px;
	height:					60px; 
	position:				absolute;
	z-index:10; 
}

#content {
	width:					580px;
	float:					left;
	padding:				0 0 0 20px;
}

#content_menu {
	width:					580px;
	float:					left;
	padding:				0 0 0 20px;
}

#map, #map_canvas {
	width:					580px;
	height:					680px;
}

.googleVenster {
	width:250px;
}

.googleRoute {
	border:#000000 1px solid;
	padding:2px 2px 2px 2px;
	margin:5px 0 5px 0;
	width:180px;
}
	
.googleRouteKnop {
	border:#000000 1px solid;
	background-color:#CC0000;
	color:#FFFFFF;
	padding:2px 5px 2px 5px;
	float:right;
}

a.googleRouteKnop {
	text-decoration: none;
}

.clear {
	clear: both;
}