html, body {
    height:100%;
    margin:0;
    padding:0;
    background-color: #FFF;
    font-family: Arial, sans-serif;
}

h1, h2, h3, h4 {
    color: #e10068;
    font-weight: bold;
}
h1 {
    font-size: 1.6em;
}
h2 {
    font-size: 1.3em;
    line-height:1.15em;
}
h3 {
    font-size: 1.1em;
    font-weight: bold;
}
h4 {
    font-size: 1em;
    font-weight: bold;
}
a {
    color:  #97be0d;
    text-decoration: underline;
}
p {
    margin: 1.5em 0 1.5em;
}
ul li {
    list-style-image: url("../img/listitem.jpg");
    padding-bottom: 1.2ex;
}
sup {
   font-size: 65%;
}
/***********************************************************************************************************************
 *                                                form general
 */
input[type='text'] {
    width: 140px;
}

input,textarea {
    border: 1px #c9d100 solid;
    color: #000;
}
textarea {
    width: 345px;
}
legend {
    display: none;
}
fieldset {
    margin-bottom: 10px;
}
fieldset div {
    margin-bottom: 1ex;
    width: 160px;
    float: left;
}
input.button {
    background-color: #c9d100;
    color: #fff;
    border: 0;
}
label {
    display:block;
    float:left;
}

label.error,
div.error label {
    color: red;
}

/*************************************** styledSelect ***********************************************/
div.styledSelect {
    border:1px #c9d100 solid;
    height: 21px;
    position: relative;
    top: 0;
    width: 335px;
    z-index:100;
}

    div.styledSelect ul {
        list-style: none;
        background: url("../img/dropdown-arrow.jpg") no-repeat 320px 4px ;
        line-height: 14px;
        position: absolute;
        top: 0;
        width: 335px;
        margin: 0;
        padding: 0;
    }

    div.open ul {
        margin: 0;
        width: 335px;
        border:1px #c9d100 solid;
        background: #f0f0f0;
        max-height: 192px;
        overflow: auto;
        top: -1px;
        left:-1px;
    }

    div.styledSelect li {
        padding-top: 4px;
        color: #565656;
        list-style-image: none;
        height: 15px;
    }

    div.styledSelect li:hover {
        cursor: pointer;
    }

    div.styledSelect li.closed {
        padding-left: 5px;
        width: 335px;
    }

    div.open li {
        padding-left: 4px;
    }

    div.open li.hover {
        color: #E10068;
    }

/***********************************************************************************************************************
 *                                                Main Navigation
 */
#navigation_container {
    background: #97BE0D url("../img/bg-nav.png") repeat-x;
    width: 100%;
    height: 47px;
    margin-bottom: 20px;
}
#navigation {
    margin-left: -110px;
}
    #navigation dd {
        margin: 0 auto;
        width:820px;
        padding-left: 80px;
    }
    #navigation dt {
        display: none;
    }
    #navigation ul {
        margin-left: auto;
        margin-right: auto;
        padding-top: 12px;
        text-align:center;
    }
    #navigation li {
        float: left;
        margin: 0 4px;
        list-style: none;
        padding: 7px 10px;
    }
    #navigation li a {
        color: #fff;
        line-height: 1em;
        font-weight: bold;
        font-size: 12px;
        text-decoration: none;
    }
    #navigation li.active {
        background-color: #FFF;
        height: 21px;
    }
    #navigation li.active a {
        color: #000;
    }

/***********************************************************************************************************************
 *                                                Search with drop-down
 */
#search {
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: 100px;
}
#search fieldset {
    float: left;
    margin-right: 10px;
}
#search input[type='text'] {
    margin-top: 5px;
    width: 77px;
}
#search button.looking_glass {
    border: 0;
    width: 25px;
    height: 18px;
    background: url("../img/search-button.png") no-repeat 50% 50%;
    cursor: pointer;
}
    #search button.looking_glass span {
        display:none;
    }

