/*helpers*/
.hidden {
	display:none;
}
sup {
	position:relative;
	line-height:0;	
	top:-1px;
	font-size:6px;
}

/* #### Hoerbuch Sammelaktion START #### */

/* Gewinnspiel Startseote */
#sammelaktion_undsogehts_container {
	position: absolute;
	width: 261px;
	height: 588px;
	left: 380px;
	top: 160px;
	padding: 0 15px 0 15px;
	background: transparent url(/art/bg/bg_unssogehts.png) left top no-repeat;
	z-index: 6;
}
#sammelaktion_undsogehts_container h3 {
	margin: 30px 0 5px 0;	
}
#sammelaktion_hoerbuch_container {
	position: relative;
	display: block;
	width: 852px;
	height: 228px;
	left: 10px;
	top: 50px;
	margin-bottom: 40px;
	background: transparent url(/art/bg/bg_unserehoerbuchbibliothek.png) left top no-repeat;
}
#sammelaktion_hoerbuch_content {
	position: relative;
	display: block;
	left: 65px;
	top: 15px;
}
#sammelaktion_hoerbuch_content img {
	margin-bottom: 5px;
}
#sammelaktion_hoerbuch_content p {
	position: absolute;
	left: 125px;
	top: 0px;
	margin: 0px;
}
#sammelaktion_hoerbuch_content .hoerbuch_teaser {
	position: relative;
	display: block;
	width: 100px;
	padding: 25px 25px 0 0;
	float: left;
}
#sammelaktion_hoerbuch_content a, #sammelaktion_hoerbuch_content a:link, #sammelaktion_hoerbuch_content a:hover, #sammelaktion_hoerbuch_content a:visited, #sammelaktion_hoerbuch_content a:focus, #sammelaktion_hoerbuch_content a:active {
	display: block;
	text-decoration: none;
	line-height: 18px;
}


/* Gewinnspiel Teilnahmeformular */
#formSiteUtil {
	list-style-type: none;
	margin: 0 0 15px 0;
	padding: 0;
}
#formSiteUtil li {
	display: inline;
	padding-right: 25px;
}
#sammelaktion_hoerbuch_content2 {
	position: relative;
	display: block;
	width: 626px;
	height: 202px;
	margin: 20px 0 20px 0;
	padding: 1px 15px 15px 15px;
	background: transparent url(/art/bg/bg_ichwaehlefolgendeshoehrbuch.png) left top no-repeat;
}
#sammelaktion_hoerbuch_content2 span {
	display: block;
	width: 370px;
}
#sammelaktion_hoerbuch_content2 div {
	position: absolute;
	right: 0px;
	top: 20px;
	width: 250px;
}
#sammelaktion_hoerbuch_content2 div img {
	display: inline;
	margin: 0 0 -15px -10px;	
}


/* Gewinnspiel Quittung */
#sammelaktion_gutscheincode_container {
	position: relative;
	display: block;
	width: 391px;
	height: 130px;
	margin: 15px 0 15px 0;
	padding: 15px;
	background: transparent url(/art/bg/bg_ihrcodefuerdaswunschhoerbuch.png) left top no-repeat;
}
#sammelaktion_gutscheincode_container strong {
	display: block;
	margin: 15px 0 10px 0;
	font-size: 26px;
	font-weight: normal;
}
#sammelaktion_gutscheincode_container img {
	display: inline;
}
#sammelaktion_gutscheincode_container span {
	line-height: 24px;
}


/* Layer Styles */
#sammelaktion_hoerbuch_layer, #sammelaktion_teilnahmebedingungen_layer, #sammelaktion_produkt_layer {
	position: absolute;
	display: none;
	width: 435px;
	height: 334px;
	top: 440px;
	left: 175px;
	padding: 15px;
	background: transparent url(/art/bg/bg_buchinformationen.png) left top no-repeat;
	z-index: 10;
}
#sammelaktion_teilnahmebedingungen_layer {
	width: 486px;
	height: 490px;
	top: 220px;
	background: transparent url(/art/bg/bg_teilnahmebedingungen.png) left top no-repeat;
}
#sammelaktion_produkt_layer {
	width: 436px;
	height: 478px;
	top: 220px;
	background: transparent url(/art/bg/bg_produktlayer.png) left top no-repeat;
}
#sammelaktion_hoerbuch_layer p {
	margin: 0px;
	padding: 20px 0 0 0;
}
#hoerbuch_layer_bild {
	margin: 5px 15px 15px 0;
}
#hoerbuch_layer_ueberschrift {
	margin-bottom: 10px;
}
#hoerbuch_layer_format, #hoerbuch_layer_laufzeit {
	display: block;
}
#sammelaktion_hoerbuch_layer #hoerbuch_layer_beschreibung {
	padding: 0px;
}
a.a_schliessen {
	text-decoration: none;
}

