/*
        RESET
*****************************/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


html, body {
    background: #000000;
    font: 12px Arial;
}

a, object {
   outline-color: invert;
   outline-style: none;
   outline-width: medium;
}


#loader {
    background: #000000 url(../../images/loader.gif) no-repeat center;
}


div.error {
   color: #c00;
   font-weight: bold;
}

ol {
   margin-left: 30px;
}
ol li {
   list-style: decimal;
   margin-bottom: 10px;

}

ol li a {
   text-decoration: underline;
}

strong, b {
    font-weight: bold;
}

.checked {
   background: transparent url(../../images/checkbox.gif) no-repeat 7px 6px;   
}

div.scroller-wrap {
   position: absolute;
}



div.scrollbar {
   background: transparent url(../../images/scrollbar.png) no-repeat;
   _background: none;
   _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/planet/de/promotion/2010_jetski/images/scroller.png', sizingMethod='crop');
   height: 221px;
   left: 671px;
   position: absolute;
   top: 180px;
   width: 7px;
}

div.scroller {
   background: transparent url(../../images/scroller.png) no-repeat;
   _background: none;
   _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/planet/de/promotion/2010_jetski/images/scroller.png', sizingMethod='crop');

   height: 23px;
   left: -8px;
   position: absolute;
   top: 3px;
   width: 23px;
}







/*
        PROMOTION
*****************************/
#promotion, div.promotion-page {
    height: 580px;
    position: relative;
    width: 420px;
}

input {
    background: #fff;
    border: 0px none;
    font: 11px Arial;
    padding: 1px 3px 0 3px;
}

#page-start, #page-question, #page-form, #page-terms, #page-thankyou {
    display: none;
}


/*
        page-start
*****************************/

#page-start {
    background: transparent url(../../images/pages/01_jetski_start.jpg) no-repeat;
}

#start-sweepstake-btn {
    background: #fff;
    height: 49px;
    display: block;
    left: 175px;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    width: 182px;
    top: 254px;
}




/*
        page-question
*****************************/

#page-question {
    background: transparent url(../../images/pages/02_jetski_frage.jpg) no-repeat;
}

#question-answer1 {
    height: 43px;
    display: block;
    left: 105px;
        position: absolute;
    width: 162px;
    top: 216px;
}

#question-answer2 {
    height: 39px;
    display: block;
    left: 105px;
        position: absolute;
    width: 202px;
    top: 260px;
}

#question-answer3 {
    height: 43px;
    display: block;
    left: 105px;
        position: absolute;
    width: 205px;
    top: 305px;
}

#question-submit {
    background: #fff;
    height: 21px;
    display: block;
    left: 192px;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    width: 192px;
    top: 461px;
}




/*
        page-form
*****************************/

#page-form {
    background: transparent url(../../images/pages/03_jetski_formular.jpg) no-repeat;
}

#form-element-title-female {
    height: 24px;
    display: block;
    left: 151px;
        position: absolute;
    width: 52px;
    top: 147px;
}

#form-element-title-male {
    height: 22px;
    display: block;
    left: 213px;
        position: absolute;
    width: 61px;
    top: 149px;
}

input#form-element-firstname {
    height: 20px;
    left: 149px;
    position: absolute;
    width: 217px;
    top: 179px;
}

#form-terms-btn {
    background: #fff;
    height: 20px;
    display: block;
    left: 47px;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    width: 171px;
    top: 470px;
}

#form-send {
    background: #fff;
    height: 21px;
    display: block;
    left: 290px;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    width: 88px;
    top: 471px;
}

input#form-element-lastname {
    height: 20px;
    left: 150px;
    position: absolute;
    width: 216px;
    top: 205px;
}

input#form-element-street {
    height: 20px;
    left: 152px;
    position: absolute;
    width: 140px;
    top: 231px;
}

input#form-element-zipcode {
    height: 19px;
    left: 153px;
    position: absolute;
    width: 50px;
    top: 258px;
}

input#form-element-houseno {
    height: 21px;
    left: 305px;
    position: absolute;
    width: 60px;
    top: 231px;
}

input#form-element-city {
    height: 19px;
    left: 215px;
    position: absolute;
    width: 148px;
    top: 258px;
}

input#form-element-birthday-year {
    height: 19px;
    left: 228px;
    position: absolute;
    width: 39px;
    top: 281px;
}

input#form-element-telephonearea {
    height: 19px;
    left: 153px;
    position: absolute;
    width: 33px;
    top: 305px;
}

input#form-element-telephonelocal {
    height: 21px;
    left: 211px;
    position: absolute;
    width: 160px;
    top: 304px;
}

input#form-element-email {
    height: 23px;
    left: 155px;
    position: absolute;
    width: 213px;
    top: 327px;
}

input#form-element-emailrepeat {
    height: 20px;
    left: 156px;
    position: absolute;
    width: 211px;
    top: 356px;
}

#form-element-newsletter {
    height: 22px;
    display: block;
    left: 50px;
        position: absolute;
    width: 21px;
    top: 399px;
}

#form-element-terms {
    height: 21px;
    display: block;
    left: 51px;
        position: absolute;
    width: 20px;
    top: 429px;
}

input#form-element-birthday-day {
    height: 18px;
    left: 154px;
    position: absolute;
    width: 23px;
    top: 281px;
}

input#form-element-birthday-month {
    height: 17px;
    left: 191px;
    position: absolute;
    width: 20px;
    top: 281px;
}




/*
        page-terms
*****************************/

#page-terms {
    background: transparent url(../../images/pages/04_jetski_teilnahmebedingungen.jpg) no-repeat;
}

#terms-close-btn {
    background: #fff;
    height: 31px;
    display: block;
    left: 376px;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    width: 27px;
    top: 143px;
}




/*
        page-thankyou
*****************************/

#page-thankyou {
    background: transparent url(../../images/pages/05_jetski_danke.jpg) no-repeat;
}

#thankyou-shop-btn {
    background: #fff;
    height: 43px;
    display: block;
    left: 46px;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    width: 148px;
    top: 440px;
}