/* =reset styles
inspired by http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
============================================================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
    font-size:100.01%
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}/* -------------------------------------------  CSS Reset Ende ------------------------------------- */
/* -------------------------------------------  Clearfix-Hack ----------------------------------------------- */
/* http://www.positioniseverything.net/easyclearing.html */
/* http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ */

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
     font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* -------------------------------------------  Clearfix-Hack Ende ------------------------------------- */


/* =general formats
============================================================================= */
body{
    font-family: Arial,Helvetica,sans-serif;
    color: #333;
    /* background: #220401; */
    background: #2E1008;
    text-align: center;
    height: 100%;
    font-size:100.01%;
}
html{
    height: 100%;
    margin-bottom: 1px;
}
strong{ font-weight: bold;}
.nowrap{
    white-space: nowrap;
}
.clearBoth{
    clear: both;
}
.floatLeft{ float:left;}
.floatRight{ float:right;}

a,p,h1,h2,h3,h4,h5,li,td,th{
    color: #5A1E02;
}
.skip{
    position: absolute !important;
    left: -999em;
    top: -999em;
}

.alignLeft{    text-align: left !important;}
.alignRight{ text-align: right !important;}
.alignCenter{ text-align: center !important;}
/* =========================================================================== */


/* =Page elements
============================================================================= */
#wrapper{
    margin: 0 auto;
    width:960px;
    text-align: left;
    position: relative;
}

#wrapperFolgeseite{
    margin: 0 auto;
    width:1158px;
    text-align: left;
    position: relative;
}

#header{
    height: 79px;
}
#logo{
    position: absolute;
    top:14px;
    left:0;
}

#main{
    position: relative;
    background: transparent url(../img/bg_folgeseite.jpg) no-repeat top left;
}
.home #main{
    background: transparent url(../img/bg_home.jpg) no-repeat top left;
    height: 470px;
}
.gewinne #main{
    min-height: 1054px;
    background: transparent url(../img/bg_gewinne.jpg) no-repeat top left;
}

.teilnahme #main{
	min-height: 942px;
	background: transparent url(../img/bg_danke.jpg) no-repeat top left;
}

.teilnahme2 #main{
	min-height: 579px;
	background: transparent url(../img/bg_danke_kurz.jpg) no-repeat top left;
}

.folgeseiteForm #main{
    min-height: 1186px;
}

.gewinnspiel #main{
    min-height: 1186px;
    background: transparent url(../img/bg_teilnahme.jpg) no-repeat top left;    
}

#main p{
    font-size:12px;
    line-height:1.35;
    margin: 0 0 7px 0;
}

#main h1{
    font-size: 36px;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#main h2{
    font-size: 20px;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#introText{
    position: relative;
    width: 375px;
    margin: 0 0 0 139px;
    padding: 113px 0 0 0;
}
#introText h1{
    margin: 0 0 4px -2px;
}
#introText h2{
    margin: 0 0 8px 0;
}
#introText h3{
    font-size: 12px;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    margin: 0;
    line-height: 1.25;
    margin: 0 0 3px 0;
    font-weight: bold;
}

#introTextGewinn1{
    position: relative;
    width: 500px;
    margin: 0 0 0 475px;
    padding: 419px 0 0 0;
}

#introTextGewinn2{
    position: relative;
    width: 500px;
    margin: 0 0 0 310px;
    padding: 110px 0 0 0;
}

#introTextGewinn3{
    position: relative;
    width: 270px;
    margin: 0 0 0 475px;
    padding: 88px 0 0 0;
}

#buttonTeilnahme{
    position: absolute;
    width: 270px;
    margin: 0 0 0 270px;
    padding: 30px 0 0 0;
}

#introTextTeilnahme{
    position: relative;
    width: 520px;
    margin: 0 0 0 310px;
    padding: 315px 0 0 0;
}

#introTextTeilnahme p {
	font-family:"Courier New",Courier,monospace;
	font-size: 14px;
	line-height: 145%;
}

