/* Tweewielers Martin Jeuring */

/* schil */

body {
	margin:0;
	padding:0;
	background-image:url(../images/bg_gradient.gif);  
	background-repeat:repeat-x;
	height:100%;
	}
	

body, td, th, div, p, span {
	color:#3a3a3a;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
}

a:link, a:visited {
	color: #ff9c00;
	text-decoration: none;
}

a:hover {
	 text-decoration:underline;
 }
 
a:active {
	 text-decoration: none;
 }
 
ul {
	display:inline; 
}

li {
	display: inline;
	float: left;
	margin:0;
	padding:0;

	}
 
ul li img {display: block;}

 #backgroundimage {
 	width: 100%;
	height: auto !important;      /* for modern browsers */
    height: 100%;                	/* for IE5.x and IE6   */
    min-height: 100%;            	/* for modern browsers */
	position:absolute;
 	background-image:url(../images/bg.jpg); 
	background-position:center top; 
	background-repeat:no-repeat;
	
 }
 


 
 
 #totaal {
 	width:952px;
	/*background-image:url(../images/bg_shade.png);
	background-repeat:no-repeat;
	background-position:147px 330px; */
 }
 

 
#header {
 	background-image:url(../images/logo_top.gif);
	background-repeat:no-repeat;
	background-position:1px;
	height:92px;
	}
	
#menu {
	width: 150px;
	float:left;
	}

#content {
	width:802px;
	height: auto !important;      /* for modern browsers */
    height: 454px;                	/* for IE5.x and IE6   */
    min-height: 454px;            	/* for modern browsers */
	float:left;
	background-image:url(../images/bg_content.gif);
	background-repeat:no-repeat;
	
	}
	
.contentframe {
	margin: 35px 9px 20px 6px;
}

	
#footer {
	height:54px;
	width:inherit;
	clear:left;
	background-image:url(../images/footer.png);
	background-repeat:no-repeat;
	

}

#adresgegevens {
	margin-left:150px;
	margin-top:12px;
}

/* individuele paginaitems */

/* Home */

#home #beeld1 {
	border-top: 5px solid #ffbf5b;
	border-bottom: 5px solid #ffbf5b;
}

#home #tekst {
	margin: 25px;
}

/* winkel + achterliggende gallery */


#winkel #tekst {
	margin: 0 25px 0 25px;
}

#winkel #beeld1, #winkel #beeld2, #winkel #beeld3, #winkel #beeld4, #winkel #beeld5, #winkel #beeld6 {
	width:219px;
	height:162px;
	display:inline;
	float:left;
	margin:30px 0 0 30px;
	}

#winkel #beeld1 {
	background-image:url(../images/winkel_foto_1_th.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#winkel #beeld2 {
	background-image:url(../images/winkel_foto_2_th.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#winkel #beeld3 {
	background-image:url(../images/winkel_foto_3_th.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#winkel #beeld4 {
	background-image:url(../images/winkel_foto_4_th.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#winkel #beeld5 {
	background-image:url(../images/winkel_foto_5_th.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#winkel #beeld6 {
	background-image:url(../images/winkel_foto_6_th.jpg);
	background-repeat:no-repeat;
	background-position:center;
}


#winkel a {
	cursor: -moz-zoom-in;
}

#fotovergroting #foto_homeknop {
	margin-bottom:10px;
}

#fotovergroting #foto_backknop {
	float:left;	
	height: 354px;
	width: 50px;
}

#fotovergroting #foto_forwardknop {
	float:left;	
	height: 354px;	
	width: 50px;
}

#fotovergroting #foto_backknop img, #fotovergroting #foto_forwardknop img {
	margin-top: 161px;
}


#fotovergroting #foto {
	width: 677px;
	height: 354px;
	float:left;
}

#fotovergroting #foto.foto1 {
	background-image:url(../images/winkel_foto_1.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#fotovergroting #foto.foto2 {
	background-image:url(../images/winkel_foto_2.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#fotovergroting #foto.foto3 {
	background-image:url(../images/winkel_foto_3.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#fotovergroting #foto.foto4 {
	background-image:url(../images/winkel_foto_4.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#fotovergroting #foto.foto5 {
	background-image:url(../images/winkel_foto_5.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#fotovergroting #foto.foto6 {
	background-image:url(../images/winkel_foto_6.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

/* werkplaats */


#werkplaats #tekst {
	/* width: 50%; */
	float: left;
	margin: 0 25px 0 25px;
}

#werkplaats #beeld1 {
	/* width:50%; */
	width: 677px;
	height: 254px;
	float: left;
	margin: 25px 0 0 53px;
	background-image:url(../images/foto_werkplaats.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#werkplaats #illustratie {
	float: right;
	
}

/* producten */

#producten #tekst {
	float: left;
	margin: 0 25px 0 25px;
}

#producten #beeld1, #producten #beeld2, #producten #beeld3 {
	width:219px;
	height:162px;
	display:inline;
	float:left;
	margin:30px 0 0 30px;
	}

#producten #beeld1 {
	background-image:url(../images/producten_foto_1.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#producten #beeld2 {
	background-image:url(../images/producten_foto_2.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#producten #beeld3 {
	background-image:url(../images/producten_foto_3.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

/* aanbiedingen */

#aanbiedingen #tekst {
	float: left;
	margin: 0 25px 0 25px;
}

#aanbiedingen #foto {
	width:400px;
	height:300px;
	float: left;
	margin: 0 25px 0 25px;
	background-image:url(../images/foto_aanbieding.jpg);
}


/* Verzekering */

#verzekeringen #tekst {
	width:45%;
	float: left;
	margin: 0 25px 0 25px;
}

#verzekeringen #logo {
	width:45%;
	float: left;

}

#verzekeringen #foto {
	width:400px;
	height:300px;
	float: left;
	margin: 0 25px 0 25px;
	background-image:url(../images/foto_verzekering.jpg);
}

/* Links */

#links .logo {
	width:219px;
	height:50px;
	display:inline;
	float:left;
	margin:30px 0 0 30px;
	}



/* contact */

#contact #tekst {
	margin: 0 25px 0 25px;
}

#contact #formulier {
		margin: 25px;
}

#contact #formulier label {
	width: 125px;
	float:left;
}

#contact #formulier input,  #contact #formulier textarea {
	width: 400px;
	border: 1px solid #ff9c00;
}

#contact #formulier br {
	clear:left;
}

#contact #formulier #verstuurknop {
	width:auto;
	border: 1px none #FFF;
}


.error {
	color:#F00;
	}


/* disclaimer */

#disclaimer #tekst {
	float: left;
	margin: 0 25px 0 25px;
}