body, html {
     margin: 0px;
     background: #0b9bf3;
}




/* ####### Wrapper ######## */
#wrapper {
     width: 830px;
     margin: 0 auto;
     position: relative;
}
 #wrapper div {
      float: left;
      display: inline;
 }
.no_border {
     float: left;
     border: 0;
}






/* ####### Header ####### */
#header {
     width: 830px; 
     height: 155px;
     background: url('http://www.gratisbioscoopbon.nl/images/header_background.jpg') no-repeat;
     margin: 0 0 0 60px;
}
#header h1 {
     float: left;
     margin: 100px 0 0 260px;
     padding: 0;
     display: inline;
     font: bold 30px verdana;
     color: #ffffff;
}
.logo {
     position: absolute;
     top: 25px;
     right: 0;
     bottom: 0;
     left: 0;
}
.pricing {
     position: absolute;
     top: 482px;
     right: 0;
     bottom: 0;
     left: 789px;
     clear: both;
}






/* ####### Buttons ####### */
#buttons {
     width: 830px;
     height: 40px;
     background: url('http://www.gratisbioscoopbon.nl/images/button_background.jpg') repeat-x;
     margin: 0 0 0 60px;
}
#buttons ul {
     float: left;
     margin: 0 0 0 250px;
     padding: 0;
     display: inline;
     height: 40px;
}
#buttons ul li {
     height: 40px;
     float: left;
     list-style: none;
     margin: 0 50px 0 0;
}
#buttons ul li a {
     float: left;
     font: bold 18px verdana;
     color: #ffffff;
     text-decoration: none;
     margin: 6px 0 0 0;
     padding: 0;
}
.button_footer {
     float: right;
}
.bv_button {
     float: left;
     margin: 25px 0 0 75px;
}






/* ####### Content ####### */
#content {
     width: 830px;
     background: #ffffff;
     overflow: hidden;
     margin: 0 0 0 60px;
     height: 350px;
}
#content_left {
     width: 500px;
     overflow: hidden;
}
#content_right {
     width: 330px;
}
#content_left h2 {
     float: left;
     width: 485px;
     margin: 15px 0 0 10px; 
     font: bold 16px arial;
     display: inline;
     color: #3b3b3b;
}
#content_left p {
     float: left;
     padding: 0;
     margin: 0 0 0 10px;
     font: 11px verdana;
     width: 475px;
     color: #3b3b3b;
}
a.cll {
     font: 11px verdana;
     color: #3b3b3b;
     text-decoration: underline;
}







/* ####### Linkpartners ####### */
#linkpartners {
     width: 500px;
     height: 300px;
     overflow: auto;
}
#linkpartners ul {
     margin: 5px 0 0 10px;
     padding: 0;
     float: left;
     display: inline;
     width: 450px;
}
#linkpartners ul li {
     margin: 2px 0 0 0;
     float: left;  
     width: 450px;
     list-style: none;
}
#linkpartners ul li a {
     width: 450px;
     font: 11px verdana;
     color: #3b3b3b;
     text-decoration: underline;
     float: left;
     margin: 0;
}








/* ####### Spacer's ####### */
.spacer1 {
     width: 100%;
     height: 10px;
}




/* ####### Statistieken ####### */
#statistieken {
     width: 330px;
}
.stat1 {
     float: left;
     margin: 20px 0 0 10px;
}
#statistieken h3 {
     float: left;
     font: bold 16px arial;
     display: inline;
     color: #3b3b3b;
     width: 275px;
     height: 30px;
}
span.st1 {
     color: #d40509;
}
.stat2 {
     float: left;
     margin: 5px 0 0 10px;
}
h3.st1 {
     margin: 27px 0 0 7px; 
}
h3.st2 {
     margin: 12px 0 0 7px; 
}






/* ####### Credits omruilen ####### */
#credits_omruilen {
     width: 330px;
     margin: 25px 0 0 0;
}
#credits_omruilen h3 {
     float: left;
     font: bold 16px arial;
     margin: 10px 0 0 10px;
     padding: 0;
     display: inline;
     color: #3b3b3b;
     width: 275px;
}
#credits_omruilen span {
     float: left;
     padding: 0;
     margin: 3px 0 0 15px;
     font: 11px verdana;
     width: 280px;
     color: #3b3b3b;
}
.stat_cr {
     float: left;
     margin: 0 0 0 10px;
}






