body{
 	 background-color: #FFF;
   margin: 0px; 
   padding: 0px;
   font-size: 12px; 
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background-image: url('afbeeldingen/gradient.jpg');
 }
 html,body {
  height: auto;
  height: 100%;
  min-height: 100%; 
}
 img{
  border: 1px solid #000;
 }

 p{
 	text-align: center;
}

 img.homeRechts{
  float: right;
  margin-bottom: 5px;
}

img.homeLinks{
  float: left;
  margin-bottom: 5px;
  margin-right: 5px;
}

 a{
	text-decoration: none;
	color: #000;
}
a.footer{
 color: #CCC;
}
a.footer:hover{
 color: #FFF;
}
a.link{
 color: #39F;
}
a.link:hover{
 color: #06C;
}
a.privacy{
 position: absolute;
 left: 650px;
 color: #CCC;
}
a.privacy:hover{
 color: #FFF;
}

img.footer{
 position: absolute;
 top: 4px;
 right: 4px;
 border: none;
}
 #main{
 	position: relative;
 	top: 20px;
	margin: 0 auto;
 	width: 810px;
 	height: auto;
 	border: 1px solid #000;
 	background-color: #FFF;
}

#footer{
 position: relative;
 left: 4px;
 top: 2px;
 height: 25px;
 width: 800px;
 background-image: url('afbeeldingen/footer.jpg');
 border: 1px solid #000;
 font-size: 12px; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin-bottom: 6px;
}

#footerLink{
 margin: 4px;
}

 #banner{
 position: relative;
 top: 4px;
 left: 4px;
 width: 800px;
 height: 150px;
 background-image: url('afbeeldingen/banner.jpg');
 border: 1px solid #000;
}

 #knopRand{
 position: relative;
 top: 5px;
 left: 4px;
 width: 800px;
 height: 46px;
 background-image: url('afbeeldingen/knopRand.jpg');
 background-repeat: no-repeat;
 border: 1px solid #000;
 padding-top: 4px;
}

 #center{
 position: relative;
 top: 0px;
 left: 90px;
 height: 40px;
 text-align: center;
}

#keuze{
 position: absolute;
 top: 20px;
 right: 5px;
 height: 40px;
 width: 100px;
}

#content{
 position: relative;
 left: 4px;
 top: 6px;
 height: auto;
 width: 800px;
 font-size: 12px; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 border: 1px solid #000;
 text-align: left;
 background-color: #FFF;
 padding-bottom: 20px;
}

#tekst{
 position: relative;
 top: 5px;
 left: 5px;
 width: 790px;
 height: auto;
 margin-bottom: 10px;
}
 div.knop{
 float: left;
 width: 120px;
 height: 40px;
 margin-right: 45px;
}

form.contactForm{
 position: relative;
 top: 10px;
 left: 250px;
 width: 450px;
}

input.naam, input.mail, input.onderwerp, input.gebruikersnaam, input.paswoord, input.naamFr, input.mailFr, input.onderwerpFr{
 margin-left: 35px;
 margin-bottom: 5px;
 width: 250px;
}
input.mail{
 margin-left: 33px;
}
input.onderwerp{
 margin-left: 0px;
}
input.gebruikersnaam{
	margin-left: 0px; 
}
input.paswoord{
	margin-left: 40px; 
}
input.naamFr{
	margin-left: 31px; 
}
input.mailFr{
 margin-left: 10px;
}
input.onderwerpFr{
 margin-left: 26px;
}
textarea.bericht{
 margin-left: 28px;
 width: 250px;
 height: 60px;
}
textarea.berichtFr{
 margin-left: 5px;
 width: 250px;
 height: 60px;
}
#contactTekst{
 position: absolute;
 top: 0px;
 margin: 10px;
}

div.bovensteRij{
 position: relative;
 left: 0px;
 width: 100%;
 height: 20px;
 border-bottom: 1px solid #000;
}

div.bovensteFoto{
 float: left;
 left: 10px;
 width: 100px;
 height: 20px;
 margin: 2px;
}
div.bovensteOmschrijving{
 float: left;
 margin-left: 10px;
 left: 10px;
 width: 240px;
 height: 20px;
}
div.bovensteUitvoering{
 float: left;
 left: 10px;
 width: 120px;
 height: 20px;
}
div.bovensteBouwjaar{
 float: left;
 left: 10px;
 width: 80px;
 height: 20px;
}  
div.bovensteKmStand{
 float: left;
 left: 10px;
 width: 80px;
 height: 20px;
}
div.bovenstePrijs{
 float: left;
 left: 10px;
 width: 100px;
 height: 20px;
}

