/* $Id: style.css 59 2009-01-15 17:40:29Z hweber $ */

/*----------------------------------------------------------*/
/*                 Standard-Definitionen                    */
/*----------------------------------------------------------*/

/* Allgemeine und Dokument-Definitionen */
*			{	margin:0; padding:0; }
html		{	width:100%; height:100%; }
body		{	font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif; color:#000; font-size:100.1%;
				width:100%; height:100%;
				text-align:center;
				background:#FEF7E2 url(/images/body_background.png) top left repeat-y; }

/* Typografie */
h1, h2, h3, h4, h5, h6, p
			{	text-align:left; font-weight:normal; }
h1, h2, h3, h4, h5, h6
			{	font-weight:bold; }
h1			{	color:#007550; font-size:0.9em;
				margin:0.8em 0 0.8em 0; padding:0 0 0.1em 0;
				border-bottom:2px solid #F8DE9B; }
h2			{	color:#007550; font-size:0.8em;
				margin:0.5em 0 0 0; }
h3			{	color:#007550; font-size:0.75em;
				margin:0.5em 0 0 0; }
p			{	font-size:0.75em;
				margin:0 0 0.8em 0;
				line-height:1.4em; }
dfn			{   color:#C77C2A;
				cursor:help; }

/* Hyperlinks */
a			{	color:#000; text-decoration:underline; }
a:link		{	color:#000; text-decoration:underline; }
a:active	{	color:#000; text-decoration:underline; }
a:visited	{	color:#000; text-decoration:underline; }
a:hover		{	color:#000; text-decoration:underline; }
a.link_email	{	background:url(/images/link_email.png) center left no-repeat;
					padding-left:16px; }
a.link_extern	{	background:url(/images/link_extern.png) center left no-repeat;
					padding-left:16px; }
a.link_pdf		{	background:url(/images/link_pdf.png) center left no-repeat;
					padding-left:16px; }

/* Listen */
ul			{	margin-left:1.3em; }
ol			{	margin-left:1.3em; }
li			{	font-size:0.75em;
				line-height:1.4em; }
/* Formulare */
form		{	}
input		{	font-size:1.0em;
				margin:0.3em 0;
				vertical-align:middle;
				display:block; }
textarea	{	font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size:1.0em;
				margin:0.3em 0; }
select		{	font-size:1.0em;
				margin:0.3em 0; }

/* Weitere HTML-ELemente */
hr			{	color:#F8DE9B;
				height:1px;
				border:#F8DE9B;
				background-color:#F8DE9B; }
img			{	border:none; }

/*----------------------------------------------------------*/
/*                Individual-Definitionen                   */
/*----------------------------------------------------------*/

/* Inhalt vertikal in der Mitte positionieren und 100% der Höhe */
#box				{	margin-left:auto; margin-right:auto;
						width:980px; min-height:100%;
						background:#007550 url(/images/box_background.png) top left repeat-y; }

/* Kopfzeile */
#head			{	position:relative;
					width:980px; height:195px;
					text-align:left;
					background:#FEF7E2 url(/images/head_background.png) top left repeat-y; }
#head img.head	{	position:absolute; top:25px; left:20px;
					width:510px; height:150px; }
#head img.logo	{	position:absolute; bottom:3px; right:200px;
					width:200px; height:130px; }

/* Navigationsleiste */
#nav			{	width:180px; margin-top:-20px; padding-left:20px; padding-top:45px;
					text-align:left;
					float:left; }

/* Inhalt */
#main			{	width:580px;
					text-align:left;
					float:left; }
#content		{	width:540px;
					margin:0 20px; }

/* Info */
#info			{	width:180px;
					text-align:left;
					padding:0 10px;
					float:left; }

/*----------------------------------------------------------*/
/*                Navigations-Definitionen                  */
/*----------------------------------------------------------*/

/* Hauptnavigation 1. Ebene */
#nav ul				{	margin-left:0;
						list-style:none; list-style-image:none; }
#nav ul li			{	font-size:0.8em; margin:0; font-weight:bold;
						text-align:left; line-height:2.0em; }
#nav ul a, #nav ul a:link, #nav ul a:active, #nav ul a:visited, #nav ul a:hover
					{	color:#FFF; text-decoration:none; display:block;
						padding-left:0.5em; 
						border-top:1px solid #007E5E; border-bottom:1px solid #053; border-left:1px solid #076; }
#nav ul a:hover		{	color:#FFF;
						padding-left:1.0em;  }