.featureList{
    margin:0 0 10px 0;
}
.featureList li{
    font-size: 12px;
    line-height: 1.35;
    margin: 0 0 3px 0;
    padding: 0 0 0 9px;
    background: transparent url(../img/bullet_dot.gif) no-repeat 0 6px;
}
/*
.featureList sup{
    font-size: 10px;
    vertical-align: top;
}
*/
.btnLink{
    display: block;
    height: 28px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    font-family: "Myriad Pro","Trebuchet MS",Arial,Helvetica,sans-serif;
    padding: 6px 0 0 6px;
}
.btn_jetzt_teilnehmen,
.btn_absenden {
    width: 155px;
    background: transparent url(../img/btn_jetzt_teilnehmen.png) no-repeat top left;
}

.btn_zum_teilnahmeformular {
    width: 197px;
    background: transparent url(../img/btn_zum_teilnahmeformular.png) no-repeat top left;
    padding:8px 0 0 15px;
}

.btn_zum_formular{
	background: transparent url(../img/btn_absenden.png) no-repeat top left;
    width: 111px;
    padding:6px 0 0 5px;
}

.btn_absenden{
    width: 111px;
    padding:6px 0 0 44px;
    margin-right:5px;
}

.btn_absendenClose{
    width: 245px;
    background: transparent url(../img/btn_absenden_lrg.png) no-repeat top left;
    padding:6px 0 0 20px;
}

#btn_home{
    margin: 10px 0 0 0;
}

#downloadFormTeaser{
    position: absolute;
    top:173px;
    left:448px;
    width:130px;
}
#downloadFormTeaser p{
    font-size:12px;
    font-weight:bold;
    line-height: 1.2;
    text-align: center;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}

#downloadFormTeaser p a{
    text-decoration: none;
    display: block;
    min-height: 50px;
}

#disclaimer{
    position:absolute;
    top: 397px;
    left: 155px;
}
#disclaimer p{
    font-size:11px;
    line-height: 1.2;
}
#disclaimer p a:link,
#disclaimer p a:visited{
    font-weight: bold;
    text-decoration: underline;
}
#disclaimer p a:hover,
#disclaimer p a:focus,
#disclaimer p a:active{
    text-decoration: none;
}

/* =Content
============================================================================= */
#content{
    position:relative;
}
#innerContent {
    padding-left: 30px;
}

#innerContentTeilnahme{
    position: relative;
    width: 560px;
    margin: 0 0 0 295px;
    padding: 87px 0 0 0;
}
#innerContentTeilnahme textarea {
	padding: 5px 0 0 0;
	font-family:"Courier New",Courier,monospace;
	font-size: 14px;
	line-height:145%;
	color:#FFFFFF; 
	border: medium none; 
	background:none repeat scroll 0 0 #2F0600;
}

#innerContentTeilnahme h2 {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#FFFFFF; 
}

.innerContentLeft {
    float: left;
    text-align: center;
    width: 30%;
}
.innerContentRight {
    float: left;
    width: 62%;
}
.innerContentRight p,
.innerContentRight li
{
    font-size: 12px;
    color: #8D3B13;
}
#innerContentImage {
    background: transparent url(../img/auswahl_02.gif) no-repeat top right;
}
.auswahlVariante {
    float: left;
    width: 210px;
    text-align: center;
}
.auswahlVariante p {
    color: #8D3B13;
    text-align: center;
    padding: 3px;
}

.auswahl #content{
    width:885px;
    margin:0 35px 0 120px;
    z-index: 2;
    padding-top: 85px;
}
.auswahl h1{
    /*margin: 0 0 38px 235px;*/
    margin: 0 0 0 220px;
    padding-top: 51px;
}
.auswahl h2{
    margin: 0 0 0 45px;
    padding-top: 51px;
}

h2.captcha {
    margin: 0 0 10px 0 !important;
    padding: 10px 0 0 0 !important;
    font-size: 1.25em !important;
    font-weight: bold;
}

