/* styles.css */

/* allgemeines */
html {height:100%;}
body {display:block;text-align:center;background-color:gray;height:100%;background:url(../images/bg/kachel.jpg) repeat-x;}
a {text-decoration:none;color:#999999;}
p {line-height:18px;}

h1 {font-size:20px;padding:0 0 9px 0;font-weight:bold;}
h2 {font-size:16px;font-weight:bold;}

.clear {clear:both;}
.invis {display:none;}
.floatL {float:left;}


/* Seitenbereiche */
#Wrapper {background:url(../images/bg/bg_content.png) repeat-y;width:896px;margin:0 auto;text-align:left;padding:0 11px;}

/* Header und Navigation*/
#Header {height:251px;overflow:hidden;}
#Header img {display:block;position:relative;}
#Nav {overflow:hidden;height:49px;padding-left:18px;background:url(../images/bg/bg_nav.jpg) no-repeat;width:878px;position:relative;}
#Nav li{float:left;}
#Nav a {display:block;height:49px;}
#Nav a.home {background:url(../images/nav/home_pas.gif) no-repeat;width:116px;}
#Nav a.home_aktiv {background:url(../images/nav/home_act.gif) no-repeat;width:116px;}
#Nav a.fruchtzauber {background:url(../images/nav/fruchteiszauber_pas.gif) no-repeat;width:236px;}
#Nav a.fruchtzauber_aktiv {background:url(../images/nav/fruchteiszauber_act.gif) no-repeat;width:236px;}
#Nav a.rezepte {background:url(../images/nav/rezepte_pas.gif) no-repeat;width:134px;}
#Nav a.rezepte_aktiv {background:url(../images/nav/rezepte_act.gif) no-repeat;width:134px;}
#Nav a.meinung {background:url(../images/nav/ihre_meinung_pas.gif) no-repeat;width:177px;}
#Nav a.meinung_aktiv {background:url(../images/nav/ihre_meinung_act.gif) no-repeat;width:177px;}
#Nav a.faq {background:url(../images/nav/faq_pas.gif) no-repeat;width:198px;}
#Nav a.faq_aktiv {background:url(../images/nav/faq_act.gif) no-repeat;width:198px;}


/* Hauptinhaltsbereich*/
.start #Content {background:url(../images/bg/bg_content_start.jpg) repeat-x bottom left;}
.faq #Content {background:url(../images/bg/bg_content_faq.jpg) repeat bottom left;}
#Content {background:url(../images/bg/bg_content.jpg) repeat top left;width:867px;margin:0 7px;position:relative;padding:0 0 0 15px;}
#Content .teaser {width:256px;height:300px;padding:6px 0 0 0;position:relative;float:left;margin-right:38px;z-index:2;}
#Content .last {margin:0;}
#Content .teaser div {position:absolute; z-index:10;right:0;bottom:0px;width:162px;height:68px;background:url(../images/bg/bg_teaser.png) no-repeat bottom left;text-align:right;}
#Content .teaser div.solo {position:absolute;right:17px;bottom:42px;width:162px;height:68px;background:url(../images/bg/bg_sterne_solo.png) no-repeat bottom left;text-align:right;}

#Content .teaser a {display:block;}

#Content #LeftCol {float:left;width:595px;padding-top:45px;padding-bottom:50px;}
#Content #RightCol {float:left;padding-top:45px;position:relative;width:250px;}

/* Produktseite */
#Content #LeftCol img.visual {margin:10px 0 0 20px;}
#Content #LeftCol #Produktfeatures li {background:url(../images/icon/produkt_list_haken.gif) no-repeat;height:25px;padding:3px 0 15px 34px;}
#Content #Description {padding:0 0 95px 0;position:relative;}
#Content #Description img {padding-top:10px;}

#Content #Contact {position:absolute;width:558px;height:157px;left:20px;bottom:120px;}
#Content #Contact div {background:url(../images/bg/bg_produkt_kontakt.png) no-repeat;width:558px;height:157px;}
#Content #Contact h2 {padding:20px 0 0 150px;}
#Content #Contact p {padding:0 0 0 150px;}

#Content #TVSpot {display:none;width:624px;position:absolute;left:130px;top:350px;z-index:16;}
#Content #TVSpot #Top {height:3px;}
#Content #TVSpot #Top img {display:block;vertical-align:bottom;height:3px;width:623px;}
#Content #TVSpot #Left {height:450px;float:left;width:11px;}
#Content #TVSpot #Left img {height:450px;display:block;width:11px;vertical-align:top;}
#Content #TVSpot #Bottom {height:8px;width:623px;}
#Content #TVSpot #Bottom  img {vertical-align:top;height:8px;display:block;width:623px;}
#Content #TVSpot .inner {float:left;padding:10px 0 0 9px;background-color:#ffffff;height:440px;width:604px;vertical-align:top;}
#Content #TVSpot .inner h3 {float:left;padding-top:2px;}
#Content #TVSpot .inner a img {float:right;margin-right:13px;}
#Content #TVSpot .inner #Flash {padding-top:12px;}

#Content #TVSpotFrucht {display:none;width:624px;position:absolute;left:130px;top:350px;z-index:16;}
#Content #TVSpotFrucht #Top {height:3px;}
#Content #TVSpotFrucht #Top img {display:block;vertical-align:bottom;height:3px;width:623px;}
#Content #TVSpotFrucht #Left {height:450px;float:left;width:11px;}
#Content #TVSpotFrucht #Left img {height:450px;display:block;width:11px;vertical-align:top;}
#Content #TVSpotFrucht #Bottom {height:8px;width:623px;}
#Content #TVSpotFrucht #Bottom  img {vertical-align:top;height:8px;display:block;width:623px;}
#Content #TVSpotFrucht .inner {float:left;padding:10px 0 0 9px;background-color:#ffffff;height:440px;width:604px;vertical-align:top;}
#Content #TVSpotFrucht .inner h3 {float:left;padding-top:2px;}
#Content #TVSpotFrucht .inner a img {float:right;margin-right:13px;}
#Content #TVSpotFrucht .inner #Flash {padding-top:12px;}



#Content #TVSpotMain {display:none;width:624px;position:absolute;left:130px;top:128px;z-index:16;}
#Content #TVSpotMain #Top {height:3px;}
#Content #TVSpotMain #Top img {display:block;vertical-align:bottom;height:3px;width:623px;}
#Content #TVSpotMain #Left {height:450px;float:left;width:11px;}
#Content #TVSpotMain #Left img {height:450px;display:block;width:11px;vertical-align:top;}
#Content #TVSpotMain #Bottom {height:8px;width:623px;}
#Content #TVSpotMain #Bottom  img {vertical-align:top;height:8px;display:block;width:623px;}
#Content #TVSpotMain .inner {float:left;padding:10px 0 0 9px;background-color:#ffffff;height:440px;width:604px;vertical-align:top;}
#Content #TVSpotMain .inner h3 {float:left;padding-top:2px;}
#Content #TVSpotMain .inner a img {float:right;margin-right:13px;}
#Content #TVSpotMain .inner #Flash {padding-top:12px;}


#Content #RightCol #RightTeaserTvSpot {width:274px;height:156px;position:absolute;top:110px;right:-23px;}
#Content #RightCol #RightTeaserTvSpot .bg{background:url(../images/bg/bg_teaser_tvspot.png) no-repeat;width:204px;height:116px;padding:40px 0 0 70px;}
#Content #RightCol #RightTeaserTvSpot .bg h2 {padding-bottom:3px;}
#Content #RightCol #RightTeaserTvSpot .bg div {position:relative;width:150px;height:50px;}
#Content #RightCol #RightTeaserRezept {width:294px;height:143px;position:absolute;top:330px;right:-45px;}
#Content #RightCol #RightTeaserRezept .bg{background:url(../images/bg/bg_teaser_rezept.png) no-repeat;width:277px;height:126px;padding:17px 0 0 17px;}
#Content #RightCol #RightTeaserRezept .bg h2 {padding-bottom:3px;}
#Content #RightCol #RightTeaserRezept .bg p { margin-left:15px; }
#Content #RightCol #RightTeaserRezept .bg div {position:relative;width:150px;height:50px;margin-left:-10px;}
#Content #RightCol #RightTeaserMeinung {width:282px;height:171px;position:absolute;top:640px;right:-30px;}
#Content #RightCol #RightTeaserMeinung .bg{background:url(../images/bg/bg_teaser_aktion.png) 0 27px no-repeat;width:213px;height:126px;padding:45px 0 0 69px;}
#Content #RightCol #RightTeaserMeinung .bg h2 {padding-bottom:3px;}
#Content #RightCol #RightTeaserMeinung .bg div {position:relative;width:150px;height:50px;margin-left:-10px;}
#Content #RightCol #RightTeaserKaufen {width:314px;height:153px;position:absolute;top:835px;right:-65px;}
#Content #RightCol #RightTeaserKaufen .bg{background:url(../images/bg/bg_teaser_kaufen.png) no-repeat;width:301px;height:141px;padding:13px 0 0 12px;}
#Content #RightCol #RightTeaserKaufen .bg h2 {padding-bottom:3px;}
#Content #RightCol #RightTeaserKaufen .bg div {position:relative;width:150px;height:50px;margin-left:-10px;}

#Content #RightCol #RightTeaserBroschur {width:294px;height:143px;position:absolute;top:500px;right:-45px;}
#Content #RightCol #RightTeaserBroschur .bg{width:301px;height:141px;padding:13px 0 0 12px;}
#Content #RightCol #RightTeaserBroschur .bg{background:url(../images/bg/bg_teaser_broschur.png) no-repeat;}
#Content #RightCol #RightTeaserBroschur.eiszauber .bg{background:url(../images/bg/bg_teaser_broschur_ez.png) no-repeat;}
#Content #RightCol #RightTeaserBroschur.fruchteiszauber .bg{background:url(../images/bg/bg_teaser_broschur_fez.png) no-repeat;}
#Content #RightCol #RightTeaserBroschur .bg h2 {padding: 0 0 3px 86px;}
#Content #RightCol #RightTeaserBroschur .bg p {padding: 0 0 10px 86px;}
#Content #RightCol #RightTeaserBroschur .bg div {position:relative;width:150px;height:50px;margin-left:-10px;padding: 0 0 0 86px;}

#Content #RightCol #RightTeaserMoreRecepies{width:294px;height:143px;position:absolute;top:500px;right:-45px;}
#Content #RightCol #RightTeaserMoreRecepies .bg{width:301px;height:141px;padding:13px 0 0 12px;background:url(../images/bg/bg_teaser_recepies.png) no-repeat;}
#Content #RightCol #RightTeaserMoreRecepies .bg p {padding: 0 0 10px 86px;}
#Content #RightCol #RightTeaserMoreRecepies .bg h2 {padding: 0 0 3px 86px;}
#Content #RightCol #RightTeaserMoreRecepies .bg div {position:relative;width:150px;height:50px;margin-left:-10px;padding: 0 0 0 93px;}

#Content #RightCol.receipe #RightTeaserBroschur {width:294px;height:143px;position:absolute;top:690px;right:-42px;}



/* Rezeptseite */
#Content #LeftCol #RezeptDesMonats {margin:25px 0 0 0;}

#Content #RightCol #SendeRezept {position:absolute;left:-25px;top:35px;padding:35px 0 80px 40px;width:256px;}
#Content #RightCol #SendeRezept h2 {height:25px;}
#Content #RightCol #SendeRezept form {margin-top:10px;font-size:11px;}
#Content #RightCol #SendeRezept input {height:17px;border:1px solid #d4e5f5;font-size:11px;padding:2px 0 0 4px;color:#00519e;width:230px;margin-top:10px;display:block;}
#Content #RightCol #SendeRezept textarea {border:1px solid #d4e5f5;font-size:11px;padding:2px 0 0 4px;color:#00519e;width:230px;height:95px;margin-right:5px;margin-top:10px;display:block;}
#Content #RightCol #SendeRezept .checkbox {width:13px;height:13px;padding:0;margin:5px 0 0 2px;float:left;border:1px solid #d4e5f5;}
#Content #RightCol #SendeRezept span {float:left;margin:5px 0 0 7px;width:230px;font-size:11px;line-height:13px;}
#Content #RightCol #SendeRezept span a {font-size:11px;text-decoration:underline;color:#00519e;line-height:15px;}
#Content #RightCol #SendeRezept form p {font-size:10px;margin:10px 0 0 0;}
#Content #RightCol #SendeRezept form div.png {position:absolute;left:100px;bottom:15px;height:68px;background:url(../images/bg/bg_teaser.png) no-repeat bottom left;text-align:right;}
#Content #RightCol #SendeRezept form input.button {width:175px;height:40px;border:none;margin-top:0;padding-top:0;}
#Content #RightCol #SendeRezept input#Plz {width: 45px; float: left; margin-right: 10px;}
#Content #RightCol #SendeRezept input#Location { width: 170px; float: left;}
#Content #RightCol #SendeRezept form label.error {font-size:11px;color:#fa182b;margin-left:4px;margin-top:2px;line-height:18px;}
#Content #RightCol #SendeRezept form div.agb label.error {float:left;margin-top:3px;line-height:13px;}
#Content #RightCol #SendeRezept form #AnredeLabel {padding-top:2px;font-size:11px;float:left;margin:0 35px 0 0;padding-left:0px;}
#Content #RightCol #SendeRezept form .anrede {float:left;width:auto;margin:0;padding:0;border:0;}
#Content #RightCol #SendeRezept form .anrlabel {padding-top:2px;font-size:11px;float:left;padding-left:2px;}
#Content #RightCol #SendeRezept #AnotherMail {font-size:11px;font-weight:bold;color:#00519e;line-height:15px;}

#Content #RightCol #SendeMeinung {position:absolute;left:-25px;top:200px;background:url(../images/bg/bg_sterne.png) no-repeat;padding:35px 0 80px 40px;width:256px;}
#Content #RightCol #SendeMeinung h2 {height:25px;}
#Content #RightCol #SendeMeinung form {margin-top:10px;font-size:11px;}
#Content #RightCol #SendeMeinung input {height:17px;border:1px solid #d4e5f5;font-size:11px;padding:2px 0 0 4px;color:#00519e;width:230px;margin-top:10px;display:block;}
#Content #RightCol #SendeMeinung input#Plz {width: 45px; float: left; margin-right: 10px;}
#Content #RightCol #SendeMeinung input#Location { width: 170px; float: left;}
#Content #RightCol #SendeMeinung select {height:17px;border:1px solid #d4e5f5;font-size:11px;padding:0 0 0 4px;color:#00519e;width:230px;margin-top:10px;display:block;}
#Content #RightCol #SendeMeinung textarea {border:1px solid #d4e5f5;font-size:11px;padding:2px 0 0 4px;color:#00519e;width:230px;height:95px;margin-right:5px;margin-top:10px;display:block;}
#Content #RightCol #SendeMeinung .checkbox {width:13px;height:13px;padding:0;margin:5px 0 0 2px;float:left;border:1px solid #d4e5f5;}
#Content #RightCol #SendeMeinung span {float:left;margin:5px 0 0 7px;width:230px;font-size:11px;line-height:13px;}
#Content #RightCol #SendeMeinung span a {font-size:11px;text-decoration:underline;color:#00519e;line-height:15px;}
#Content #RightCol #SendeMeinung form p {font-size:10px;margin:9px 0 0 0;}
#Content #RightCol #SendeMeinung form div.png {bottom:15px;height:68px;background:url(../images/bg/bg_teaser.png) no-repeat 45px bottom;text-align:right;padding-left: 65px;}
#Content #RightCol #SendeMeinung form input.button {width:175px;height:40px;border:none;margin-top:0;padding-top:0;}
#Content #RightCol #SendeMeinung form label.error {font-size:11px;color:#fa182b;margin-left:4px;margin-top:2px;line-height:18px;}
#Content #RightCol #SendeMeinung form div.agb label.error {float:left;margin-top:3px;line-height:13px;}
#Content #RightCol #SendeMeinung form #AnredeLabel {padding-top:2px;font-size:11px;float:left;margin:0 35px 0 0;padding-left:0px;}
#Content #RightCol #SendeMeinung form .anrede {float:left;width:auto;margin:0;padding:0;border:0;}
#Content #RightCol #SendeMeinung form .anrlabel {padding-top:2px;font-size:11px;float:left;padding-left:2px;}
#Content #RightCol #SendeMeinung #AnotherMail {font-size:11px;font-weight:bold;color:#00519e;line-height:15px;}


#Content #LeftCol #RezepteUebersicht {margin-top:60px;position:relative;width:595px;padding-bottom:65px;margin-bottom:35px;}
#Content #LeftCol #RezepteUebersicht h2 {height:36px;}
#Content #LeftCol #RezepteUebersicht ul {}
#Content #LeftCol #RezepteUebersicht li.rezept {height:90px;/*overflow:hidden;*/margin-bottom:25px;}
#Content #LeftCol #RezepteUebersicht img {float:left;margin-right:20px;}
#Content #LeftCol #RezepteUebersicht div {float:left;width:460px; margin:15px 0 0 0;}
#Content #LeftCol #RezepteUebersicht div h3 {height:20px;font-weight:bold;font-size:13px;}
#Content #LeftCol #RezepteUebersicht div a {color:#fa182b;font-weight:bold;display:block;margin-top:3px;}
#Content #LeftCol #RezepteUebersicht div.png {position:absolute;left:100px;bottom:10px;width:162px;height:68px;background:url(../images/bg/bg_teaser.png) no-repeat bottom left;text-align:right;}

#Content #RightCol #RightTeaserFragen {width:305px;height:193px;position:absolute;top:840px;right:-20px;}
#Content #RightCol #RightTeaserFragen .bg{background:url(../images/bg/bg_teaser_fragen.png) no-repeat;width:205px;height:146px;padding:47px 0 0 100px;}
#Content #RightCol #RightTeaserFragen .bg h2 {padding-bottom:3px;}
#Content #RightCol #RightTeaserFragen .bg div {position:relative;width:150px;height:50px;margin-left:-2px;}

#Content #RightCol #RightTeaserProdukte {width:305px;height:193px;position:absolute;top:870px;right:-56px;}
#Content #RightCol #RightTeaserProdukte .bg{background:url(../images/bg/bg_teaser_produkte.png) no-repeat;width:205px;height:146px;padding:17px 0 0 70px;}
#Content #RightCol #RightTeaserProdukte .bg h2 {padding-bottom:3px;}
#Content #RightCol #RightTeaserProdukte .bg div {position:relative;width:150px;height:50px;margin-left:-10px;}

#Content #RightCol #RightTeaserCommunity {width:327px;height:286px;position:absolute;top:1070px;right:-35px;}
#Content #RightCol #RightTeaserCommunity .bg{background:url(../images/bg/bg_teaser_community.png) no-repeat;width:272px;height:266px;padding:20px 0 0 55px;}
#Content #RightCol #RightTeaserCommunity .bg h2 {padding-bottom:3px;}
#Content #RightCol #RightTeaserCommunity .bg div {position:relative;width:191px;height:50px;margin-left:-8px;}

/* Haeufige Fragen */
#Content #LeftCol  #FAQQuestion {margin-top:45px;width:555px;}
#Content #LeftCol  #FAQQuestion li {background:url(../images/icon/faq_list.png) no-repeat;;padding:2px 0 7px 35px;position:relative;line-height:16px;margin-bottom:9px;}
#Content #LeftCol  #FAQQuestion li p {width:520px;line-height:16px;}
#Content #LeftCol  #FAQQuestion li a {color:#fa182b;font-weight:bold;font-size:11px;}
#Content #LeftCol  #FAQQuestion li .border {position:absolute;bottom:0;left:0;height:1px;width:100%;background:url(../images/icon/faq_list_border.gif) repeat-x;}

#Content #LeftCol  #FAQAnswer {margin-top:45px;width:555px;padding-bottom:100px;}
#Content #LeftCol  #FAQAnswer li {position:relative;margin-bottom:9px;height:100%;overflow:hidden;}
#Content #LeftCol  #FAQAnswer li h2 {font-size:13px;font-weight:bold;background:url(../images/icon/faq_list_answer.png) no-repeat;padding:4px 0 7px 35px;line-height:16px;width:520px;}
#Content #LeftCol  #FAQAnswer li p {padding-bottom:8px;}
#Content #LeftCol  #FAQAnswer li .border {position:absolute;bottom:0;left:0;height:1px;width:100%;background:url(../images/icon/faq_list_border.gif) repeat-x;}
#Content #LeftCol  #FAQAnswer li a {font-size:11px;color:#004e9e;font-weight:bold;}
#Content #LeftCol  #FAQAnswer li img.png {position:absolute;right:7px;top:15px;}

#Content #LeftCol  #FAQButton  {position:relative;}
#Content #LeftCol  #FAQButton div {position:absolute;left:412px;bottom:130px;width:162px;height:68px;background:url(../images/bg/bg_teaser.png) no-repeat bottom left;text-align:right;}

#Content #RightCol #SendeFrage {position:absolute;left:10px;top:40px;background:url(../images/bg/bg_faq_frage.png) no-repeat;padding:130px 0 80px 0px;width:256px;}
#Content #RightCol #SendeFrage h2 {height:25px;}
#Content #RightCol #SendeFrage form {margin-top:10px;font-size:11px;}
#Content #RightCol #SendeFrage input {height:17px;border:1px solid #d4e5f5;font-size:11px;padding:2px 0 0 4px;color:#00519e;width:230px;margin-top:10px;display:block;}
#Content #RightCol #SendeFrage input#Plz {width: 45px; float: left; margin-right: 10px;}
#Content #RightCol #SendeFrage input#Location { width: 170px; float: left;}
#Content #RightCol #SendeFrage textarea {border:1px solid #d4e5f5;font-size:11px;padding:2px 0 0 4px;color:#00519e;width:230px;height:95px;margin-right:5px;margin-top:10px;display:block;}
#Content #RightCol #SendeFrage .checkbox {width:13px;height:13px;padding:0;margin:5px 0 0 2px;float:left;border:1px solid #d4e5f5;}
#Content #RightCol #SendeFrage span {float:left;margin:5px 0 0 7px;width:230px;font-size:11px;}
#Content #RightCol #SendeFrage span a {font-size:11px;text-decoration:underline;color:#00519e;line-height:15px;}
#Content #RightCol #SendeFrage form p {font-size:10px;margin:10px 0 0 0;}
#Content #RightCol #SendeFrage form div.png {position:absolute;left:95px;bottom:10px;height:68px;background:url(../images/bg/bg_teaser.png) no-repeat bottom left;text-align:right;}
#Content #RightCol #SendeFrage form input.button {width:137px;height:39px;border:none;margin-top:0;padding-top:0;}
#Content #RightCol #SendeFrage form label.error {font-size:11px;color:#fa182b;margin-left:4px;margin-top:2px;line-height:18px;}
#Content #RightCol #SendeFrage form div.agb label.error {float:left;margin-top:3px;line-height:13px;}
#Content #RightCol #SendeFrage form #AnredeLabel {padding-top:2px;font-size:11px;float:left;margin:0 35px 0 0;padding-left:0px;}
#Content #RightCol #SendeFrage form .anrede {float:left;width:auto;margin:0;padding:0;border:0;}
#Content #RightCol #SendeFrage form .anrlabel {padding-top:2px;font-size:11px;float:left;padding-left:2px;}
#Content #RightCol #SendeFrage #AnotherMail {font-size:11px;font-weight:bold;color:#00519e;line-height:15px;}

#Content #RightCol #SendeFrage form .radio-wrapper { width:230px; overflow:hidden; margin-top:10px; }
#Content #RightCol #SendeFrage form .radio-wrapper .ie-wrapper { margin:0; padding:0; }
#Content #RightCol #SendeFrage form .product-radio {float:left;width:auto;margin:2px 0 0 0;padding:0;border:0; clear:both; }
	*+html #Content #RightCol #SendeFrage form .product-radio {float:left;width:auto;margin:2px 0 0 -4px;padding:0;border:0; clear:both; }
#Content #RightCol #SendeFrage form .product-label {float:left;width:auto;margin:0;padding:0;border:0; font-weight:bold; margin-left:5px; font-size:12px; }




#Content .left-product-teaser {display:block; width:390px; float:left; overflow:hidden;}
#Content .left-product-teaser .info {width:340px; float:left; display:inline; clear:both; }
#Content .right-product-teaser {display:block; width:340px; float:left; overflow:hidden; margin:0 0 0 70px;}
#Content .right-product-teaser .info {width:340px; float:left; display:inline; margin-top:-20px; }

#Content .stars {position:absolute; z-index:10;width:162px;height:68px;background:url(../images/bg/bg_teaser.png) no-repeat bottom left;text-align:right;}

#Content .shop-teaser-fruit {height:270px;}
#Content .shop-teaser-fruit .left {display:block; width:310px; float:left; overflow:hidden;}

#Content #LeftCol .flash-rezepte {margin:20px 0 0 0;}

#Content #RightCol #RightTeaserYourOpinion {display:block; position:absolute; width:195px; height:113px; padding:45px 0 0 75px; background:url(../images/bg/bg_teaser_ihre_meinung.png) no-repeat; margin-left:2px; }
#Content #RightCol #RightTeaserEiszauber {display:block; position:absolute; width:267px; height:144px; padding:15px 0 0 15px; background:url(../images/bg/bg_teaser_eiszauber.png) no-repeat; margin-left:2px; }
#Content #RightCol #RightTeaserEiszauber p {margin:5px 0 0 0;}
#Content #RightCol #RightTeaserFruchtEiszauber {display:block; position:absolute; width:286px; height:144px; padding:15px 0 0 15px; background:url(../images/bg/bg_teaser_rezept_2.png) no-repeat; margin-left:2px; }
#Content #RightCol #RightTeaserFruchtEiszauber p {margin:5px 0 0 0;}
#Content #RightCol #RightTeaserRezeptMilch {width:294px;height:143px;position:absolute;top:330px;right:-46px;}
#Content #RightCol #RightTeaserRezeptMilch .bg{background:url(../images/bg/bg_teaser_rezept_milch.png) no-repeat;width:277px;height:126px;padding:17px 0 0 17px;}
#Content #RightCol #RightTeaserRezeptMilch .bg h2 {padding-bottom:3px;}
#Content #RightCol #RightTeaserRezeptMilch .bg div {position:relative;width:150px;height:50px;margin-left:-10px;}
#Content #RightCol #RightTeaserCompetition {display:block; position:absolute; width:265px; height:145px; padding:45px 0 0 18px; background:url(../images/bg/bg_teaser_gewinnspiel.png) no-repeat; margin-left:-1px; }
#Content #RightCol #RightTeaserCompetition .stars img { margin: 5px 0 0 -10px;}
/* Ihre Meinung */

#LeftCol #MeinungAbgeben div div{position:absolute;left:390px;bottom:0px;width:162px;height:68px;background:url(../images/bg/bg_teaser.png) no-repeat bottom left;text-align:right;}
#LeftCol #MeinungAbgeben {position:absolute;top:2px;left:0;height:170px;width:560px;}
#LeftCol #MeinungAbgeben .bg {background:url(../images/bg/bg_teaser_big_gewinnspiel.png) no-repeat;width:447px;height:126px;padding:44px 0 0 113px;}

#LeftCol #Meinungen ul {width:555px;margin-top:25px;}
#LeftCol #Meinungen ul li.item {background:url(../images/bg/bg_meinungen_sterne.png) top left no-repeat;overflow:hidden;margin-top:10px;}
#LeftCol #Meinungen ul li.item .foto {float:left;}
#LeftCol #Meinungen ul li.item  .info {float:left;margin:0 0 0 20px;width:445px;}
#LeftCol #Meinungen ul li.item  .info .head {padding-bottom:3px;overflow:hidden;background:url(../images/icon/faq_list_border.gif) bottom repeat-x;height:15px;}
#LeftCol #Meinungen ul li.item  .info .head .name {width:350px;float:left;}
#LeftCol #Meinungen ul li.item  .info .head .date {width:85px;float:right;}
#LeftCol #Meinungen ul li.item  .info h3.rating {margin:15px 0;}
#LeftCol #Meinungen ul li.item  .info p {padding-bottom:30px;}

/* Formular */


#LeftCol #MeinungVerschicken table td {height:30px;font-size:11px;}

#LeftCol #MeinungVerschicken form {margin-top:10px;font-size:11px;}
#LeftCol #MeinungVerschicken input.text{height:17px;border:1px solid #d4e5f5;font-size:11px;padding:2px 0 0 4px;color:#00519e;width:357px;display:block;}
#LeftCol #MeinungVerschicken label,
#LeftCol #MeinungVerschicken input.product-radio {vertical-align: middle;font-size:11px;}
#LeftCol #MeinungVerschicken textarea {border:1px solid #d4e5f5;font-size:11px;padding:2px 0 0 4px;color:#00519e;width:230px;height:95px;margin-right:5px;margin-top:10px;display:block;}
#LeftCol #MeinungVerschicken .checkbox {width:13px;height:13px;padding:0;margin:5px 0 0 2px;float:left;border:1px solid #d4e5f5;}
#LeftCol #MeinungVerschicken span {float:left;margin:5px 0 0 7px;width:230px;font-size:11px;line-height:13px;}
#LeftCol #MeinungVerschicken span a {font-size:11px;text-decoration:underline;color:#00519e;line-height:15px;}
#LeftCol #MeinungVerschicken form p {font-size:10px;margin:10px 0 0 0;}
#LeftCol #MeinungVerschicken form div.png {position:relative;left:100px;bottom:15px;height:68px;background:url(../images/bg/bg_teaser.png) no-repeat bottom left;text-align:right;}
#LeftCol #MeinungVerschicken form input.button {border:none;margin-top:0;padding-top:0;}
#LeftCol #MeinungVerschicken form label.error {font-size:11px;color:#fa182b;margin-left:4px;margin-top:2px;line-height:18px;}
#LeftCol #MeinungVerschicken form div.agb label.error {float:left;margin-top:3px;line-height:13px;}
#LeftCol #MeinungVerschicken form #AnredeLabel {padding-top:2px;font-size:11px;float:left;margin:0 35px 0 0;padding-left:0px;}
#LeftCol #MeinungVerschicken form .anrede {float:left;width:auto;margin:0;padding:0;border:0;}
#LeftCol #MeinungVerschicken form .anrlabel {padding-top:2px;font-size:11px;float:left;padding-left:2px;}
#LeftCol #MeinungVerschicken #AnotherMail {font-size:11px;font-weight:bold;color:#00519e;line-height:15px;}

#LeftCol #MeinungVerschicken div.container { display:none;margin:0 0 10px 0; }
#LeftCol #MeinungVerschicken div.container ol {display:none;}
#LeftCol #MeinungVerschicken div.container ol li {list-style-type: none;margin-left: 20px;}
#LeftCol #MeinungVerschicken .container label.error {display:block;margin:0 !important;line-height:14px;}

#LeftCol #Proceed {position:absolute;left:280px;top:140px;width:162px;height:68px;background:url(../images/bg/bg_teaser.png) no-repeat bottom left;text-align:right;}

#LeftCol #MeinungVerschicken ul.antworten {margin: 10px 0;}
#LeftCol #MeinungVerschicken ul.antworten span {float: none; margin: 0;}
#LeftCol #MeinungVerschicken ul.antworten span img {margin: 5px 0 0 0; vertical-align: bottom;}

*+html #LeftCol #MeinungVerschicken ul.antworten span,
* html #LeftCol #MeinungVerschicken ul.antworten span {vertical-align: top;}
*+html #LeftCol #MeinungVerschicken ul.antworten img,
* html #LeftCol #MeinungVerschicken ul.antworten img {margin-top: -10px;}
*+html #LeftCol #MeinungVerschicken ul.antworten li,
* html #LeftCol #MeinungVerschicken ul.antworten li{vertical-align: bottom;padding: 5px;}

.meinung #Content #RightCol #RightTeaserRezept {top:30px;}

#RightCol #Tester {background:url(../images/bg/bg_meinung_large.png) no-repeat;width:256px;height:1006px;position:absolute;top:1040px;padding:0 0 0 14px;}
#RightCol #Tester h2 {height:22px;padding:14px 0 0 0;}
#RightCol #Tester li {padding:8px 0 8px 0;position:relative;width:239px;}
#RightCol #Tester li p {font-size:11px;line-height:20px;}
#RightCol #Tester li .border {position:absolute;bottom:0;left:0;height:1px;width:100%;background:url(../images/icon/faq_list_border.gif) repeat-x;}
#RightCol #Tester li.last span.border {background:none;}


/* Schuerze */
img#Left {position:absolute;left:-7px;bottom:0;z-index:1;}
img#Right {position:absolute;right:-7px;bottom:0;z-index:1;}

/* Footer */
#Footer {background-color:#ffffff;margin:0 auto;text-align:center;width:896px;padding:0 11px;background:url(../images/bg/bg_content_bottom.png) no-repeat;height:74px;}
#Footer ul {text-align:center;padding-top:4px;}
#Footer ul li {display:inline;color:#999999;font-size:10px;background:url(../images/bg/bg_footer_list.gif) no-repeat right;padding:0 10px 0 5px;margin:0;}
#Footer ul li.last {background:none;}
#Footer ul li a:hover {color:#333333;}

/* Popup */
#popup {display:none;}
#TB_ajaxContent {font-size:11px;position:relative;z-index:999 !important;}
#TB_ajaxContent h1 {padding:40px 0 0 45px;line-height: 20px;}
#TB_ajaxContent .popupListen {padding-left:20px;width:600px;padding-bottom:20px;}
#TB_ajaxContent .popupListen h3 {font-weight:bold;font-size:12px;}
#TB_ajaxContent .popupListen .head {height:32px;padding-top:15px;padding-left:25px;}
#TB_ajaxContent .popupListen table td {line-height:15px;font-size:11px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333;}
#TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#999999;}
#TB_window a:link {color: #999999;}
#TB_window a:hover {color: #333333;}
#TB_window a:active {color: #999999;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;	width:100%;}
.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}
.TB_overlayBG {	background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {	position: fixed;background: #ffffff;z-index: 102;color:#000000;display:none;text-align:left;top:50%;left:50%;border-bottom:5px solid #ffffff;}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {display:block;margin: 15px 0 0 15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#ffffff;height:27px;}
#TB_ajaxContent{clear:both;padding:0;overflow:auto;	text-align:left;	line-height:1.4em;background:url(../images/bg/bg_popup.jpg) top left no-repeat;}
#TB_ajaxContent.TB_modal{padding:0;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


.captchaBlock {width:450px !important;}
.captchaBlock img  { /*float:left;*/margin:0 10px 0 0; }

/* Paginierung */
.meinung #Content {height: 1380px;}
#Content #Meinungen .pagination {width: 100%; overflow: hidden;}
#Content #Meinungen .pagination ul {width: 300px;margin-top:0;float: left;}
#Content #Meinungen .pagination span, #Content #Meinungen .pagination li {float: left}
#Content #Meinungen .pagination li {padding: 0 5px;}
#Content #Meinungen .pagination li .active {font-weight: bold;}
#Content #Meinungen .pagination li a {color: #00519E;}
