*{margin:0; padding:0;}
a img{border:0;}
.clearall{clear:both;}

html, body {
	height: 100%;
}

.webdesign{text-align: left;color:#486E83; padding-top:0px; font-size:10px;}
.webdesign a{color:#486E83; text-decoration:none;}

body{
/*	font: normal 62.5%/1.3 Verdana, Arial, "Times New Roman", serif;*/
	font : normal 62.5%/1.3  Arial, Verdana, Tahoma, "Lucida Console", sans-serif;
	background-color:#486e83;
	background-image:url(/images/layout/wrapper_bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
	color:#2a2c36;
}

a{color:#2a2c36;}
a:hover{background-color:#4a8f32; color:#FFFFFF;}

#wrapper{
	margin:0 auto; 
	width:782px;
	font-size: 1.2em;
	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -20px; /* the bottom margin is the negative value of the footer's height */
}

#wrapper #header{
	height:252px;
	background-image:url(/images/layout/wrapper_header_bg.jpg);
}

#side{width:272px; float:left; margin-top:40px;}
#side #adres{line-height:17px;	margin-left:25px;}
#side #adres h3 {font-size : 1.3em; 	font-weight : bold;}

#content{width:510px; float:left; margin-top:40px; margin-bottom:50px;}



#stylesheet{position:absolute; margin-left:710px; margin-top:13px;}
#stylesheet a.medium{font-size:12px;	color:#2a2c36;}
#stylesheet a.large{font-size:12px;		color:#2a2c36;}
#stylesheet a.xlarge{font-size:14px; font-weight:bold; color:#2a2c36;}



.central{text-align:center;}
.leestekst{width:450px; line-height:17px;}
.bottom1{margin-bottom:50px;}
.lijn1{margin-left:30px;margin-bottom: 0;}


#content h3{font-size:1.5em; color:#4a8f32;}

#content h3 strong{display: none;}

#content .h3_mountainbikeverhuur{
	background: #F8F8F8 url(/images/layout/h3_mountainbikeverhuur.gif) no-repeat top left;
	width:326px;
	height:45px;
}
#content .h3_tandemverhuur{
	background: #F8F8F8 url(/images/layout/h3_tandemverhuur.gif) no-repeat top left;
	width:326px;
	height:45px;
}
#content .h3_koersfietsenverhuur{
	background: #F8F8F8 url(/images/layout/h3_koersfietsenverhuur.gif) no-repeat top left;
	width:326px;
	height:45px;
}
#content .h3_hybribefietstenverhuur{
	background: #F8F8F8 url(/images/layout/h3_hybribefietstenverhuur.gif) no-repeat top left;
	width:326px;
	height:45px;
}

#content .h3_hybribestadfiets{
	background: #F8F8F8 url(/images/layout/h3_hybribestadfiets.gif) no-repeat top left;
	width:326px;
	height:45px;
}
#content .h3_moutainbike{
	background: #F8F8F8  url(/images/layout/h3_mountainbike.gif) no-repeat top left;
	width:326px;
	height:45px;
}

#content .h3_koers{
	background: #F8F8F8  url(/images/layout/h3_koers.gif) no-repeat top left;
	width:326px;
	height:45px;
}

#content .h3_kinderfietsen{
	background: #F8F8F8  url(/images/layout/h3_kinderfietsen.gif) no-repeat top left;
	width:326px;
	height:45px;
}

#content .h3_elektrischefiets{
	background: #F8F8F8  url(/images/layout/h3_elektrischefiets.gif) no-repeat top left;
	width:326px;
	height:45px;
}

#content .h3_allekoopjes{
	background: #F8F8F8  url(/images/layout/h3_allekoopjes.gif) no-repeat top left;
	width:326px;
	height:45px;
}

#content .h3_nieuwefietsen{
	background: #F8F8F8  url(/images/layout/h3_nieuwefietsen.gif) no-repeat top left;
	width:326px;
	height:45px;
}


#content .h3_tweedehandsfietsen{
	background: #F8F8F8  url(/images/layout/h3_tweedehandsfietsen.gif) no-repeat top left;
	width:326px;
	height:45px;
}