/* #### Hoerbuch Sammelaktion END #### */

/* Various Styles */
.input_small_code {
	width: 140px;
}

/* Gewinnspiel Kultgespann */
/* #layerBox { width: 599px; height: 518px; background: url(/art/teaser/teaser_kultgespann.png) no-repeat; } */ /* bg-image in layerBox for IE6 */
/* #layerBox .teaserContainer { width: 599px; height: 518px; } */ /* width, height for IE6 */
/* #layerBox .teaserContainer a.btnTeaser { display: block; position: absolute; left: 45px; top: 450px; width: 176px; height: 27px; z-index: 10000; }
#layerBox .teaserContainer a.btnClose { display: block; position: absolute; left: 555px; top: 40px; width: 15px; height: 13px; background: url(/art/button/teaser_kultgespann_close.gif) no-repeat; text-indent: -19999px; z-index: 1010; }*/

.intro_text_kultgespann { color: #673405; }

.kultgespann * { color: #673405; }
.kultgespann .error { color: #F00; }
.kultgespann ol { padding: 0; list-style-position: inside; }
.kultgespann li { padding: 0 0 15px; }
.kultgespann .form_teilnahmecode { position: relative; left: 80px; top: 0px; width: 187px; height: 148px; padding: 35px 45px 0 30px; background: url(/art/bg/bg_kultgespann_form.gif) no-repeat; overflow: hidden; }
.kultgespann .form_teilnahmecode label { display: block; width: 167px; height: 16px; padding: 0 0 12px; background: url(/art/hd/hd_code.gif) no-repeat; text-indent: -19999px; }
.kultgespann .form_teilnahmecode input { display: block; width: 166px; height: 23px; padding: 2px 10px; background: url(/art/bg/bg_kultgespann_input.gif) no-repeat; border: none; }
.kultgespann .form_teilnahmecode button { float: right; width: 102px; height: 25px; margin: 12px 0 0; border: none; background: none; cursor: pointer; }

.teaser_kultgespann_index { margin: 0; }
.teaser_kultgespann { position: relative; overflow: hidden; }
.teaser_kultgespann a { display: block; width: 160px; height: 160px; position: absolute; text-indent: -19999px; outline: none; }
.teaser_kultgespann a.prod1 { left: 100px; top: 40px; z-index: 1; }
.teaser_kultgespann a.prod2 { left: 20px; top: 150px; z-index: 2; }
.teaser_kultgespann a.prod3 { left: 120px; top: 220px; z-index: 3; }

.maincontent .utilityButtons { padding: 0 0 15px; }
.maincontent .utilityButtons a.btn { display: inline-block; margin: 0 10px 0 0; }
.maincontent .required { padding: 10px 0; }

.form_teilnahme_bg { height: 701px; padding: 20px; margin: 0 0 20px; background: url(/art/bg/bg_formular.png) no-repeat; }
.form_teilnahme_bg fieldset { padding: 0; margin: 0; border: none; }
.form_teilnahme_bg div { clear: both; padding: 0 0 15px 0; overflow: hidden; }
.form_teilnahme_bg label { float: left; width: 170px; padding: 0 10px 0 0; cursor: auto; }
.form_teilnahme_bg input,
.form_teilnahme_bg select { float: left; width: 165px; }
.form_teilnahme_bg .salutation label { width: auto; }
.form_teilnahme_bg .fakeLabel { float: left; width: 170px; padding: 0 20px 0 0; }
.form_teilnahme_bg .radio { float: left; width: auto; margin: 0 10px 0 0; }
.form_teilnahme_bg .checkContactContainer, 
.form_teilnahme_bg .checkOnlyContainer { padding-top: 10px; }
.form_teilnahme_bg .checkContact, 
.form_teilnahme_bg #checkOnly { width: auto; margin: 0 10px 0 0; }
.form_teilnahme_bg .checkOnlyContainer label { width: 290px; }

.kultgespann .facebookLike {}
/* Gewinnspiel Kultgespann END */

/* Kultgewinn Fiat 500 */
#layerBox { width: 599px; height: 518px; background: url(/art/teaser/teaser_kultgewinn.png) no-repeat; } /* bg-image in layerBox for IE6 */
#layerBox .teaserContainer { width: 599px; height: 518px; } /* width, height for IE6 */
#layerBox .teaserContainer a.btnTeaser { display: block; position: absolute; left: 45px; top: 450px; width: 176px; height: 27px; z-index: 10000; }
#layerBox .teaserContainer a.btnClose { display: block; position: absolute; left: 555px; top: 40px; width: 15px; height: 13px; background: url(/art/button/teaser_kultgespann_close.gif) no-repeat; text-indent: -19999px; z-index: 1010; }

.teaser_container_bottom { margin-top: 30px; }

.kultgewinn * { color: #673405; }
.kultgewinn .error { color: #F00; }
.kultgewinn ol { padding: 0; list-style-position: inside; }
.kultgewinn li { padding: 0 0 15px; }
.kultgewinn .form_teilnahmecode { position: relative; left: 80px; top: 30px; width: 187px; height: 148px; padding: 35px 45px 0 30px; background: url(/art/bg/bg_kultgespann_form.gif) no-repeat; overflow: hidden; }
.kultgewinn .form_teilnahmecode label { display: block; width: 167px; height: 16px; padding: 0 0 12px; background: url(/art/hd/hd_code.gif) no-repeat; text-indent: -19999px; }
.kultgewinn .form_teilnahmecode input { display: block; width: 166px; height: 23px; padding: 2px 10px; background: url(/art/bg/bg_kultgespann_input.gif) no-repeat; border: none; }
.kultgewinn .form_teilnahmecode button { float: right; width: 102px; height: 25px; margin: 12px 0 0; border: none; background: none; cursor: pointer; }

.kultgewinn .utilityButtons { padding: 0 0 15px; }
.kultgewinn .utilityButtons a.btn { display: inline-block; margin: 0 10px 0 0; }
.kultgewinn .required { padding: 10px 0; }
/* Kultgewinn Fiat 500 (END) */

/* Lauras Stern */
#layerBox { width: 670px; height: 570px; background: url(/art/teaser/teaser_lauras_stern.png) no-repeat; } /* bg-image in layerBox for IE6 */
#layerBox .teaserContainer { width: 670px; height: 570px; } /* width, height for IE6 */
#layerBox .teaserContainer a.btnTeaser { display: block; position: absolute; left: 200px; top: 495px; width: 116px; height: 19px; z-index: 10000; }
#layerBox .teaserContainer a.btnClose { display: block; position: absolute; left: 587px; top: 126px; width: 15px; height: 15px; background: url(/art/button/teaser_lauras_stern_close.gif) no-repeat; text-indent: -19999px; z-index: 1010; cursor:pointer; }

.teaser_container_bottom { margin-top: 40px; }

#milchreis-teaser{ position:relative; }
#milchreis-teaser img{  }
#milchreis-teaser-1{ display:block; position:relative; left:20px; top:0; }
#milchreis-teaser-2{ display:none; position:relative; left:40px; top:0; }

.kultgewinn * { color: #673405; }
.kultgewinn .error { color: #F00; }
.kultgewinn ol { padding: 0; list-style-position: inside; }
.kultgewinn li { padding: 0 0 15px; }
.kultgewinn .form_teilnahmecode { position: relative; left: 80px; top: 30px; width: 187px; height: 148px; padding: 35px 45px 0 30px; background: url(/art/bg/bg_kultgespann_form.gif) no-repeat; overflow: hidden; }
.kultgewinn .form_teilnahmecode label { display: block; width: 167px; height: 16px; padding: 0 0 12px; background: url(/art/hd/hd_code.gif) no-repeat; text-indent: -19999px; }
.kultgewinn .form_teilnahmecode input { display: block; width: 166px; height: 23px; padding: 2px 10px; background: url(/art/bg/bg_kultgespann_input.gif) no-repeat; border: none; }
.kultgewinn .form_teilnahmecode button { float: right; width: 102px; height: 25px; margin: 12px 0 0; border: none; background: none; cursor: pointer; }

.kultgewinn .utilityButtons { padding: 0 0 15px; }
.kultgewinn .utilityButtons a.btn { display: inline-block; margin: 0 10px 0 0; }
.kultgewinn .required { padding: 10px 0; }
/* Kultgewinn Fiat 500 (END) */

/* = butlers promo = START
 = = = = = = = = = = = = = = = = = = = = */


#layerBox { width: 616px; height: 424px; background: url(/art/promo/butlers/layer-index.png) no-repeat; } /* bg-image in layerBox for IE6 */
#layerBox .teaserContainer { width: 616px; height: 424px; } /* width, height for IE6 */
#layerBox .teaserContainer a.btnClose { display: block; position: absolute; left: 555px; top: 40px; width: 15px; height: 15px; background: url(/art/promo/butlers/close-x.gif) no-repeat; text-indent: -19999px; z-index: 1010; }
#layerBox .teaserContainer a.btnClose:hover { background-position: left bottom; cursor:pointer; }
#layerBox .teaserContainer a.btnTeaser { display: block; position: absolute; left: 394px; top: 369px; width: 159px; height: 20px; z-index: 10000; text-indent: -19870px; background: url(/art/promo/butlers/layer-link-winnow.gif) no-repeat; }
#layerBox .teaserContainer a.btnTeaser:hover {
	background-position: left bottom;
}
.butlers .maincontent {
	position:relative;
	z-index:2;
	padding-top: 5px;

}
.butlers .teaser_container {
	margin: -248px 20px 0 -20px;
	position: relative;
}
.butlers .teaser_container_bottom {
	margin: 90px 40px 0 -40px;
	position:relative;
	z-index:1;
	display: inline;
}
.butlers .teaser_container_bottom a {
	position:absolute;
	text-indent:-19870px
}
.butlers .teaser_container_bottom a.prod1 {
	left: 164px;
    top: 196px;
	width:120px;
	height:190px;
	z-index:2;
}
.butlers .teaser_container_bottom a.prod2 {
	left: 54px;
    top: 33px;
	width:180px;
	height:230px;
	z-index:1
}
.butlers .maincontent .linklist {
	list-style-type:none;
	padding:0;
}
.butlers .maincontent .linklist a {
	display: block;
	text-indent: -19870px;
	background: url(../art/promo/butlers/link_moeglichkeit1.jpg) left top no-repeat;
	height:12px;
	width:275px;
	margin-bottom:5px
}
.butlers .maincontent .linklist a.m2 {
	background-image: url(../art/promo/butlers/link_moeglichkeit2.jpg);
}
/* keine mouseover in psd, also auch hier nicht...
.butlers .maincontent .linklist a:hover {
	background-position: left bottom;
}
*/
#butlersLayerBox { width: 599px; height: 696px; background: url(/art/promo/butlers/layer-codes.png) no-repeat; } /* bg-image in layerBox for IE6 */
#butlersLayerBox .teaserContainer { width: 599px; height: 696px; } /* width, height for IE6 */
#butlersLayerBox .teaserContainer a.btnClose { display: block; position: absolute; left: 555px; top: 40px; width: 15px; height: 15px; background: url(/art/promo/butlers/close-x.gif) no-repeat; text-indent: -19999px; z-index: 1010; }
#butlersLayerBox .teaserContainer a.btnClose:hover { background-position: left bottom; cursor:pointer; }

#butlersPos1 { text-align: center; width: 348px; height: 291px; background: url(/art/promo/butlers/pos1.png) center top no-repeat; } /* bg-image in layerBox for IE6 */
#butlersPos1 .teaserContainer { margin: 0 auto;	width: 348px; height: 291px; position: relative;} /* width, height for IE6 */
#butlersPos1 .teaserContainer a.btnClose { display: block; position: absolute; left: 310px; top: 25px; width: 15px; height: 15px; background: url(/art/promo/butlers/pos-x.gif) no-repeat; text-indent: -19999px; z-index: 1010; }
#butlersPos1 .teaserContainer a.btnClose:hover,
#butlersPos1 .teaserContainer a.btnExt:hover { background-position: left bottom; cursor:pointer; }
#butlersPos1 .teaserContainer a.btnExt { position: absolute; display: block; left: 145px; top: 245px; width: 154px; height: 12px; background: url(/art/promo/butlers/pos1-link.gif) left top no-repeat; text-indent: -19870px; }

#butlersPos2 { text-align: center; width: 348px; height: 291px; background: url(/art/promo/butlers/pos2.png) center top no-repeat; } /* bg-image in layerBox for IE6 */
#butlersPos2 .teaserContainer { margin: 0 auto;	width: 348px; height: 291px; position: relative;} /* width, height for IE6 */
#butlersPos2 .teaserContainer a.btnClose { display: block; position: absolute; left: 310px; top: 25px; width: 15px; height: 15px; background: url(/art/promo/butlers/pos-x.gif) no-repeat; text-indent: -19999px; z-index: 1010; }
#butlersPos2 .teaserContainer a.btnClose:hover,
#butlersPos2 .teaserContainer a.btnExt:hover { background-position: left bottom; cursor:pointer; }
#butlersPos2 .teaserContainer a.btnExt { position: absolute; display: block; left: 120px; top: 245px; width: 181px; height: 11px; background: url(/art/promo/butlers/pos2-link.gif) left top no-repeat; text-indent: -19870px; }

 
.butlers .form_teilnahmecode { width: 346px; height: 211px; padding: 10px; margin-bottom:20px; background: url(/art/promo/butlers/formbg.jpg) no-repeat; overflow: hidden; }
.butlers .form_teilnahmecode div { margin-bottom: 18px; width: 100%; float: left; overflow: hidden; }
.butlers .form_teilnahmecode label { display: block; width: 150px; height: 16px; float:left; }
.butlers .form_teilnahmecode .code label, 
.butlers .form_teilnahmecode label a { display: block; width: 140px; height: 16px; padding: 0 0 0 10px; background: url(/art/promo/butlers/label-code.gif) no-repeat; text-indent: -19999px; }
.butlers .form_teilnahmecode input { display: block; width: 166px; height: 23px; padding: 2px 10px; background: url(/art/promo/butlers/input.gif) no-repeat; border: none; float: left; }
.butlers .form_teilnahmecode button { float: right; width: 102px; height: 25px; border: none; background: none; cursor: pointer; }
.butlers .form_teilnahmecode .code label{ background-image: url(/art/promo/butlers/label-code.gif); }
.butlers .form_teilnahmecode .secCode label a{ background-image: url(/art/promo/butlers/label-secCode.gif); }
.butlers .form_teilnahmecode .repeatSecCode label a{ background-image: url(/art/promo/butlers/label-repeatSecCode.gif); }
 
 
 
 /* distri page */
.dist-butler-laura .content-butlers {
 	width: 400px;
 	background: url(/art/promo/butlers/distri-butlers.jpg) right bottom no-repeat;
 	padding-right: 180px;
 	height: 221px;
	margin:30px 0 0 0;
 }
 .dist-butler-laura .content-laura {
  	width: 330px;
  	background: url(/art/promo/butlers/distri-laura.jpg) left top no-repeat;
  	padding-left: 270px;
  	height: 219px;
  	padding-top: 50px;
  	margin-top: -30px;
  }
 .dist-butler-laura .zumgewinnspiel {
 	background:  url(/art/promo/butlers/distri-zumgewinnspiel.jpg);
 	height: 12px;
 	width: 108px;
 	display: block;
 	text-indent: -19870px;
}
 .dist-butler-laura .zumgewinnspiel:hover {
 	background-position: left bottom;
 }
 
#content-fissler{
	background:url(/art/promo/distro-fissler.jpg) no-repeat right 10px;
	width:540px;
	height:178px;
	margin:30px 0 0 0;
} 
#content-fissler h3{ width:320px; }
#content-fissler p{
	width:320px;
}

#content-suesse-momente{
	width:660px; height:191px; background:url(/art/promo/distro-suesse-momente.jpg) no-repeat left top;
	position:relative;
}
#content-suesse-momente p{
	position:absolute;
	top:70px; right:10px; width:380px;
}
#content-suesse-momente a{
	position:absolute; display:block; 
	top:140px; left:270px;
}
 /* = butlers promo = END 
 = = = = = = = = = = = = = = = = = = = = */
 
 
/* = suesseMomente promo = START
 = = = = = = = = = = = = = = = = = = = = */

 /*teaser home*/
.imgTeaser a{
    position:absolute;
    display:block;
    z-index:1;
    top:100px;
    height:12px;
    overflow:hidden;
}
.imgTeaser a+img{
    position:absolute;
    z-index:0;
    top:0;
}
.imgTeaser a:hover img{
    margin-top:-12px;
}
#suesseMomenteHomeTeaser {
	width:203px;
	height:136px;
	background: url(/art/promo/suesseMomente/suesseMomenteHomeTeaser.jpg) no-repeat 0 0;
	position:relative;
	float:left;
	margin:18px 5px 0 0px;
}
#suesseMomenteHomeTeaser .SpriteButton {
	bottom:14px;
	top:auto;
	left:18px;
}
#butlersHomeTeaser {
	width:207px;
	height:143px;
	background: url(/art/promo/suesseMomente/butlersHomeTeaser.jpg) no-repeat 0 0;
}
#butlersHomeTeaser .SpriteButton {
	bottom:14px;
	top:auto;
	left:18px;
}

