/* WINEG Besonderheiten (in den Templates): 
- alt- und title vom WinegLogo
- Suche Button
*/

/* sutructure.css ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*a {color:#1a2c6a;}*/

/* Head-Bereich einschl. Navi 1 + 2, Höhe 279px, Höhe bis einschl. Suche + TK vor Ort-Box */
div#head { background-image:none; background-color:#0b4d5d; }

/* Farbverlauf und Logo*/
#head img 			 { position:absolute; left:0; top:0; width:16.4375em; height:6.1875em; } /* Logo width=263px height=99px */
#head img.background { position:absolute; left:16.4375em; top:0em; width:43.5625em; height:6.1875em; z-index:0 !important; } /* Farbverlauf width=967px height=99px */


/* ___ leftCol UND rightCol: ___
* positioniert auf der Höhe vom ContentBereich, BgGrau und Farbverlauf unten, darum Mindest-Höhe,
* dann durch margin-top wieder nach unten geschoben
* Homepage: leftCol: 26.6875 (height) + 3.625 (margin) = 30.3125
*/
/* WINEG SONDERFALL: aussehen wie LeftColNavi positioniert auf der Höhe von LEFT COL
also styles von Left col navi hier nun in leftCol und angepadsst*/
/*
div#leftCol 		{ position:absolute; left:0em; top:10.625em; width:13.25em; height:26.6875em;
					margin-top:3.625em; border-top:1px solid #fff;
				  	  background: url(/centaurus/images/leftColTeaserBg.jpg) repeat-x left bottom #e2e2e2; }

html>body #leftCol 	{ height:auto; min-height:26.6875em; }
*/





/* Folgeseiten - ACHTUNG: LeftCol, wird zu leftColNavi */
/* positioniert auf der Hoehe der Teaserspalte, Bg grau und Farbverlauf unten, darum mindest-höhe */
/* 30.3125 (Wert leftCol) - 2.375 (margin-top) - 9.375 (padding-bottom) = 23.5 (minHeight) */
div#leftColNavi 		{ position:absolute; left:0em; top:10.625em; width:13.25em;
/*height:18.5625em;*/height:17.3125em;
							/*margin-top:2.375em; */margin-top:3.625em; 
							/* differenz 1.25 tiefer, diese differnez von height abziehen*/
							border-top:1px solid #fff;
				  	  	  /*background: url(/centaurus/images/leftColNaviBg.jpg) repeat-x left bottom #d6e5f4;*/
				  	  	  background: url(/centaurus/images/leftColNaviBg_wineg.jpg) repeat-x left bottom #f9f2e2;
					  	  padding-bottom:9.375em; }	/* padding entspr. Höhe vom FarbVerlauf unten */

html>body #leftColNavi 	{ height:auto; /*min-height:18.5625em;*/min-height:17.3125em; }






div#rightCol 			{ position:absolute; left:47.625em; top:10.625em; width:12.375em; border-top:1px solid #fff;
				  	      /*background: url(/centaurus/images/leftColTeaserBg.jpg) repeat-x left bottom #e2e2e2; */
				  	      background: url(/centaurus/images/rightColTeaserBg_wineg.jpg) repeat-x left bottom #f9f2e2;} /* width=198px */



/*
rightCol FOLGESEITEN : 30.3125 (Wert leftCol) - 4.9375 (margin-top) = 25.375 (minHeight) */
#rightCol 			{ height: 25.375em; margin-top:4.9375em; } /* margin entspricht genau der hoehe der Suchbox 79px*/
html>body #rightCol 	{ height:auto; min-height:25.375em; }
#suchBox 	   			{ position:absolute; left:0; top:-4.9375em; color:#fff; }/* entspricht genau der hoehe der Suchbox 79px*/


/* navigation.css +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* _____ SERVICE-NAVI-BOTTOM _____ funktioniert auch ohne extra-Angabe.last */
#serviceNaviBottom a,  
#serviceNaviBottom span.selected 	{ color:#000;  }
#serviceNaviBottom span.border  	{ border-right:1px solid #000; }	

/* _____ CONTAINER für NAVI 1 + 2 _____ */
div#navContainer { background: url(/centaurus/images/schattenUnter1Navi_wineg.jpg) repeat-x left bottom #fff;
	 				/*padding-bottom:8px;*/ /*neu hier:*/ border-top:1px solid #0b4d5d;}

div#navContainer h1 { color:#0b4d5d; 
background:#fff; font-size:0.7em; text-align:center; 
								line-height:1.25em;  padding-top:0.5em; padding-bottom:0.5em;/*padding-bottom:0.5625em;*/
}

/* To DO- auskommentierte Passagen loeschen! */
/* _____ Navi 3-5 in der linken Spalte _____ */
#leftColNavi h2 		{ background:#0b4d5d; /*background:#3880c7;*/ border-bottom:1px solid #fff;
						  /*padding: 0.375em 0.125em 0.375em 18px; */}