.auswahl #content p{
    font-size: 12px;
    line-height: 1.35;
}
.auswahl #content .rightCol p{
    font-size: 12px;
    line-height: 1.15;
}
.auswahl .leftCol h2{
    margin: 0 0 6px 40px;
}
.auswahl .rightCol h2{
    margin: 0 0 6px 0;
}

.auswahl .leftCol{
    float: left;
    width: 448px;
    margin: 0 40px 0 2px;
}
.auswahl .rightCol{
    float: left;
    width: 390px;
}
.auswahl .singleCol{
    width: 560px;
    margin: 0 0 0 220px;
}

p.todoText{
    min-height: 75px;
}
.line{
    height: 3px;
    line-height: 3px;
    font-size:3px;
    background: transparent url(../img/bg_line.png) repeat-x;
}


/* = Ausgewaehlte Produkte
============================================================================= */
#auswahlContainer{
    position: relative;
    text-align: center;
    margin: 10px 0 20px 0;
}
#auswahlContainer h2{
    margin: 10px 0 15px 0;
}
.singleSelection{
    min-width:86px;
    max-width:110px;
    min-height: 100px;
    position: relative;
    float:left;
    /*background: transparent url(../img/bg_shadow_selection.png) no-repeat bottom center;*/
}
#auswahlContainer h3{
    width: 100%;
    font-size: 10px;
    height: 3em;
    font-weight: bold;
}

.singleSelection .productImg{
    min-height: 60px;
    display: inline;
    position: relative;
}

.singleSelection .productImg img{
    position: relative;
}

.singleSelection .productImgContainer{
    padding-bottom:5px;
    background: transparent url(../img/bg_shadow_selection.png) no-repeat bottom center;
}
.singleSelection .removeProduct{
    position: absolute;
    right:-5px;
    bottom: -5px;
}

*+html .singleSelection .removeProduct{
    position: absolute;
    right:-5px;
    bottom: 0;
}

#selectOneFavourite{
    clear: both;
    position: relative;
    text-align: left;
    margin-bottom: 10px;
}

h2.selectOneFavourite {
    margin: 0 ;
    padding-top: 0;
}
#selectOneFavourite select{
    margin: 7px 0 0 0;
}
#selectOneFavourite optgroup{
    font-style: normal;
    background:#5C2B07;
    color: #fff;
}
#selectOneFavourite optgroup option{
    background:#fff;
    color:#FBF2E4;
    padding-left: 5px;
}
.selectWidth1{
    width: 340px;
}
/* =========================================================================== */


/* = uniform elements
============================================================================= */
/* Select Box */

div.selector {
    display: block;
    width: 280px;
    position: relative;
    background: url(../img/bg_select.png) repeat-x left 0;
    line-height: 25px;
    height: 25px;
    color: #8a3b12;
}
div.selectorError {
    display: block;
    width: 280px;
    position: relative;
    background: url(../img/bg_select_error.png) repeat-x left 0;
    line-height: 25px;
    height: 25px;
    color: #8a3b12;
}

div.selectorError select,
div.selector select {
    width: 280px;
    font-family: Arial,Helvetica,sans-serif;

}

div.selectorError.focus,
div.selector.focus {
    /*border-color: #999;*/
}

div.selectorError span,
div.selector span {
    position: absolute;
    left: 6px;
    top: 0px;
    font-size: 12px;
    padding: 0;
    display: block;
    padding-right: 20px;
    /*background: url(../img/select.gif) no-repeat right 60%;*/
    right: 0;
    text-align: left;
}

div.selectorError.focus span,
div.selector.focus span {
    left: 6px;
}

div.selectorError select,
div.selector select {
    position: relative;
    font-size: 12px;
    padding: 0;
    line-height: 25px;
    border: 0;
    margin: 0;
    padding-right: 40px;
    background :#FCF3E6;
    color: #8a3b12;
}
/* =========================================================================== */