.koopjesoverzicht{width:200px;	float:left;	padding:10px 20px;}
.koopjesoverzicht dt{width:200px;}
.koopjesoverzicht img {border:#4A8F32 solid 2px; padding:2px;}
.koopjesoverzicht a.image{display: block;background: transparent;}

.koopjesoverzicht dd{padding:2px; }
.koopjesoverzicht dd.naam{float:left;	width:150px;}
.koopjesoverzicht dd.info{float:right;	width:42px; height: 35px;}
.koopjesoverzicht dd.info a{color:#C21616;}
.koopjesoverzicht dd.info a:hover{color:#fff;}
.koopjesoverzicht a{text-decoration:none;}


.koopjesdetail{width:450px;}
.koopjesdetail dt{width:450px; text-align:center;}
.koopjesdetail img {border:#4A8F32 solid 2px; padding:2px;}

.koopjesdetail dd.naam{font-size:1.3em; font-weight:bold; color:#4A8F32; float:left; width:464px;}
.koopjesdetail dd.prijs{font-size:1.5em; font-weight:bold; float:left; color:#4A8F32;}

.koopjesdetail dd.prijs .promo{font-size: 0.8em; text-decoration: line-through;}

.koopjesdetail dd.info{font-size:1em; font-weight:bold; float:left; color:#4A8F32; padding-left:15px;}


.koopjesdetail dd.beschrijving{padding:5px 0; margin-top:10px; clear:both;}
.koopjesdetail dd.button{font-size:0.8em; color:#2a2c36;}
.koopjesdetail dd.button a{text-decoration:none;}


dl.logo{
	padding:10px 10px 10px 10px;
	margin:0;
	float:left;
	width:201px;

	text-align:left;
	border-bottom: 1px dashed #DCDCDC;
}
dl.een{
	border-right: 1px dashed #DCDCDC;
}

.logo dd a{
	text-align:left;
	color:#000;
	text-decoration:none;
	font-size:0.8em;
}

.logo dt{
	width:201px;
	height:70px;
	text-align:center;
}
.logo dd{
	height:18px;
	width:100%;
	color:#000;
	text-align:center;
	display:none;
	/*background-color:#4a8f32;*/
}







#contactform{ margin-top:30px;}

#contactform dl {
	font-size:1.2em;
	margin:0;
	padding:0;
	line-height:30px;
}
#contactform dl dt {
	float:left;
	margin:0;
	padding:0 15px 0 0;
	text-align:right;
	width:80px;
}
#contactform dl dd {
	margin:0 0 10px 15px;
	padding:0;
}

#contactform input,#contactform textarea{width:250px; padding:3px; border:#DCDCDC solid 1px;}

#contactform textarea{height: 125px;}

#contactform dl dt div{padding:0px; margin:80px; border:#3333FF solid 5px;}
.validation-advice {
	margin-left: 80px;
	padding: 0px;
	background-color: #C21616;
	color : #FFF;
	font-weight: bold;
	font-size : 70%;
	width:50%;
}



















#wrapper #menu{background-color:#dcdcdc; width:781px; margin-left:1px; height:40px;}
#wrapper #menu ul{list-style:none; list-style-position:inside; height:40px; margin-left:25px;}
#wrapper #menu li{display:inline-block;*display: inline;zoom: 1;vertical-align: top;}

/*#wrapper #menu strong {display: none;}*/

#wrapper #menu li a{
	padding: 10px 15px;
	display: block;
	color: #27262c;
	font-size: 18px;
	text-decoration: none;
	text-transform: lowercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
}

#wrapper #menu li.active a, #wrapper #menu li:hover a{
	color: #fff;
	background: #c61b0a !important; /* #c61b0a */
}

/*#wrapper #menu li a:hover{
	background: none;
}*/

/*#wrapper #menu .home {
	background:url(/images/layout/menu_home_0.jpg);
	background-repeat:no-repeat;
	background-position:center;
	display: inline;
	height: 40px;
	width: 120px;
	float: left;
}

#wrapper #menu #home{
	background:url(/images/layout/menu_home_1.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#C21616;
}

#wrapper #menu .verhuur {
	background:url(/images/layout/menu_verhuur_0.jpg);
	background-repeat:no-repeat;
	background-position:center;
	display: inline;
	height: 40px;
	width: 120px;
	float: left;

}

#wrapper #menu #verhuur{
	background:url(/images/layout/menu_verhuur_1.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#C21616;
}


#wrapper #menu .koopjes {
	background:url(/images/layout/menu_koopjes_0.jpg);
	background-repeat:no-repeat;
	background-position:center;
	display: inline;
	height: 40px;
	width: 120px;
	float: left;
}
#wrapper #menu #koopjes{
	background:url(/images/layout/menu_koopjes_1.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#C21616;
}

#wrapper #menu .merken {
	background:url(/images/layout/menu_merken_0.jpg);
	background-repeat:no-repeat;
	background-position:center;
	display: inline;
	height: 40px;
	width: 120px;
	float: left;
}
#wrapper #menu #merken{
	background:url(/images/layout/menu_merken_1.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#C21616;
}

#wrapper #menu .contact {
	background:url(/images/layout/menu_contact_0.jpg);
	background-repeat:no-repeat;
	background-position:center;
	display: inline;
	height: 40px;
	width: 120px;
	float: left;
}
#wrapper #menu #contact{
	background:url(/images/layout/menu_contact_1.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#C21616;
}*/





#wrapper #submenu2{
	background-color:#C21616; 
	width:781px;
	height:5px;
	font-size:1px;
}

#wrapper #submenu{
	background-color:#C21616; 
	width:719px;
	/*margin-top:5px;*/
}

#wrapper #submenu ul{list-style:none; list-style-position:inside; height:20px; margin-left:62px; margin-top:0px;	

	
}

