/* CSS Document */

/* ++++++++++++++++++++++++++++++++++++++   L A Y O U T   ++++++++++++++++++++++++++++++++++++++++++ */


/* ------------------------------------ Allgemeine Formatierung ------------------------------------ */
link, a:link, a:visited {
			color: #045A48;
			text-decoration: none;
			}


a:hover {
			color: #000000;
			text-decoration: underline;
			}

body {
			font-family: Arial, Helvetica, sans-serif;				/* Schriftart wird festgelegt */
			color: #000000;											/* Allgemeine Schriftfarbe */
			font-size: 101%;										/* Schriftgröße */
			margin: 0 auto; 										/* Body Aussenränder werden auf 0 gesetzt */
			padding: 0;   											/* Body Innenränder werden auf 0 gesetzt */
			background: #CCCCCC; 									/*url('bilder/bg_body.jpg') repeat left top */
			}
		
			
.clearer {
			clear: both;											/* Die Eigenschaft hebt alle float - Elemente auf */ 
			visibility: hidden;										/* Das Element wird nicht angezeigt, es wird jedoch ein Platz freigehalten */
			border: 0px solid #FFFFFF;								/* Bewirkt, dass der Abstand zwischen 2 gefloateten Objekten nicht zu breit wird */
			padding: 0;
			margin: 0;
			}								
			

/* -------------------------------------- Grundcontainer AUSSEN ----------------------------------- */

#grundcontainer	{
			width: 960px;
			margin: 0 auto;
			background-color: #FFFFFF;								/* Hintergrundfarbe */
			border-left: 10px solid #FFFFFF;
			border-right: 10px solid #FFFFFF;			
			z-index: 1;
			}

/* ---------------------------------------   Kopfbereich  ----------------------------------------- */

#kopf_start {																
			background: #FFFFFF url('img/kopf_start.jpg') no-repeat left top;
			height: 192px;
			border-bottom: 1px solid #FFFFFF;
			z-index: 2;
			}

#kopf_schenken {																
			background: #FFFFFF url('img/kopf_schenken.jpg') no-repeat left top;
			height: 192px;
			border-bottom: 1px solid #FFFFFF;
			z-index: 2;
			}

#kopf_aktionen {																
			background: #FFFFFF url('img/kopf_aktionen.jpg') no-repeat left top;
			height: 192px;
			border-bottom: 1px solid #FFFFFF;
			z-index: 2;
			}

#kopf_newsletter {																
			background: #FFFFFF url('img/kopf_newsletter.jpg') no-repeat left top;
			height: 192px;
			border-bottom: 1px solid #FFFFFF;
			z-index: 2;
			}
			
#kopf_kontakt {																
			background: #FFFFFF url('img/kopf_kontakt.jpg') no-repeat left top;
			height: 192px;
			border-bottom: 1px solid #FFFFFF;
			z-index: 2;
			}

#kopf_lesen {																
			background: #FFFFFF url('img/kopf_lesen.jpg') no-repeat left top;
			height: 192px;
			border-bottom: 1px solid #FFFFFF;
			z-index: 2;
			}

#kopf_links {																
			background: #FFFFFF url('img/kopf_links.jpg') no-repeat left top;
			height: 192px;
			border-bottom: 1px solid #FFFFFF;
			z-index: 2;
			}

#kopf_fotoannahme {																
			background: #FFFFFF url('img/kopf_fotoannahme.jpg') no-repeat left top;
			height: 192px;
			border-bottom: 1px solid #FFFFFF;
			z-index: 2;
			}
			

#kopf_trendartikel {																
			background: #FFFFFF url('img/kopf_trendartikel.jpg') no-repeat left top;
			height: 192px;
			border-bottom: 1px solid #FFFFFF;
			z-index: 2;
			}			
			
#kopf_genuss {																
			background: #FFFFFF url('img/kopf_genuss.jpg') no-repeat left top;
			height: 192px;
			border-bottom: 1px solid #FFFFFF;
			z-index: 2;
			}			

	
/* ---------------------------------------  Navigations Bereich START  ----------------------------------------- */

#navi {																
			background: #006855;
			height: 27px;
			margin: 0;
			padding: 0;
			z-index: 3;
			}


ul#navi_back {														/* Navigation im Listenstil HORIZON*/
			margin: 0;										/* Kein Abstand der Navigarion zum Hintergrund Links */
			padding: 0;												/* Kein Innenabstand der Navigation zum Hintergrund Links */
			}

	
ul#navi_back li {
			list-style: none;
			display: inline;
			margin: 0;
			padding: 0;
			}


ul#navi_back a {
			float: left;
			color: #FFFFFF;
			text-decoration: none;
			font-size: 12px;
			margin: 0;
			background: #006855;
			padding: 6px 25px;
			height: 15px;
			border-right: 1px solid #FFFFFF;
			}


