/* Start of CMSMS style sheet 'Zoevers' */
@charset "utf-8";
/* CSS Document */

#container{
position: absolute;
height: 1200px;
width: 1024px;

}


#footer{
background-color: #ffffff;
position: relative;
	height: 400px;
	width: 1024px;
left: 50%;
margin: 0 0 0 -512px;
top: 1000px;
border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #dadada;
	border-left-color: #dadada;
}

#footer_lang{
background-color: #ffffff;
position: relative;
	height: 400px;
	width: 1024px;
left: 50%;
margin: 0 0 0 -512px;
top: 1200px;
border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #dadada;
	border-left-color: #dadada;
}




#all{
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #dadada;
	border-left-color: #dadada;
	position: absolute;
	height: 1200px;
	width: 1024px;
left: 50%;
margin: 0 0 0 -512px;
top: -50px;
}


#all_lang{
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #dadada;
	border-left-color: #dadada;
	position: absolute;
	height: 1400px;
	width: 1024px;
left: 50%;
margin: 0 0 0 -512px;
top: -50px;
}


#logo{
	position: absolute;
	height: 49px;
	width: 392px;
	left: 30px;
	top: 85px;
}


#start{
	position: absolute;
	height: 10px;
	width: 40px;
	left: 440px;
	top: 123px;
	
}



#fietsen{
	position: absolute;
	height: 10px;
	width: 40px;
	left: 480px;
	top: 123px;
}

#scooters{
	position: absolute;
	height: 10px;
	width: 40px;
	left: 530px;
	top: 123px;
}

#accessoires{
	position: absolute;
	height: 10px;
	width: 40px;
	left: 595px;
	top: 123px;
}

#zakelijk{
	position: absolute;
	height: 10px;
	width: 40px;
	left: 675px;
	top: 123px;
}


#service{
	position: absolute;
	height: 10px;
	width: 40px;
	left: 725px;
	top: 123px;
}



#faq{
	position: absolute;
	height: 10px;
	width: 40px;
	left: 775px;
	top: 123px;
}

#contact{
	position: absolute;
	height: 10px;
	width: 40px;
	left: 810px;
	top: 123px;
}

#route{
	position: absolute;
	height: 10px;
	width: 40px;
	left: 865px;
	top: 123px;
}


#links2{
	position: absolute;
	height: 10px;
	width: 40px;
	left: 905px;
	top: 123px;
}


#sitemap{
	position: absolute;
	height: 10px;
	width: 40px;
	left: 945px;
	top: 123px;
}


#image{
	position: absolute;
	height: 314px;
	width: 1024px;
	top: 170px;
}

#image_fietsen{
	position: absolute;
	height: 314px;
	width: 1024px;
	top: 170px;
}

#gegevens{
	position: absolute;
	height: 76px;
	width: 133px;
	left: 890px;
	top: 250px;
}

#nieuws{
	position: absolute;
	height: 178px;
	width: 248px;
	left: 30px;
	top: 0px;
	
}

#welkom{
	position: absolute;
	height: 94px;
	width: 200px;
	left: 310px;
	top: 0px;
}

#scooters_txt{
	position: absolute;
	height: 94px;
	width: 209px;
	left: 530px;
	top: 590px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #181818;
	padding-right: 20px;
}

#accessoires_txt{
	position: absolute;
	height: 94px;
	width: 220px;
	left: 760px;
	top: 590px;
	padding-left: 20px;
}


#intro{
	position: absolute;
	height: 100px;
	width: 350px;
	top: 250px;
	right: 155px;
}


#content{
	position: absolute;
	height: 325px;
	width: 840px;
	left: 30px;
	top: 500px;
}



#fiets1{
	position: absolute;
	height: 300px;
	width: 845px;
	left: 0px;
	top: 0px;
}

#fiets1 a span {
      display: none;
}

#fiets1 a:hover span {
   display: block;
   position: absolute; 
   top: 55px; 
   right: 0px; 
   width: 300px;
   text-align: right;
text-decoration: none;
}



#fiets2{
	position: absolute;
	height: 300px;
	width: 595px;
	left: 250px;
	top: 0px;

}

#fiets2 a span {
      display: none;
}

#fiets2 a:hover span {
   display: block;
   position: absolute; 
   top: 55px; 
   right: 0px; 
   width: 300px;
   text-align: right;
text-decoration: none;
}


#fiets3{
	position: absolute;
	height: 200px;
	width: 845px;
	left: 0px;
	top: 180px;

}

#fiets3 a span {
      display: none;
}

#fiets3 a:hover span {
   display: block;
   position: absolute; 
   top: -125px; 
   right: 0px; 
   width: 300px;
   text-align: right;
text-decoration:none;
}


#fiets4{
	position: absolute;
	height: 200px;
	width: 595px;
	left: 250px;
	top: 180px;

}

#fiets4 a span {
      display: none;
}

#fiets4 a:hover span {
   display: block;
   position: absolute; 
   top: -125px; 
   right: 0px; 
   width: 300px;
   text-align: right;