#search_filter {
    position: absolute;
    background-color: #FFF;
    top: 42px;
    left: 50%;
    margin-left: 100px;
    width: 200px;
    padding: 5px 5px 0 5px;
    display:none;
    border: 1px #97be0d solid;
    color: #97be0d;
    z-index: 10000;
}
    #search_filter p {
        margin: 0 0 10px 0;
    }
    #search_filter label {
        display:block;
        float:left;
        width: 75px;
    }
    #search_filter fieldset {
        margin-right: 0;
    }
    #search_filter input[type='text'] {
        width: 120px;
        border-color: #97be0d;
        margin-top: 3px;
    }
    #search_filter button {
        border: 0;
        background: none;
        background-color: #97be0d;
        float: right;
        margin-top: 5px;
        color: #FFF;
    }

/***********************************************************************************************************************
 *                                             Counter
 */
#counter {
    position: absolute;
    left: 50%;
    top: 15px;
    margin-left: 240px;
    font-weight: bold;
    color: #FFF;
    width: 250px;
}
    #counter span {
        display: block;
        float:left;
        height: 19px;
        width: 20px;
        background-color: #e10068;
        margin-left: 1px;
        text-align: center;
        padding-top: 1px;
        font-size: 1.5em;
    }
    #counter span.m2 {
       background-color: transparent;
       border: 1px #e10068 solid;
       font-size: 0.9em;
       color: #e10068;
       height: 17px;
       width: 18px;
    }
    #counter span.text {
       background-color: transparent;
       border: 0;
       font-size: 0.9em;
       color: #FFF;
       margin-left: 5px;
    }

/***********************************************************************************************************************
 *                                                Top Logo
 */
#logo {
    background: url("../img/logo.png") no-repeat;
    position:absolute;
    top:0px;
    left:50%;
    margin-left:-490px;
    z-index: 10;
}
    #logo a {
        display: block;
        width: 49px;
        height: 148px;
        outline: none;
    }
    #logo span {
        display: none;
    }

/***********************************************************************************************************************
 *                                                picture slider / button 'show winners'
 */
#picture-slider {
    margin-left: 180px;
    float: left;
    z-index: -1;
    padding: 0;
}
    #picture-slider li {
        float: left;
        list-style: none;
        height: 80px;
        width: 80px;
        background-color: #97be0d;
        margin-right: 10px;
        margin-bottom: 20px;
        padding:0;
    }
    #picture-slider li a {
        display: block;
        height: 80px;
        width:80px;
        overflow: hidden;
    }

.jcarousel-container {
    position: relative;
    height: 100px;
    margin-left: 160px;
    float: left;
    width: 540px;
    z-index: 1000;
}
.jcarousel-container #picture-slider {
    margin-left: 0;
}
.jcarousel-clip {
    position: relative;
    z-index: 3;
    overflow: hidden;
    width: 540px;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
}
.jcarousel-prev {
    position: absolute;
    left: 50%;
    margin-left: -295px;
    height: 80px;
    width: 15px;
    background: url("../img/left-bg.png") no-repeat center;
    cursor: pointer;
}
.jcarousel-prev-disabled {
    cursor: default;
}
.jcarousel-next {
    height: 80px;
    width: 15px;
    position: absolute;
    left: 50%;
    margin-left: 270px;
    background: url("../img/right-bg.png") no-repeat center;
    cursor: pointer;

}
.jcarousel-next-disabled {
    cursor: default;
}
#photo-button li {
    list-style: none;
    margin:0;
    padding:0;
}
#photo-button a {
    font-size: 75%;
    display: block;
    height: 60px;
    width: 60px;
    float: left;
    margin-bottom: 20px;
    margin-left: 50px;
    background-color: #97be0d;
    color: #FFF;
    padding: 10px;
}

/***********************************************************************************************************************
 *                                           news picture/video
 */
#video {
    margin-bottom: 10px;
}

/***********************************************************************************************************************
 *                                           news column structure
 */
.one img {
    margin: 0 0 0 30px;
    float: left;
}
.one .column div {
    width: 544px;
    float: left;
    padding-left: 20px;
}
.one .column div.picture {
    margin: 0;
    padding-left: 0px;
    width: 180px;
}
    .one h1 {
        width: 400px;
    }

.cell {
    margin-bottom: 10px;
}
.news h2 {
    width: 320px;
}
.news .column:first-child {
    width: 380px;
}
    .news .column:first-child div.cell {
        border-bottom: 1px solid #97be0d;
    }
    .news .column:first-child div.cell:last-child {
        border-bottom: 0;
    }

