/* MindProductions - We design your Image! */
/* Pagina Opmaak - TheoSchilder Splash Pagina */

html, body, #container { 
	min-height: 			100%; 
	width: 					100%; 
	height: 				100%;
	}

html {
	overflow-y:				scroll;
	}		

html>body, html>body #container { 
	height: 				auto;
	}

body { 
	margin: 				0; 
	padding: 	 			0;
	background-image: 		url(../images/achtergrond_repeat.jpg);
	background-position: 	top center;
	background-repeat: 		repeat-x;
	background-color: 		#dfd9d7;
	}

.overlay {
    position: absolute;
    width: 100%;
	height: 100%;
	min-height: 600px;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity = 50); 
	z-index: 100;
	cursor: pointer;
	}

.splashkader {
	display:				block;
	position: 				absolute;
	width:					auto;
	height: 				auto;
	margin:					0;
	padding: 				0;
	z-index: 				1100;
	margin-left: 			-200px;
	top: 					0; 
	left: 					50%; 
	margin-top:				25px;
	margin-bottom:			25px;	
	background:				url(../img/closebtn.jpg) right top no-repeat #fff;
	cursor:					pointer;
	}

.splashkader .splashactive {
	display: 				block;
	}

#topspace {
	position: 				absolute;
	height:					600px;
	width: 					100%;
	background-attachment: 	scroll;
	background-image: 		url(../images/topspace.jpg);
	background-repeat: 		no-repeat;
	background-position: 	center top;
}

#container { 
	position: 				absolute; 
	top: 					0; 
	left: 					50%; 
	width: 					886px;
	margin-left: 			-444px;
}

#top {
	float:					left;
	width:					886px;
	height:					81px;
	margin:					0px;
	padding:                0px;
	}

#top_links {
	float:					left;
	width:					286px;
	height:					81px;
	margin:					0px;
	padding:                0px;
	}

#top_rechts_1 {
	float:					left;
	width:					450px;
	height:					68px;
	margin:					0px;
	padding:                13px 0px 0px 0px;
	text-align:				right;
	}

#top_rechts_2 {
	float:					left;
	width:					150px;
	height:					76px;
	margin:					0px;
	padding:                5px 0px 0px 0px;
	text-align:				right;
	}

#top_rechts_2 a {
	text-decoration:		none;
	color:					#2b2b2b;
	}

#top_rechts_2 a:hover {
	text-decoration:		underline;
	}
	
#holder {
	float:					left;
	width:					886px;
	height:					440px;
	margin:					0px;
	}

#content {
	float:					left;
	width:					886px;
	height:					385px;
	margin:					0px;
	font-size:				13px;
	}

#menu {
	float:					left;
	width:					716px;
	height:					32px;
	margin:					0;
	padding:				23px 0 0 170px;
	background-image: 		url(../images/menu_bg.jpg);
	background-repeat: 		repeat-x;
	}

#copyright {
	float:					left;
	width:					886px;
	color:					#8c8c8c;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				9px;
	padding-top:            10px;
	}
	
/* Info Pagina */

#info_tekst {
	float:					left;
	width:					423px;
	height:					385px;
	margin:					0;
	padding:				10px;
	background-image: 		url(../images/info/txt_bg.jpg);
	background-repeat: 		no-repeat;
	}

#info_beeld {
	float:					left;
	width:					443px;
	height:					385px;
	margin:					0;
	padding:				0;
	}

#info_volgende {
	float:					left;
	width:					100px;
	height:					23px;
	margin:					0;
	padding:				6px 0 0 22px;
	background-image: 		url(../images/info/volgende.jpg);
	background-repeat: 		no-repeat;
	}

#info_2_vorige {
	float:					right;
	width:					80px;
	height:					23px;
	margin:					0;
	padding:				6px 0 0 36px;
	background-image: 		url(../images/info_2/vorige.jpg);
	background-repeat: 		no-repeat;
	}

a.item_volgende {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:					#000;
	text-transform:			uppercase;
	font-weight:			bold;
	text-decoration:		none;
	}

a.item_volgende:hover {
	color:					#f00;
	}

/* Merken */

#merken_tekst {
	float:					left;
	width:					552px;
	height:					385px;
	margin:					0;
	padding:				0;
	}

#merken_beeld {
	float:					left;
	width:					334px;
	height:					385px;
	margin:					0;
	padding:				0;
	}

#merken_fietsmerken {
	float:					left;
	width:					538px;
	height:					141px;
	margin:					0;
	padding:				5px 0 0 14px;
	background-image: 		url(../images/merken/fietsmerken_bg.jpg);
	background-repeat: 		no-repeat;
	}

#merken_scootermerken {
	float:					left;
	width:					527px;
	height:					145px;
	margin:					0;
	padding:				7px 20px 0 5px;
	background-image: 		url(../images/merken/scootermerken_bg.jpg);
	background-repeat: 		no-repeat;
	}


/* Tekst opmaak */

body {
	color:					#8c8c8c;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	}

#top {
	color:					#2b2b2b;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	line-height:			17px;
	}

a.menu_items:link {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				10px;
	color:					#FFFFFF;
	text-transform:			uppercase;
	font-weight:			bold;
	text-decoration:		none;
	padding:				0 40px 0 0;
	}
	
a.menu_items:visited {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				10px;
	color:					#FFFFFF;
	text-transform:			uppercase;
	font-weight:			bold;
	text-decoration:		none;
	padding:				0 40px 0 0;
	}

a.menu_items:hover {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				10px;
	color:					#F00;
	text-transform:			uppercase;
	font-weight:			bold;
	text-decoration:		none;
	}

h1 {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#000000;
	text-transform:			uppercase;
	font-weight:			bold;
	height:					20px;
	}

h2 {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				16px;
	color:					#000000;
	text-transform:			uppercase;
	font-weight:			bold;
	height:					10px;
	margin:					0;
	}
	
h3 {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				16px;
	color:					#ee3b33;
	text-transform:			uppercase;
	font-weight:			bold;
	height:					10px;
	margin:					0;
	}
	
.slogan {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				15px;
	color:					#ee3b33;
	margin:					10px 0 0 0;
	}

#slider {
	float:					left;
	width: 					886px;
	height: 				385px;
	margin: 				0;
	padding: 	            0;
	}

#slider ul, #slider li,
#slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
	width:886px;
	height:385px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:245px;
	z-index:1000;
	}	
#nextBtn, #slider1next{ 
	left:886px;
	}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:30px;
	height:77px;
	background:url(../images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a, #slider1next a{ 
	background:url(../images/btn_next.gif) no-repeat 0 0;	
	}	

.actie {
	float:					left;
	width:					886px;
	height:					385px;
	margin:					0px;
	cursor:					pointer;
	}

.actie a {
	float:					left;
	width:					886px;
	height:					385px;
	margin:					0px;
	cursor:					pointer;
	background:				url(../images/mtb2011.jpg) no-repeat;
	text-decoration:		none;
	}
	
.actie a:hover {
	background:				url(../images/mtb2011hover.jpg) no-repeat;
	}

a { 
	color:					#f00;
	font-weight:			700;
	text-decoration:		none;
	}

a:hover { 
	text-decoration:		underline;
	}

.button:hover {
	cursor:					pointer;
	}
	
.actiebutton {
	float:					left;
	margin:					260px 0 0 460px;
	}