#fisslerHomeTeaser{
	width:212px;
	height:157px;
	background: url(/art/promo/fissler/fissler-teaser-home.jpg) no-repeat 0 0;
	position:relative;
	float:left;
}

#fisslerHomeTeaser .SpriteButton {
	bottom:14px;
	top:auto;
	left:30px;
	height:16px;
	line-height:16px;
}

#preishitsHomeTeaser{
	width:390px;
	height:177px;
	display:block;
	background: url(/art/promo/preishits-teaser-home.png) no-repeat 0 0;
	position:relative;
	padding:15px 0 0 16px;
	margin-top:10px;
}
#preishitsHomeTeaser p{
	width:170px; font-size:11px;
}

#layerBox { width: 616px; height: 424px; background: url(/art/promo/suesseMomente/layer-index.png) no-repeat; } /* bg-image in layerBox for IE6 */
#layerBox .teaserContainer { width: 616px; height: 424px; } /* width, height for IE6 */
#layerBox .teaserContainer a.btnClose { display: block; position: absolute; left: 555px; top: 40px; width: 15px; height: 15px; background: url(/art/promo/suesseMomente/close-x.gif) no-repeat; text-indent: -19999px; z-index: 1010; }
#layerBox .teaserContainer a.btnClose:hover { background-position: left bottom; cursor:pointer; }
#layerBox .teaserContainer a.btnTeaser { display: block; position: absolute; left: 394px; top: 369px; width: 159px; height: 20px; z-index: 10000; text-indent: -19870px; background: url(/art/promo/suesseMomente/layer-link-winnow.gif) no-repeat; }
#layerBox .teaserContainer a.btnTeaser:hover {
	background-position: left bottom;
}
.suesseMomente .maincontent {
	position:relative;
	z-index:2;
	padding-top: 5px;

}
.suesseMomente .teaser_container {
	margin: -248px 20px 0 -20px;
	position: relative;
}
.suesseMomente .teaser_container_bottom {
	margin: 90px 40px 0 -40px;
	position:relative;
	z-index:1;
	display: inline;
}
.suesseMomente .teaser_container_bottom a {
	position:absolute;
	text-indent:-19870px
}
.suesseMomente .teaser_container_bottom a.prod1 {
	left: 164px;
    top: 196px;
	width:120px;
	height:190px;
	z-index:2;
}
.suesseMomente .teaser_container_bottom a.prod2 {
	left: 54px;
    top: 33px;
	width:180px;
	height:230px;
	z-index:1
}
.suesseMomente .maincontent .linklist,
.suesseMomente .teaser_container_bottom .linklist{
	list-style-type:none;
	padding:0;
}
.suesseMomente .teaser_container_bottom .linklist a {
	display: block;
	text-indent: -19870px;
	background: url(/art/promo/suesseMomente/link_moeglichkeit1.jpg) left top no-repeat;
	height:12px;
	width:275px;
	margin-bottom:5px
}