.news .cells {
    width: 519px;
    border-left: 1px solid #97be0d;
    margin-left: 10px;
    padding-left: 10px;
}
    .news .cells  div.cell {
        border-bottom: 1px solid #97be0d;
        min-height: 250px;
    }
    .news .cells div.cell:last-child {
        border-bottom: 0;
    }
    .news .cells .cell img {
        float: right;
        margin: -30px  0 10px 10px;
    }

span.news_date {
    color: black;
    font-size: 10px;
    margin-left: 1em;
}

/***********************************************************************************************************************
 *                            static pages (voorwaarden/privacy/bedrijven)
 */
#static_content {
    width: 880px;
    min-height: 600px;
    margin-top: 120px;
    margin-left: 10px;
}
    #static_content .close {
        display:none;
    }
    #static_content .print {
        display:none;
    }

/***********************************************************************************************************************
 *                                   sponsor logo's
 */
#sponsor_logo {
    font-size: 92%;
    text-align: right;
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
    top: -4px;
}
#sponsor_logo_info {
    margin-left: 37px;
    color: #97be0d;
}
#sponsor_logo li {
    float:left;
    list-style: none;
    margin-left: 20px;
}

#sponsor_logo li:last-child {
    margin-right: 0;
}
#sponsor_logo a {
    text-decoration: none;
}

/***********************************************************************************************************************
 *                                                footer
 */
#footer {
    font-size: 92%;
    float:right;
    text-align: right;
    border-top: 1px #97be0d solid;
    width: 210px;
    margin-right: 10px;
    padding-right: 10px;
    margin-top: -10px;
}
#footer li {
    float:left;
    list-style: none;
    margin-left: 20px;
}
#footer li:last-child {
    margin-right: 0;
}
#footer a {
    text-decoration: none;
}

/* set footer hight per module */
.module_default #footer {
    margin-top: -20px;
}
.module_tell_a_friend #footer {
    margin-top: 70px;
}
.module_why_sponsor #footer {
    margin-top: 70px;
}
.module_signup #footer {
    margin-top: 110px;
}
.module_news #footer {
    margin-top: 80px;
}

/***********************************************************************************************************************
 *                                                stamp
 */
#footer li.stamp {
    position: absolute;
    margin-top: -110px;
    right: 10px;
}

/* set stamp hight per module */
.module_default {}
.module_tell_a_friend {}
.module_why_sponsor {}
.module_news {}

/***********************************************************************************************************************
 *                                                m2 doneren form
 */
.forms {
    clear:both;
}
.forms .column {
    margin-top: 10px;
    margin-left:5px;
}
.forms .column:first-child {
   width: 460px;
   min-height: 325px;
}
.forms .column:last-child {
   margin-left: 30px;
   width: 240px;
}
.forms td {
    border-bottom: 1px #C9D100 solid;
}
.forms tr.amount td {
    padding: 25px 0 20px 0 ;
}
#sponsor_content .one .column {
    width: 565px;
    min-height: 260px;
}
#sponsor_content {
    width: 720px;
    min-height: 550px;
    margin-top: 50px;
    margin-left: 100px;
}
#sponsor_motivation_label {
    width: 330px;
}
#sponsor_navigation  {
    margin: 0;
    padding: 0;
}
    #sponsor_navigation li {
        float: left;
        list-style: none;
        line-height: 1.1em;
        background-color: #97be0d;
        text-align: center;
        color: #fff;
        font-size: 0.9em;
        font-weight: bold;
        width: 120px;
        padding: 5px 0;
    }
    #sponsor_navigation li.active {
        background: #97be0d url("../img/bg-tab.png");
        color: #000;
        position: relative;
        height: 1.5em;
    }

