html { height: 100%; }
body { background: url('../images/bgnew.gif') repeat-x #ffffff; margin: 0px; height: 100%; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color: #383838; }

#container { height: 100%; width: 100%; }
#content { width: 1288px; min-height: 815px; position: relative; text-align: center; vertical-align: top; }
img { border: none; }
a { color: #004a99; }
a { outline: 0 none; }

/* Menu boven */

	#header { height: 33px; }

	#menu { 
		width: 991px; 
		font-size: 10px; 
		color: #ffffff;
		margin: 6px auto 0px auto; }
	
	#menu li {
		height: 28px; 
		display: inline; float: left;
		list-style: none; }
	
	#menu li a { 
	  display: block;
	  height: 28px;
	}
	
    #home { width: 81px; background: url('../images/menu-home.gif') no-repeat 0 0; }
    #registratie { width: 196px; background: url('../images/menu-registratie.gif') no-repeat 0 0; }
	#help { width: 210px; background: url('../images/menu-help.gif') no-repeat 0 0; }
	#technologie { width: 153px; background: url('../images/menu-technologie.gif') no-repeat 0 0; }
	#dealers { width: 129px; background: url('../images/menu-dealers.gif') no-repeat 0 0; }
	#gallery { width: 127px; background: url('../images/menu-gallery.gif') no-repeat 0 0; }
	#contact { width: 95px; background: url('../images/menu-contact.gif') no-repeat 0 0; }
	
	#menu li a:hover, #menu li a.active, #menu li div.active { 
		background-position: 0 -28px; }
	
	#menu li a span { 
		display: none; }
	
	#menu li div span { 
		display: none; }


/* Menu links (include overal) */

	#menulinks { 
		width: 224px; height: 267px; z-index: 1000;
		background: url('../images/menu-bg.png') left top no-repeat;
		font-size: 10px; 
		color: #ffffff;
		margin: 0 auto 0 auto; 
		padding: 30px 0 0 0px; 
		position: absolute; left: 0px; top: 166px; }
	
	#menulinks li {
		height: 40px; 
		width: 186px;
		display: inline; float: left;
		list-style: none;
		margin-bottom: 12px; }
	
	#menulinks li a { 
	  display: block;
	  height: 40px;
	}
	
    #een { height: 40px; background: url('../images/menu-een2.png') no-repeat 0 0; }
	#twee { height: 41px; background: url('../images/menu-twee2.png') no-repeat 0 0; }
	#drie { height: 40px; background: url('../images/menu-drie2.png') no-repeat 0 0; }
	#vier { height: 40px; background: url('../images/menu-vier2.png') no-repeat 0 0; }
	
	#menulinks li a:hover, #menulinks li a.active { 
		width: 224px; background-position: -187px 0; }
	
	#menulinks li a span { 
		display: none; }
		
 #blockimg { 
    width:1px;
    height:1px;
    text-align:center;
    margin:3px;
    font-size:14px;
	position: absolute; left: 183px; top: 120px;
  }
  
#diveen { position: absolute; left: -880px; top: 123px; width: 880px; height: 382px; background: url('../images/popup-rood.png') top right no-repeat; padding: 119px 0 0 0; z-index: 5; }
#divtwee { position: absolute; left: -880px; top: 123px; width: 880px; height: 382px; background: url('../images/popup-geel.png') top right no-repeat; padding: 119px 0 0 0; z-index: 5; }
#divdrie { position: absolute; left: -239px; top: 122px; width: 239px; height: 463px; background: url('../images/popup-groen.png') top right no-repeat; padding: 0px; z-index: 5; }
/*#divvier { position: absolute; left: -653px; top: 123px; width: 638px; height: 438px; background: url('../images/popup-blauw.png') top right no-repeat; padding: 20px 0 0 15px; z-index: 4; }*/
#divvier { position: absolute; left: -825px; top: 123px; width: 810px; height: 482px; background: url('../images/popup-blauw2.png') top left no-repeat; padding: 20px 0 0 15px; z-index: 5; }