/* keine mouseover in psd, also auch hier nicht...
.suesseMomente .maincontent .linklist a:hover {
	background-position: left bottom;
}
*/
 
.suesseMomente .form_teilnahmecode { width: 346px; height: 211px; padding: 10px; margin-bottom:20px; background: url(/art/promo/suesseMomente/formbg.jpg) no-repeat; overflow: hidden; margin-left:-5px; }
.suesseMomente .form_teilnahmecode div { margin-bottom: 18px; width: 100%; float: left; overflow: hidden; }
.suesseMomente .form_teilnahmecode label { display: block; width: 150px; height: 16px; float:left; }
.suesseMomente .form_teilnahmecode .code label, 
.suesseMomente .form_teilnahmecode label a { display: block; width: 140px; height: 16px; padding: 0 0 0 10px; background: url(/art/promo/suesseMomente/label-code.gif) no-repeat; text-indent: -19999px; }
.suesseMomente .form_teilnahmecode input { display: block; width: 166px; height: 23px; padding: 2px 10px; background: url(/art/promo/suesseMomente/input.gif) no-repeat; border: none; float: left; }

.suesseMomente .form_teilnahmecode input.error {background-image: url(/art/promo/suesseMomente/inputError.gif); }
.suesseMomente .form_teilnahmecode button { float: right; width: 102px; height: 25px; border: none; background: none; cursor: pointer; }
.suesseMomente .form_teilnahmecode .code label{ background-image: url(/art/promo/suesseMomente/label-code.gif); }
.suesseMomente .form_teilnahmecode .secCode label a{ background-image: url(/art/promo/suesseMomente/label-secCode.gif); }
.suesseMomente .form_teilnahmecode .repeatSecCode label a{ background-image: url(/art/promo/suesseMomente/label-repeatSecCode.gif); }