.button_container {
    float: right;
    margin-right: 30px;
    margin-top: -55px;
}
    .button_container input {
        background-color: #C9D100;
        color: #FFF;
        border: 0;
        font-weight: bold;
        text-align: center;
        padding: 3px 5px;
        cursor: pointer;
        line-height: 18px;
        font-size: 13.3px;
        margin-top:0;
    }
    .button_container a {
        font-size: 13.3px;
        display: block;
        float: left;
        margin-right: 10px;
        background-color: #C9D100;
        color: #FFF;
        border: 0;
        font-weight: bold;
        padding: 3px 5px;
        text-decoration: none;
        width: 74px;
        text-align: center;
    }
    .button_container a.acceptgiro {
        width: 105px;
    }
    .button_container a:hover {
        color: #FFF;
        text-decoration: none;
    }
#sponsor_content .button_container {
    margin: -25px 0 0 0;
}
.icons {
    width: 350px;
}
.forms .icons div {
    width: 70px;
}
.icons legend {
    display: block;
}
.check_icon {
    float:left;
    width: 70px;
}
    .check_icon label {
        border: 1px #C9D100 solid;
        cursor: pointer;
        height: 56px;
        width: 56px;
    }
    .check_icon label.active {
        height: 52px;
        width: 52px;
        border: 3px #97be0d solid;
    }
    .check_icon label.active img {
        height: 52px;
        width: 52px;
    }
    .check_icon input {
        margin-left: -10px;
        margin-right: 15px;
        display:none; /* TODO should be set hidden with js F*/
    }
.forms fieldset div {
    width: 185px;
}
    .forms fieldset input {
        width: 160px;
    }
.forms div.small {
    width: 80px;
}
    .forms div.small input {
        width: 60px;
    }
.forms div.medium {
    width: 105px;
}
	.forms div.medium input {
	    width: 85px;
	}
.forms div.large {
    width: 220px;
}
    .forms div.large input{
        width: 200px;
    }
.forms fieldset.select div {
    width: 335px;
}
.forms fieldset div input[type="checkbox"] {
    width: 1em;
}
.step3 input {
    width: 335px;
}
.step3 label {
    width: 330px;
}

/***********************************************************************************************************************
 *                                               custom scrolling
 */
.jScrollPaneContainer {
        position: relative;
        overflow: hidden;
        z-index: 1;
    }
    .jScrollPaneTrack {
        position: absolute;
        cursor: pointer;
        right: 0;
        top: 0;
        height: 100%;
        background: transparent url("../img/bg-scrollbar.png") repeat-y;
    }
    .jScrollPaneDrag {
        position: absolute;
        background: #97be0d;
        cursor: pointer;
        overflow: hidden;
    }

/***********************************************************************************************************************
 *                                    The overlay (voorwaarden etc)
 */
div.overlay {
    background: #97be0d url("../img/overlay.png");
    width: 700px;
    height: 300px;
    display: none;
    padding: 50px 20px 20px 20px;
    color: #fff;
}
div.overlay h1 {
    font-size:1em;
    font-weight: bold;
    text-align: center;
    padding-top: 0.8em;
    position: absolute;
    left: 20px;
    top:0;
    color: #000;
    height: 41px;
    width: 150px;
    background: url("../img/bg-overlay-button.png") no-repeat;
}
div.overlay ol {
    margin-left: 27px;
}
div.overlay div.wrap  {
    width: 690px;
    padding: 10px 0 10px 10px;
    background-color: #fff;
}
div.overlay div.content {
    padding: 5px 45px 2px 3px;
    background-color: #fff;
    color: #000;
    height: 280px;
    width: 630px;
    overflow: auto;
}
div.overlay div.close {
    background: #c9d100 url("../img/bg-close-overlay.png");
    position: absolute;
    left: 752px;
    top: 0;
    cursor: pointer;
    height: 21px;
    width: 22px;
    color: #97be0d;
}
div.overlay div.close span {
    display: none;
}
div.overlay div.button {
    position: absolute;
    padding: 3px 0;
    background-color: #c9d100;
    width: 77px;
    text-align: center;
}
div.overlay div.print {
    left: 663px;
    top: 380px;
    width: 57px;
    padding-left: 20px;
}
div.overlay div.info {
    left: 590px;
    top: 350px;
    width: 110px;
    text-align: left;
    background-color: #97be0d;
    padding: 3px 20px 2px 10px;
}
div.overlay div.button a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
div.overlay div.info a {
    width: 120px;
    line-height: 25px;
    background: url("../img/pdf-icon.jpg") no-repeat 100px 0;
}
div.overlay div.print a:hover {
    text-decoration: none;
}