/* = Senseo wuenscht Ihnen viel Glueck - Gewinnspiel-Formular
============================================================================= */
.registerFormWrapper{
    width: 557px;
    height: 480px;
    background: transparent url(../img/bg_form.gif) no-repeat top left;
    margin: 20px 0 0 0;
}

.registerFormWrapper .content{
    font-size: .75em;
    color:#8a3b12;
    padding: 10px 10px 30px 10px;
}

#content .registerFormWrapper .content p,
#content .registerFormWrapperNext .content p{
    font-size: 1em;
}

.registerFormWrapper .content label,
.registerFormWrapperNext .content label{
    width: 190px;
    float: left;
    padding: 3px 0 0 0;
}

.registerFormWrapper .content label.prettyCheckbox{
    width:110px;
    float:left;
    padding: 3px 0 0 0;
}

.registerFormWrapper .content fieldset{
    margin: 0 0 8px 0;
}

*+html .registerFormWrapper .content input,
*+html .registerFormWrapperNext .content input,
*+html .registerFormWrapper .content input .error,
*+html .registerFormWrapperNext .content input .error{ /* for IE7 */
    margin: 0 0 2px 0;
    padding: 1px 4px 0 4px;
    font-size:.9em;
    line-height:19px;
    height:19px;
    color:#8a3b12;
    vertical-align:top;
}


.registerFormWrapper .content input,
.registerFormWrapper .content input .error,
.registerFormWrapperNext .content input,
.registerFormWrapperNext .content input .error{
    margin: 0 0 2px 0;
    /*padding: 0 0 3px 8px;*/
    /*padding: 3px 0 0 8px;*/
    padding: 1px 0 0 8px;
    font-size:.9em;
    line-height:19px;
    /*height:19px;*/
    height:21px;
    color:#8a3b12;
    vertical-align:top;
}

.registerFormWrapper .content .rightMargin{ margin: 0 0 0 0; }

.size1 input{ width: 57px; border:0; background: transparent url(../img/bg_input_size1.gif) no-repeat top left; }
.size2 input{ width: 89px; border:0; background: transparent url(../img/bg_input_size2.gif) no-repeat top left; }
.size3 input{ width: 189px; border:0; background: transparent url(../img/bg_input_size3.gif) no-repeat top left; }
.size4 input{ width: 208px; border:0; background: transparent url(../img/bg_input_size4.gif) no-repeat top left; }
.size5 input{ width: 220px; border:0; background: transparent url(../img/bg_input_size5.gif) no-repeat top left; }
.size6 input{ width: 288px; border:0; background: transparent url(../img/bg_input_size6.gif) no-repeat top left; }

.size1 input.error{ width: 57px; border:0; background: transparent url(../img/bg_input_size1_error.gif) no-repeat top left; }
.size2 input.error{ width: 89px; border:0; background: transparent url(../img/bg_input_size2_error.gif) no-repeat top left; }
.size3 input.error{ width: 189px; border:0; background: transparent url(../img/bg_input_size3_error.gif) no-repeat top left; }
.size4 input.error{ width: 208px; border:0; background: transparent url(../img/bg_input_size4_error.gif) no-repeat top left; }
.size5 input.error{ width: 220px; border:0; background: transparent url(../img/bg_input_size5_error.gif) no-repeat top left; }
.size6 input.error{ width: 288px; border:0; background: transparent url(../img/bg_input_size6_error.gif) no-repeat top left; }
div#selectOneFavourite div.error{ width: 288px; border:0; background: transparent url(../img/bg_select_error.png) no-repeat top left; }

input{
    font-weight:normal !important;
}

input.center{
    text-align:center;
}

input.error{
    color:#e9250f;
}

.defaultTextInactive{
    color: #aa8a4d !important;
}
.defaultTextActive{
    color: #8a3b12;
}

.registerText{
    margin:0 70px 0 30px;
    font-size:.9em;
}

#content .registerText p{
    font-size:.75em;
    line-height:1.3;
    margin:0 0 12px 0;
}
/* =========================================================================== */