/*promo teaser*/
#promoTeaser_suesseMomente {
	background: url(/art/promo/suesseMomente/promoTeaser_suesseMomente.jpg) no-repeat 0 0;
	width:276px;
	height:396px;
	float: left;
    display: inline;
	overflow:hidden;
    margin: 90px 0px 0 -5px;
    position: relative;
    z-index: 1;
}
#promoTeaser_suesseMomenteSmall {
	background: url(/art/promo/suesseMomente/promoTeaser_suesseMomenteSmall.jpg) no-repeat 0 0;
	width:244px;
	height:320px;
	float: left;
    display: inline;
	overflow:hidden;
    margin: 28px 0px 0 -5px;
    position: relative;
    z-index: 1;
}
#winningsPixum {
	position:absolute;
	top:247px;
	left:167px;
	background: url(/art/promo/suesseMomente/pixum_72x20.gif) no-repeat 0 0;
	display:block;
	padding:24px 0 0 4px;
	line-height:12px;
}
#winningsMelitta {
	position:absolute;
	top:315px;
	left:150px;
	line-height:12px;
}
#promoTeaser_suesseMomente a {
	width:107px;
	height:11px;
	top:385px;
	left:0;
	position:absolute;
}
#promoTeaser_suesseMomenteSmall a {
	width:107px;
	height:11px;
	top:308px;
	left:0;
	position:absolute;
}
/*promo teaser*/