div.rij{
 position: relative;
 left: 0px;
 width: 100%;
 height: 80px;
}
div.rij_blauw{
 position: relative;
 left: 0px;
 width: 100%;
 height: 80px;
 background-color: #544C64;
}
div.rij_rood{
 position: relative;
 left: 0px;
 width: 100%;
 height: 80px;
 background-color: #A64953;
}

img.foto_klein{
 float: left;
 left: 10px;
 width: 100px;
 height: 75px;
 margin: 2px;
 border:1px solid #000;
}
div.omschrijving{
 float: left;
 margin-left: 10px;
 left: 10px;
 width: 220px;
 height: 75px;
 margin-right: 20px;
}
div.uitvoering{
 float: left;
 left: 10px;
 width: 120px;
 height: 75px;
}
div.bouwjaar{
 float: left;
 left: 10px;
 width: 80px;
 height: 75px;
}
div.kmStand{
 float: left;
 left: 10px;
 width: 80px;
 height: 75px;
}
div.prijs{
 float: left;
 left: 10px;
 width: 100px;
 height: 75px;
}
div.optie{
 float: left;
 left: 10px;
 width: 50px;
 height: 75px;
}
div.detailRij{
 position: relative;
 left: 0px;
 width: 100%;
 height: 350px;
}
#detailFoto{
 position: relative;
 top: 30px;
 left: 10px;
 width: 250px;
 /*height: 300px;*/
 float: left;
 margin-right: 10px;
}
div.detailOmschrijving{
 float: left;
 left: 10px;
 width: 500px;
 height: 30px;
 font-size: 14px;
 font-weight:bold;
 margin-left: 10px;
}
div.dTekst{
 float: left;
 left: 10px;
 top: 0px;
 width: 120px;
 height: 20px;
 margin-left: 10px;
}
div.dWaarde{
 float: left;
 left: 170px;
 top: 0px;
 width: 340px;
 height: 20px;
}
div.dBottom{
 position: relative;
 left: 0px;
 top:50px;
 width: 170px;
 height: 20px;
 margin-bottom: 50px;
 _margin-bottom: 20px;
}
div.onderFoto{
 position: relative;
 top: 10px; 
 left: 0px;
 width: 100px;
 height: 100px;
 margin-right: 10px;
}
#volgende{
 position: relative;
 left: 190px;
 top: -15px;
}
#vorige{
 position: relative;
 left: 0px;
 top: 0px;
 margin-right: 100px;
}

#vorigepagina{
 position: relative;
 left: 10px;
 top: 5px;
 height: 10px;
}

#van{
 position: relative;
 left: 0px;
 top: -10px;
 width: 100%;
 text-align: center;
 font-weight:bold;
 height: 10px;
}
#volgendepagina{
 position: relative;
 right: 10px;
 top: -15px;
 text-align: right;
 height: 10px;
}

fieldset.algemeen{
 position: relative;
 margin: 5px;
 width: 100%;
 height: 150px;
}
div.links{
 	float: left;
	width: 150px;
	margin: 5px;
	text-align: right;
}
div.rechts{
	float: left;
	width: 150px;
	margin: 5px;
	text-align: left;
}
div.opmerking{
 position: relative;
 margin: 5px;
 width: 100%;
 top: 200px;	
 _top: 0px;
 height: 220px;
 _height: 100px;
 text-align: left;
}
div.olinks{
 position: relative;
 _float: left;
 left: 0px;
 top: -100px;
 _top: 0px;
 width: 150px;
 margin: 5px;
 text-align: right;
}
div.orechts{
	position: relative;
 _float: left;
 left: 155px;
	_left: 0px;
	top: -125px;
	_top: 0px;
	width: 150px;
	margin: 5px;
}
#kader{
 position: relative;
 height: 225px;
}
#lo, #mo, #ro{
 position: absolute;
 left: 50px;
 top: 5px;
 width: 250px;
 height: 250px;
}
#mo{
 left: 300px;
}
#ro{
 left: 550px;
}

