/* dieBAR.de default style by 01 Digitales Design GmbH, Cologne */
/* Creationdate    : August 28th, 2006 */
/* Modifactiondate : November 24th, 2006  */

/* Menues, Haupt-, Subnavigation, etc - extern ausgelagert */
@import url(/css/standard/Menues.css);

/* Info Box - extern ausgelagert */
@import url(/css/standard/InfoBox.css);

/* Artikel (Venedig, Grabow, etc - extern ausgelagert */
@import url(/css/standard/Artikel.css);

/* DetailImages (Uebersicht, Webverzeichnis, etc) - extern ausgelagert */
@import url(/css/standard/DetailImages.css);

/* Produkt-Teaser - extern ausgelagert */
@import url(/css/standard/ProduktTeaser.css);

/* Seiten-Teaser (Minze, Buecher, etc) - extern ausgelagert */
@import url(/css/standard/SiteTeaser.css);

/* External-Link-Container - extern ausgelagert */
@import url(/css/standard/ExternalLinkContainer.css);


/* Allgemeine Angaben */
html, body {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}

body {
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #000;
	background-color: #7194B4;
}

td {
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #000;
	line-height: 17px;
}

/* Inhaltscontainer, umklammert alles */
.ContentContainer {
	background-color: #FFF;
	width: 960px;
	min-height: 900px;
	height: auto !important; 
	height: 800px; 
}

/* Nur Inhalte, ohne Seiten-Teaser */
.MainContent {
	width: 719px;
	border-right: 1px solid #CCC;
}

/* IE6 fix 1px border */
* html .MainContent {
	width: 720px;
	border-right: 1px solid #CCC;
}

/* Kopfbereich Logo */
.header {
	position: relative;
	width: 100%;
	height: 121px; 
	background-image: url(/bilder/banner_n.jpg);
	background-repeat: no-repeat;
}

.header span {
	display: none;
}

/* Uebersichts-Listen wie Mixgetraenke, etc */
/*.OverviewList {
	z-index: 3;
}*/

.OverviewListHelperTable {
	z-index: 2;
}

.OverviewList div.Headline {
	padding-top: 15px;
	padding-left: 20px;
}

.OverviewList div.Headline h1 {
	margin: 0px;
	padding: 0px;
	font-size: 48px;
	color: #C3C43F;
	font-weight: normal;
	letter-spacing: 2px;
	word-spacing: 5px;
}

.OverviewList div.SubHeadline {
	padding-left: 100px;
}

.OverviewList div.SubHeadline h2 {
	margin: 0px;
	padding: 0px;
	font-size: 26px; 
	color: #F09B5C; 
	font-weight: normal; 
	letter-spacing: 2px; 
	word-spacing: 3px; 
}

.OverviewList td.Text {
	vertical-align: top;
	padding-top: 20px;
}

.OverviewList div.Text {
	width: 290px; 
	font-size: 12px;
    line-height: 20px;
	color: #666;
	z-index: 3; 
	padding-left: 20px; 
}

.OverviewList td.List {
	width: 389px;
	font-size: 12px;
	vertical-align: top;
	padding-left: 20px;
	padding-top: 20px;
	z-index: 2;
}

.OverviewList td.List div.DetailImage {
	height: 500px;
}

.OverviewList table.OverviewListHelperTable td.List div.DetailImage * div.Text {
	padding-left: 20px;
}

/* Anfangsbuchstaben */
.OverviewListCharacter {
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
	color: #F60;
}

/* Alle geraden Eintraege */
.OverviewListItemEven a {
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}

.OverviewListItemEven a:hover {
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	color: #F60;
	text-decoration: none;
}

/* Alle ungeraden Eintraege */
.OverviewListItemOdd a {
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	color: #508B13;
	text-decoration: none;
}

.OverviewListItemOdd a:hover {
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	color: #F60;
	text-decoration: none;
}

/* Webverzeichnis Listen */
.WDOverviewListCharacter {
	font-family: Arial;
	font-weight: normal;
	font-size: 16px;
	color: #F60;
}

.WDOverviewMinHeight {
	min-height: 997px;
	height: auto !important; 
	height: 997px; 
}

/* Inhalts spezifisch */

/* Rezepte, Buchvorstellungen, Tools */
.Recipe, .Review, .Tool { 
	min-height: 640px;
	height: auto !important; 
	height: 640px; 
	font-family: Arial, Verdana;
	font-size: 11px; 
	color: #000000; 
}

.Recipe div.Headline, .Review div.Headline, .Tool div.Headline {
	position: absolute;
	left: 0px;
	top: 165px;
	width: 450px;
	padding-left: 20px;
}

/* Name des Rezeptes */
.Recipe div.Headline h1, .Review div.Headline h1, .Tool div.Headline h1 {
	margin: 0px;
	padding: 0px;
	font-size: 46px;
	color: #C3C43F;
	font-weight: normal;
	letter-spacing: 1px;
	word-spacing: 3px;
}

/* Art des Rezeptes z.B. cremig, erfrischend, etc */

.Recipe div.Headline h2, .Review div.Headline h2, .Tool div.Headline h2 {
	position: absolute;
	top: 75px;
	left: 0px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	padding-left: 50px;
	font-size: 26px; 
	color: #F09B5C; 
	font-weight: normal; 
	letter-spacing: 1px; 
	word-spacing: 3px;
}

.Recipe div.Headline h3, .Review div.Headline h3, .Tool div.Headline h3 {
	position: absolute;
	top: 105px;
	left: 100px;
	margin: 0px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 18px; 
	color: #666; 
	font-weight: normal; 
	letter-spacing: 1px; 
	word-spacing: 3px;
}