/*layer*/
#suesseMomenteLayerBox ,
#suesseMomenteGewinne {
	top: 0px;
	overflow: hidden;
	display: none;
}
#suesseMomenteLayerBox {
	width:613px;
	height:665px;
	background:url(/art/promo/suesseMomente/suesseMomenteTeilnahmecodeLayer.png);
}
#suesseMomenteGewinne {
	width:854px;
	height:1177px;
	background:url(/art/promo/suesseMomente/suesseMomenteGewinneLayer.png);
}
.layerContainer {
	width:100%;
	height:100%;
	position:relative;
	text-align:left;
}
.layerContainer * {
	color:#003e90;
}
.layerContainerInner {
	margin:22px 0 0 22px;
}
.btnClose {
	display: block;
	position: absolute;
	right: 50px;
	left:auto;
	top: 40px;
	width: 15px;
	height: 15px;
	background: url(/art/promo/suesseMomente/close-x.gif) no-repeat;
	text-indent: -9999px;
	z-index: 1010; 
}
.btnClose:hover {
	background-position: left bottom;
	cursor:pointer;
}
#codeMondamin,
#codeSchwartau {
	font-size:12px;
	line-height:14px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-weight:bold;
	display:block;
	position:absolute;
	text-align:left;
}
#codeMondamin {
	width:310px;
    left: 258px;
    top: 177px;
    width: 310px;
}
#codeSchwartau {
    left: 61px;
    top: 445px;
    width: 185px;
}
.layerContainer h1 {
	
}
.layerContainer p,
.layerContainer ul,
.layerContainer h2,
.layerContainer h3{
	font-size:12px;
	line-height:15px;
	margin-top:0;
}
#raffleHosts {
	background: url(/art/promo/suesseMomente/UnterallenTeilnehmernverlost.gif) no-repeat 0 0;
	width:536px;
	height:22px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	left:55px;
	top:148px;
}
.prizeDetails {
	margin:0;
	padding:0;
	list-style:none;
}
.prizeDetails li {
	background: url(/art/promo/suesseMomente/listBullet.gif) no-repeat 0 8px;
	padding:0 0 0 9px;
}
.prize {
	float:left;
	clear:both;
	width:100%;
	position:absolute;
	left:55px;
}
.layerContainer small {
	font-size:10px;
}
#prizeIberotel {
	background: url(/art/promo/suesseMomente/prizeIberotel.jpg) no-repeat 0 0;
	top:219px;
	padding:0 0 40px 260px;
	width:480px;
}
#prizeMelitta {
	background: url(/art/promo/suesseMomente/prizeMelitta.jpg) no-repeat right 0;
	top:514px;
	padding:20px 275px 15px 0;
	width:410px;
}
#prizePixum {
	background: url(/art/promo/suesseMomente/prizePixum.jpg) no-repeat 0 0;
	top:745px;
	padding:0 0 0 260px;
	width:480px;	
}
/**/
#suesseMomenteQuittingAside {
    display: inline;
    float: left;
    margin: 75px 0 0;
    width: 236px;
}
#suesseMomenteQuittingAside p {
	margin-top:8px;
	line-height:15px;
}
/**/
#prizePixum10EuroInsert {
	width:341px;
	height:130px;
	margin:-20px 0 15px 0;
}
/**/
#suesseMomenteRecipes {
	margin:0;
	padding:0;
	list-style:none;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	line-height:15px;
}
#suesseMomenteRecipes li {
	font-weight:bold;
	margin:0;
	padding:0;
}
#suesseMomenteRecipes a {
	text-decoration:underline;
	font-weight:bold;
}
/**/
.blockMsg {
	position:absolute !important;/*allows for scrolling of the layer*/
}

#zuDenGewinnen2 {
	margin-left:0px;
}
a#zuDenGewinnen:hover {
	background-position:left -12px;
}

 
 
/* distri page */
.dist-butler-laura .content-suesseMomente {
	width: 330px;
	background: url(/art/promo/suesseMomente/distri-suesseMomente.jpg) 0 30px no-repeat;
	padding-left: 270px;
	height: 219px;
	padding-top: 50px;
	margin-top: -30px;
}
.dist-butler-laura .content-suesseMomente .intro_text {
	margin-top:60px;
}
.dist-butler-laura .content-laura {
	width: 330px;
	background: url(/art/promo/suesseMomente/distri-laura.jpg) left top no-repeat;
	padding-left: 270px;
	height: 219px;
	padding-top: 50px;
	margin-top: -30px;
}
.dist-butler-laura .zumgewinnspiel {
	background:  url(/art/promo/suesseMomente/distri-zumgewinnspiel.jpg);
	height: 12px;
	width: 108px;
	display: block;
	text-indent: -19870px;
}
.dist-butler-laura .zumgewinnspiel:hover {
	background-position: left bottom;
}
 
 
 /* = suesseMomente promo = END 
 = = = = = = = = = = = = = = = = = = = = */