/* Navi Level 3 */
#leftColNavi a, 
#leftColNavi .selected 	 { color:#0b4d5d; }

/* Navi Level 4 bzw. 5 */
#leftColNavi ul ul 		 { background:#fcf8f0; }
#leftColNavi ul ul ul 	 { background:#fff; } 


/* RollOver */
#leftColNavi a:hover, 
#leftColNavi a:focus, 
#leftColNavi a:active, 
#leftColNavi .selected   { background: url(/centaurus/images/pfeil_petrol.gif) no-repeat 6px 0.5em;/* left - top */}



/* teaser.css ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* _____ _____ Teaser: LINKE oder RECHTE Spalte _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ */

/* ______ Headline mit Farbverlauf, mit dicker weisser Trennlinie oberhalb
Achtung Bug beim IE bei positionierung bgBild h2 (durch den border-top) _____
H1 nur auf subhome in Kombination mit unsichtbar */
.naviTeaser h1,
.naviTeaser h2 			{ color:#fff; 
					  		background-image:none !important; background-color:#801c40 !important; }	

/* _____ Liste der Eintraege _____ */

.naviTeaser li a 	 { color:#000; }

.naviTeaser li a:hover,
.naviTeaser li a:focus,
.naviTeaser li a:active { background: url(/centaurus/images/pfeil_rot.gif) no-repeat 6px 0.3125em; /* left - top */ }


/* _____ RichText im TEASER _____ */
.naviTeaser p 					{ color:#000; }	
.naviTeaser p span.big  		{ color:#801c40; } 


/* _____ _____ Teaser im CONTENT _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ */
/* allgem. Def. Text */
.teaserRow h2, .teaserRow h3, 
.teaserRow2 h2, 
.teaserRow3 h2 {color:#801c40;}


/* mehr-Link  - blaue Schrift */

.teaser div.link a 	{ color:#801c40; background: url(/centaurus/images/pfeil_rot.gif) no-repeat right 0.3125em; /* left - top */}


/* _____ FOLGESEITEN - .big als Zusatz von .teaserRow: Bild, Text nebeneinander _____ */
.big .teaser 			{ color:#000; } /* 275 */

/* _____ FOLGESEITEN - 2 Teaser nebeneinander: Bild oben, Text unten _____ */
.teaserRow2 .teaser { color:#000;} /* grau */



/* _________________________________________________________________________________________________________________
   ________________________________________________________________________________________________________________
   _____ AUTO-TEASER __________________________________________________________________________ */

.bigAuto p, 
.bigAutoMitBild p 		{ font-weight:normal; }

/* __ I-A. AutoTeaser gross (Intro) MIT Bild __ .bigAutoMitBild als Zusatz von .teaserRow: */
.bigAutoMitBild .teaser 			{ /*color:#1a2c6a;*/ color:#000; }

/* __ I-B. AutoTeaser gross (Intro) OHNE Bild __ .bigAuto als Zusatz von .teaserRow */
.bigAuto .teaser 			{/*color:#1a2c6a;*/ color:#000; }

/*  __ II-A. AutoTeaser klein MIT Bild __ .autoMitBild als Zusatz von .teaserRow */
.autoMitBild .teaser 			 { /*color:#1a2c6a;*/ color:#000; }

/*  __ II-B. AutoTeaser klein OHNE Bild __ .auto als Zusatz von .teaserRow */
.auto .teaser p 			{ color:#000;  }



/* content.css ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* _____ Box für Hauptüberschrift und Vorlese-Icon - siehe auch formular.css ! */

.mainHeadline h2		{ color:#801c40;}




h3 {  color:#801c40;  } /* 14px */
h4 {color:#000;  }   /* 13px, siehe auch formular.css */


/* _____ Bild oben: feste Breite, links oder rechts -
   _____ wenn Navi im Content, dann immer links - wenn keine Navi, dann rechts  _____ */
.mainImage 			{ background:#efefef;  }/* noch anpassen? */

.mainImage p 		{ color:#000;}




/* _____ Bild im Text: links oder rechts - die Breite muss direkt im Quellcode stehen ! (da variabel)
		 -> im span.subImage und im img direkt  _____ */


.subImage 			{ background:#efefef;  } /* noch anpassen? */						

.subImage span.text { /*color:#1a2c6a;*/ color:#000; }



/* _____ Navi im Content, immer oben rechts
   _____ pos und index um navi im ff klickbar zu machen
*/

#contentNavi h2			{ /*color:#1a2c6a;*/ color:#000; } /*12px*/

#contentNavi a,
#contentNavi .selected 	{ /*color:#1A2C6A; */color:#000; }

#contentNavi a:hover,
#contentNavi a:focus,
#contentNavi a:active,
#contentNavi .selected  { /*background: url(/centaurus/images/pfeil_blau.gif) no-repeat 0px 0.375em;*/
	background: url(/centaurus/images/pfeil_rot.gif) no-repeat 0px 0.375em;/* left - top */ }


/* Trennlinien + unsichtbares Trennzeichen */
#contentNavi span.borderBottom { /*background:#879db0; */background:#b895a1;}



/* ************************************************************************************************************************** */
#crossLinkBox 		{ 
	background:#efefef; /*border:1px solid #879db0;*/  border:1px solid #879db0;}/* BG anpassen ? */
	



#crossLinkBox h3	{ color:#444;  }/* anpassen? */
#crossLinkBox h4 	{ /*color:#fff; */
					  /*background: url(/centaurus/images/blaugrau_headline_bg.jpg) repeat-x scroll left top #6B8093; */
					  background-image:none; background-color:#801c40;}



#crossLinkBox a	{ /*color:#1A2C6A; */ color:#000; }

/* RollOver */
#crossLinkBox a:hover,
#crossLinkBox a:focus,
#crossLinkBox a:active { /*background: url(/centaurus/images/pfeil_blau.gif) no-repeat 6px 0.375em;*/
	background: url(/centaurus/images/pfeil_rot.gif) no-repeat 6px 0.375em;  /*left - top */ }

/* Trennlinien + unsichtbares Trennzeichen */
#crossLinkBox span.borderBottom { /*background:#ccc;*/ background:#99aec1; }





/* _____ Listen im RichText ___________________________________________________________________________________ */


/* _____ Tabellen im RichText ________________________________________________________________________________ */
table.contentTable 		{ border:1px solid #879db0; } /* anpassen? */


table.contentTable a	{ color:#000; }/* anpassen? */



table.contentTable th 	{ /*color:#1a2c6a; */ color:#fff; /*background:#ededed;*/background:#0b4d5d; /*border:1px inset #ccc;*/ }
table.contentTable td 	{ background:#fff; border:1px inset #ccc;}




/* ******************************************************************************************************** */
#crossLinkTable 		{ background:#efefef; border:1px solid #879db0; } 

#crossLinkTable h3		{ color:#444; }


/*h4 bis jetzt genau wie .naviTeaser h2 bis auf bold	*/
#crossLinkTable th 		{ color:#fff; border-right:1px solid #879db0;
						
						background: url(/centaurus/images/blaugrau_headline_bg.jpg) repeat-x scroll left top #6B8093;
						}

#crossLinkTable td 		{ border-right:1px solid #879db0; border-bottom:1px solid #ccc; }



#crossLinkTable tr.last td 	{ border-bottom:none; }
#crossLinkTable .last 		{ border-right:none; }


#crossLinkTable a			{ color:#1A2C6A; }



/* ab hier identisch mit crosslinkBox */
/* RollOver */
#crossLinkTable a:hover,
#crossLinkTable a:focus,
#crossLinkTable a:active { background: url(/centaurus/images/pfeil_blau.gif) no-repeat 6px 0.4375em; /*left - top */ }




/* ************************************************************************************************************************** */

/* _____ Blätterfunktion _____  */
.blaetternBox 				{ 
/*border-top:1px solid #879db0; border-bottom:1px solid #879db0;*/
border-top:1px solid #b895a1; border-bottom:1px solid #b895a1;} /* height für IE um BlaetterIconBox absolut zur Box zu positionieren */


.blaetternBox li a,
.blaetternBox li span.selected 	{ color:#000;/*color:#1a2c6a;*/  }

.blatterFunktion 			{ color:#444; }/* anpassen ? */


/* _____ Autor, Quelle, Datum _____ gleicher Abstand nach oben (zum Text) auch ohne blaetternBox! */

.autorQuelleBox	p			{color:#444; }/* anpassen ? */



/* _____ ToolBar _____ */
.toolbar 					{ clear:both; position:relative; height:2.5em; padding-bottom:0.25em; } /*padding-bottom um Fehler beim schatten IE zu vermeiden */

/* links: serviceIcons */
.toolbar .serviceIcons		{ position:absolute; left:16px; }
.serviceIcons img 			{ width:1.625em; height:1.625em; display:block; } /* 26x26*/
.serviceIcons a 			{ display:block; text-decoration:none; float:left; z-index:20; }
.serviceIcons a:hover 		{ background:#fff; }

.serviceIcons a span 		{ display:none; }
.serviceIcons a:hover span,
.serviceIcons a:active span,
.serviceIcons a:focus span 	{ display:block; position:absolute; font-size:0.6875em;
							  width:11em; height:1em; top:0.25em; color:#444; z-index:30 !important;} /* left Angabe muss direkt im Quellcode stehen ! */

/* rechts: BookmarkIcons */
.toolbar .bookmarkIcons 	{ position:absolute; right:20px; }
.bookmarkIcons img 			{ width:1em; height:1em; display:block; margin-left:0.3125em;  margin-top: 0.125em;} /* 16x16*/
.bookmarkIcons a 			{ display:block; text-decoration:none; float:left; z-index:20; }
.bookmarkIcons a:hover 		{ background:#fff; }

.bookmarkIcons a span 		{ display:none; }
.bookmarkIcons a:hover span,
.bookmarkIcons a:active span,
.bookmarkIcons a:focus span { display:block; position:absolute; font-size:0.6875em; text-align:right;
							  width:18em; height:1em; top:0.25em; color:#444;  z-index:30 !important;} /* right Angabe muss direkt im Quellcode stehen ! */


/* _____ ARTIKEL EMPFEHLEN _____ */
form.artikelAction h2 { /*font-size:0.6875em; color:#fff; line-height:1.25em;
					    padding:0.1875em 0.125em 0.1875em 18px; border-top:0.75em solid #fff;*/
					    /*background: url(/centaurus/images/blaugrau_headline_bg.jpg) repeat-x scroll left top #6B8093; */
					    background-image:none !important; background-color:#801c40 !important;}	/*#6B8093;*/

/*form.artikelAction h2 { padding-left:15px; }*/

/* _____ PFLICHTFELDER _____ */
.pflichtfelderRow 	{ color:#801c40 !important;  }
sup.stern 			{ color:#801c40 !important;  }

form.artikelAction label, 
form.artikelAction input { color:#000 !important;  }
form.artikelAction .feldKommentarText *, 
form.artikelAction .elementKommentarText * { color:#000 !important;  }

form.artikelAction .fButtonRow .buttonLeft, 
form.artikelAction .fButtonRow .buttonRight, 
form.artikelAction .fButtonRow input		{ background:#801c40 !important; color:#fff !important; }

div.line *.error, 
div.elementKommentarText *.error, 		
.error, .errorRow { color:#801c40 !important; }

/* Hinweis auf Fehler auf der Seite */
/*p.errorRow 		  { color:#801c40 !important;}*/

p.error 		  { color:#801c40 !important; }




/* _____ SITEMAP: farben von sitemap.css hier überschreiben ____________________________________________________ */
ul.sitemap 			{ background:#0B4D5D !important; }
ul.sitemap ul 		{ background:#C7D0D7 !important; }
ul.sitemap ul ul 	{ background:#fff !important; border-bottom:0.375em solid #fff !important; }

ul.sitemap li li a 		{ color:#0b4d5d !important; }
ul.sitemap li li li a 	{ color:#0b4d5d !important; }

/* RollOver */
ul.sitemap ul a:hover, 
ul.sitemap ul a:focus, 
ul.sitemap ul a:active  	 { background-image: url(/centaurus/images/pfeil_petrol.gif) !important; }


/* _____ SUCHE: farben von suche.css hier überschreiben ____________________________________________________ */

.bigAuto .searchHead,  			
div.searchBox label				{ color:#000 !important; }

div.searchBox .fButtonRow .buttonRight, 
div.searchBox .fButtonRow input		{ background:#801c40 !important;  }

div.meintenSie 					{ color:#000 !important;  }
div.meintenSie p.vorschlag		{ color:#801c40 !important; }
div.meintenSie p.vorschlag a	{ color:#000 !important; }

div.andere, 	  			
div.empfehlung, 	  		
div.relatedLinks 	  	{ background:#fcf8f0 !important; border:1px solid #a9a49a !important;}

div.andere li, 	
div.andere a 	{ color:#801c40 !important; }

div.andere a:hover,
div.andere a:focus,
div.andere a:active 	{ background: url(/centaurus/images/pfeil_rot.gif) no-repeat 4px 0.1875em !important; /* left - top */ }


div.empfehlung h4 a 		{ color:#801c40 !important; }

div.empfehlung h4 a:hover,
div.empfehlung h4 a:focus,
div.empfehlung h4 a:active 	{ background: url(/centaurus/images/pfeil_rot.gif) no-repeat 4px 0.1875em !important; /* left - top */ }

.relatedLinks a,   		
.relatedLinks span.space 			{ color:#801c40 !important; }

div.eintragX h3, div.eintragX h3 a 	{ color:#801c40 !important; }

div.eintragX h3 a:hover,
div.eintragX h3 a:focus,
div.eintragX h3 a:active { background: url(/centaurus/images/pfeil_rot.gif) no-repeat 10px 0.1875em !important; /* left - top */ }

.blaetternBox p, 				
.suchergebnisse .blatterFunktion a,
.suchergebnisse .blatterFunktion span 	{ color:#000 !important;}