* { 
	margin: 0px;
	padding: 0px;
}


body {
	font-family: Century gothic, Trebuchet MS, sans-serif;
	font-size: 13px;
	color: white;
		
	background-image: url(images/traanplaat.jpg);
	background-repeat: repeat;
	background-position: top center;
	background-color: #d8eb00;
}

#wrapper {
	border: 0px dotted black;
	position: relative;
	
	width: 940px;
	min-height: 100%;
	height: auto;
	
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}

#header {
	border: 0px solid red;	
	width: 100%;
	height: 259px;
	display: block;
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	background-position: top center;	
}
	#header img#logo {
		position: absolute;
		top: 10px;
		left: 35px;
		border: none;
	}


#menu, #content, #footer {
	width: 900px;
	margin: 0 auto;
}
#menu {
	border: 0px solid blue;	
	height: 33px;
	display: block;
	position: relative;

	background-image: url(images/bg_menu.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 980px;
	z-index: 1;
	margin-top: -9px;
}
	#menu ul {
		list-style: none;
		border-left: 1px solid #b5b5b5;
		position: relative;
		bottom: 0px;
		z-index: 5;
		height: 33px;
		margin-left: auto;
		margin-right: auto;
		width: 869px;
	}
		#menu ul li {
			display: inline;
			border: 0px solid pink;
		}
			#menu ul li a {
				border: 0px solid red;
				display: block;
				height: 33px;
				float: left;
				margin-right: 1px;
				color: black;
				background-repeat: no-repeat;
				background-position: top left;
				outline: none;
			}
		a#button_home {
			background-image: url(images/menu-home.png);
			width: 62px;
		}
		a#button_trialshows {
			background-image: url(images/menu-trialshows.png);
			width: 123px;
		}
		a#button_watistrial {
			background-image: url(images/menu-watistrial.png);
			width: 118px;
		}
		a#button_materiaal {
			background-image: url(images/menu-materiaal.png);
			width: 104px;
		}
		a#button_trialspots {
			background-image: url(images/menu-trialspots.png);
			width: 122px;
		}
		a#button_mountainbikeschool {
			background-image: url(images/menu-mountainbikeschool.png);
			width: 195px;
		}
		a#button_cv {
			background-image: url(images/menu-cv.png);
			width: 44px;
		}
		a#button_contact {
			background-image: url(images/menu-contact.png);
			width: 93px;
		}
		#menu ul li a:hover, #menu ul li a.selected {
			background-position: 0px -33px;
		}


