body {margin: 0; background: #f6f9e5 url(../images/body-bg.gif) top repeat-x;}

form, fieldset, table, tr, td, img {border: 0; padding: 0; margin: 0; border-collapse: collapse; vertical-align: top;}

input, textarea, select {}


/* TEXT STYLE ------------------------------------------ */

body, h1, h2, h3 {font: 14px/18px arial, sans-serif; color: #2f3802;}

input, textarea, select {font-size: 14px; font-family: arial, sans-serif;}

h1 {}
h2 {}
h3 {}

a {color: #1480b8; text-decoration: none;}
a:hover {text-decoration: underline;}
:active, :focus {outline: none;}

p {margin: 0; padding: 0 0 15px 0;}


/* LAYOUT ---------------------------------------------- */

#container {width: 947px; margin: 0 auto; background: transparent url(../images/header-bg.gif) top left no-repeat; min-height: 197px; height: auto !important; height: 197px;}

#logo {width: 207px; height: 74px; float: left; position: relative; margin: 84px 0 0 30px; padding: 4px 0 0 0; background: transparent url(../images/logo.gif) top left no-repeat;}
#logo a {padding: 74px 207px 0 0; display: block;}

#top_logos {float: right; position: relative; padding: 88px 0 0 0;}
#top_logos a {display: block; float: left; position: relative;}
#top_logos .emo {padding: 74px 131px 0 0; margin: 0 37px 0 0; background: transparent url(../images/logo-emo.gif) top left no-repeat;}
#top_logos .duchenne {padding: 74px 81px 0 0; margin: 0 85px 0 0; background: transparent url(../images/logo-duchenne.gif) top left no-repeat;}

#content .left_col {width: 586px; float: left; position: relative; padding: 37px 0 0 0;}
#content .right_col {width: 289px; float: right; position: relative; padding: 83px 0 0 0;}

#intro {width: 586px; padding: 0; position: relative;}
#intro span {color: #e9482a;}

#loten {display: block; padding: 62px 398px 0 0; position: absolute; bottom: -50px; left: 5px; background: transparent url(../images/button-loten.gif) top left no-repeat;}

#sponsors {width: 563px; height: 127px; padding: 43px 0 0 23px; margin: 70px 0 30px 0; background: transparent url(../images/sponsors-bg.gif) top left no-repeat;}
#sponsors a {display: block; float: left; position: relative;}
#sponsors .merida {padding: 84px 224px 0 0; background: transparent url(../images/logo-sponsor-merida.gif) top left no-repeat; margin: 0 36px 0 0;}
#sponsors .radboud {padding: 84px 186px 0 0; background: transparent url(../images/logo-sponsor-radboud.gif) top left no-repeat; margin: 0 31px 0 0;}
#sponsors .altijd {padding: 84px 52px 0 0; background: transparent url(../images/logo-sponsor-altijd.gif) top left no-repeat;}

#reglement {display: block; width: 175px; height: 37px; background: transparent url(../images/button-reglement.gif) top left no-repeat; line-height: 37px; text-indent: 45px; margin: 0 0 50px 20px;}


/* FORM ------------------------------------------------ */

#form {padding: 25px 84px; position: relative; width: 519px; height: 641px; margin: 50px auto; background: transparent url(../images/popup-bg.gif) top left no-repeat;}
#form .close {padding: 40px 40px 0 0; background: transparent url(../images/form-close.gif) top left no-repeat; display: block; position: absolute; top: 20px; right: 30px;}
#form .text {width: 470px; display: block;}
#form .smaller {font-size: 10px;}
#form small {color: #6b7e21; font-size: 12px;}
#form a {color: black;}

#form #step_1 {width: 511px; background: transparent url(../images/form-inputs.gif) 0 20px no-repeat; height: 392px; margin: 20px 0 0 0;}

#form #step_1 .row {height: 67px; line-height: 16px; width: 512px;}

#form #step_1 input {margin: 6px 0 0 0; padding: 5px 3px 5px 3px; border: 0; line-height: 13px; text-indent: 3px; background: transparent; display: block;}
#form input, #form select {color: #313b0a;}

#form .submit {text-align: left; color: #eb5031; font-size: 1px !important; cursor: pointer; text-indent: 999px; overflow: hidden; border: none; line-height: 1px !important; display: block; width: 161px; height: 63px; background: transparent url(../images/button-bestel.gif) top left no-repeat; position: absolute; bottom: 80px; right: 40px;}

#popup-overlay {min-width: 947px; width: 100%; width: expression(document.body.clientWidth < 949 ? "947px" : "100%"); height: 1px; background: #0f161d; position: absolute; top: 0; left: 0; z-index: 0;}
.popup-container {width: 100%; position: absolute; top: -999px; left: -999px; display: none;}
.popup-close {display: block; text-indent: -999px; font-size: 1px !important; line-height: 0px !important; overflow: hidden; height: 24px; width: 24px; background: transparent url(../img/popup-close.gif) top left no-repeat; position: absolute; top: 0; right: 0;}
.popup-close:hover {background-position: 0 -24px;}


/* CLASSES --------------------------------------------- */

.clear {clear: both;}
.floatleft {float: left;}
.floatright {float: right;}

.w1{width:1%;}.w2{width:2%;}.w3{width:3%;}.w4{width:4%;}.w5{width:5%;}.w6{width:6%;}.w7{width:7%;}.w8{width:8%;}.w9{width:9%;}.w10{width:10%;}.w11{width:11%;}.w12{width:12%;}.w13{width:13%;}.w14{width:14%;}.w15{width:15%;}.w16{width:16%;}.w17{width:17%;}.w18{width:18%;}.w19{width:19%;}.w20{width:20%;}.w21{width:21%;}.w22{width:22%;}.w23{width:23%;}.w24{width:24%;}.w25{width:25%;}.w26{width:26%;}.w27{width:27%;}.w28{width:28%;}.w29{width:29%;}.w30{width:30%;}.w31{width:31%;}.w32{width:32%;}.w33{width:33%;}.w34{width:34%;}.w35{width:35%;}.w36{width:36%;}.w37{width:37%;}.w38{width:38%;}.w39{width:39%;}.w40{width:40%;}.w41{width:41%;}.w42{width:42%;}.w43{width:43%;}.w44{width:44%;}.w45{width:45%;}.w46{width:46%;}.w47{width:47%;}.w48{width:48%;}.w49{width:49%;}.w50{width:50%;}.w51{width:51%;}.w52{width:52%;}.w53{width:53%;}.w54{width:54%;}.w55{width:55%;}.w56{width:56%;}.w57{width:57%;}.w58{width:58%;}.w59{width:59%;}.w60{width:60%;}.w61{width:61%;}.w62{width:62%;}.w63{width:63%;}.w64{width:64%;}.w65{width:65%;}.w66{width:66%;}.w67{width:67%;}.w68{width:68%;}.w69{width:69%;}.w70{width:70%;}.w71{width:71%;}.w72{width:72%;}.w73{width:73%;}.w74{width:74%;}.w75{width:75%;}.w76{width:76%;}.w77{width:77%;}.w78{width:78%;}.w79{width:79%;}.w80{width:80%;}.w81{width:81%;}.w82{width:82%;}.w83{width:83%;}.w84{width:84%;}.w85{width:85%;}.w86{width:86%;}.w87{width:87%;}.w88{width:88%;}.w89{width:89%;}.w90{width:90%;}.w91{width:91%;}.w92{width:92%;}.w93{width:93%;}.w94{width:94%;}.w95{width:95%;}.w96{width:96%;}.w97{width:97%;}.w98{width:98%;}.w99{width:99%;}.w100{width:100%;}.wauto {width: auto !important;}

ul.nostyle, ul.nostyle li {list-style: none; padding: 0; margin: 0;}
ul.nolist, .nolist li {list-style: none;}

.inline, .inlinelist li {display: inline;}

.notext {width: 0px !important; height: 0px !important; font-size: 0px !important; line-height: 0px !important; text-indent: -999px; overflow: hidden;}
.nodisplay {display: none;}

.hoi .selectedTxt {width: 130px;}
.wideselect .selectedTxt {width: 300px;}
.selectedTxt {text-indent: 3px; padding: 4px 25px 0 2px; cursor: pointer; margin: 8px 0 0 0; display: block; overflow: hidden; white-space: nowrap;}
.newList {list-style: none; margin: 0; padding: 3px 0; position: absolute; cursor: pointer; line-height: 27px; overflow: auto; overflow-x: hidden; max-height: 200px; height: expression( this.scrollHeight > 200 ? "201px" : "auto" ); background: #c5da6e; width: 100%;}
.newList li {padding: 0 4px;}
.newList li a {color: #313b0a; display: block;}

.c-top {height: 25px; background: transparent url(../images/c-top.gif) top left no-repeat;}
.c-mid {padding: 0 25px; background: transparent url(../images/c-mid.gif) left repeat-y;}
.c-bot {height: 25px; background: transparent url(../images/c-bot.gif) top left no-repeat;}