/* = Gewinnspiel-Formular - Vielen Dank fuer Ihre Teilnahme
============================================================================= */
legend.skip{
    display:none;
}
.registerFormWrapperNext{

}

.registerFormWrapperNext .content{
    font-size: .75em;
    color:#5A1E02;
    /*color:#8a3b12;*/
    padding: 10px 10px 30px 18px;
}

.singleCol .boxSize1{
    width: 557px;
    height: 171px;
    background: transparent url(../img/bg_teilnahme_box_size1.gif) no-repeat top left;
    margin: 0 0 38px 0;
    padding-top: 15px;
}

.singleCol .boxSize2{
    width: 557px;
    height: 126px;
    background: transparent url(../img/bg_teilnahme_box_size2.gif) no-repeat top left;
    margin: 0 0 38px 0;
    padding-top: 15px;
}

#content .singleCol h2{
    margin: 0 0 10px 0;
}

#content .singleCol .registerFormWrapperNext .content h2{
    font-weight:bold;
    font-size: 1em;
    margin: 0 0 15px 0;
}

#content .singleCol .registerFormWrapperNext .content h3{
    font-weight:bold;
    font-size: 1em;
    margin: 0 0 15px 0;
    padding-top: 20px;
}

.registerFormWrapperNext .teilnahme label.prettyCheckbox{
    width:450px;
    float:left;
    padding: 3px 0 0 0;
}

/* ======================================== */

/* = Navigation links 
=========================================== */
#nav{
	position:absolute;
	z-index:99;
}
.home #nav{
	top:34px;
	left:0;
}

.gewinne #nav{
	top:90px;
	left:110px;
}

.gewinnspiel #nav{
	top:90px;
	left:110px;
}

.folgeseiteForm #nav{
	top:90px;
	left:110px;
}

#nav #navTeilnahme .aktiv{ background-position: -5px -101px }
#nav #navAktion .aktiv{ background-position: -100px -101px }

.home #navAktion{
	position: absolute;
	top:27px;
	left: 20px;
}
.home #navTeilnahme{
	position: absolute;
	top:132px;
	left: 19px;
}

.gewinne #navAktion{
	position: absolute;
	top:20px;
	left: 67px;
}
.gewinne #navTeilnahme{
	position: absolute;
	top:112px;
	left: 0px;
}

.gewinnspiel #navAktion{
	position: absolute;
	top:20px;
	left: 67px;
}
.gewinnspiel #navTeilnahme{
	position: absolute;
	top:112px;
	left: 0px;
}

.folgeseiteForm #navAktion{
	position: absolute;
	top:20px;
	left: 67px;
}
.folgeseiteForm #navTeilnahme{
	position: absolute;
	top:112px;
	left: 0px;
}

#nav a:link,
#nav a:visited{
	display:block;
	width:86px;
	height:86px;
}
#navTeilnahme a:link,
#navTeilnahme a:visited{
	background: transparent url(../img/nav_png_sprite.png) no-repeat -5px -1px;
}
#navTeilnahme a:hover,
#navTeilnahme a:focus,
#navTeilnahme a:active{
	background: transparent url(../img/nav_png_sprite.png) no-repeat -5px -101px;
}

#navAktion a:link,
#navAktion a:visited{
	background: transparent url(../img/nav_png_sprite.png) no-repeat -100px -1px;
}
#navAktion a:hover,
#navAktion a:focus,
#navAktion a:active{
	background: transparent url(../img/nav_png_sprite.png) no-repeat -100px -101px;
}
/* =========================================================================== */


