/* Allg. Angaben ============================================ */

body {
	margin: 0;
	padding: 0;
	background-color: #E5E5E5;
	font-family: Arial, sans-serif;
	background-image: url('/pics/layout/ftc/HG_All_Verti.gif');
	background-repeat: repeat-y;
	background-position: top center;
}

form {
	padding: 0px;
	margin: 0px;
}

input {
	padding: 0px;
	margin: 0px;
}

iframe {
	padding: 0px;
	margin: 0px;
}

a img {
	border: 0px;
}

.ImgBorder {
	border: #DDDCD8 solid 1px;
}

.Clear {
	clear: both;
	height: 1px;
	font-size: 1px;
	float:none;
}

.Center {
	text-align: center;
}

/* Unsichtbare Inhalte für Suchmaschinen */

.futsch1 { 
	position:absolute; 
	left:-1000px; 
	top:-1000px; 
	width:0px; 
	height:0px; 
	overflow:hidden; 
	display:inline;
}

.futsch2 { 
	position:absolute; 
	left:-1000px; 
	top:-1000px; 
	width:0px; 
	height:0px;
}

.unsichtbar	{ 
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0; 
}


/* Spezial-DIVs zum Abdunkeln des Hauptcontents */

/*
div#popup_window {
	display: none; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 3; 
	height: 372px; 
	width: 580px; 
	background-color: #FFFFFF; 
	border: solid 1px #e2e2e1;
}
*/

div#popup_window_container {
	display: none; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 3; 
	height: 372px; 
	width: 100%; 
}

div.popup_window {
	position: relative; 
	z-index: 3; 
	height: 372px; 
	width: 580px;
	margin: auto;
	background-color: #FFFFFF; 
	border: solid 1px #e2e2e1;
}

div.popup_window_gewinnspiel {
	position: relative; 
	z-index: 3; 
	width: 582px;
	height: 584px; 
	margin: auto;
}

iframe.PopupLayergewinnspiel {
	width: 584px; 
	height: 584px;
	float: left;
	margin: 0px;
	padding: 0px;
}

div#disablecontent1 {
	display: none; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 2; 
	height: 100%; 
	width: 100%;
}

div#fadeColor {
	background-color: black; 
	width: 100%; 
	height: 100%; 
	-moz-opacity: 0.6; 
	opacity: 0.6; 
	filter:alpha(opacity=60);
}

/*SCHRIFT -----------*/
/*Schriftfarben -----*/


h1 {
	padding: 0;
	margin: 0;
	font-size: 100%;
}


h2 {
	padding: 0;
	margin: 0;
	font-size: 100%;
	
}

h3 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	
}

h4 {
	padding: 0;
	margin: 0;
	font-size: 70%;	
}

h5 {
	padding: 0;
	margin: 0;
}

p {
	padding: 0;
	line-height: 130%;
	margin: 0;
}

.LineHeightM {
	line-height: 115%;
}

/*blau*/
.ColorB {
	color: #0DB3E3;
}

.ColorB a {
	color: #0DB3E3;
}

/*gruen*/
.ColorHG {
	color: #CAD32A;
}

/*hellgruen*/
.ColorG {
	color: #B0B938;
}

/*schwarz*/
.ColorS {
	color: #4B4B43;
}
.ColorS a {
	color: #4B4B43;
}

/*weiss*/
.ColorW {
	color: #FFFFFF;
}

/*grau*/
.ColorGR {
	color: #C8C8C8;
}

/*dunkelgrau*/
.ColorDGR {
	color: #9D9E98;
}

/*orange*/
.ColorOR {
	color: #e16f00;
}

/*hellorange*/
.ColorHOR {
	color: #fcd8a5;
}


.suchwort {
	color: #CAD32A;
	font-weight: bold;
}

/*Textgroessen -----*/

.TextS {
	font-size: 70%
}

.TextSM {
	font-size: 75%
}


.TextM {
	font-size: 80%;
}

.TextL {
	font-size: 90%;
}

.TextXL {
	font-size: 100%;
}

.TextXXL {
	font-size: 150%;
	font-weight: bold;
}



.fontbold {
	font-weight: bold;
}

.kursiv {
	font-style: italic;
}

.center {
	text-align: center;
}

.textRight {
	text-align: right;
}

ul {
	margin-left: 25px;
	padding-left: 0px;
}

li {
	margin-left: 0px;
	padding-left: 0px;
}


/*Abstaende -----*/

.ObenFuenf {
	margin-top: 5px;
}

.ObenSieben {
	margin-top: 7px;
}

.ObenZehn {
	margin-top: 10px;
}


.ObenFuenfzehn {
	margin-top: 15px;
}

.ObenZwanzig {
	margin-top: 20px;
}

.ObenDreissig {
	margin-top: 30px;
}

.ObenVierzig {
	margin-top: 40px;
}

.ObenFuenfzig {
	margin-top: 50px;
}

.ObenSiebzig {
	margin-top: 70px;
}


.RechtsZwanzig {
	margin-right: 20px;
}

.LinksZwanzig {
	margin-left: 20px;
}

.UntenOhne {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.UntenFuenf {
	margin-bottom: 5px;
}

.UntenZehn {
	margin-bottom: 10px;
}
.UntenZehnPadding {
	padding-bottom: 10px;
}

.UntenZwanzigPadding {
	padding-bottom: 20px;
}

.RechtsDreiPad {
	padding-right: 3px;
}


.UntenFuenfzehn {
	margin-bottom: 15px;
}

.UntenZwanzig {
	margin-bottom: 20px;
}

.UntenDreissig {
	margin-bottom: 30px;
}


div.Zentrierung {
	width: 970px;
	text-align: center;
  	margin: auto;
}

div.All {
	width: 970px;
	float: left;
	text-align: left;
	position: relative; 
	background-color: #FFFFFF;
}

.NoTextdeco {
	text-decoration:none;
}

.Textdeco {
	text-decoration:underline;
}

/*HEAD ============================================*/

#Header {
	width: 970px;
	float: left;
}

#Logo {	
	width: 280px;
	height: 177px;
	float: left;
}


#Logo a img {
	margin-left: 51px; 
	margin-top: 35px;
}


#HGGrafikUndNav {
	width: 690px; 
	height: 177px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_Header_Grafik.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

/*Navigation ------- */

#NaviGesamt {
	width: 690px;
	height: 46px;
	float: none;	
	margin-top:131px;
}


#NaviHGLeft {
	width: 13px;
	height:46px;
	float: left;	
	background-image: url('/pics/layout/ftc/HG_Navi_Left.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

#NaviHGCenter {
	width: 653px;
	height: 46px;
	float: left;	
	background-image: url('/pics/layout/ftc/HG_Navi_Hori.gif');
	background-repeat: repeat-x;
	background-position: top left;
}

#NaviHGRight {
	width: 19px;
	height:46px;
	float: left;	
	background-image: url('/pics/layout/ftc/HG_Navi_Right.gif');
	background-repeat: no-repeat;
	background-position: top left;
}


#NaviHGCenter a {
	height: 36px;
	/*color: #777B33;*/
	color: #4B4B43;
	text-decoration: none;
	font-family: Calibri, Arial, sans-serif;
	font-size: 0.96em;
	text-align: center;
	padding-top: 10px;
	float: left;
	font-weight: bold;
	margin-right: 1px;
}

#NaviHGCenter a:hover {
	/*color: #777B33;*/
	color: #4B4B43;
	background-image: url('/pics/layout/ftc/HG_Navi_Hover.gif');
	background-repeat: repeat-x;
	background-position: top left;
}

#NaviHGCenter a.MenuePunkt {
	width: auto;
	padding-left: 7px;
	padding-right: 7px;
}


#NaviHGCenter a.MenuePunktAktiv {
	width: auto;
	padding-left: 7px;
	padding-right: 7px;
	background-image: url('/pics/layout/ftc/HG_Navi_Aktiv.gif');
	background-repeat: repeat-x;
	background-position: top left;
}

/*
#NaviHGCenter a.start {
	width: 54px;
}

#NaviHGCenter a.startAktiv {
	width:54px;
	background-image: url('/pics/layout/ftc/HG_Navi_Aktiv.gif');
	background-repeat: repeat-x;
	background-position: top left;
}
*/