.Recipe div.Headline h4, .Tool div.Headline h4 {
	position: absolute;
	top: 58px;
	left: 100px;
	margin: 0px;
	padding: 0px;
	font-size: 16px; 
	color: #999; 
	font-weight: normal; 
	letter-spacing: 1px; 
	word-spacing: 3px;
}

/* Container fuer die Inhalte eines Rezeptes wir Rezept, Anleitung und Geschichten */

.Tool div.Content, .Review div.Content, .Recipe div.Content { }

.Tool div.Content table.helpTable, .Review div.Content table.helpTable, .Recipe div.Content table.helpTable {
	width: 100%;
	padding-top: 150px;
}

.Tool div.Content table td.ODCDetailImage, .Review div.Content table td.ODCDetailImage, .Recipe div.Content table td.ODCDetailImage {
	width: 300px;
	height: 500px;
	overflow: hidden;
	vertical-align: top;
}

.Tool div.Content table td.Text, .Review div.Content table td.Text, .Recipe div.Content table td.Text {
	width: 100%;
	font-size: 11px;
	color: #333366;
	font-weight:normal;
	letter-spacing: 1px;
	word-spacing: 2px;
	line-height: 17px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
}

/* Zutatenliste */
.Recipe div.IngredientList {
	letter-spacing: 1px; 
	word-spacing: 3px; 
	line-height:14px; 
	padding-left: 169px;
	margin-top: -70px;
	z-index: 10;
}

/* Die einzelnen Zutaten */
.Recipe div.IngredientList div.Ingredients {
	text-align: left;
	width: 199px;
	border-top: 2px solid #CFF;
	padding-left: 20px;
}

.Recipe div.IngredientList div.Ingredients a {
	text-decoration: none;
	color: #000;
}

/* IE6 fix to small */
* html .Recipe div.IngredientList div.Ingredients {
	text-align: left;
	width: 219px;
	border-top: 2px solid #CFF;
	padding-left: 20px;
}

.Recipe div.IngredientList div.Ingredients span.Deko {
	color: #963;
}

.Recipe div.IngredientList div.Ingredients span.Deko a {
	text-decoration: none;
	color: #963;
}

.Recipe div.Content div.Tools {
	position: absolute;
	top: 180px;
	left: 480px;
	white-space: nowrap;
}

/* Zubereitung */
.Recipe div.Preparation {
	background-color: #D7ECF2;
	padding: 15px;
	font-size: 11px; 
	color: #000033; 
	font-weight:bold; 
	letter-spacing: 1px; 
	word-spacing: 3px; 
	line-height:17px; 
}

.Recipe div.Version {
	color: #963;
	font-size: 11px; 
	font-weight:normal; 
	letter-spacing: 1px;  
	word-spacing: 2px; 
	line-height: 17px; 
	padding-left: 15px;
	padding-right: 15px;
}

/* Geschichte */
.Recipe div.Story {
	font-size: 11px;
	color: #333366;
	font-weight:normal;
	letter-spacing: 1px;
	word-spacing: 2px;
	line-height: 17px;
	padding-left: 15px;
	padding-right: 15px;
}

.Review div.Text {
	font-size: 11px;
	color: #333366;
	font-weight:normal;
	letter-spacing: 1px;
	word-spacing: 2px;
	line-height: 17px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 150px;
}

/* Blaettern links und Seite empfehlen */

.BrowseNavigationContainer {
	padding-left: 15px;
	padding-right: 15px;
}

.BrowseNavigation { }

.BrowseNavigation a {
	font-size: 11px; 
	color: #003; 
	font-weight: bold; 
	letter-spacing: 1px; 
	word-spacing: 3px; 
	line-height:17px; 
}

.BrowseNavigation a.OuterRight {
	position: relative;
	top: 0px;
	left: 100px;
	font-size: 11px; 
	color: #003; 
	font-weight: bold; 
	letter-spacing: 1px; 
	word-spacing: 3px; 
	line-height:17px; 
}

/* Seite empfehlen */
.Recommend {
	width: 400px;
}

.Recommend div.Content {
	font-size: 11px;
	color: #333366;
	font-weight:normal;
	letter-spacing: 1px;
	word-spacing: 2px;
	line-height: 17px;
	padding-left: 15px;
	padding-right: 15px;
}

/* Anzeige fuer Werbung */
.Advertising {
	color: #999;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Websiteausbau */
.WebsiteausbauStatisticTable {
	width: 100%;
}

.WebsiteausbauStatisticTable td {
	font-family: Arial, Verdana;
	font-size: 12px;
	background-color: #F9F1E7;
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
	color: #593B0C;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	letter-spacing: 1px;
}

.WebsiteausbauStatisticTable th {
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	background-color: #593B0C;
	border-right: 1px solid #FFF;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	letter-spacing: 1px;
}

.WebsiteausbauStatisticTable td.Aktuell, .WebsiteausbauStatisticTable td.SummeAktuell {
	color: #000;
}

.WebsiteausbauStatisticTable td.Aktuell, .WebsiteausbauStatisticTable td.StartBeta {
	text-align: right;
}

.WebsiteausbauStatisticTable td.Summe, .WebsiteausbauStatisticTable td.SummeAktuell, .WebsiteausbauStatisticTable td.SummeStartBeta {
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
}

.WebsiteausbauStatisticTable td.SummeAktuell, .WebsiteausbauStatisticTable td.SummeStartBeta {
	text-align: right;
}