.layerStyle {
    position: absolute;
    width: 1018px;
    height: 605px;
    font-family: arial, sans-serif;
}

#logo {
    position: absolute;
    left: 27px;
    top: 24px;
    z-index: 3;
}

#close {
    position:absolute;
    right:25px;
    top:25px;
    z-index:3;
}

#sound {
    position:absolute;
    right:60px;
    top:30px;
    z-index:4;
}

#sound2 {
    position:absolute;
    right:60px;
    top:30px;
    z-index:5;
}

.metaNavi {
    bottom:13px;
    font-size:10px;
    font-family:arial, sans-serif;
    margin:0;
    position:absolute;
    right:140px;
    text-transform:uppercase;
}

.metaNavi li {
    color:#999999;
    display:inline;
    margin-right:5px;
}

.metaNavi li a {
    color:#999;
    text-decoration:none;
}

.button {
    cursor: pointer;
}

.storck-logo {
    position: absolute;
    right: 15px;
    bottom: 16px;
}

/*START*/

#layer0 {
    background: white url(../img/schokostrolche/hg.jpg) no-repeat 10px 10px;
}

#hlStart {
    bottom:210px;
    left:125px;
    position:absolute;
}

.startContent {
    bottom:95px;
    color:#006EA4;
    font-size:12px;
    left:170px;
    position:absolute;
    width:425px;
}

.startContent p {
    margin:0;
}

.bigText {
    font-size:21px;
}

#mitmachen {
    position:absolute;
    left:170px;
    bottom:50px;
}

#derGewinn {
    position:absolute;
    left:400px;
    bottom:55px;
}

#lock {
    bottom:10px;
    left:10px;
    position:absolute;
    z-index:10;
}


/*Gweinnfrage*/

#hlLayer {
    bottom:322px;
    left:125px;
    position:absolute;
}

.layerContent {
    top:300px;
    color:#006EA4;
    font-size:12px;
    left:170px;
    position:absolute;
    width:450px;
}

.layerContent p {
    margin:0;
}

.layerContent a {
    color:#006EA4;
    text-decoration:none;
}

.extraText {
    font-size:14px;
}

#family {
    position:absolute;
    right:37px;
    top:77px;
}

#richtig {
    font-size:14px;
    margin-top:5px;
    margin-bottom:5px;
}

#falsch {
    font-size:14px;
    margin-bottom:5px;
}

#falsch2 {
    font-size:14px;
    margin-bottom:5px;
}

#falsch2 input {
    float:left;
}

#falsch2 span {
    float:left;
    width:410px;
}

/*DER GEWINN*/

#wunderland1 {
    bottom:60px;
    position:absolute;
    right:50px;
}

.derGewinnLayer {
    color:#006EA4;
    font-size:12px;
    left:170px;
    position:absolute;
    top:292px;
    width:450px;
}

.derGewinnLayer p {
    margin:4px 0 0 0;
}

.punkt {
    background: transparent url("../img/schokostrolche/punkt.png") no-repeat scroll 0 0;
    padding-bottom:2px;
    padding-left:22px;
}

#jetztMit {
    bottom:25px;
    left:170px;
    position:absolute;
}

/*Formular*/

#layer1, #layer11, #layer2, #layer22, #layer222, #layer6, #layer3, #layer4, #layer5 {
    background: white url(../img/schokostrolche/hg_ausser_start.jpg) no-repeat 10px 10px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight:bold;
    color: #006EA4;
}

#layer2 h2 {
    margin:0;
    visibility: hidden; 
}

.schokoForm {
    left:170px;
    position:absolute;
    top:275px;
    width:500px;
}

#layer2 fieldset {
    border:medium none;
    display:block;
    margin:0 0 8px;
    padding:0;
    width:500px;
}

#layer2 .blockLeft {
    float:left;
    width:215px;
}

#layer2 .radios input {
    margin-left:0;
    margin-right:0;
}

#layer2 .radios label {
    margin-right:10px;
}

#layer2 .radios span {
    margin-left:10px;
}

#layer2 .radios span a {
    margin-left:-10px;
}

#layer2 .blockLeft label {
    float:left;
    width:58px;
}

#layer2 .blockLeft input {
    border: 1px solid #006EA4;
    color: #006EA4;
    float:left;
    width:145px;
}

#layer2 .blockRight {
    float:left;
    width:234px;
}

#layer2 .blockRight label {
    float:left;
    width:83px;
}

#layer2 .blockRight input {
    border: 1px solid #006EA4;
    color: #006EA4;
    float:left;
    width:145px;
}

#fieldExtra .blockLeft {
    width:178px;
}

#fieldExtra .blockLeft input {
    width:50px;
}

#fieldExtra .blockRight {
    width:auto;
    float:left;
}