#diveen a span, #divtwee a span { width: 160px; position: absolute; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color: #383838; font-weight: bold; margin-left: 10px; }
#diveen a, #divtwee a { text-decoration: none; }

#diveen #effect_frame1 span { left: 70px; top: 300px; }
#diveen #effect_frame2 span { left: 300px; top: 300px; }
#diveen #effect_frame3 span { left: 540px; top: 300px; }

#divtwee #design1 { left: 50px; top: 320px; }
#divtwee #design2 { left: 280px; top: 320px; }
#divtwee #design3 { left: 610px; top: 320px; }

#divtwee #adddesign2 { display: block; position: absolute; left: 203px; top: 2px; }
#divtwee #adddesign3 { display: block; position: absolute; left: 203px; top: 2px; }

#divtwee #effect_design1 span { left: 80px; top: 290px; text-align: left; }
#divtwee #effect_design2 span { left: 315px; top: 290px; text-align: left; }
#divtwee #effect_design3 span { left: 565px; top: 290px; text-align: left; }
#info_design1 { position: absolute; left: 243px; top: 290px; }
#info_design2 { position: absolute; left: 500px; top: 290px; }
#info_design3 { position: absolute; left: 750px; top: 290px; }

#divtwee span.gpd1 { position: absolute; left: 90px; top: 340px; text-align: left; font-size: 10px; }
#divtwee span.gpd2 { position: absolute; left: 325px; top: 310px; text-align: left; font-size: 10px; }
#divtwee span.gpd3 { position: absolute; left: 575px; top: 310px; text-align: left; font-size: 10px; }

#divtwee span.gpd2b { position: absolute; left: 325px; top: 350px; text-align: left; font-size: 10px; }
#divtwee span.gpd3b { position: absolute; left: 575px; top: 350px; text-align: left; font-size: 10px; }

#diveen span.gpfr2 { font-size: 10px; position: absolute; left: 347px; top: 350px; }
#diveen span.gpfr3 { font-size: 10px; position: absolute; left: 581px; top: 350px; }

#diveen span.ddfr1 { font-size: 10px; position: absolute; left: 112px; top: 320px; }
#diveen span.ddfr2 { font-size: 10px; position: absolute; left: 347px; top: 320px; }
#diveen span.ddfr3 { font-size: 10px; position: absolute; left: 581px; top: 320px; }

#divtwee span.inpd1 { font-size: 10px; position: absolute; left: 145px; top: 310px; }
#divtwee span.inpd2 { font-size: 10px; position: absolute; left: 325px; top: 310px; }
#divtwee span.inpd3 { font-size: 10px; position: absolute; left: 575px; top: 310px; }
#divtwee span input { width: 123px; }

#divvier #bevestig { position: absolute; right: 0px; top: 210px; }
#info_frame1 { position: absolute; left: 273px; top: 300px; }
#info_frame2 { position: absolute; left: 500px; top: 300px; }
#info_frame3 { position: absolute; left: 730px; top: 300px; }


.voorgrond { z-index: 999; }
.achtergrond { z-index: 998; }

#fiets, #fiets-back, #afrondknoppen { width: 725px; height: 560px; z-index: 1; position: absolute; left: 279px; top: 132px; background: top left no-repeat; }
#fiets-back { background: none; z-index: 0;}
#fietsoverlay_hoofdkleur, #fietsoverlay_steunkleur, #fietsoverlay_accentkleur, #buttonoverlay { width: 725px; height: 560px; z-index: 2; position: absolute; left: 279px; top: 132px; }
#fietsoverlay_accentkleur { z-index: 3; }
#fietsoverlay_steunkleur { z-index: 2; }
#fietsoverlay_hoofdkleur { z-index: 1; }
#buttonoverlay { z-index: 4; }