ul#navi_back a:hover, ul#navi_back span {
			float: left;
			color: #000000;
			text-decoration: none;
			font-size: 12px;
			background: #86ACA2;
			}


/* ---------------------------------------   Linker Bereich inkl. Bilder Schrift etc.  ----------------------------------------- */

#left {																
			background: #DCE8E6;
			width: 220px;
			float: left;
			padding: 0;
			margin: 0;
			}


ul#mainnav {														/* Navigation im Listenstil */
			list-style: none;										/* Kein Listenstil wie Kreis, Quader o.ä. */									
			margin: 30px 0 0 0;												/* Kein Abstand der Navigarion zum Hintergrund Links */
			padding: 0;												/* Kein Innenabstand der Navigation zum Hintergrund Links */
			background-color: #CCCCCC;								/* Hintergrundfarbe der Navigation */
			}


ul#mainnav li a:link, ul#mainnav li a:visited {						/* Link, hier das Listenelemet der Liste aktiver Link und besuchter Link */
			text-decoration: none;									/* Keine Textdekoration */
			display: block;											/* Soll als Blockelement behandelt werden */
			width: 88%;												/* Breite 88% da Padding abgezogen werden muss */
			padding: 6px 6%;										/* Abstand des Textes innerhalb der Liste zum Rand */
			background-color: #CCCCCC;								/* Hintergrundfarbe der Links */
			font: 12px/1.5 arial, sans-serif;						/* Schriftgröße der Links, Schriftart und Zeilenhöhe */
			color: #000000;											/* Schriftfarbe */
			}

		
ul#mainnav li {
			border-top: 1px solid #FFFFFF;							/* Rahmen oben der Listenelemente, um Buttons abzutrennen */
			}


ul#mainnav li a:hover {												/* Besuchter Link in der Navigation */
			background-color: #DCE8E6;								/* Hintergrunffarbe, wenn die Maus darüber ist */
			color: #000000;											/* Schriftfarbe wenn die Maus darüber ist */				
			}


			
/* ---------------------------------------   Content Bereich inkl. Kästen etc.  ----------------------------------------- */

#content {																
			background: #FFFFFF;
			width: 710px;
			float: left;
			padding: 0 15px;
			margin: 0;
			}


#kasten_links {																
			background: #FFFFFF;
			width: 300px;
			float: left;
			padding: 0;
			margin: 10px 10px 0 0;
			}
			
#kasten_rechts {																
			background: #FFFFFF;
			width: 380px;
			float: right;
			padding: 0;
			margin: 10px 10px 0 0;
			}

			
#kasten_links_klein {																
			background: #FFFFFF;
			width: 100px;
			float: left;
			padding: 0;
			margin: 10px 10px 0;
			}
			
#kasten_rechts_klein {																
			background: #FFFFFF;
			width: 580px;
			float: right;
			padding: 0;
			margin: 10px 10px 0 0;
			}

/* ---------------------------------------   Schriftarten  ----------------------------------------- */

			
h3 {
			font-family: "Times New Roman", Times, serif;
			font-style: italic;
			color: #006855;
			padding: 10px 0 0 10px ;
			}



.ueber {
			font-family: "Times New Roman", Times, serif;
			font-style: italic;
			color: #006855;
			padding: 10px 0;
			font-size: 18px;
			font-weight: bold;
			}

.ueber_02 {
			font-family: "Times New Roman", Times, serif;
			font-style: italic;
			color: #006855;
			padding: 0;
			font-size: 18px;
			font-weight: bold;
			}
			
.norm_text {
			font-size: 12px;
			color: #000000;
			text-align: left;
			padding: 0;
			margin: 0;
			}

.schreibschrift {
			font-family: "Times New Roman", Times, serif;
			font-size: 16px;
			color: #000000;
			text-align: left;
			font-weight: bold;
			font-style: italic;
			color: #666666;
			}

.text_klein {
			font-size: 10px;
			color: #000000;
			text-align: left;
			}

#klein_text {
			margin: 0 0 0 620px;
			background-color: #DCE8E6;
			padding: 5px;
			}

#klein_text a {
			font-size: 11px;
			color: #000000;
			margin: 0 30px 0 0;
			text-decoration: none;
			font-weight: bold;
			}
			
#klein_text a:hover {
			font-size: 11px;
			color: #000000;
			margin: 0 30px 0 0;
			text-decoration: underline;
			font-weight: bold;			
			}
			
/* ---------------------------------------   FORMULAR  ----------------------------------------- */
			


.links_ausr_form {
			float: left;
			font-size: 13px;										/* Textgröße (Schriftart wurde bereits im Body festgelegt) */
			color: #000000;
			font-weight: bold;
			margin-bottom: 10px;
			}


.rechts_ausr_form {
			float: right;
			width: 540px;
			margin-bottom: 10px;
			}


.formularfeld {
			background-color: #DCE8E6;
			border: 1px solid #006855;
			font-size: 13px;
			}