#fieldExtra .blockRight label {
    float:left;
    width:25px;
}

#layer2 #short {

    width:50px;
}

#layer2 #short2 {

    width:50px;
}

.textDeko {
    text-decoration:underline;
}

.falscheLayer {
    top:285px;
    color:#006EA4;
    font-size:12px;
    left:170px;
    position:absolute;
    width:425px;
}

#nochmal {
    left:170px;
    position:absolute;
    top:365px;
}

#nochmal2 {
    left:170px;
    position:absolute;
    top:365px;
}

#hlTeil {
    left:250px;
    position:absolute;
    top:225px;
}

.teilBox {
    height:270px;
    left:250px;
    overflow:auto;
    position:absolute;
    top:275px;
    width:430px;
}

.teilBox h3, .teilBox p {
    margin-top:0;
    padding-right:10px;
}

#layer2 h3 {
    padding: 0;
    font-size: 12px;
    font-weight: bold;
}

#backButtonTeilnahme {
    bottom:20px;
    position:absolute;
    left:250px;
}

#backButtonDatenschutz {
    bottom:20px;
    position:absolute;
    left:250px;
}

#backButtonImpressum {
    bottom:20px;
    position:absolute;
    left:250px;
}

/*#backButtonTeilnahme {
    position:absolute;
    right:200px;
    top:511px;
}*/

/*DATENSCHUTZ*/

#layer3 h2 {
    margin: 90px 0 0 0;
    visibility: hidden; 
}

#layer3 h3 {
    margin: 0 0 0 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
}

#layer3 #copy3 {
    position:absolute;
    left:200px;
    top:120px;
    width: 350px;
}
#layer3 #copy4 {
    position:absolute;
    right:100px;
    top:120px;
    width: 350px;
}

#layer3 p {
    margin: 0 0 10px 0;
}

/*#backButtonDatenschutz {
    position:absolute;
    right:200px;
    top:511px;
}*/

/*IMPRESSUM*/

/*#layer4 {
    background: white url(/img/partypromo/impressum_bg.jpg) no-repeat 10px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #006AB3;
}*/

#layer4 h2 {
    margin: 90px 0 0 0;
    visibility: hidden; 
}

#layer4 h3 {
    margin: 0 0 0 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
}

#layer4 #copy1 {
    position:absolute;
    left:200px;
    top:120px;
    width: 350px;
}
#layer4 #copy2 {
    position:absolute;
    right:160px;
    top:120px;
    width: 350px;
}

#layer4 p {
    margin: 0 0 10px 0;
}

/*#backButtonImpressum {
    position:absolute;
    right:200px;
    top:511px;
}*/

/*FORMULAR*/

#dj_gewinn,
#guitar_gewinn,
#singstar_gewinn {
    left: -5000px;
    position:absolute;
    top:245px;
}

#backButtonOverview {
    bottom:89px;
    left:89px;
    position:absolute;
}

#layer5 form {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #006EA4;
}

/*#layer5 textarea {
    height:220px;
    left:379px;
    position:absolute;
    top:258px;
    width:262px;
    border: 1px solid #006AB3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #006AB3;
}*/

/*#right_form {
    top: 170px;
    right: 35px;
    position: absolute;
    width: 280px;
}

#right_form p {
    margin: 5px 5px 5px 0;
}*/

#layer5 a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #006EA4;
}

#layer5 .float_labels label {
    display: inline;
    margin: 0 10px 0 0;
}

#layer5 .float_labels span label {
    display: inline;
    margin-right: 0;
}

#layer5 .float_labels input {
    margin-left: 0;
}

#layer5 .short,
#layer5 .middle,
#layer5 .long {
    border: 1px solid #006EA4;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #006EA4;
    height: 16px;
    margin: 0;
}

#layer5 .short {
    width: 70px;
    float: left;
    margin-right: 6px;
}

#layer5 .middle {
    width: 176px;
    float: left;
    margin-right: 6px;
}

#layer5 .long {
    width: 254px;
}

#layer5 label {
    display: block;
}

.captcha_field {
    border: 1px solid #006EA4;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    color: #006EA4;
    height: 31px;
    width: 120px;
    padding: 0;
    vertical-align:top;
    margin-right: 9px;
}

#sendenButton {
    bottom:-20px;
    position:absolute;
    right:50px;
}

.formError {
    color: red;
}

input.formError.captcha_field {
    border: 1px solid red;
}

#layer5 textarea.formError {
    border: 1px solid red;
    color: red;
}

/*DANKE-Seite*/

#dhausenButton {
    left:170px;
    position:absolute;
    top:360px;
}

#wunderland2 {
    left:170px;
    position:absolute;
    top:424px;
}

#ticket {
    left:105px;
    position:absolute;
    top:445px;
}