text-decoration: none;
}


#knop1{
	position: absolute;
	height: 17px;
	width: 100px;
	left: 85px;
	top: 130px;

}

#knop2{
	position: absolute;
	height: 17px;
	width: 100px;
	left: 335px;
	top: 130px;
}

#knop3{
	position: absolute;
	height: 17px;
	width: 100px;
	left: 85px;
	top: 305px;
}


#knop4{
	position: absolute;
	height: 17px;
	width: 100px;
	left: 335px;
	top: 305px;
}


#titel1{
	position: absolute;
	height: 20px;
	width: 160px;
	top: 125px;
	text-align: center;
	left: 0px;

}

#titel2{
	text-align: center;
	position: absolute;
	height: 20px;
	width: 160px;
	left: 250px;
	top: 125px;

}

#titel3{
	text-align: center;
	position: absolute;
	height: 20px;
	width: 160px;
	left: 0px;
	top: 300px;

}

#titel4{
	position: absolute;
	height: 20px;
	width: 160px;
	left: 250px;
	top: 300px;
	text-align: center;

}


#details_txt{
	position: absolute;
	height: 160px;
	width: 250px;
	text-align: right;

}


#foto_holder{
	position: absolute;
	height: 250px;
	width: 375px;
	left: 25px;
	top: 0px;
}

#beschrijving{
	position: absolute;
	height: 225px;
	width: 325px;
	left: 525px;
	top: -25px;

}

#links{
	position: absolute;
	height: 20px;
	width: 300px;
	left: 610px;
	top: 300px;

}

#thumb1{
	position: absolute;
	height: 54px;
	width: 62px;
	left: 425px;
	top: 0px;

}

#thumb2{
	position: absolute;
	height: 54px;
	width: 62px;
	left: 425px;
	top: 75px;

}

#thumb3{
	position: absolute;
	height: 54px;
	width: 62px;
	left: 425px;
	top: 165px;

}


#terug{
	position: absolute;
	height: 50px;
	width: 75px;
	left: 0px;
	top: 500px;

}

#print{
	position: absolute;
	height: 50px;
	width: 125px;
	left: 80px;
	top: 500px;

}

#tellafriend{
	position: absolute;
	height: 50px;
	width: 125px;
	left: 220px;
	top: 500px;

}





#interesse{
	position: absolute;
	width: 200px;
	top: 260px;
	left: 235px;
}

#knop_interesse{
	position: absolute;
	height: 20px;
	width: 150px;
	left: 285px;
	top: 272px;

}


#antwoorden{
	width: 775px;
	height: 1000px;
	top: 1000px;
	position: absolute;
	left: 30px;

}


#invullen{
	text-align: right;
	width: 310px;
}

#invulvelden{
	position: absolute;
	left: 320px;
	width: 300px;
	top: 0px;
}

#contact_intro{
position: absolute;
width: 300px;
top: 425px;
left: 50px;
text-align: right;

}


#btw{
position: absolute;
top: 875px;
left: 750px;
}



#vraag1 a span {
      display: none;
}

#vraag1 a:hover span {
   display: block;
   position: absolute; 
   top: 0px; 
   right: 0px; 
   width: 400px;
   text-align: left;
text-decoration: none;
}

#vraag2 a span {
      display: none;
}

#vraag2 a:hover span {
   display: block;
   position: absolute; 
   top: 0px; 
   right: 0px; 
   width: 400px;
   text-align: left;
text-decoration: none;
}

#vraag3 a span {
      display: none;
}

#vraag3 a:hover span {
   display: block;
   position: absolute; 
   top: 0px; 
   right: 0px; 
   width: 400px;
   text-align: left;
text-decoration: none;
}

#vraag4 a span {
      display: none;
}

#vraag4 a:hover span {
   display: block;
   position: absolute; 
   top: 0px; 
   right: 0px; 
   width: 400px;
   text-align: left;
text-decoration: none;
}

#vraag5 a span {
      display: none;
}

#vraag5 a:hover span {
   display: block;
   position: absolute; 
   top: 0px; 
   right: 0px; 
   width: 400px;
   text-align: left;
text-decoration: none;
}

#vraag6 a span {
      display: none;
}

#vraag6 a:hover span {
   display: block;
   position: absolute; 
   top: 0px; 
   right: 0px; 
   width: 400px;
   text-align: left;
text-decoration: none;
}

#vraag7 a span {
      display: none;
}

#vraag7 a:hover span {
   display: block;
   position: absolute; 
   top: 0px; 
   right: 0px; 
   width: 400px;
   text-align: left;
text-decoration: none;
}

#vraag8 a span {
      display: none;
}

#vraag8 a:hover span {
   display: block;
   position: absolute; 
   top: 0px; 
   right: 0px; 
   width: 400px;
   text-align: left;
text-decoration: none;
}

#vraag9 a span {
      display: none;
}