#content {
	border: 0px solid purple;
	min-height: 310px;
	height: auto;
	padding-bottom: 20px;
	position: relative;
	
	background-image: url(images/bg_wrapper.png);
	background-repeat: repeat-y;
	background-position: top center;
}
	#content #movies {
		border: 0px solid green;
		height: 340px;
		display: block;
		margin-top: 50px;
		position: relative;
	}
		#content #movies #movie_klokhuis, 
		#content #movies #movie_demoschool {
			border: 0px solid red;
			position: relative;
			line-height: 300px;
			float: left;
			width: 324px;
			height: 294px;
			background-image: url(images/photo_frame_high.png);
			background-repeat: no-repeat;
			background-position: top left;
			padding-left: 38px;
			padding-top: 46px;
		}
		#content #movies #movie_klokhuis {
			margin-left: 55px;
		}
		#content #movies #movie_demoschool {
			margin-left: 66px;
		}

		#content p img.alignright {
			position: absolute;
			top: 30px;
			right: 52px;
			width: 364px;
			height: 261px;
			z-index: 90;
		}
			#content p a img.alignright {
				border: 0px solid red;
			}
	
	#content form p input,
	textarea,
	#submit input {
		border: 2px solid #666;
		height: 18px;
		padding-top: 3px;
		padding-left: 5px;
	
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		background-color: #fff;
		width: auto;
		font-family: Verdana, sans-serif;
		font-size: 12px;
		color: #222;
	}
	#content form p input:hover,
	textarea:hover,
	#submit input:hover {
		border: 2px solid #222;
	}
	#content form p input:focus,
	textarea:focus,
	#submit input:focus {
		border: 2px solid #e5fa00;
	}
	textarea {
		height: 130px;
	}
	#submit input {
		width: 90px;
		height: 25px;
		margin-left: 55px;
		padding-bottom: 18px;
		font-size: 10px;
		border: 2px solid #222;
	}
	#submit input:hover {
		border: 2px solid #e5fa00;	
	}
	
	h2.post_title, #content p, #content h1 {
		padding-left: 55px;
	}
	h2.post_title {
		border: 0px solid red;
		padding-top: 25px;
		padding-bottom: 10px;
		font-weight: bold;
		font-size: 16px;
		color: #111;
	}
	#content h1 {
		color: black;
		font-size: 16px;
		margin-bottom: 10px;
		margin-top: 25px;
	}
	#content p {
		border: 0px solid orange;
		margin-bottom: 15px;
		width: 400px;
		line-height: 18px;
		text-align: justify;
	}
		#content #content_evenementen {
			position: relative;
			border: 0px solid red;
		}
		#content #content_evenementen #content_evenementen_left {
			width: 475px;
			border-right: 1px dotted #666;
		}
		#content #content_evenementen #content_evenementen_right {
			border: 0px solid orange;
			position: absolute;
			top: 0px;
			left: 450px;
			width: 410px;
		}
			#content #content_evenementen_right p {
				width: 360px;
				border: 0px solid blue;
			}

	#content a {
		color: black;
		font-weight: bold;
		text-decoration: none;
	}
	#content a:hover {
		color: white;
	}


#footer {
	border: 0px solid white;
	display: block;
	height: 90px;
	position: relative;
		
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	background-position: top center;
}
	#footer a img {
		border: none;
	}
	#footer a {
		position: absolute;
		top: 0px;
		right: 0px;
		outline: none;
	}


#footer a {
}
	#footer a#magura {
		top: 12px;
		left: 34px;
		width: 44px;
		height: 33px;
	}
	#footer a#continental {
		top: 18px;
		left: 129px;
		width: 104px;
		height: 21px;
	}
	#footer a#dynamicfit {
		top: 13px;
		left: 292px;
		width: 47px;
		height: 34px;
	}
	#footer a#monty {
		top: 20px;
		left: 396px;
		width: 107px;
		height: 15px;
	}
	#footer a#redbull {
		top: 13px;
		left: 559px;
		width: 60px;
		height: 31px;
	}
	#footer a#peak {
		top: 19px;
		left: 672px;
		width: 117px;
		height: 15px;
	}
	#footer a#hope {
		top: 12px;
		left: 834px;
		width: 34px;
		height: 34px;
	}
		#footer a:hover {
			background-repeat: no-repeat;
			background-position: top center;
		}
		#footer a:hover#magura {
			background-image: url(images/logo_magura.png);
		}
		#footer a:hover#continental {
			background-image: url(images/logo_continental.png);
		}
		#footer a:hover#dynamicfit {
			background-image: url(images/logo_dynamicfit.png);
		}
		#footer a:hover#monty {
			background-image: url(images/logo_monty.png);
		}
		#footer a:hover#redbull {
			background-image: url(images/logo_redbull.png);
		}
		#footer a:hover#peak {
			background-image: url(images/logo_peak.png);
		}
		#footer a:hover#hope {
			background-image: url(images/logo_hope.png);
		}

	#footer p {
		width: 100%;
		display: block;
		height: 22px;
		position: absolute;
		bottom: 0px;
		text-align: center;
		color: #666;
		font-size: 11px;
		font-family: Trebuchet MS;
		letter-spacing: 0.5px;
		border: 0px solid red;
	}