#nav ul li.active a, #nav ul li.active a:link, #nav ul li.active a:active, #nav ul li.active a:visited, #nav ul li.active a:hover
					{	color:#F8DE9B;
						padding-left:1.0em;  }

/* Hauptnavigation 2. Ebene */
#nav ul li.active ul li
					{	font-size:1.0em; font-weight:normal;
						line-height:1.8em; }
#nav ul li.active ul a,
#nav ul li.active ul a:link,
#nav ul li.active ul a:active,
#nav ul li.active ul a:visited,
#nav ul li.active ul a:hover
					{	color:#FFF;
						padding-left:1.5em; }
#nav ul li.active ul a:hover
					{	color:#FFF;
						padding-left:2.0em; }
#nav ul li.active ul li.active a,
#nav ul li.active ul li.active a:link,
#nav ul li.active ul li.active a:active,
#nav ul li.active ul li.active a:visited,
#nav ul li.active ul li.active a:hover
					{	color:#F8DE9B;
						padding-left:2.0em; }

/* Hauptnavigation 3. Ebene */
#nav ul li.active ul li.active ul a,
#nav ul li.active ul li.active ul a:link,
#nav ul li.active ul li.active ul a:active,
#nav ul li.active ul li.active ul a:visited,
#nav ul li.active ul li.active ul a:hover
					{	color:#FFF;
						padding-left:2.5em; }
#nav ul li.active ul li.active ul a:hover
					{	color:#FFF;
						padding-left:3.0em;  }
#nav ul li.active ul li.active ul li.active a,
#nav ul li.active ul li.active ul li.active a:link,
#nav ul li.active ul li.active ul li.active a:active,
#nav ul li.active ul li.active ul li.active a:visited,
#nav ul li.active ul li.active ul li.active a:hover
					{	color:#F8DE9B;
						padding-left:3.0em; }

/* Info-Navigation */
#info ul			{	margin-left:0.5em;
						list-style:none; list-style-image:none; }
#info ul li			{	font-size:0.75em; margin:0; padding:0;
						text-align:left; }
#info ul a, #info ul a:link, #info ul a:active, #info ul a:visited, #info ul a:hover
					{	color:#007550; text-decoration:none; display:block; }
#info ul a:hover	{	color:#C77C2A; text-decoration:underline; }
#info ul a.active, #info ul a.active:link, #info ul a.active:active, #info ul a.active:visited, #info ul a.active:hover
					{	color:#C77C2A; }
#info div			{	margin-bottom:30px; }
#info div h3		{	color:#F00; font-size:0.7em;
						text-align:center;
						margin:0; }
#info div p			{	font-size:0.7em; font-weight:bold;
						text-align:center;
						margin:0; }
#info a, #info a:link, #info a:active, #info a:visited, #info a:hover
					{	color:#000; text-decoration:none; }
#info a:hover		{	text-decoration:underline;  }

/* Buchstabennavigation innerhalb der Info-Navigation */
#info ul.charnav	{	margin:0;
						list-style:none; list-style-image:none; }
#info ul.charnav li	{	color:#CCC; font-size:0.75em; font-weight:bold;
						display:inline; }
#info ul.charnav li a,
#info ul.charnav li a:link,
#info ul.charnav li a:active,
#info ul.charnav li a:visited,
#info ul.charnav li a:hover
					{	color:#007550; text-decoration:none; display:inline; }
#info ul.charnav li a:hover
					{	text-decoration:underline;  }
#info ul.charnav li.active a,
#info ul.charnav li.active a:link,
#info ul.charnav li.active a:active,
#info ul.charnav li.active a:visited,
#info ul.charnav li.active a:hover
					{	color:#C77C2A; }

/* Rezeptnavigation innerhalb der Info-Navigation */
#info ul.recipenav li
					{	margin:0.5em 0; }

/* Brotkrümel-Navigation */
#breadcrumb			{	width:560px; height:25px; margin:0; padding:0 10px;
						background-color:#F8DE9B; text-align:left;
						list-style:none; list-style-image:none; }
#breadcrumb li		{	color:#C77C2A; font-size:0.8em; line-height:22px;
						display:inline; }
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:active, #breadcrumb a:visited, #breadcrumb a:hover
					{	color:#C77C2A; text-decoration:none; }
#breadcrumb a:hover	{	text-decoration:underline; }
#breadcrumb span	{	padding:0 5px; }

/* Sprachauswahl */
#language			{	height:25px; margin:0; padding:0 10px;
						position:absolute; top:0; left:200px;
						text-align:left;
						list-style:none; list-style-image:none; }