#vraag9 a:hover span {
   display: block;
   position: absolute; 
   top: 0px; 
   right: 0px; 
   width: 400px;
   text-align: left;
text-decoration: none;
}

#vraag10 a span {
      display: none;
}

#vraag10 a:hover span {
   display: block;
   position: absolute; 
   top: 0px; 
   right: 0px; 
   width: 400px;
   text-align: left;
text-decoration: none;
}

#vraag11 a span {
      display: none;
}

#vraag11 a:hover span {
   display: block;
   position: absolute; 
   top: 0px; 
   right: 0px; 
   width: 400px;
   text-align: left;
text-decoration: none;
}

#vraag12 a span {
      display: none;
}

#vraag12 a:hover span {
   display: block;
   position: absolute; 
   top: 0px; 
   right: 0px; 
   width: 400px;
   text-align: left;
text-decoration: none;
}

#vraag13 a span {
      display: none;
}

#vraag13 a:hover span {
   display: block;
   position: absolute; 
   top: 0px; 
   right: 0px; 
   width: 400px;
   text-align: left;
text-decoration: none;
}

#simson{
position: absolute;
top: 50px;
}


      a.simson {

          display: block;

          width: 200px;

          height: 44px;

  background: url("images/simson.gif") 0 0 no-repeat;

          text-decoration: none;

      }

       

      a:hover.simson {

          background-position: -200px 0;

      }



#fastrider{
position: absolute;
left: 275px;
top: 50px;
}

      a.fastrider {

          display: block;

          width: 180px;

          height: 44px;

  background: url("images/fastrider.gif") 0 0 no-repeat;

          text-decoration: none;

      }

       

      a:hover.fastrider {

          background-position: -180px 0;

      }



#contec{
position: absolute;
left: 525px;
top: 50px;
}

      a.contec {

          display: block;

          width: 112px;

          height: 44px;

  background: url("images/contec.gif") 0 0 no-repeat;

          text-decoration: none;

      }

       

      a:hover.contec {

          background-position: -112px 0;

      }




#beon{
position: absolute;
top: 150px;
}


      a.beon{

          display: block;

          width: 200px;

          height: 192px;

  background: url("images/beon.jpg") 0 0 no-repeat;

          text-decoration: none;

      }

       

      a:hover.beon {

          background-position: -200px 0;

      }


#nau{
position: absolute;
left: 275px;
top: 150px;
}

      a.nau {

          display: block;

          width: 155px;

          height: 65px;

  background: url("images/nau.jpg") 0 0 no-repeat;

          text-decoration: none;

      }

       

      a:hover.nau {

          background-position: -155px 0;

      }




li{
margin-left: 20px;
list-style-type: none;
}



.knoppen{
	font-family: Arial;
	font-size: 11px;
	color: #20a0b2;
}

h1{
	text-transform:uppercase;
	font-family: Arial;
	font-size: 12px;
	color: #181818;
	margin: 0px;
	padding: 0px;
	font-weight: bolder;
}

h2{
	text-transform:uppercase;
	font-family: Arial;
	font-size: 12px;
	color: #707173;
	margin: 0px;
	padding: 0px;
	font-weight: bolder;
}

h3{
	text-transform:uppercase;
	font-family: Arial;
	font-size: 10px;
	color: #707173;
	margin: 0px;
	padding: 0px;
	font-weight: bolder;
}



.regular{
	font-family: Arial;
	font-size: 12px;
	color: #181818;
        text/decoration: none;
}

.licht{
	font-family: Arial;
	font-size: 12px;
	color: #707173;
text-decoration: none;
}


.footer{
	font-family: Arial;
	font-size: 10px;
	color: #707173;
text-decoration: none;
text-transform:uppercase;
}

.oranje{
	font-family: Arial;
	font-size: 12px;
	color: #f5702b;
}

.blauw{
	font-family: Arial;
	font-size: 12px;
	color: #20a0b2;
}


a.grijzelink:link {
	color: #707173;
	text-decoration: none;
}
a.grijzelink:visited {
	text-decoration: none;
	color: #707173;
}
a.grijzelink:hover {
	text-decoration: none;
	color: #20a0b2;
}
a.grijzelink:active {
	text-decoration: none;
	color: #707173;
}


a.blauwelink:link {
	color: #20a0b2;
	text-decoration: none;
}
a.blauwelink:visited {
	text-decoration: none;
	color: #707173;
}
a.blauwelink:hover {
	text-decoration: none;
	color: #707173;
}
a.blauwelink:active {
	text-decoration: none;
	color: #707173;
}


a.menu:link {
	color: #20a0b2;
	text-decoration: none;
}
a.menu:visited {
	text-decoration: none;
	color: #20a0b2;
}
a.menu:hover {
	text-decoration: none;
	color: #f5702b;
}
a.menu:active {
	text-decoration: none;
	color: #f5702b;
}

.menu_active{
text-decoration: none;
color: #f5702b;
}

/* End of 'Zoevers' */