#NaviHGCenter a#Start {
	width: 41px;
}

#NaviHGCenter a#Produkte {
	width: 65px;
}

#NaviHGCenter a#Produzenten {
	width: 87px;
}

#NaviHGCenter a#Lizenznehmer {
	width: 101px;
}

#NaviHGCenter a#Ueber_Fairtrade {
	width: 105px;
}

#NaviHGCenter a#Hilfe {
	width: 41px;
}

#NaviHGCenter a#Suche {
	width: 45px;
}

#NaviHGCenter a#Login {
	width: 41px;
}




#NaviHGCenter a#Gewinnspiel_1 {
	width: 90px;
}

#NaviHGCenter a#Preise {
	width: 60px;
}

#NaviHGCenter a#Fairtrade_Code {
	width: 111px;
}

#NaviHGCenter a#TransFair_Website {
	width: 131px;
}

#NaviHGCenter a#Facebook {
	width: 170px;
}


#NaviHGCenter a.MenueSonderstylefacebook {
	padding-left: 17px;
	background-image: url('/pics/layout/ftc/hg_facebook.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

#NaviHGCenter a.MenueSonderstylefacebook:hover {
	padding-left: 17px;
	background-image: url('/pics/layout/ftc/hg_facebook_hover.gif');
	background-repeat: no-repeat;
	background-position: top left;
}




/*CONTENT GESAMT ============================================*/

/*Content-Allgemein ----*/

#ContentGesamt {
	width: 970px;
	padding-top: 18px;
	float: left;
}


#MarginalContent {
	width: 269px;
	float: left;
	padding-left:11px;
}


#Content {
	width: 690px;
	float: left;
}



#Footer {
	width: 670px;
	float: right;
	margin-top: 25px;
	margin-bottom: 20px;
	background-image: url('/pics/layout/ftc/HG_ContainerL_BorderBot.gif');
	background-repeat: repeat-x;
	background-position: top left;
	font-size: 60%;
	color:#9D9E99;
	padding-top:5px;
}

#Footer a {	
	text-decoration: none;
	color:#9D9E99;
}

#Footer a.seitenanfang {	
	padding-left: 10px;
	background-image: url('/pics/layout/ftc/seitenanfang.gif');
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

#Footer a img {	
	margin-right: 6px;
	padding-left: 3px;
}

div.FooterBox {
	width: auto; 
	float: left; 
	padding-right: 5px;
	padding-top: 2px;
}

div.FooterBoxMiddle {
	width: auto; 
	float: left; 
}

div.FooterBoxText {
	width: auto;	
	float: left; 
	padding-top: 2px;	
}


div.FooterBoxPics {
	width: auto;	
	float: left; 
}


div.FooterFacebook {
	width: 270px; 
	float: left; 
	padding: 0 0 0 85px;
}



div.ContainerXS {
	width: 219px;
	float: left;
	margin-top: 4px;
	margin-right:6px;
}