/***********************************************************************************************************************
 *                                  taf column structure
 */

 #container.module_tell_a_friend {
     margin-left: -485px;
 }

.taf {
    background: url('../img/bg-taf.jpg') no-repeat -125px -60px;
    height: 600px;
    color: #FFF;
}
    .taf h1 {
        font-size: 1.2em;
        color: #FFF;
    }
    .taf fieldset {
        margin-bottom: 0;
    }
    .taf p {
        margin-bottom: 1ex;
        margin-right: 1em;
    }
    .taf fieldset div {
        width: 182px;
    }
    .taf input {
        width: 160px;
    }

.taf .column {
   margin: 50px 0 0 120px;
   width: 390px;
}

.taf .column:last-child {
   margin-left: 0px;
   background-color: #97be0d;
   height: 364px;
   width: 364px;
   padding-top:  10px;
   padding-left: 20px;
}
.taf .button_container {
    position: absolute;
    left: 50%;
    top: 489px;
    margin-left: 180px;
}
    .taf .button_container a {
        width: 132px;
    }
    .taf .button_container input {
        width: 83px;
    }

#container .taf fieldset div {
    margin-bottom: 1px;
}
.disclaimer {
    font-size: 80%;
}

/***********************************************************************************************************************
 *        info (legenda/bedankt/info/search results) on the rights side of the flash_container
 */
#content .columns .info div {
    display:none;
}
#grid-info {
    margin-top: 40px;
    display:block;
}

/***********************************************************************************************************************
 *                                   faq / contact
 */
#faqList {
    margin:0;
    padding:0;
}
#faqList li {
    list-style: none;
    color: #97be0d;
    margin:0;;
    padding:0;
}
#faqList p {
   margin: 0 0 0.5em 0;
}
#faqList .answer {
    display: none;
    padding: 5px 0 20px 0;
}
#faqList li.simpleFAQShowing .question {
   margin:0.5em 0;
}
#faqList .simpleFAQHover {
    color: #000;
}
#faqList .answer {
    margin:0;
    color: #000;
}
.content .two .column:first-child {
    position: relative;
    top: -100px;
}
#star {
    position: relative;
    left: -120px;
    z-index: 0;
}

/***********************************************************************************************************************
 *                                  The overlay (old entries / waarom sponsoren)
 */
#picture_overlay {
    width:760px;
    padding:0;
    margin:0;
    background-color: transparent;
}
#picture_overlay .wrap {
    position: absolute;
    top: 30px;
}
#picture_overlay .picture {
    width: 335px;
    height: 335px;
    position: absolute;
    top: 0;
    z-index: 10001;
}
#picture_overlay .text {
    width: 356px;
    height: 315px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 4px;
    background-color: #97be0d;
    z-index: 10001;
    font-size: 1.4em;
    padding: 10px;
}
    #picture_overlay .text span {
        display: block;
        font-size: 1.3em;
        line-height: 1em;
    }
    #picture_overlay .text span.info {
        font-size: 80%;
    }
#picture_overlay .star {
    z-index: 10002;
    position: absolute;
    top: 270px;
    left: -30px;
}
#picture_overlay .close {
    position: absolute;
    top: 30px;
    left: 740px;
}

/***********************************************************************************************************************
 *                                  Legenda
 */
 #legenda {
     height: 200px;
 }

 #legenda li {
     list-style: none;
     float: left;
     padding-right: 7px;
 }


 /***********************************************************************************************************************
 *                                  Member code page
 */
 .member {
 }
 .member .column:first-child img {
    position: absolute;
    left: -100px;
 }
 .member .column:last-child {
     margin-top: 50px;
     min-height: 380px;
 }
 .member .button_container {
     position: absolute;
     top: 500px;
     left: 50%;
     margin-left: 385px;
 }
 .member .highlight {
     color: #97be0d;
     font-weight: bold;
 }
 .member #code_code {
     width: 140px;
 }
 .member fieldset div {
     width: 235px;
 }
  .member fieldset div.error input {
      border: 1px red solid;
  }