#fiets p, #buttonoverlay p { font-weight: bold; font-size: 11px; width: 256px; line-height: 25px; margin: 0px; padding: 0px; position: absolute; }
#fiets p span.left, #buttonoverlay p span.left { position: absolute; left: 0px; top: 0px; }
#fiets p span.right, #buttonoverlay p span.right { position: absolute; right: 0px; top: 0px; }
#buttonoverlay p#details { top: 435px; left: 228px; display: none; }
#buttonoverlay p#compleet { background-color: #858585; color: #fff; top: 460px; left: 228px; display: none; z-index: 1000; }
#buttonoverlay p#compleet_toelichting { top: 485px; left: 228px; display: none;  }
.kiesframe { cursor: pointer; }

#afrondknoppen { display: none; z-index: 3; position: absolute; left: 0px; top: 0px; }
#afrondknoppen a { width: 131px; height: 40px; }
#bewaar { position: absolute; left: 55px; top: 520px; }
#print { position: absolute; left: 215px; top: 520px; }
#email { position: absolute; left: 375px; top: 520px; }
#dealer { position: absolute; left: 535px; top: 520px; }

#hoofdkleuren { margin: 71px 0 0 0; display: block; width: 190px; height: 122px; }
#hoofdkleuren ul, #steunkleuren ul, #accentkleuren ul { margin: 0 0 0 0px; padding: 0px; }
#hoofdkleuren li, #steunkleuren li, #accentkleuren li { list-style: none; margin: 0px; padding: 0px; float: left; }
#steunkleuren, #accentkleuren { margin: 0 0 0 0; padding-left: 0px; display: block; width: 190px; height: 127px; }
#hoofdkleuren, #steunkleuren, #accentkleuren { padding-left: 45px; }
#hoofdkleuren a, #steunkleuren a, #accentkleuren a { width: 69px; height: 25px; display: block; float: left; }
.kleurlink { border: none; width: 69px; height: 25px; float: left; margin: 0; }
.ui-effects-transfer { border: 1px dashed #666666; z-index: 10000; } 
#accentkleuren p { font-size: 10px; margin: 0px; padding: 0px; width: 150px; }

.sluiten img { width: 32px; height: 105px; position: absolute; right: 30px; top: 142px; padding: 0px; }
#divdrie .sluiten img { width: 32px; height: 105px; position: absolute; right: 30px; top: 172px; padding: 0px; }

.blauw { background: url('../images/kleur-blauw.png'); }
.wit { background: url('../images/kleur-wit.png'); }
.geel { background: url('../images/kleur-geel.png'); }
.zilver { background: url('../images/kleur-grijs.png'); }
.groen { background: url('../images/kleur-groen.png'); }
.graniet, .carbon, .grijs { background: url('../images/kleur-graniet.png'); }
.rood { background: url('../images/kleur-rood.png'); }
.zwart { background: url('../images/kleur-zwart.png'); }

.zwartblauw { background: url('../images/kleur-zwart-blauw.png'); }
.witblauw { background: url('../images/kleur-wit-blauw.png'); }
.zwartgeel { background: url('../images/kleur-zwart-geel.png'); }
.witgeel { background: url('../images/kleur-wit-geel.png'); }
.zwartrood { background: url('../images/kleur-zwart-rood.png'); }
.witrood { background: url('../images/kleur-wit-rood.png'); }

.disabled { background: url('../images/kleur-disabled.png'); }

#disclaimer { position: absolute; top: 877px; left: 30px; }
#disclaimer:hover { cursor: pointer; }
#logo { position: absolute; top: 655px; right: 228px; }
#intro { position: absolute; left: 301px; top: 190px; border: none; }

#selectie { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color: #383838; width: 300px; position: absolute; left: 18px; top: 428px; text-align: left; line-height: 19px; display: none; }
#selectie h3 { font-weight: bold; margin: 0px; padding: 0px; font-size: 11px; line-height: 20px; }
#selectie dl { margin: 0px; padding: 0px; }
#selectie dt { font-weight: bold; float: left; margin-right: 10px; clear: left; }
#selectie dd { margin: 0; padding: 0px; display: block; }
#selectie dd#selectie_frame { position: absolute; left: 50px; top: 20px; }
#selectie dd#selectie_design { position: absolute; left: 50px; top: 39px; }
#selectie dd#selectie_kleurh { position: absolute; left: 87px; top: 58px; }
#selectie dd#selectie_kleurs { position: absolute; left: 87px; top: 77px; }
#selectie dd#selectie_kleurd { position: absolute; left: 87px; top: 96px; }
#selectie dd#selectie_afmontage1 { position: absolute; left: 100px; top: 115px; }
#selectie dd#selectie_afmontage2 { position: absolute; left: 120px; top: 134px; }
#selectie dd#selectie_afmontage3 { position: absolute; left: 120px; top: 153px; }
#selectie_afmontage3b { position: absolute; left: 165px; top: 153px; }
#selectie dd#selectie_afmontage4 { position: absolute; left: 122px; top: 172px; }
#selectie dt#selectie_et { display: none; }
#selectie dd#selectie_tekst { position: absolute; left: 77px; top: 191px; display: none; }
#selectie dd#wisselectie { position: absolute; left: 0px; top: 229px; }
	#selectie dd#wisselectie a { text-decoration: none; color: #004a99; }

/* Home */

#homeintro { position: absolute; left: 269px; top: 60px; }
#hometekst { position: absolute; left: 286px; top: 610px; }
#homemeerinfo { position: absolute; left: 600px; top: 725px; }
#homestart { position: absolute; left: 542px; top: 550px; }

#onderdelen_1, #onderdelen_2, #onderdelen_3, #onderdelen_4 { width: 305px; height: 227px; float: left; margin-right: 7px; margin-bottom: 14px; position: relative; }
.foto { width: 191px; height: 136px; position: absolute; left: 58px; top: 32px; }
.info { width: 47px; height: 17px; position: absolute; left: 202px; top: 176px; }
#onderdelen_1 div.foto { background: url('../images/onderdelen_afmontageset.jpg') 0px 0px; }
#onderdelen_2 div.foto { background: url('../images/onderdelen_wielset-banden.jpg') 0px 0px; }
#onderdelen_3 div.foto { background: url('../images/onderdelen_stuur-stuurpen.jpg') 0px 0px; }
#onderdelen_4 div.foto { background: url('../images/onderdelen_zadel-stuurlint.jpg') 0px 0px; }

#onderdelen_1 span { position: absolute; left: 30px; top: 177px; font-size: 11px; font-weight: bold; }
#onderdelen_2 span { position: absolute; left: 30px; top: 177px; font-size: 11px; font-weight: bold; }
#onderdelen_3 span { position: absolute; left: 30px; top: 177px; font-size: 11px; font-weight: bold; }
#onderdelen_4 span { position: absolute; left: 26px; top: 178px; font-size: 11px; font-weight: bold; }
#onderdelen_4 span.highlight { position: static; font-size: 8px; font-weight: normal; }

#onderdelen_1 span.mp_onderdelen { left: 30px; top: 197px; font-weight: normal; }
#onderdelen_2 span.mp_onderdelen { left: 30px; top: 197px; font-weight: normal; }
#onderdelen_3 span.mp_onderdelen { left: 30px; top: 197px; font-weight: normal; }
#onderdelen_4 span.mp_onderdelen { left: 26px; top: 198px; font-weight: normal; }

#divvier a.vorige img { width: 35px; height: 100px; position: absolute; left: 22px; top: 51px;}
#divvier a.volgende img { width: 35px; height: 100px; position: absolute; left: 249px; top: 51px; }

#page.signin { width: 501px; height: 658px; background: url('../images/regboxbg.png') top left no-repeat; }
.simplemodal-overlay { background-color: #fff; margin-top: 35px; }
#page.signin label { display: none; }
#page.signin #emailadres_si, #page.signin #wachtwoord_si { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #383838; font-weight: bold; width: 339px; height: 17px; border: none; padding: 5px; position: absolute; left: 45px; }
#page.signin #emailadres_si { top: 155px; }
#page.signin #wachtwoord_si { top: 205px; }

#frameinfobox, #page.frameinfo { width: 518px; height:562px; background: url('../images/frameinfobox.png') top left no-repeat; margin-bottom: 100px; text-transform: none; }
#designinfobox, #page.designinfo { width: 518px; height:562px; background: url('../images/designinfobox.png') top left no-repeat; margin-bottom: 100px; text-transform: none; }

#frameinfobox span, #designinfobox span, #page.frameinfo span, #page.designinfo span { font-size: 12px; font-weight: bold; text-transform: none; position: absolute; left: 50px; top: 30px; width: 340px; }
#frameinfobox h2, #designinfobox h2, #page.frameinfo h2, #page.designinfo h2 { font-size: 24px; text-transform: none; font-weight: normal; }

#onderdeleninfobox {  width: 518px; height:562px; background: url('../images/onderdeleninfobox.png') top left no-repeat; margin-bottom: 100px; text-transform: none; }


#knopsignin { width: 74px; height: 17px; background: url('../images/formbutton_signin.png') no-repeat; border: none; }
#knopcancel { width: 74px; height: 17px; background: url('../images/formbutton_cancel.png') no-repeat; border: none; }
#knopregistratie { width: 136px; height: 17px; background: url('../images/formbutton_registratie.png') no-repeat; border: none; }
	#page.signin #knopsignin { position: absolute; left: 44px; top: 265px; }
	#page.signin #knopcancel { position: absolute; left: 130px; top: 265px; }
	#page.signin #knopregistratie { position: absolute; left: 258px; top: 265px; }
	#knopsignin:hover, #knopcancel:hover, #knopregistratie:hover { cursor: pointer; }
	
	#knopwwvergeten { position: absolute; left: 43px; top: 245px; width: 110px; height: 10px; }


#zadel { width: 120px; height: 28px; position: absolute; }
#ketting { width: 294px; height: 120px; position: absolute; top: 276px; left: 113px; }
#wiel_voor { width: 271px; height: 272px; position: absolute; z-index: 0; }
#wiel_achter { width: 271px; height: 272px; position: absolute; z-index: 0; }
#rem_voor { width: 271px; height: 272px; position: absolute; z-index: 0; }
#rem_achter { width: 271px; height: 272px; position: absolute; z-index: 0; }
#stuur { width: 221px; height: 83px; position: absolute; z-index: 0; }
#sti { width: 70px; height: 77px; position: absolute; z-index: 0; }
#remkabels { width: 76px; height: 75px; position: absolute; }


h2, p#welkomstpar { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color: #004a99; }
	#diveen h2, #divtwee h2 { position: absolute; left: 70px; top: 40px; font-size: 12px; }
	p#welkomstpar { position: absolute; left: 20px; top: 30px; padding-top: 10px; }
	p#welkomstpar span { font-size: 80%; margin: 0 20px 0 20px; }

#onderdeleninfobox span { position: absolute; left: 50px; top: 30px; }	
#onderdeleninfobox_selecteer { position: absolute; left: 258px; top: 511px; }
#onderdeleninfobox_volgende { position: absolute; left: 129px; top: 511px; }
#onderdeleninfobox_vorige { position: absolute; left: 44px; top: 511px; }
#onderdeleninfobox h2 { font-size: 24px; text-transform: none; font-weight: normal; margin: 0; padding: 0px; }

#toelichtingr14kleurh { font-size: 11px; text-transform: none; font-weight: bold; position: absolute; left: 40px; top: 70px; width: 150px; }
#toelichtingr14kleurs { font-size: 11px; text-transform: none; font-weight: bold; position: absolute; left: 40px; top: 190px; width: 150px; }
#toelichtingr14kleurd { font-size: 11px; text-transform: none; font-weight: bold; position: absolute; left: 40px; top: 310px; width: 150px; }

#onderdeleninfobox h3 { font-size: 12px; }
#onderdeleninfobox dl { width: 400px; font-size: 12px; margin: 10px 0 0 0px; }
#onderdeleninfobox dt { float: left; margin: 0px; padding: 0px; font-weight: bold; clear: left; width: 100px; } 
#onderdeleninfobox dd { float: left; margin: 0px; padding: 0px; width: 300px; } 
#onderdeleninfobox p { float: left; clear: both; width: 360px; font-size: 12px; font-weight: bold; margin: 10px 0 0 0; }

#onderdeelsetfotogroot { margin-top: 10px; width: 317px; height: 240px; }
#stuurmaten { font-size: 9px; width: 191px; height: 20px; position: absolute; left: 58px; top: 150px; }


#page { width: 515px; height: 658px; background: url('../images/pagepopup.png') top left no-repeat; padding: 30px 0 0 50px; } 

.cross { position: absolute; left: 12px; top: 12px; }

#page p { width: 350px; font-size: 12px; line-height: 16px; }
#page ul { width: 350px; font-size: 12px; line-height: 16px; }
#regform label { width: 350px; display: block; font-weight: bold; font-size: 10px; margin: 7px 0 3px 0;  }
#regform input { border: 1px solid #004a99; width: 349px; height: 16px; padding: 3px; }
#regform select { border: 1px solid #004a99; height: 22px; width: 357px; font-size: 10px; }
#regform #knopcancelreg { width: 74px; height: 17px; background: url('../images/formbutton_cancel.png') no-repeat; border: none; margin: 10px 0 0 0; }
#regform #knopregistreren { width: 136px; height: 17px; background: url('../images/formbutton_registreren.gif') no-repeat; border: none; margin: 10px 0 0 10px; }
#regform input#nieuwsbrief { width: auto; height: auto; margin-top: 7px; float: left; } 

#page.gallerynew { background: url('../images/gallerynew.png') top left no-repeat; width: 841px; font-size: 12px; line-height: 16px; padding: 30px 0 0 50px; }

.fietsthumbblok { float: left; margin: 25px 10px 0 0; text-align: center; }
.fietsthumb { width: 240px; }

#golven { position: absolute; top: 735px; left: 0px; }

#faqdiv p strong { color: #004a99; cursor: pointer; }
#faqdiv p span { display: none; }
#faqdiv ul { display: none; }

#etbox { background: url('../images/eigentekst_frame1design2.png') top left no-repeat; width: 368px; height: 269px; position: absolute; left: 567px; top: 60px; z-index: 4; display: none; }
#etbox input { position: absolute; left: 179px; top: 90px; width: 146px; background: url('../images/transp.gif');border: none; }
#etbox .cross2 { width: 18px; height: 18px; position: absolute; right: 7px; top: 12px; }
#etbox #adddesign { position: absolute; right: 20px; top: 89px; }

	#etbox.et_frame1design2 { background: url('../images/eigentekst_frame1design2.png') top left no-repeat; 
	left: 567px; top: 60px; }
	#etbox.et_frame1design3 { background: url('../images/eigentekst_frame1design3.png') top left no-repeat; 
	left: 567px; top: 60px; }
	#etbox.et_frame2design2 { background: url('../images/eigentekst_frame2design2.png') top left no-repeat; 
	left: 555px; top: 45px; }
	#etbox.et_frame2design3 { background: url('../images/eigentekst_frame2design3.png') top left no-repeat; 
	left: 555px; top: 45px; }
	#etbox.et_frame3design2 { background: url('../images/eigentekst_frame3design2.png') top left no-repeat; 
	left: 550px; top: 60px; }
	#etbox.et_frame3design3 { background: url('../images/eigentekst_frame3design3.png') top left no-repeat; 
	left: 550px; top: 60px; }

#faqdiv p strong { color: #004a99; cursor: pointer; }
#faqdiv p span { display: none; }

#techno h3 { color: #004a99; cursor: pointer; font-size: 11px; }
#techno p { display: none; }

.uitklapnextdiv { cursor: pointer; }
.hide { display: none; }