#language li		{	color:#007550; font-size:0.8em; line-height:22px;
						display:inline; }
#language a, #language a:link, #language a:active, #language a:visited, #language a:hover
					{	color:#007550; text-decoration:none; }
#language a:hover	{	text-decoration:underline;  }
#language span		{	padding:0 5px; }
#language span.first{	padding-left:0; }

/* Navigation in der Fußzeile */
#footnav			{	width:560px; height:40px; margin:40px 0 0 0; padding:60px 10px 0 10px;
						text-align:left;
						background:url(/images/footnav_background.jpg) top left no-repeat;
						list-style:none; list-style-image:none; }
#footnav li			{	color:#000; font-size:0.7em;
						display:inline; }
#footnav a, #footnav a:link, #footnav a:active, #footnav a:visited, #footnav a:hover
					{	color:#000; text-decoration:none; }
#footnav a:hover	{	text-decoration:underline;  }
#footnav span		{	padding:0 5px; }

/*----------------------------------------------------------*/
/*                  Klassen-Definitionen                    */
/*----------------------------------------------------------*/

/* Siegel */
img.siegel			{	width:105px; height:105px;
						margin-top:50px; margin-bottom:20px; margin-left:35px; }

/* Symbole (Icons) */
img.icon			{	width:16px; height:16px;
						vertical-align:middle; }

/* 1/3-, 1/2- und 2/3-Spaltensatz */	
div.column-1-3		{	width:34%; float:left; overflow:hidden; }
div.column-1-2		{	width:50%; float:left; overflow:hidden; }
div.column-2-3		{	width:66%; float:left; overflow:hidden; }

/* Inhaltsblöcke für Ortsangaben */
div.location		{	width:240px; float:left;
						margin:0 40px 20px 0; padding:0 3px;
						border:1px solid #F8DE9B; border-bottom:3px solid #F8DE9B; }
div.location h2		{	margin:0 -3px; padding:0 3px;
						background-color:#F8DE9B; }
div.location p		{	margin:0 0 0.4em 0; }
div.location p.distance
					{	color:#C77C2A; }

/* Text links- bzw. rechtsbündig darstellen */
p.left				{	text-align:left; }
p.right				{	text-align:right; }

/* Klasse für die Darstellung des Datum */
p.datum				{	text-align:right;
						margin:0; }

/* Horizontale Linie */
hr.small			{	width:90%; }

/* Klasse für die Darstellung von Meldungen */
p.message			{	color:#F00; }

/* Klasse für die Darstellung des "mehr"-Links */
p.more				{	color:#00744F; font-weight:bold;
						text-align:right; }
p.more a, p.more a:link, p.more a:active, p.more a:visited, p.more a:hover
					{	color:#007550; text-decoration:none; }
p.more a:hover		{	text-decoration:underline;  }
a.more, a.more:link, a.more:active, a.more:visited, a.more:hover
					{	color:#007550; text-decoration:none; font-weight:bold; }
a.more:hover		{	text-decoration:underline;  }

/* Klasse für die Darstellung des "zurück"-Links */
p.back				{	color:#00744F; font-weight:bold;
						text-align:left; }
p.back a, p.back a:link, p.back a:active, p.back a:visited, p.back a:hover
					{	color:#007550; text-decoration:none; }
p.back a:hover		{	text-decoration:underline;  }
a.back, a.back:link, a.back:active, a.back:visited, a.back:hover
					{	color:#007550; text-decoration:none; font-weight:bold; }
a.back:hover		{	text-decoration:underline;  }

/* Beschriftung für die Adresse und Kontaktformular */
label				{	font-size:1.0em; float:left; }
label.adress		{	width:6.0em; }
label.contactform	{	width:7.0em; margin:0.3em 0; }
label.ort			{	width:2.5em; margin:0.3em 0 0.3em 1.0em; }
label.imprint		{	width:9.0em; }

/* Text-Eingabefelder */
input.inline		{	display:inline; float:none; }
input.text			{	width:20.0em; float:left; }
input.button		{	float:left; }
input.plz			{	width:5.0em; float:left; }
input.ort			{	width:11.1em; float:left; }
select.text			{	width:20.0em; float:left; }
textarea.text		{	width:20.0em; float:left; }

/* Zeilenumbruch um Textfluss wiederzuherstellen */
.clear				{	clear:both; }

/* Zebra-Liste */
.odd				{	background-color:#DEE2E5; }
.even				{	}