* { border: 0; list-style: none; margin: 0; outline: 0; padding: 0; text-decoration: none }
a { color: #fff; text-decoration: underline }
a, button { cursor: pointer }
b, strong { font-weight: bold }
body { background: url('images/root2.png') #a3cd39 no-repeat; height: 679px; margin: 0 auto; padding: 0; position: relative; text-align: left; width: 960px }
html { background: #231f20; font: normal 16px/1.5 'Calibri', sans-serif; text-align: center }
html { font: normal 80%/1.875 Verdana, sans-serif }
table { border-collapse: collapse; empty-cells: hide; width: 100% }
td { vertical-align: top }
th { text-align: left }

body.home .logo { background: url('images/1-1.png') #231f20 no-repeat; height: 72px; overflow: hidden; text-indent: -9999px }
body.home .intro { background: url('images/1-2.png') #231f20 no-repeat; height: 96px; overflow: hidden; text-indent: -9999px }
body.home .description { background: url('images/1-3.png') transparent no-repeat; height: 168px; overflow: hidden; text-indent: -9999px}
body.home .stations { background: url('images/1-4.png') transparent no-repeat; height: 216px; overflow: hidden; text-indent: -9999px }
body.home h2 { background: url('images/1-5.png') transparent no-repeat; height: 28px; overflow: hidden; text-indent: -9999px }
body.home .start { background: url('images/1-6.png') transparent no-repeat; height: 70px; overflow: hidden; position: relative; text-indent: -9999px }
body.home .start a { display: block; height: 70px; left: 0; position: absolute; top: 0; width: 100% }

/*body.routeplanner { background: url('images/3.png') transparent no-repeat }*/
body.routeplanner h1 { height: 96px; overflow: hidden; text-indent: -9999px; width: 960px }
body.routeplanner form { margin: 15px 100px 0 90px }
body.routeplanner td, body.routeplanner th { padding: 8px 20px 0 0 }
body.routeplanner h2 { background: url('images/routeadvies.png') transparent no-repeat; height: 27px; left: 85px; top: 356px; overflow: hidden; position: absolute; text-indent: -9999px; width: 120px }
body.routeplanner .vorige { left: 675px; overflow: hidden; position: absolute; top: 605px }
body.routeplanner .vorige button { background: url('images/vorige.png') transparent no-repeat; display: block; height: 23px; text-indent: -9999px; width: 236px }
body.routeplanner #next, body.routeplanner #finish { display: block; height: 14px; overflow: hidden; text-indent: -9999px; width: 480px }
body.routeplanner dt { font-size: 1.125em; font-weight: bold; text-transform: uppercase }
body.routeplanner dd { font-size: .75em; padding: 8px 0 0 0; width: 500px }
body.routeplanner .desc { padding: 12px 0 0 0 }
body.routeplanner .action { padding: 19px 0 0 0 }
#yes { left: 228px; position: absolute; top: 355px }
#no { left: 228px; position: absolute; top: 490px }

body.route1 h1 { background: url('images/2-1.png') transparent no-repeat }
body.route2 h1 { background: url('images/3-1.png') transparent no-repeat }
body.route3 h1 { background: url('images/4-1.png') transparent no-repeat }
body.route4 h1 { background: url('images/5-1.png') transparent no-repeat }

body.route1 #next { background: url('images/2-2.png') transparent no-repeat }
body.route2 #next { background: url('images/3-2.png') transparent no-repeat }
body.route3 #next { background: url('images/4-2.png') transparent no-repeat }
body.route4 #next { background: url('images/5-2.png') transparent no-repeat }

body.route1 #finish { background: url('images/2-3.png') transparent no-repeat }
body.route2 #finish { background: url('images/3-3.png') transparent no-repeat }
body.route3 #finish { background: url('images/4-3.png') transparent no-repeat }
body.route4 #finish { background: url('images/5-3.png') transparent no-repeat }

#next:disabled { background: none }

/*body.station { background: url('images/7.png') transparent no-repeat }*/
body.station h1 { font-size: 1.25em; left: 0; padding: 300px 0 0 92px; position: absolute; top: 0; width: 868px }
body.station .description { font-size: 1.125em; left: 92px; position: absolute; top: 340px; width: 820px }
body.station form { height: 216px; left: 92px; position: absolute; right: 40px; top: 420px }
body.station form p { font-size: .75em }
body.station table { font-size: .875em; margin: 19px 0 0 0; width: 770px }
body.station td, body.station th { padding: 10px 0 0 0 }
body.station #required { bottom: 0; font-size: .625em; position: absolute }
body.station button { display: block; height: 33px; left: 589px; overflow: hidden; position: absolute; text-indent: -9999px; top: 181px; width: 237px }

body.station1 h1 { background: url('images/6-stations.png') transparent 0 73px no-repeat }
body.station2 h1 { background: url('images/7-stations.png') transparent 0 73px no-repeat }
body.station3 h1 { background: url('images/8-stations.png') transparent 0 73px no-repeat }
body.station4 h1 { background: url('images/9-stations.png') transparent 0 73px no-repeat }
body.station5 h1 { background: url('images/10-stations.png') transparent 0 73px no-repeat }

body.station1 button { background: url('images/6-verstuur.png') transparent no-repeat }
body.station2 button { background: url('images/7-verstuur.png') transparent no-repeat }
body.station3 button { background: url('images/8-verstuur.png') transparent no-repeat }
body.station4 button { background: url('images/9-verstuur.png') transparent no-repeat }
body.station5 button { background: url('images/10-verstuur.png') transparent no-repeat }

/*body.bedankt { background: url('images/11.png') transparent no-repeat }*/
body.bedankt h1 { height: 30px; font-size: 1.0625em; font-weight: bold; padding: 50px 0 0 90px }
body.bedankt .note { padding: 0 0 0 92px; position: absolute; top: 68px }
body.bedankt h2 { background: url('images/spoor.png') transparent 27px 2px no-repeat; color: #fff; font-size: 1.25em; font-weight: bold; padding: 62px 0 0 90px; position: absolute; top: 100px; width: 870px }
body.bedankt .routeplanner { background: url('images/pijl.png') transparent 3px 6px no-repeat; left: 90px; padding: 0 0 0 30px; position: absolute; top: 196px }
body.bedankt .routeplanner strong { font-size: 1.25em }
body.bedankt h3 { font-size: .9375em; font-weight: bold; left: 90px; position: absolute; top: 270px }
body.bedankt #stations { background: url('images/sporen.png') red no-repeat; left: 92px; position: absolute; top: 308px; width: 700px }
body.bedankt #stations * { display: block; height: 15px; width: 300px }
body.bedankt #stations li { overflow: hidden; position: absolute; text-indent: -9999px }
body.bedankt #meten { background: url('images/sporen1.png') transparent no-repeat; left: 0; top: 0 }
body.bedankt #draagvlak { background: url('images/sporen2.png') transparent no-repeat; left: 0; top: 34px }
body.bedankt #actieplannen { background: url('images/sporen3.png') transparent no-repeat; left: 349px; top: 0 }
body.bedankt #borging { background: url('images/sporen4.png') transparent no-repeat; left: 349px; top: 34px }
body.bedankt .info { background: url('images/info.png') transparent 88px 5px no-repeat; padding: 0 305px 0 139px; position: absolute; top: 430px }
body.bedankt .contact { background: url('images/contact.png') transparent 88px 3px no-repeat; padding: 0 205px 0 139px; position: absolute; top: 535px }

/*body.aanmelden { background: url('images/12.png') transparent no-repeat }*/
body.aanmelden h1 { background: url('images/12-1.png') transparent no-repeat; color: #fff; font-size: 1.25em; height: 31px; left: 79px; overflow: hidden; position: absolute; text-indent: -9999px; top: 49px; width: 687px }
body.aanmelden form { height: 280px; left: 80px; position: absolute; top: 355px; width: 850px }
body.aanmelden form dt { font-size: 1.125em; line-height: 1.5 }
body.aanmelden form dd { margin: 0; padding: 0; width: 600px }
body.aanmelden form dd ul { padding: 8px 30px }
body.aanmelden form dd li { display: block; font-size: .75em; float: left; line-height: 1.5; margin: 0; padding: 0; width: 172px }
body.aanmelden button { background: url('images/verstuur.png') transparent no-repeat; display: block; height: 33px; overflow: hidden; text-indent: -9999px; width: 82px }
body.aanmelden .send { left: 757px; position: absolute; top: 246px }
body.aanmelden .ja { font-size: 1.1em; line-height: 0 }
body.aanmelden table { margin: 27px 0 0 12px; width: 740px }
body.aanmelden td, body.aanmelden th { font-size: .75em; padding: 12px 0 0 0 }
body.aanmelden #required { bottom: 0; font-size: .625em; position: absolute }

/*body.einde { background: url('images/13.png') transparent no-repeat }*/
body.einde h1 { background: url('images/spoor.png') transparent 27px 102px no-repeat; font-size: 1.125em; padding: 50px 0 80px 70px }

#workshops { background: url('images/workshops.png') #cfe39b no-repeat; height: 146px; left: 76px; position: absolute; top: 84px; width: 811px }
#workshops h2 { color: #629a33; font-size: 1.125em; overflow: hidden; padding: 0 0 4px 0; text-indent: -9999px }
#workshops li { font-size: .75em; margin: 0 46px 0 32px }
#intervisiebijeenkomsten { font-size: .75em; left: 92px; position: absolute; top: 240px; width: 737px }
#intervisiebijeenkomsten h2 { font-size: 1em; font-weight: bold }


.yes { background: transparent; white-space: nowrap; width: 74px }
.no { background: transparent; white-space: nowrap; width: 58px }

input.varchar { background: url('images/varchar.png') #fff no-repeat; height: 21px; padding: 0 0 0 4px; width: 247px }
input#zip_code { width: 56px }
input#city { width: 183px }

.footer { color: #fff; font-size: .6875em; height: 24px; left: 0; line-height: 24px; padding: 0; position: absolute; text-align: center; top: 655px; width: 960px }
.footer hr { display: none }



pre { background: #000; color: #fff; font-size: 12px; opacity: .9; position: absolute; left: 0; top: 0; width: 60em; z-index: 100 }

button:disabled { visibility: hidden !important }
button.disabled { visibility: hidden !important }