/* =Bottom Nav
============================================================================= */
#bottomNav{
    clear: both;
    position: relative;
    width:100%;
    padding: 60px 0 0 10px;
}
#bottomNav .leftButton{
    float: left;
    width: 40%;
}
#bottomNav .rightButton{
    float: right;
    width: 39%;
}
#bottomNav .btnLink{
    display: block;
    height: 28px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    font-family: "Myriad Pro","Trebuchet MS",Arial,Helvetica,sans-serif;

}
#bottomNav .leftButton .btnLink{
    padding: 6px 0 0 40px;
}
#bottomNav .rightButton .btnLink{
    padding: 6px 0 0 15px;
    float:right;
}
#bottomNav .btnLink2{
    display: block;
    height: 28px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    font-family: "Myriad Pro","Trebuchet MS",Arial,Helvetica,sans-serif;

}
#bottomNav .rightButton .btnLink2{
    padding: 6px 0 0 45px;
    float:right;
}

.btBackToPrevpage{
	width: 245px;
    padding:6px 0 0 40px;
    background: transparent url(../img/btn_zurueck_lrg.png) no-repeat top left;
}

.btBackToStartpage{
    width: 179px;
    padding:7px 0 0 30px;
    background: transparent url(../img/btn_zurueck_zur_startseite.png) no-repeat top left;
}

.btToForm{
    width: 185px;
    background: transparent url(../img/btn_zum_teilnahmeformular.png) no-repeat top left;
}
/* =========================================================================== */


/* =========================================================================== */


/* =Tables
============================================================================= */
.tableProducts{
    width: 100%;
    margin: 10px 0 10px 0;
}
.tableProducts table{
    width: 100%;
}
.tableProducts table th,
.tableProducts table td{
    text-align: center;
    font-size:9px;
    font-weight: bold;
}
/*.tableProducts table th{
    padding: 0 5px 10px 5px;
}*/
.tableProducts table td{
    text-align: center;
    /*font-size:.75em;*/
}
.tableProducts table th.tableHeadGroup{
    text-align:left;
    padding: 0 0 10px 0;
    font-size: 14px;
}
.tableProducts table td{
    padding: 5px 5px 10px 0;
}
.tableProducts table .trTableTaste td{
    height: 55px;
    vertical-align: top;
    color: #8a3b12;
    font-family: Arial,Helvetica,sans-serif;
}
.tableProducts table .trProductImages th{
    vertical-align: top;
    position: relative;
}

.selectItem{
    z-index: 100;
}

.imageContainer{
    position: relative;
}
.imageContainer .selectionRing{
    position: absolute;
    left: -5px;
    bottom:-3px;
    z-index: -100;
}

/* =========================================================================== */




/* =Homepage pics right
============================================================================= */
#pic_senseo_s{
    position: absolute;
    top: 309px;
    right:98px;
}
#pic_frau{
    position: absolute;
    top: 162px;
    right:204px;
}
#pic_mann{
    position: absolute;
    top: 386px;
    right:321px;
}
#pic_kaffeemaschine_1{
    position: absolute;
    top: 90px;
    right:145px;
}
#pic_kaffeemaschine_2{
    position: absolute;
    top: 378px;
    right:335px;
}
#produkt_blau{
    position: absolute;
    top: 316px;
    right:305px;
}
#produkt_braun{
    position: absolute;
    top: 455px;
    right:450px;
}
#produkt_gruen{
    position: absolute;
    top: 105px;
    right:340px;
}
#produkt_rot{
    position: absolute;
    top: 217px;
    right:105px;
}
.tooltip{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 103;
    display: none;
    background: #FFECAA;
    border: 1px solid #8a3b12;
}
#simpleTooltip{
    font-size:.75em;
    color: #8a3b12;
    padding: 5px 10px;
    background: #FFECAA;
    border: 1px solid #8a3b12;
    width: 200px;
    text-align: left;
}

/* =========================================================================== */


/* =Corners
============================================================================= */
#topLeftCorner{
    position: absolute;
    top: 0;
    left: 0;
}
#topLeftCornerForm{
    position: absolute;
    top: 18px;
    left: 45px;
}
#topRightCorner{
    position: absolute;
    top: 0;
    right: 0;
}
.auswahl #topRightCorner{
    top:-19px;
    right:-19px;
}
#bottomRightCorner{
    position: absolute;
    bottom: 0;
    right: 0;
}
#topLeftCorner img,
#topRightCorner img,
#bottomLeftCorner img,
#bottomRightCorner img{
    display: block;
}

