* { 
	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: 205px;
		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;
	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: 40px;
	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: 19px;
		/*text-align: justify;*/
	}
		#content #content_evenementen {
			position: relative;
			border: 0px solid red;
			height: auto;
		}
		#content #content_evenementen #content_evenementen_left {
			width: 475px;
			border: 0px solid white;
			float: left;
		}
		#content #content_evenementen #content_evenementen_right {
			border-left: 1px dotted #666;
			float: left;
			top: 0px;
			left: 0px;
			width: 380px;
		}
			#content #content_evenementen_right p {
				width: auto;
				border: 0px solid blue;
			}
		.clear { clear: both; }

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


#footer {
	border: 0px solid white;
	display: block;
	height: 172px;
	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: 11px;
		left: 246px;
		width: 44px;
		height: 33px;
	}
	#footer a#continental {
		top: 18px;
		left: 58px;
		width: 104px;
		height: 21px;
	}
	#footer a#dynamicfit {
		top: 14px;
		left: 617px;
		width: 47px;
		height: 34px;
	}
	#footer a#monty {
		top: 20px;
		left: 336px;
		width: 107px;
		height: 15px;
	}
	#footer a#redbull {
		top: 13px;
		left: 485px;
		width: 60px;
		height: 31px;
	}
	#footer a#peak {
		top: 19px;
		left: 735px;
		width: 117px;
		height: 15px;
	}


	#footer a#powerbar {
		top: 60px;
		left: 63px;
		width: 87px;
		height: 29px;
	}
	#footer a#sonim {
		top: 53px;
		left: 74px;
		width: 68px;
		height: 35px;
	}
	#footer a#topeak {
		top: 52px;
		left: 244px;
		width: 47px;
		height: 46px;
	}
	#footer a#mavic {
		top: 60px;
		left: 355px;
		width: 73px;
		height: 29px;
	}
	#footer a#kmc {
		top: 57px;
		left: 476px;
		width: 77px;
		height: 37px;
	}
	#footer a#met {
		top: 65px;
		left: 606px;
		width: 70px;
		height: 17px;
	}
	#footer a#ergon {
		top: 55px;
		left: 738px;
		width: 109px;
		height: 32px;
	}
	#footer a#fiveten {
		top: 106px;
		left: 246px;
		width: 40px;
		height: 40px;
	}
	#footer a#aloha {
		top: 114px;
		left: 343px;
		width: 95px;
		height: 32px;
	}
	#footer a#picturick {
		top: 108px;
		left: 488px;
		width: 53px;
		height: 37px;
	}
	#footer a#roosschadeherstel {
		top: 95px;
		left: 593px;
		width: 94px;
		height: 56px;
	}
		#footer a:hover {
			background-repeat: no-repeat;
			background-position: top center;
		}
		#footer a:hover#continental {
			background-image: url(images/logo_continental.png);
		}
		#footer a:hover#magura {
			background-image: url(images/logo_magura.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 a:hover#powerbar {
			background-image: url(images/logo_powerbar.png);
		}
		#footer a:hover#sonim {
			background-image: url(images/logo_sonim.png);
		}
		#footer a:hover#topeak {
			background-image: url(images/logo_topeak.png);
		}
		#footer a:hover#mavic {
			background-image: url(images/logo_mavic.png);
		}
		#footer a:hover#kmc {
			background-image: url(images/logo_kmc.png);
		}
		#footer a:hover#met {
			background-image: url(images/logo_met.png);
		}
		#footer a:hover#ergon {
			background-image: url(images/logo_ergon.png);
		}
		#footer a:hover#fiveten {
			background-image: url(images/logo_fiveten.png);
		}
		#footer a:hover#aloha {
			background-image: url(images/logo_aloha.png);
		}
		#footer a:hover#picturick {
			background-image: url(images/logo_picturick.png);
		}
		#footer a:hover#roosschadeherstel {
			background-image: url(images/logo_roosschadeherstel.png);
		}

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