#wrapper #submenu li{display:inline;}
#wrapper #submenu li a{
	padding:5px 5px;
	color:#F8F8F8;
	font-weight:bold;
	text-decoration:none;
}

#wrapper #submenu li a.active, #wrapper #submenu li a:hover{background-color:#DCDCDC; color:#2A2C36;}

p.intro{color:#4A8F32;}

h1{
	margin: 0 0 20px 0;
	color: #46902d;
	font-size: 30px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
}

h2{
	margin: 0 0 20px 0;
	color: #46902d;
	font-size: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
}

p{
	margin: 0 15px 15px 0;
}

.gt-success{
	padding: 2px 5px;
	color: #fff;
	background: #393;
}

#footer{
	margin: 0 auto;
	padding: 0 5px 0 0;
	height: 20px;
	line-height: 20px;
	width: 777px;
	text-align: right;
}

#footer, .push {
	height: 20px; /* .push must be the same height as .footer */
}

#footer a{
	color: #486e83;
	font-size: 12px;
	text-decoration: none;
}

#footer a:hover{
	color: #fff;
}

.clear{
	clear: both;
}

.hidden{
	display: none;
}

.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix{
	display: inline-block;
}
 
html[xmlns] .clearfix{
	display: block;
}

.form-error{
	margin-left: 81px;
	line-height: normal;
	display: block;
	color: #f00;
	font-size: 11px;
}

.brand{
	text-align: center;
	border-top: 1px dashed #dcdcdc;
	border-left: 1px dashed #dcdcdc;
}

.brand tr td{
	padding: 10px;
	border-right: 1px dashed #dcdcdc;
	border-bottom: 1px dashed #dcdcdc;
	border-left: 1px dashed #dcdcdc;
}

.brand tr td:first-child{
	padding: 10px;
	text-align: center;
	border-left: 0;
	border-right: 0;
}

.button2{
	padding: 5px 20px;
	line-height: normal;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background: #C21616;
	/*background: #c0c0c0;*/
}

#address{
	margin: 0 0 5px 0;
}

#address label{
	padding: 0 10px 0 0;
	width: 80px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	text-align: right;
}

#address div{
	width: 300px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}

#address div .form-error{
	margin: 0;
}

#address div #street{
	width: 198px;
}

#address div #housenumber{
	width: 40px;
}

#address div #zipcode{
	width: 80px;
}

#address div #city{
	width: 158px;
}

#address div #street, #address div #housenumber, #address div #zipcode, #address div #city{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}