.buttonBarBottom{
    /*position: absolute;
    bottom: 65px;
    left: 45px;*/
    position: relative;
    margin: 20px auto 0 auto;
    /*padding-bottom: 65px;*/
    padding-bottom: 20px;
    width:890px;
}

.buttonBarBottomGewinne{
    position: relative;
    margin: 6px auto 0 auto;
    width:890px;
}
/* =========================================================================== */



/* =Footer
============================================================================= */
#footer{
    font-family: Arial,Helvetica,sans-serif;
    position:relative;
    top: 8px;
    color: #91795a;
    font-size: .72em;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 40px;
}
#footer li{
    color: #9b815f;
}
#footer a{
    color: #9b815f;
    text-decoration: none;
}
#footer ul{

}
#footer ul li{
    display: inline;
    line-height: 1;
    padding: 0 5px 0 0;
}
#footer ul li.footerItem a{
    line-height: 1;
    border-left: 1px solid #9b815f;
    padding: 0 0 0 5px;
}
/* =========================================================================== */

/* =Popup Layer
============================================================================= */
.popupLayer,
.popupLayerLrg{
    position:absolute;
    width:373px;
    /*top:820px;*/
    bottom: 60px;
    left:350px;
    display:none;
    z-index:300;
    text-align:left;
    font-size:.7em;
    line-height:1.2;
}

*+html .popupLayer,
*+html .popupLayerLrg{
    bottom: 100px;
}

#pane1{
   height: 400px;
}

.popupLayerLrg{
    width:670px;
    /*top:600px;*/
    /*left:140px;*/
    left:240px;
    /*top: 90px;*/
}

.popupLayer .content,
.popupLayerLrg .content{
    background: #370b00;
    /*position:relative;*/
}

.popupLayerLrg .content{
    overflow:auto;
    height:400px;
}

.popupLayer h1,
.popupLayerLrg h1{
    color: #fef3d0;
    font-weight:bold;
    text-align:left;
    margin: 0 20px 15px 20px;
    padding:0;
}

.popupLayer h2,
.popupLayerLrg h2{
    color: #fef3d0;
    font-weight:bold;
    text-align:left;
    margin: 10px 20px 5px 20px;
    padding:0;
}

.popupLayer .content p,
.popupLayerLrg .content p{
    background: #370b00;
    color: #fef3d0;
    margin:0 20px;
}

.popupLayer .top{
    height:20px;
    width:373px;
    background: transparent url(../img/bg_popup_layer_top.png) no-repeat top left;
}

.popupLayerLrg .top{
    height:20px;
    width:670px;
    background: transparent url(../img/bg_popup_layer_lrg_top.png) no-repeat top left;
}

.popupLayer .closeBtn,
.popupLayerLrg .closeBtn{
    position:absolute;
    top:10px;
    right:20px;
    z-index:10;
}

.popupLayer .bottom{
    height:20px;
    width:373px;
    background: transparent url(../img/bg_popup_layer_bottom.png) no-repeat top left;
}

.popupLayerLrg .bottom{
    height:20px;
    width:670px;
    background: transparent url(../img/bg_popup_layer_lrg_bottom.png) no-repeat top left;
}
/* =========================================================================== */

/* =========================================================================== */

#errorMessage {
    color: #ff0000;
    margin-top: 10px;
    font-weight: bold;
    /*font-size: 1em;*/
    font-size: 14px;
    padding-left: 0;
    text-align: center;
}

#errorMessageGewinnspiel {
    color: #ff0000;
    margin-top: 10px;
    font-weight: bold;
    font-size: 12px;
    padding-left: 0;
    text-align: center;
}

.kompositionen {
    cursor: pointer;
}
.asterisk {
    font-size: 1em;
    font-weight: bold;
    position: relative;
    top: -6px;
    left: 2px;

}