div.ContainerXSTop {
	width: 219px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_ContainerXS_Top.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

div.ContainerXSVerti {
	width: 219px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_ContainerXS_Verti.gif');
	background-repeat: repeat-y;
	background-position: top left;
}

div.ContainerXSBottom {
	width: 219px;
	padding-bottom: 16px;
	float:left;
	background-image: url('/pics/layout/ftc/HG_ContainerXS_Bottom.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}

div.ContainerS {
	width: 243px;
	float: left;
	margin-top: 4px;
}

div.ContainerSTop {
	width: 243px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_ContainerS_Top.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

div.ContainerSVerti {
	width: 243px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_ContainerS_Verti.gif');
	background-repeat: repeat-y;
	background-position: top left;
}

div.ContainerSBottom {
	width:243px;
	padding-bottom: 16px;
	float:left;
	background-image: url('/pics/layout/ftc/HG_ContainerS_Bottom.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}


div.ContainerSBottomWelt {
	width:243px;
	float:left;
	padding-bottom: 22px;
	background-image: url('/pics/layout/ftc/HG_ContainerS_Bottom_Welt.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}




div.ContainerSBlue {
	width: 243px;
	float: left;
}

div.ContainerSBlueTop {
	width: 243px;	
	min-height: 305px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_ContainerSBlue_Top.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

div.ContainerSBlueVerti {
	width: 243px;
	min-height: 305px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_ContainerSBlue_Verti.gif');
	background-repeat: repeat-y;
	background-position: top left;
}

div.ContainerSBlueBottom {
	width:243px;
	padding-bottom: 16px;
	min-height: 305px;
	float:left;
	background-image: url('/pics/layout/ftc/HG_ContainerSBlue_Bottom.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}



div.ContainerL {
	width: 685px;
	float: left;
	margin-top: 4px;
}

div.ContainerLTop {
	width: 685px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_ContainerL_Top.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

div.ContainerLVerti {
	width: 685px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_ContainerL_Verti.gif');
	background-repeat: repeat-y;
	background-position: top left;
}

div.ContainerLBottom {
	width: 685px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_ContainerL_Bottom.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}


div.ContainerLBorderBot {
	width: 685px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_ContainerL_BorderBot.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	margin-bottom:15px;
}




div.ContainerSRight {
	width: 170px;
	float: left;
}

div.ContainerSRightTop {
	width: 170px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_ContainerSRight_Top.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

div.ContainerSRightVerti {
	width: 170px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_ContainerSRight_Verti.gif');
	background-repeat: repeat-y;
	background-position: top left;
}

div.ContainerSRightBottom {
	width:170px;
	padding-bottom: 16px;
	float:left;
	background-image: url('/pics/layout/ftc/HG_ContainerSRight_Bottom.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}


h2.ColorB {
	font-family: Calibri, Arial, sans-serif;
	background-image: url('/pics/layout/ftc/HG_H1_blau.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-bottom:2px;
}

h2.ColorG {
	font-family: Calibri, Arial, sans-serif;
	background-image: url('/pics/layout/ftc/HG_H1_gruen.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-bottom:2px;
}


h2.ColorOR {
	font-family: Calibri, Arial, sans-serif;
	background-image: url('/pics/layout/ftc/HG_H1_orange.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-bottom:2px;
}

h2.HeadlineSizeS {
	width: 236px;
	height: auto;
	float:left;
	padding-bottom: 11px;
}


h2.HeadlineSizePopup {
	width: 538px;
	height: 29px;
	float:left;
}


h2.HeadlineSizeL {
	width: 678px;
	height: 29px;	
	float:left;
}

/*MARGINAL CONTENT ======================*/

/*Marignal-Content Breite: 233px ohne Padding-Left*/

div.ContainerSContent {
	width: 213px;
	float: left;
	padding:15px 0 0 19px;
}

div.ContainerSContent p {
	width: 198px;
}

div.ContainerSContent p.BilderAnzahl {
	width: auto; 
	float: left;
}

div.ContainerSContent ul {
	width: auto; 
	float: left;
	padding: 0 0 0 16px;
	margin: 0px;
	color: #4B4B43;
	font-size: 80%;
}

div.ContainerSContent li  {
	padding: 0px;
	margin: 0px;
	padding-left: 5px;
	padding-top: 5px;
}


div.ContainerSContent h2, div.ContainerSContent p.ColorB {
	font-family: Calibri,Arial,sans-serif;
}


div.ContainerSContent2 {
	width: 233px;
	float: left;
	padding:15px 0 0 17px;
}

div.ContainerSContent a img {
	margin-bottom: 8px;	
}

a.WeiterLinkGruen {
	width: 194px;
	padding: 2px 0 2px 20px;
	float: left;
	background-image: url('/pics/layout/ftc/WeiterButtonS_Gruen_Re.gif');
	background-repeat: no-repeat;
	background-position: 0px 2px;
	font-weight: bold;
	text-decoration: none;
	color: #B0B938;
}

a.WeiterLinkGruenLeft {
	width: 194px;
	padding:2px 0 2px 20px;
	float:left;
	background-image: url('/pics/layout/ftc/WeiterButtonS_Gruen_Li.gif');
	background-repeat: no-repeat;
	background-position: 0px 2px;
	font-weight: bold;
	text-decoration: none;
	color: #B0B938;
}

a.WeiterLinkGruenDown {
	width: 172px;
	height: 20px;
	float: left;
	background-image: url('/pics/layout/ftc/Anker_ButtonS_Gruen.gif');
	background-repeat: no-repeat;
	background-position: top right;
	text-decoration: none;
	text-align: right;
	padding-right: 21px;
	padding-top: 1px;
}



a.WeiterLinkGruenExtern {
	width: 172px;
	height: 20px;
	float: left;
	background-image: url('/pics/layout/ftc/Extern_ButtonS_Gruen.gif');
	background-repeat: no-repeat;
	background-position: top right;
	text-decoration: none;
	text-align: right;
	padding-right: 21px;
	padding-top: 1px;
}







/*MS = MarginalSpalte */

div.MSSucheHead {
	width: 133px;
	height:100px;
	padding-left: 82px;
	padding-top: 11px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_milchtueteXL.gif');
	background-repeat: no-repeat;
	background-position: 0px 8px;
}

div.MSSucheText {
	width: 210px;
	float: left;
	padding-top:18px;
}

div.MSSucheText p {
	height: 19px;
	padding-left: 31px;
	padding-top: 3px;
	margin-bottom: 4px;
}

div.MSSucheText p.einsS {
	background-image: url('/pics/layout/ftc/HG_Button_einsS.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.MSSucheText p.zweiS {
	background-image: url('/pics/layout/ftc/HG_Button_zweiS.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.MSSucheText p.dreiS {
	background-image: url('/pics/layout/ftc/HG_Button_dreiS.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.MSSucheButton {
	width: 210px;
	float: left;
	padding-top: 20px;
	padding-bottom: 10px;
}

div.MSSuchButtonGesamt {
	width: 210px; 
	height: 38px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.MSSuchButtonLi {
	width: 11px;
	height: 38px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_Suche_InputBlau_Li.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

div.MSSuchButtonHori {
	width: 169px; 
	height: 38px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_Suche_InputBlau_Hori.gif');
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding-left:13px;
}


div.MSSuchButtonHori input {
	width: 96px; 
	height: 18px;
	float: left;
	border: 0px;
	margin: 9px 18px 0 0;
	padding: 1px 0 0 3px;
}

div.MSSuchButtonHori input.InputSubmit {
	width: auto; 
	float: left;
	border: 0px;
	margin: 0px;
	padding: 0px;
	margin-top: 9px;
	background-color: transparent;
	color:#FFFFFF;
	font-weight: bold;
}

/*
div.MSSuchButtonHori a {
	width:auto;
	margin-top:10px;
	float:left;	
	text-decoration:none;
}
*/

div.MSSuchButtonRe {
	width: 10px; 
	height: 38px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_Suche_InputBlau_Re.gif');
	background-repeat: no-repeat;
	background-position: top right;
}


/* ProduktInfoBox  --- */

div.ProduktInfo {
	width: 210px;
	float: left;
}

div.ProduktInfo p {
	width: 210px;
	padding-top: 3px;
}


div.ProduktInfo a.PicLink {
	width: 148px;
	float: left;
	padding-left: 62px;
	margin-top: 12px;
}

div.ProduktInfo a.TextLink {
	width: 180px;
	float: left;
	padding-top: 10px;
	text-align:right;
	text-decoration:none;
}

/* RezeptFanBox  --- */

div.RezeptFanBox {
	width: 213px;
	float: left;
	padding-top: 15px;	
}

div.RezeptFanBox p {
	width: 185px;
	float: left;
	padding-top: 2px;	
}

div.RezeptBild {
	width: 192px;
	float: left;
	text-align: center;
	margin-top: 5px;
}

div.BewertungSterne {
	width: 185px;
	float: left;
}

a.RezeptLink {
	width: 172px;
	height: 20px;
	float: left;
	background-image: url('/pics/layout/ftc/WeiterButtonS_Gruen_Re.gif');
	background-repeat: no-repeat;
	background-position: top right;
	text-decoration: none;
	text-align: right;
	padding-right: 21px;
	padding-top: 1px;
}


a.RezeptLinkXL {
	width: 650px;
	height: 20px;
	float: left;
	background-image: url('/pics/layout/ftc/WeiterButtonS_Gruen_Re.gif');
	background-repeat: no-repeat;
	background-position: top right;
	text-decoration: none;
	text-align: right;
	padding-right: 21px;
	padding-top: 1px;
}


a.ButtonS {
	width: 190px;
	height: 32px;
	float: left;
	padding-top: 6px;
	margin-top: 25px;
	margin-bottom: 10px;
	background-image: url('/pics/layout/ftc/Button_Gruen_S.gif');
	background-repeat: no-repeat;
	background-position: 11px 0px;
	text-decoration: none;
	text-align: center;
}



a.ButtonSLeft {
	width: 170px;
	height: 32px;
	float: left;
	padding-top: 6px;
	margin-top: 25px;
	margin-bottom: 10px;
	background-image: url('/pics/layout/ftc/Button_Gruen_S.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
	padding-left: 20px;
}

a.ButtonM {
	width: 218px;
	height: 23px;
	float: left;
	padding-top: 6px;
	background-image: url('/pics/layout/ftc/Button_Gruen_M.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
	text-align: center;
}


a.ButtonXL {
	width: 190px;
	height: 54px;
	float: left;
	padding-top: 11px;
	margin-top: 25px;
	margin-bottom: 10px;
	background-image: url('/pics/layout/ftc/Button_Gruen_XL.gif');
	background-repeat: no-repeat;
	background-position: 11px 0px;
	text-decoration: none;
	text-align: center;
}

a.ButtonXLOrange {
	width: 183px;
	height: 47px;
	float: left;
 	padding: 13px 0 0 13px;
 	margin: 0 0 0 0;
	background-image: url('/pics/layout/ftc/Button_Orange_XL.gif');
	background-repeat: no-repeat;
	background-position: 0 0px;
	text-decoration: none;
}



div.ContainerSPicCenter {
	width: 200px;
	float: left;
	text-align: center;
}

/*CONTENT ======================*/

/*Content => Breite: 690px */

div.ContainerLContent {
	width: 665px;
	float:left;
	padding:15px 0 16px 0px;
}

div.ProduktsucheBoxL {
	width: 637px;
	height:257px;
	float:left;
	background-image: url('/pics/layout/ftc/HG_ProduktsucheL.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}

div.SucheAnleitung {
	width: 500px;
	padding-left: 91px;
	padding-top: 14px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_milchtuete.gif');
	background-repeat: no-repeat;
	background-position: 5px 22px;
}


div.SucheAnleitung p {
	padding-left: 39px;
	padding-top: 10px;
	height: 18px;
	margin-bottom: 10px;
}

div.SucheAnleitung p.eins {
	background-image: url('/pics/layout/ftc/HG_Button_eins.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.SucheAnleitung p.zwei {
	background-image: url('/pics/layout/ftc/HG_Button_zwei.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.SucheAnleitung p.drei {
	background-image: url('/pics/layout/ftc/HG_Button_drei.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.SucheFormular {
	width: 290px;
	float: left;
	padding-left: 91px;
	padding-top: 20px;
}

div.SuchButtonGesamt {
	width: 290px; 
	height: 38px;
	float: left;
	margin-top: 10px;
	margin-bottom: 5px;
}

div.SuchButtonLi {
	width: 11px;
	height: 38px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_Suche_InputBlau_Li.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

div.SuchButtonHori {
	width: 252px; 
	height: 38px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_Suche_InputBlau_Hori.gif');
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding-left:13px;
}


div.SuchButtonHori input {
	width: 188px; 
	height: 18px;
	float: left;
	border: 0px;
	margin: 9px 20px 0 0;
	padding: 1px 0 0 3px;
}

div.SuchButtonHori a {
	width:auto;
	margin-top:10px;
	float:left;	
	text-decoration:none;
}

div.SuchButtonRe {
	width: 10px; 
	height: 38px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_Suche_InputBlau_Re.gif');
	background-repeat: no-repeat;
	background-position: top right;
}

div.HilfeTextStartBox {
	width: 620px;
	padding: 5px 0 0 5px; 
	float: left;
}

div.HilfeTextStartBox p {
	float: left;
}


a.FrageAntwortPfeil {
	width: 200px; 
	float: left; 
	background-image: url('/pics/layout/ftc/frage_antwort_pfeil.gif');
	background-repeat: no-repeat;
	background-position: 6px 3px;
	padding-left: 19px;
	text-decoration: none;

}

div.SpaceZwanzigPlus {
 	width: 10px; 
 	float: left; 
 	height: 21px; 
 }
 
 
/*Volltext- und WebSuche-Formular sowie Login-Formular --------*/

div.ContainerContentFormular {
	width: 680px;
	float: left;
}

div.FormularContent {
	width: 423px;
	float: left;
}


div.FormularContentLeft {
	width: 400px;
	float: left;
	padding-left: 23px;
}


div.FormularDiv {
	width: 390px;
	float: left;
}


div.FormularContentRight {
	width: 200px;
	height: 110px;
	float: left;
	padding-left: 20px;
	padding-top: 35px;
	margin-bottom: 5px;
	border-left: solid 1px #E4E4E3;
}

div.FormularContentRightNoBorder {
	width: 200px;
	height: 110px;
	float: left;
	padding-left: 20px;
	padding-top: 15px;
	margin-bottom: 5px;
}

div.FormularInputText {
	width: 400px;
	float: left;
}

div.FormularInputText div.RadioTextButton {
	width: 60px;
	float: left;
}

div.FormularInputText p {
	width: 100px;
	float: left;
}

div.FormularInputText p.RadioButtonText {
	width: 20px;
	float: left;
}


div.FormularInputText Input {
	width: 259px;
	float: left;
	border: solid 1px #9C9C98;	
}

div.FormularInputText Input.Radio {
	width: 14px;
	height: 14px;
	margin:0 3px 0 0;
	padding: 0px;
	float: left;
	border:0px;
}

div.FormularInputText Input.SizeM {
	width: 196px;
	float: left;
	border: solid 1px #9C9C98;	
}


div.FormularInputText Input.SizeSM {
	width: 146px;
	float: left;
	border: solid 1px #9C9C98;	
	margin-right: 10px;
}

div.FormularInputText Input.SizeMMR {
	width: 196px;
	float: left;
	margin-right: 3px;
	border: solid 1px #9C9C98;	
}

div.FormularInputText Input.SizeS {
	width: 60px;
	float: left;

	border: solid 1px #9C9C98;	
}

div.FormularInputText Input.SizeSMR {
	width: 60px;
	float: left;
	margin-right: 3px;
	border: solid 1px #9C9C98;	
}

div.FormularInputText textarea.textareaM {
	width: 259px;
	float: left;
	border: solid 1px #9C9C98;
	height: 100px;
	float: left;
	font-family: Arial, sans-serif;
}

div.FormularInputText textarea.textareaL {
	width: 259px;
	float: left;
	border: solid 1px #9C9C98;
	height: 300px;
	float: left;
	font-family: Arial, sans-serif;
}

div.FormularInputRadio {
	width: 290px;
	float: left;
	padding-left: 102px;
}

div.FormularInputRadio div {
	width: 125px;
	float: left;
}

div.FormularInputRadio div input {
	width: 14px;
	height: 14px;
	float: left;
	padding: 0px;
	margin: 2px 4px 0 0;
}


div.FormularInputCheck {
	width: 360px;
	float: left;
}

div.FormularInputCheck p {
	width: 330px;
	float: left;
}


div.FormularInputCheck div {
	width: 25px;
	float: left;
}

div.FormularInputCheck div input {
	width: 14px;
	height: 14px;
	float: left;
	padding: 0px;
	margin: 0px;
	margin-top: 1px;
}

div.FormularInputCheck2 {
	width: 270px;
	float: left;
	padding-left: 115px;
}


div.FormularInputText div.InputCheckDiv {
	width: 130px;
	float: left;
}

div.FormularInputText input.checkbox {
	width: 14px;
	height: 14px;
	float: left;
	padding: 0px;
	margin: 0px;
	margin-top: 1px;
	margin-right: 3px;
}

 
div.FormularButtonBlau {
 	width: 290px;
	float: left;
	padding-left: 98px;
}
  
div.FormularButtonBlau input.ButtonSBlau {
	width: 176px;
	height: 45px;
	float: left;
	background-image: url('/pics/layout/ftc/Button_Blau_S.gif');
	background-repeat: no-repeat;
	background-position: 0px 9px;
	text-decoration: none;
	text-align: center;
	background-color: transparent;
	color: #FFFFFF;
	font-weight: bold;
	border: 0px;
}
 
 
 div.FormularButtonBlauNoPad {
 	width: 290px;
	float: left;
}
  
div.FormularButtonBlauNoPad input.ButtonSBlau {
	width: 176px;
	height: 45px;
	float: left;
	background-image: url('/pics/layout/ftc/Button_Blau_S.gif');
	background-repeat: no-repeat;
	background-position: 0px 9px;
	text-decoration: none;
	text-align: center;
	background-color: transparent;
	color: #FFFFFF;
	font-weight: bold;
	border: 0px;
}
 
/*Rezept-BOX CONTENT --------*/

div.ContainerContentLeft {
	width: 440px;
	float: left;
}

div.ContainerContentLeft p {
	padding-right: 10px;
}

div.ContainerContentLeft p.PContentSmaller {
	width: 400px;
}



div.BorderTopVerti {
	width: 400px;
	float: left; 
	background-image: url('/pics/layout/ftc/HG_Border_Verti.gif');
	background-repeat: repeat-x;
	background-position: 0px 0px;	
}

div.ContainerContentRight {
	width: 250px;
	float: left;
}


a.ButtonBlauSVorheriger {
	width: 16px;
	height: 16px;
	float: left;
	background-image: url('/pics/layout/ftc/WeiterButtonS_Blau_Li.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-right: 5px;
}

a.ButtonBlauSNaechster {
	width: 16px;
	height: 16px;
	float: left;
	background-image: url('/pics/layout/ftc/WeiterButtonS_Blau_Re.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-right: 15px;
}

div.BWSterneZeile {
	width: 213px;
	float: left;
	padding-top: 14px;
}

div.BWSterneZeile div {
	width: 90px;
	float: left;
	margin-top: 5px;
}

div.ContainterContent p.RezeptTeaserBreite {
	width: 430px;
	float: left; 
}

div.RezeptSelect {
	width: 233px;
	float: right;
	text-align: right;
}

div.RezeptSelect p {
	float: left;
	padding-right: 10px;
}

div.RezeptSelect select {
	width: 110px;
	border: solid 1px #c6c7c5;
	float: left;
}

div.RezeptUebersichtZeile {
	width: 678px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_rezept_uebersicht.gif');
	background-repeat: repeat-x;
	background-position: top left;
	padding-top: 10px;
	padding-bottom: 5px;
}

div.RezeptUebersichtText {
	width: 425px;
	float: left;
}

div.RezeptUebersichtBild {
	width: 130px;
	float: left;
	text-align: center;
}

div.RezeptUebersichtBildDummy {
	width: 130px;
	height: 60px;
	float: left;
	text-align: center;
}

div.RezeptUebersichtSterne {
	width: 110px;
	float: left;
}

div.ContainerNaviLeft {
	width: 325px;
	float: left;
	padding-top: 1px;	
}
div.ContainerNaviLeft a {
	width: 315px;
 	height: 16px;
	float: left;
	padding-left: 20px;
	background-image: url('/pics/layout/ftc/WeiterButtonS_Blau_Li.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

div.ContainerNaviRight {
	width: 325px;
	float: left;
	padding-top: 1px;
	text-align: right;
}

div.ContainerNaviRight a {
	width: 315px;
 	height: 16px;
	float: left;
	padding-right: 20px;
	background-image: url('/pics/layout/ftc/WeiterButtonS_Blau_Re.gif');
	background-repeat: no-repeat;
	background-position: top right;
}


/*PicBoxGesamt - BilderStrecke*/

div.PicBoxGesamt {
 	width: 677px;
 	float: left;
 	padding-top:5px;
 	padding-bottom:5px;
}
 
div.HgNaviPfeilLi {
 	width: 52px;
 	height:100px;
 	float: left;
 	background-image: url('/pics/layout/ftc/HG_Navi_Links.gif');
	background-repeat: repeat-y;
	background-position: top right;
}

a.NaviButtonLi {
 	width: 52px;
 	height:100px;
 	float: left;
 	background-image: url('/pics/layout/ftc/WeiterButtonL_Gruen_Li.gif');
	background-repeat: no-repeat;
	background-position: 10px 33px;
}

span.NaviDummyButtonLi {
 	width: 52px;
 	height:100px;
 	float: left;
 	background-image: url('/pics/layout/ftc/WeiterButtonL_Grau_Li.gif');
	background-repeat: no-repeat;
	background-position: 10px 33px;
}

div.HgNaviPfeilRe {
 	width: 45px;
 	height:100px;
 	float: left;
 	background-image: url('/pics/layout/ftc/HG_Navi_Rechts.gif');
	background-repeat: repeat-y;
	background-position: top left;
}

a.NaviButtonRe {
 	width: 45px;
 	height: 100px;
 	float: left;
 	background-image: url('/pics/layout/ftc/WeiterButtonL_Gruen_Re.gif');
	background-repeat: no-repeat;
	background-position: 10px 33px;
}

span.NaviDummyButtonRe {
 	width: 45px;
 	height: 100px;
 	float: left;
 	background-image: url('/pics/layout/ftc/WeiterButtonL_Grau_Re.gif');
	background-repeat: no-repeat;
	background-position: 10px 33px;
}



div.HgNaviPfeilLi2 {
 	width: 52px;
 	height:138px;
 	float: left;
 	background-image: url('/pics/layout/ftc/HG_Navi_Links.gif');
	background-repeat: repeat-y;
	background-position: top right;
}

a.NaviButtonLi2 {
 	width: 52px;
 	height:138px;
 	float: left;
 	background-image: url('/pics/layout/ftc/WeiterButtonL_Gruen_Li.gif');
	background-repeat: no-repeat;
	background-position: 10px 53px;
}

div.HgNaviPfeilRe2 {
 	width: 45px;
 	height: 138px;
 	float: left;
 	background-image: url('/pics/layout/ftc/HG_Navi_Rechts.gif');
	background-repeat: repeat-y;
	background-position: top left;
}

a.NaviButtonRe2 {
 	width: 45px;
 	height: 138px;
 	float: left;
 	background-image: url('/pics/layout/ftc/WeiterButtonL_Gruen_Re.gif');
	background-repeat: no-repeat;
	background-position: 10px 53px;
}


 
div.PicBoxMitte {
	width: 565px;
	float: left;
	padding-left: 8px;
}
 
 
div.PicBox {
	width: 135px;
	float: left;
	margin-right: 6px;
}

div.PicInPicBox {
	width: 133px;
	height: 93px;
	padding-top: 5px;
	border: 1px solid #dddcd8;
	text-align: center;
}
 
div.PicBox p {
	width:135px;
	float:left;
}


div.PicBoxMitHGFarbe {
	width: 135px;
	height: 138px;
	overflow: hidden;
	float: left;
	margin-right: 6px;
	background-color: #C7D42C;
	text-align: center;
}

div.PicBoxMitHGFarbeGrau {
	margin-top: 1px;
	margin-left: 1px;
	width: 133px;
	height: 89px;
	overflow: hidden;
	float: left;
	/*background-color: #e5e5e5;*/
	text-align: center;
}

 
div.PicBoxMitHGFarbe p {
	padding: 3px;
}
 
 
div.Platzhalter {
 	width: 12px;
 	height: 50px;
 	float: left;
}
 
div.HgNaviMehrButtonRe {
 	width: 73px;
 	height: 50px;
 	float: left;
 	padding: 45px 0 0 8px;
}
 
a.MehrButtonBlauRe {
 	width: 73px;
 	height: 37px;
 	float: left;
 	background-image: url('/pics/layout/ftc/MehrButton_Blau.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}



/*ProduktÜbersicht ------*/

div.ProdukteGesamt {
	width:677px;
	float:left;
	
}

div.ProduktZeile {
	width:677px;
	float:left;
	margin-bottom:12px;

}

div.ProduktBild {
	width:209px;
	height:143px;
	padding-top: 10px;
	float:left;
	text-align:center;
}

/*Anbaugebiete - Übersicht */

div.ContainerLAnbau {
	width:677px;
	float:left;
	margin-top:6px;
}

div.ContainerLAnbau p {
	padding-top: 2px;
}


/*Reiter - Navigation --- */

div.ReiterNaviGesamtS {
	width: 420px;
	/* width: 1000px; */
	height: 30px;
	float: left;
	border-bottom:1px solid #DEDEDE;
}

div.ReiterNaviGesamtM {
	width: 515px;
	height: 30px;
	float: left;
	margin-top: 20px;
	border-bottom:1px solid #DEDEDE;
}

div.ReiterPositionLi {
	width: 12px;
	height: 30px;
	float: left;
}

div.WHB {
	background-image: url('/pics/layout/ftc/Reiter_WHB.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.WB {
	background-image: url('/pics/layout/ftc/Reiter_WB.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.WG {
	background-image: url('/pics/layout/ftc/Reiter_WG.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


div.ReiterPositionRe {
	width: 21px;
	height: 30px;
	float: left;
}

div.HBW {
	background-image: url('/pics/layout/ftc/Reiter_HBW.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.BW {
	background-image: url('/pics/layout/ftc/Reiter_BW.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.GW {
	background-image: url('/pics/layout/ftc/Reiter_GW.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}



div.ReiterPositionCenter {
	width: 21px;
	height: 30px;
	float: left;
}

div.BG {
	background-image: url('/pics/layout/ftc/Reiter_BG.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.GG {
	background-image: url('/pics/layout/ftc/Reiter_GG.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.GB {
	background-image: url('/pics/layout/ftc/Reiter_GB.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.HBB {
	background-image: url('/pics/layout/ftc/Reiter_HBB.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.HHB {
	background-image: url('/pics/layout/ftc/Reiter_BHB.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


div.HBHB {
	background-image: url('/pics/layout/ftc/Reiter_HBHB.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.GHB {
	background-image: url('/pics/layout/ftc/Reiter_GHB.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.GHB2 {
	background-image: url('/pics/layout/ftc/Reiter_GHB2.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.HBG {
	background-image: url('/pics/layout/ftc/Reiter_HBG.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

a.ReiterVerti {
	font-family: Calibri, Arial, sans-serif;
	height: 22px;
	float: left;
	padding-top: 8px;
	color: #4B4B43;
	font-size: 90%;
	text-decoration: none;
	font-weight: bold;
	width: auto;
	padding-left: 4px;
	padding-right: 6px;
	outline: none; 
}


a.ReiterVerti:hover {
	background-image: url('/pics/layout/ftc/Reiter_HB_Verti.gif');
	background-repeat: repeat-x;
	background-position: 0px 0px;
}


.HBVerti {
	background-image: url('/pics/layout/ftc/Reiter_HB_Verti.gif');
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

.BVerti {
	background-image: url('/pics/layout/ftc/Reiter_B_Verti.gif');
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

.GVerti {
	background-image: url('/pics/layout/ftc/Reiter_G_Verti.gif');
	background-repeat: repeat-x;
	background-position: 0px 0px;
}



/*MAP ----*/

div.MapUebersichtS {
	width: 416px;
	height: 273px;
	float: left;
	border: 2px solid #C7C7C7;
	margin-top: -2px;
	overflow:hidden;
}

div.MapUebersichtM {
	width: 509px;
	height:368px;
	float: left;
	margin-top: -2px;
	border-left: 3px solid #C8C8C6;
	border-top: 2px solid #C8C8C6;
	border-right: 3px solid #C8C8C6;
	border-bottom: 2px solid #C8C8C6;
	overflow:hidden;
	margin-bottom: 5px;
}


div.ContainerMapBlueBox {
	width: 690px; 
	float: left;
}


div.ContainerMapS {
	width: 440px;
	float: left;
	padding-top: 2px;
}

div.MapLink a {
	font-size: 80%;
	color: #CAD32A;
}

div.MapLink a:hover {
	font-size: 80%;
	color: #CAD32A;
}

div.ProduzentenListe {
	width: 160px;
	float: left;
	padding-left: 10px;
	padding-top: 13px;
	padding-bottom: 17px;
}

div.ProduzentenListe p {
	width: 150px;
	float: left;
}

div.ProduzentenListe p a {
	width: 135px;
	float: left;
	padding-bottom: 4px;
	text-decoration:underline;
	padding-left: 13px;
	background-image: url('/pics/layout/ftc/pfeil_liste.gif');
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

a.AnkerLink {
	width: auto;
	height: 14px;
	float:left;
	padding-left: 20px;
	padding-top: 2px;
	margin-top: 5px;
	margin-right: 30px;
	background-image: url('/pics/layout/ftc/Anker_ButtonS_Gruen.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration:none;
	font-weight:bold;
}

div.ProduktInfoBild {
	/*width: 242px;*/
	width: 237px;
	padding-top: 16px;
	padding-bottom: 7px;
	float: left;
	text-align: center;
}

div.BubbleClose {
	width: 135px;
	float: left; 
	text-align: right;
}


/*Container Text links -- Bild rechts -----------*/


div.ContainerTextBild {
	width: 690px;
	float: left;
	padding:0px;
	margin:0px;
	padding-top: 18px;	
}

div.ContainerTextBild  div.ContainerText {
	width: 440px;
	float: left;
}


div.ContainerTextBild  div.ContainerText p {
	width: 380px;
	padding-top: 3px;
}


div.ContainerTextBild  div.ContainerBild {
	width: 224px;
	float: left;
	padding-top: 6px; 
}



/*ContainerContent  ---------- */

div.ContainterContent {
	width: 690px;
	float: left;
	margin-bottom: 5px;
	overflow: hidden;
}

div.ContainterContent p {
	padding-right: 15px;
}


div.ContainterContent div.ContainerText {
	width: 440px;
	float: left;
}
div.ContainterContent  div.ContainerText p {
	width: 380px;
}

div.ContainterContent  li {
	font-size: 80%; 
	color:#4B4B43;
}



div.ContainterContent p.Download {
	padding-top: 0px; 
	padding-left: 22px;
	background-image: url('/pics/layout/ftc/download_icon.gif');
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

div.ContainterContent p.Extern {
	padding-top: 0px; 
	padding-left: 22px;
	background-image: url('/pics/layout/ftc/extern_link_icon.gif');
	background-repeat: no-repeat;
	background-position: 0px 2px;
}


div.ContainterContent p.Intern {
	padding-top: 0px; 
	padding-left: 22px;
	background-image: url('/pics/layout/ftc/intern_link_icon.gif');
	background-repeat: no-repeat;
	background-position: 0px 2px;
}


div.ContainterContent  div.ContainerBild {
	width: 224px;
	float: left;
	padding-top: 6px; 
}



/*Container Bild links -- Text rechts ------------- */

div.ContainerBildText {
	width: 690px;
	float: left;
	padding-top: 15px;
}

div.ContainerBildText div.ContainerBild {
	width: 276px;
	float:left;
}

div.ContainerBildText  div.ContainerText {
	width: 396px;
	float: left;
	padding-top: 17px;
}


div.ContainerBildText  div.ContainerText a {
	width: 370px;
	float: left;
	text-align:right;
}



/*Container Links links, Bild mitig, Text rechts ------------- */

div.ContainerLinkBildText {
	width: 690px;
	float: left;
	padding-top: 15px;
}


div.LinkBox {
	width: 260px;
	float: left;
}


div.LinkBox p {
	margin-bottom: 10px;
}


div.LinkBox a {
	margin-left: 22px;
	margin-top: 5px;
}

div.LinkBox a.ButtonM {
	margin-top: 20px;
	margin-bottom: 20px;
}

div.BildBox {
	width: 180px;
	float: left;
	text-align: center;
}

div.TextBox {
	width: 220px;
	padding-left: 10px;
	padding-top: 26px;
	float: left;
}

div.TextBox a.RezeptLink {
	width: 198px;
	float: left;
	text-align: right;
}




/*Container Container BlueBox Content -------------*/

div.ContainerSBlueContent {
	width: 212px;
	float: left;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 30px;
	overflow:hidden;
}

div.ContainerSBlueContent p {
	width: 190px;
	float: left;
}

div.ContainerSBlueContent p.BoxS {
	width: 95px;
	float: left;
}

div.ContainerSBlueContent p.ColorW a {
	color: #ffffff;
}


/*Container Container Profilkommentar mit Bild ------------*/

div.ContainerProfilComment {
	width: 690px;
	float: left;
	padding-top: 10px;
}

div.ContainerProfilComment img {
	margin-right: 15px;
	float:left;
}

div.Comment {
	width: 385px;
	float: left;
	padding-top: 10px;
}

/*Container TextOnly  ---------- */

div.ContainterTextOnly {
	width: 680px;
	float: left;
	padding-top: 20px;
	margin-bottom: 5px;
}


/*BlaetterButtons -------------*/

div.BlaetterButtonGesamt {
	width: 585px;
	float: left; 
	padding-left: 100px;
}

div.BlaetterCenter {
	width: 170px;
	float: left; 
	text-align: center;

}


/*Gross - Bildansicht ------------*/

div.BildansichtLCenter {
	width: 588px;
	float: left;
	text-align: center;
	padding-left: 46px;
	padding-right: 51px;
}

div.BildansichtL {
	width: 588px;
	float: left;
	text-align: center;
	padding-left: 46px;
	padding-right: 51px;
	
}

div.BildansichtGesamt {
	width: 556px;
	float: left;
	padding: 10px 13px 10px 13px;
	border: solid 3px #C9C9C7;
}

div.BildansichtHG {
	width: 556px;
	height: 285px; 
	float: left;
	background-color: #e5e5e5;
}

div.BildansichtHGOhneBU {
	width: 556px;
	height: 270px; 
	float: left;
	background-color: #C8D316;
}



/*Tabelle ------------ */

div.TabelleGesamt {
	width: 675px;
	float:left; 
	overflow: hidden;
}


div.TabelleGesamtMC {
	width: 200px;
	float:left; 
	overflow: hidden;
}

table.TabellenWerte  {
	text-align: left;
	margin-top: 10px;
	margin-bottom: 20px;
}

table.TabellenWerte th {
	padding: 4px;
}

table.TabellenWerte td {
	padding: 4px;
}

.TableHGDunkelgrau {
	background-color: #d0db5b;
}

.TableHGHellgrau {
	background-color: #e2e2e1;
}

.TableHGBlau {
	background-color: #eeeeee;
}


/*Quiz ========================================*/

/*Quiz MarginalContent (MC) -------------------*/
 
div.QuizButtonsGesamtMC {
	width: 205px;
	float: left;
}

div.QuizButtonsGesamtMC div.QuizZeileSizeS {
	width: 200px;
	float: left;
	/*padding: 13px 0 0 45px;*/
	padding: 13px 0 0 0px;
}

div.QuizButtonsGesamtMC div.QuizZeileSizeS input {
	width: 14px;
	height: 14px;
	padding: 0px;
 	float: left;
	margin: 0px;
	margin: 1px 5px 0 0;
}

div.QuizButtonsGesamtMC div.QuizZeileSizeS p {
	width: 160px;
	float: left;
}

div.QuizImgContainterMC {
	width: 195px;
	float: left;	
	text-align:center;
}

/*ContainerQuiz (MC)- Left*/

div.QuizLeftContentMC {
	width: 145px;
	float: left;
}

div.QuizInputTextMC {
	width: 185px;
	float: left;
	text-align: center;
}

div.QuizInputTextMC Input {
	width: 145px;
	border: solid 1px #9C9C98;	
}


/* Voxpop-Gewinnspiel LayerPopup (LP)-------------------*/

a.CloseX2 {
	width: 27px;
	float: left;
	position: absolute;
	top: 300px;
	left: 250px;
	z-index: 99;
}


/*Quiz LayerPopup (LP)-------------------*/

a.CloseX {
	width: 27px;
	float: left;
	position: absolute;
	top: 10px;
	left: 530px;
	z-index: 99;
}

iframe.PopupLayerQuiz {
	width: 580px; 
	height: 370px;
}

div.ContainerQuizGesamt {
	width: 538px;
	float: left;
	overflow: hidden;
}

div.QuizButtonsGesamtLP {
	width: 305px;
	float: left;
}

div.HinweisBox {
	width: 314px;
	height: 28px;
	float: left;
	padding-left: 36px;
	background-image: url('/pics/layout/ftc/hinweis.gif');
	background-repeat: no-repeat;
	background-position: 0px 1px;
}


div.QuizButtonsGesamtLP div.QuizZeileSizeS {
	width: 270px;
	float: left;
	padding: 10px 0 0 20px;
}

div.QuizButtonsGesamtLP div.QuizZeileSizeS input {
	width: 14px;
	height: 14px;
	padding: 0px;
 	float: left;
	margin: 0px;
	margin: 1px 5px 0 0;
}

div.QuizButtonsGesamtLP div.QuizZeileSizeS p {
	width: 250px;
	float: left;
}

div.QuizImgContainterLP {
	width: 358px;
	float: left;	
	text-align:center;
}

/*Quiz (LP)- Left -----*/

div.ContainerQuizLeft {
	width: 358px;
	float: left;
}

div.QuizLeftContentLP {
	width: 350px;
	float: left;
}

div.QuizInputTextLP {
	width: 358px;
	float: left;
	text-align: center;
}

div.QuizInputTextLP Input {
	width: 209px;
 	border: solid 1px #9C9C98;	
}

div.QuizLeftSmile {
	width: 314px;
	float: left;
	padding-left: 36px;
	background-image: url('/pics/layout/ftc/smile.gif');
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

div.QuizLeftUnSmile {
	width: 314px;
	float: left;
	padding-bottom: 14px;
	padding-left: 36px;
	background-image: url('/pics/layout/ftc/unsmile.gif');
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

input.ButtonSGruen {
	width: 186px;
	height: 45px;
	float: left;
	background-image: url('/pics/layout/ftc/Button_Gruen_S.gif');
	background-repeat: no-repeat;
	background-position: 7px 9px;
	text-decoration: none;
	text-align: center;
	background-color: transparent;
	color: #9D9E98;
	font-weight: bold;
	border: 0px;
	margin-top: 14px;
}


/*Quiz (LP)- Right -----*/

div.ContainerQuizRight {
	width: 180px;
	float: left;
	overflow: hidden;
}

div.QuizRightContentHG {
	width: 140px;
	float: left;
	background-color: #cfd754;
	padding: 13px 20px 13px 20px;
	margin-bottom: 3px;
}

div.QuizRightContentBorder {
	width: 152px;
	float: left;
	border: solid 3px #c6c7c5;
	padding: 19px 11px 19px 11px;
}

a.DoppelPfeil {
	width: auto;
	float: left;
	padding-left: 18px;
	margin-bottom: 7px;
	background-image: url('/pics/layout/ftc/DoppelPfeil_grau.gif');
	background-repeat: no-repeat;
	background-position: 0px 6px;
	text-decoration: underline;
}


/* Quiz HauptContent (HC)---------*/ 

div.ContainerQuizContent {
	width: 500px;
	float: left; 
	padding: 0 0 10px 50px;
}

div.QuizButtonsGesamtHP {
	width: 555px;
	float: left;
}

div.QuizButtonsGesamtHC div.QuizZeileSizeS {
	width: 505px;
	float: left;
	padding: 13px 0 0 50px;
}

div.QuizButtonsGesamtHC div.QuizZeileSizeS input {
	width: 14px;
	height: 14px;
	padding: 0px;
 	float: left;
	margin: 0px;
	margin: 1px 5px 0 0;
}

div.QuizButtonsGesamtHC div.QuizZeileSizeS p {
	width: auto;
	float: left;
}

div.QuizImgContainterHC {
	width: 408px;
	float: left;	
	text-align:center;
}

/*Quiz (HC)- Left*/

div.QuizLeftContentHC {
	width: 500px;
	float: left;
}

div.QuizInputTextHC {
	width: 408px;
	float: left;
	text-align: center;
}

div.QuizInputTextHC Input {
	width: 209px;
 	border: solid 1px #9C9C98;	
}

div.QuizLeftContentHC th {
	background-color: #4b4c45;
}

div.QuizLeftContentHC tr.HGGrau {
	background-color: #e2e2e1;
}

div.QuizLeftContentHC tr.HGBlau{
	background-color: #96dbed;
}



/*Voxpop ========================================*/

div.ContainerVoxpopGesamt {
	width: 538px;
	float: left;
	overflow: hidden;
}


div.VoxpopButtonsGesamtLP {
	width: 530px;
	float: left;
}


div.ContainerVoxpopGesamt textarea.textarea {
	width: 293px;
	height: 55px;
	border: solid 1px #9c9c98;
	padding: 3px;
	margin: 0px;
	font-family:  Arial, sans-serif;
}

div.VoxpopButtonsLeft {
	width: 270px;
	float: left;
}

div.VoxpopButtonsLeft div.VoxpopZeileSizeS {
	width: 270px;
	float: left;
	padding: 10px 0 0 0px;
}

div.VoxpopButtonsLeft div.VoxpopZeileSizeS input {
	width: 14px;
	height: 14px;
	padding: 0px;
 	float: left;
	margin: 0px;
	margin: 1px 5px 0 0;
}

div.VoxpopButtonsLeft div.VoxpopZeileSizeS p {
	width: 200px;
	float: left;
}


div.VoxpopButtonsRight {
	width: 230px;
	float: left;
}

div.VoxpopButtonsRight p {
	width: 60px;
	float: left;
}

div.VoxpopButtonsRight input.InputTextSizeL {
	width: 168px;
	float: left;
	border: solid 1px #9c9c98;
}

div.VoxpopButtonsRight input.InputTextSizeM {
	width: 128px;
	float: left;
	border: solid 1px #9c9c98;
}

div.VoxpopButtonsRight input.InputTextSizeS {
	width: 35px;
	margin-right: 3px;
	float: left;
	border: solid 1px #9c9c98;
}

div.VoxpopRegErklaerung {
	width: 240px;
	float: left;
}

div.VoxpopRegErklaerung p {
	width: 240px;
	float: left;
}

ul.HinweisLP {
	padding: 0px;
	margin: 0px;
	padding-left: 52px;
	color:#B0B938;
}

ul.HinweisLP li {
	padding: 0px;
	margin: 0px;
	padding-left: 7px;
}


/*HinweisBox - HauptcontentHC ===============*/

div.HinweisBoxHC {
	width: 600px;
	/* padding-bottom: 36px; */
	padding-top: 7px;
	padding-bottom: 7px;
	float: left;
	padding-left: 39px;
	background-image: url('/pics/layout/ftc/hinweis.gif');
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

div.HinweisBoxHC ul {
	padding: 0px;
	margin: 0px;
	padding-left: 16px;
	color:#B0B938;
}

div.HinweisBoxHC li  {
	padding: 0px;
	margin: 0px;
	padding-left: 5px;
	padding-top: 5px;
}

/*Voxpop - Gewinnspiel ================================*/

div.ContainerVoxpopGesamtGewinn {
	width: 582px;
	float: left;
	overflow: hidden;
}

div.BGGewinnspiel {
	width: 575px;
	height: 577px;
	float: left;
	/*background-image: url('/pics/layout/ftc/HG_Gewinnspiel.gif');
	background-repeat: no-repeat;
	background-position: bottom right;*/
	padding: 7px 0 0 7px;
}


div.ContentGewinnspielLeft {
	width: 238px;
	float: left;
}

div.LogoGewinn {
	width: 238px;
	float: left;
}

div.ContainerSGewinn {
	width: 218px;
	float: left;
	padding: 0 0 0 20px;
}

div.ContainerSTopGewinn {
	width: 211px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_ContainerS_Top_Gewinn.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

div.ContainerSVertiGewinn {
	width: 211px;
	float: left;
	background-image: url('/pics/layout/ftc/HG_ContainerS_Verti_Gewinn.gif');
	background-repeat: repeat-y;
	background-position: top left;
}

div.ContainerSBottomGewinn {
	width: 211px;
	padding-bottom: 16px;
	float:left;
	background-image: url('/pics/layout/ftc/HG_ContainerS_Bottom_Gewinn.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}

div.ContainerSContentGewinn {
	width: 197px;
	float: left;
	padding: 15px 5px 0 9px;
}



div.ContainerSContentGewinn p {
	width: 190px;
	float: left;
}


h2.HeadlineSizeSGewinnBoxLeft {
	width: 187px;
	height: 29px;
	float: left;
}

h2.HeadlineSizeSMSGewinn {
	width: 196px;
	height: 29px;
	float: left;
}

h2.HeadlineSizeSGewinnBoxRight {
	width: 320px;
	height: 29px;
	float:left;
}


a.LinkGewinnBoxRight {
	width: 162px;
	height: 20px;
	float: left;
	background-image: url('/pics/layout/ftc/WeiterButtonS_Gruen_Re.gif');
	background-repeat: no-repeat;
	background-position: top right;
	text-decoration: none;
	text-align: right;
	padding-right: 21px;
	padding-top: 1px;
}

a.LinkGewinnBoxRightMS {
	width: 174px;
	height: 20px;
	float: left;
	background-image: url('/pics/layout/ftc/WeiterButtonS_Gruen_Re.gif');
	background-repeat: no-repeat;
	background-position: top right;
	text-decoration: none;
	text-align: right;
	padding-right: 21px;
	padding-top: 1px;
}


div.ContentGewinnspielRight {
	width: 337px;
	float: left;
}

div.HGGewinnspielRight {
	width: 337px;
	height: 507px;
	float: left;
	padding: 70px 0 0 0 ;
	background-image: url('/pics/layout/ftc/HG_Content_Gewinn_Right.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}




div.GewinnspielRightContent {
	width: 337px;
	float: left;
}


div.ZitatBox {
	width: 226px;
	height: 73px;
	float: left;
	margin: 40px 0 0 0;
	padding: 0px 10px 0 69px;  
	overflow: hidden;
}

div.ZitatBox ul {
	width: 228px;
	float: left;
	list-style-type: none;
}

div.ZitatBox ul li {
	width: 228px;
	height: 73px;
	overflow: hidden;	
	float: left;
}


div.TextInfoBox {
	width: 315px;
	height: 100px;
	float: left;
	padding: 28px 0 0 15px;  
	overflow: hidden;
}

div.TextareaBox {
	width: 295px;
	height: 125px;
	float: left;
	padding: 5px 0 0 15px;  
	overflow: hidden;
}

div.TextareaBox textarea.TextareaGewinn {
	width: 292px;
	height: 68px;
	float: left;
	margin-top: 10px;
	padding: 0px 0 0 0;  
	border: 0px;
	font-size: 100%;
	font-weight: bold;
	color: #4B4B43;
	font-family: Arial, sans-serif;
	overflow: hidden;
}

a.ButtonOrangeSizeS {
	width: 108px; 
	height: 29px;
	float: right;
	padding: 6px 0 0  0;
	margin-right: 12px;
	background-image: url('/pics/layout/ftc/HG_Button_orange_SizeS.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: center;
	text-decoration: none;
}

input.ButtonOrangeSizeS {
	width: 108px; 
	height: 42px;
	float: right;
	padding: 0 8px 0 0px;	
	margin: 0px 8px 0 0;
	background-image: url('/pics/layout/ftc/HG_Button_orange_SizeS.gif');
	background-repeat: no-repeat;
	background-position: 0px 7px;
	text-decoration: none;
	text-align: center;
	background-color: transparent;
	color: #FFFFFF;
	font-weight: bold;
	border: 0px;
}

div.HinweisBoxHGWeiss {
	width: 240px;
	height: 65px;
	overflow: hidden;
	float: left;
	background-color: white;
	padding: 3px 3px 3px 36px;
	background-image: url('/pics/layout/ftc/hinweis.gif');
	background-repeat: no-repeat;
	background-position: 4px 3px;
	border: #B0B938 solid 2px; 
}

div.HinweisBoxHGWeiss ul {
	width: 222px;
	float: left;
	margin: 0px 0 0 18px;
	padding: 0px;
	color:#B0B938;
}

div.HinweisBoxHGWeiss ul li {
	width: 215px;
	float: left;
	margin: 0px;	
	padding: 0 0 0 7px;
}


div.LinkBoxGewinnAll {
	width: 337px;
	float: left;
}

div.LinkBoxGewinnLeft {
	width: 120px;
	float: left;
	padding: 2px 0 0 0;
}

div.LinkBoxGewinnRight {
	width: 217px;
	float: left;
}


div.LinkBoxGewinnRightLogin {
	width: 207px;
	float: left;
}

/*Gewinnspiel - Anmeldung - Formulare*/

div.ContentRightGewinnAnmeldung {
	width: 337px;
	height: 507px;
	float: left;
	padding: 70px 0 0 0 ;
	background-image: url('/pics/layout/ftc/HG_Gewinnspiel_Grafik_small.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}

div.ContentAnmeldungHG {
	width: 323px;
	height: 320px;
	float: left;
	padding: 0 0 0 0;
	background-image: url('/pics/layout/ftc/HG_Gewinn_Anmeldung.png');
	background-repeat: repeat-x;
	background-position: bottom left;

}

div.ContentRightGewinnAnmeldung p {
	width: 330px;
	float: left;
	padding: 0 0 0 0 ;
}

div.HinweisLoginGewinn {
	width: 277px;
	overflow: hidden;
	float: left;
	background-color: white;
	padding: 3px 3px 3px 36px;
	background-image: url('/pics/layout/ftc/hinweis.gif');
	background-repeat: no-repeat;
	background-position: 4px 3px;
	border: #B0B938 solid 2px; 
}

div.HinweisLoginGewinn ul {
	width: 255px;
	float: left;
	margin: 0px 0 0 18px;
	padding: 0px;
	color:#B0B938;
}

div.HinweisLoginGewinn ul li {
	width: 248px;
	float: left;
	margin: 0px;	
	padding: 0 0 0 7px;
}

/*Gewinnspiel Schritt 3 - Letzter Screen*/

div.HGGewinnspielRightEnd {
	width: 337px;
	height: 507px;
	float: left;
	padding: 70px 0 0 0;
	background-image: url('/pics/layout/ftc/HG_Content_Gewinn_Right_End.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}

div.DankeTextBox {
	width: 320px;
	height: 40px;
	padding: 40px 0 0 10px;
	float: left;
	overflow: hidden;
}	
	

div.FairTextBoxEnd {
	width: 330px;
	height: 89px;
	float: left;
	overflow: hidden;	
}

div.KommentarBoxEnd {
	width: 226px;
	height: 85px;
	float: left;
	margin: 8px 0 0 0;
	padding: 0px 10px 0 69px;  
	float: left;
	overflow: hidden;
}

div.FacebookButtonEnd {
	width: 320px;
	height: 40px;
	padding: 30px 0 0 10px;
	float: left;
	overflow: hidden;	
}

a.ButtonOrangeFacebook {
	width: 270px; 
	height: 35px;
	float: left;
	padding: 6px 0 0 36px;
	background-image: url('/pics/layout/ftc/Button_Orange_Facebook_XL.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

div.GewinnerTextEnd {
	width: 320px;
	height: 40px;
	padding: 10px 0 0 10px;	
	float: left;
	overflow: hidden;
}


div.EndText {
	width: 330px;
	padding: 30px 0 0 0;		
	float: left;
	overflow: hidden;	
}

div.EndText p {
	width: auto;
	float: left;
}

div.EndText p span.XIcon {
	padding: 0 0 0 10px;
	background-image: url('/pics/layout/ftc/XIcon_Small.gif');
	background-repeat: no-repeat;
	background-position: 0px 2px;
}