/* ####### Meedoen ####### */
#meedoen {
     width: 330px;
     margin: 30px 0 0 0;
}
#meedoen h3 {
     float: left;
     font: bold 16px arial;
     display: inline;
     color: #3b3b3b;
     width: 275px;
     margin: 0 0 0 10px;
     padding: 0;
}
#meedoen span {
     float: left;
     margin: 0 0 0 10px;
     padding: 0;
     font: 11px verdana;
     width: 310px;
}
#meedoen a {
     float: left;
     margin: 20px 0 0 60px;
     border: 0;
}






/* ####### Select form ####### */
#select_form {
     width: 430px;
     height: 150px;
     overflow: auto;
     border: 1px solid #000000;
     margin: 10px 0 0 15px;
}
#select_form form, fieldset {
     float: left;
     width: 370px;
     margin: 3px 0 0 12px;
     padding: 0;
     display: inline;
     border: 0;
}
input.select {
     float: left;
     margin: 0;
     padding: 0;
}
#select_form span {
     float: left;
     margin: 1px 0 0 6px;
     padding: 0;
     font: 12px verdana;
}
#select_form ul {
     width: 370px;
     float: left;
     margin: 5px 0 0 0;
     padding: 0;
     display: inline;
}
#select_form ul li {
     float: left;
     width: 370px;
     list-style: none;
     margin: 2px 0 0 0;
}

#select_form ul li a {
     float: left;
     font: 13px tahoma;
     text-decoration: underline;
     cursor: pointer;
}
.sf_button {
     float: left;
     margin: 15px 0 0 245px;
     border: 10px #000000;
}







/* ####### Activeer ####### */
#activeer {
     width: 500px;
}
#act_fail {
     width: 475px;
     margin: 0 0 0 10px;
     border: 1px solid #ff0d0d;
     background: #fabcbc;
     overflow: hidden;
     padding: 0 5px 0 0;
}
#act_fail span {
     font: 11px tahoma;
     float: left;
     margin: 5px 0 5px 10px;
     color: #ff3131;
}
#act_succes {
     width: 475px;
     margin: 0 0 0 10px;
     border: 1px solid #04df0f;
     background: #e0fdd8;
     overflow: hidden;
}
#act_succes span {
     font: 11px tahoma;
     float: left;
     margin: 5px 0 5px 10px;
     color: #27af02;
}
#activeer form, fieldset {
     float: left;
     margin: 0;
     padding: 0;
     border: 0;
     display: inline;
     width: 220px;
}
#activeer form {
     margin: 10px 0 0 25px;
}
#activeer textarea {
     float: left;
     margin: 0;
     padding: 5px;
     border: 1px solid #000000;
     font: 12px verdana;
}
span.acc1 {
     float: left;
     margin: 10px 0 0 30px;
     font: 11px verdana;
     color: #000000;
     width: 400px;
}
#activeer label {
     float: left;
     font: 11px tahoma;
     color: #494949;
     width: 200px;
}
.register_input {
     margin: 3px 0 0 0;
     float: left;
     width: 195px;
     height: 18px;
     border: 1px solid #cdcdcd;
     background: url('http://www.gratisbioscoopbon.nl/images/register_input.png') repeat-x;
     border: 0;
     padding: 2px 0 0 5px;
     font: 11px tahoma;
     color: #494949;
}
.invoer_button {
     float: left;
     margin: 9px 0 0 105px;
}
.upload_button {
     float: left;
     margin: 30px 0 0 0px;
}
.invoer_bt {
     float: left;
     margin: 12px 0 0 215px;
}
.stap3_button {
     float: left;
     margin: 40px 0 0 275px;
}





/* ####### Footer ####### */
#footer {
     width: 830px;
     height: 38px;
     background: url('http://www.gratisbioscoopbon.nl/images/footer_background.jpg') no-repeat #ffffff;
     overflow: hidden;
     margin: 0 0 0 60px;
}
#footer1 {
     width: 830px;
     margin: 10px auto 0 auto;
}
#footer1 span {
     width: 830px;
     float: left;
     margin: 0;
     padding: 0;
     text-align: center;
     font: 11px verdana;
     color: #ffffff;
}
#footer1 a {
     color: #ffffff;
     font: 11px verdana;
     text-decoration: underline;
}