/*	Basislayout 
  		erstellt am 15.07.2009
		Uwe Maier	UM-MEDIA
		uwemaier@gmx.de	
	*/

/* erzwingt den Scrollbalken bei Mozilla-basierenden Browsern */
html { height:101%;  margin-bottom:1px; }

* { padding: 0; margin: 0; }

body { font-family: tahoma; font-size: 10px; background: #80c313; }

/* hält den äusseren Rahmen der Seite */
#aussen { background: url(../images/hg_seite.png); background-repeat: repeat-y; margin: 0 auto; width: 1110px; border: 0px dashed #404040; background-position: top left; }
	
/* Kopfbereich mit Breite von 1.000 Pixeln */
#header { padding: 0px; margin: 0px 0px 0px 46px; width: 1000px; height: 50px; border: 0px solid #123bcd; }

#platzhalter { background: url(../images/hg_head.gif); padding: 0px; margin: 0px 0px 0px 0px; width: 1000px; height: 20px; border: 0px solid #123bcd; }
/* Navigationsbereich mit Breite von 1.000 Pixeln */
#navigation_oben {
	background: url(../images/gesa mt_in.gif);
	background-color: transparent;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 998px;
	height: 30px;
	border-left: 1px solid #d9dadb;
	border-right: 1px solid #d9dadb;
}
/* Kopfbereich mit Breite von 1.000 Pixeln */
#header2 { background: url(../images/einklinker/ek_home_februar12.jpg) top left; background-repeat: no-repeat; padding: 0px; margin: 0px 0px 0px 46px; width: 1000px; height: 220px; border: 0px solid #123bcd; }
#header_aktionen { background: url(../images/einklinker/ek_aktionen.jpg) top left; background-repeat: no-repeat; padding: 0px; margin: 0px 0px 0px 46px; width: 1000px; height: 220px; border: 0px solid #123bcd; }
#header_rezept { background: url(../images/einklinker/ek_rezept.jpg) top left; background-repeat: no-repeat; padding: 0px; margin: 0px 0px 0px 46px; width: 1000px; height: 220px; border: 0px solid #123bcd; }
#header_kosmetik { background: url(../images/einklinker/ek_kosmetik.jpg) top left; background-repeat: no-repeat; padding: 0px; margin: 0px 0px 0px 46px; width: 1000px; height: 220px; border: 0px solid #123bcd; }
/* Navigationsbereich mit Breite von 700 Pixeln */
#bildcontainer {
	float: left;	
	background: transparent;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 10px;
	height: 220px;
	border-left: 1px solid #7f8080;
	border-right: 0px solid green;
}
#navigation_rechts {
	float: right;
	background: url(../images/inaktiv_ges.gif);
	background-color: #FFF;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 146px;
	height: 220px;
	border-left: 2px solid #d9dadb;
	border-right: 1px solid #d9dadb;
}




/* hält den inneren oberen Bereich der Seite
	- die einfliessenden Inhalte bestimmen die Höhe und somit die Dynamik
	- die Spalte mit dem grössten Inhalt gibt die Höhe vor.
*/

/* Spalteneinteilung Startseite
##################################*/
#sp1top { float: left; margin-left: 10px; width: 999px; height: 150px; border: 0px dashed red;  }

#spalte1 { float: left; background: #bababa; padding: 0px; margin-left:45px; width: 280px; height: 240px;  border: 0px dashed green; }
#spalte2 { float: left; background: #bababa; padding: 0px; margin-left:40px; margin-bottom: 10px; width: 280px; height: 240px;  border: 0px dashed red; }
#spalte3 { float: left; background: #bababa; padding: 0px; margin-left:40px; width: 280px; height: 240px;  border: 0px dashed blue; }

.fluss1 { float: left; width: 180px; height: 150px; border: 0px dashed red; }
.fluss2 { float: left; width: 683px; height: 150px; border: 0px dashed red; }
.fluss3 { float: right; width: 300px; height: 150px; border: 0px dashed red; }

/* Spalteneinteilung Standardseite
################################## */
#haupt { overflow: hidden; /* Paul O Brien Fix for IE www.pmob.co.uk */		font-family: tahoma;
		font-size: 12px;
		text-decoration:none;
		background: #FFF; margin: 0px 0px 0px 46px; width: 999px; border-left: 1px solid #7f8080; border-right: 1px solid #7f8080; }
#haupt_gelb { overflow: hidden; /* Paul O Brien Fix for IE www.pmob.co.uk */ 		font-family: tahoma;
		font-size: 12px;
		text-decoration:none;
		background: #cce4b2;
		margin: 0px 0px 0px 46px; width: 999px; border-left: 1px solid #7f8080; border-right: 1px solid #7f8080; }
/* Linker Spaltenbereich */
#linkespalte {float: left; padding: 0px; margin-left: 0px; width: 230px; min-height: 400px; *min-height: 400px; border: 0px dashed #404040; }
#linkespalte2 {float: left; padding: 0px; margin-left: 0px; width: 230px; border: 0px dashed #404040; }
/* Inhaltsbereich in der Mitte */
#inhalt { float: left; margin-left: 5px; margin-top: 0px; width: 455px; min-height: 400px; *min-height: 400px; border: 0px dashed #404040; }
#inhalt_kontakt { float: left; margin-left: 5px; margin-top: 0px; width: 455px; min-height: 400px; *min-height: 400px; border: 0px dashed #404040; }
#inhalt_breit { float: left; padding: 0px; margin-top: 0px; width: 760px; border: 0px dashed #404040; }
/* Rechter Spaltenbereich */
#rechtespalte { float: right; margin-right: 0px; padding: 0px; width: 301px; min-height: 400px; *min-height: 400px; border: 0px dashed #404040; }

/* Spalteninhalte der Standardseite
################################## */

.abstand {
	width: 180px;
	padding: 15px;
	border: 0px dashed red;
}

.breadcrumb {
	width: 400px;
	padding-top: 5px;
	margin-bottom: 20px;
	border: 0px dashed red;
}

.datenrechts {
	width: 240px;
	padding: 85px 0 0 50px;
	border: 0px dashed red;
}

.daten_breit {
	width: 700px;
	border: 0px dashed red;
	text-align: justify;
	font-family: tahoma;
	font-size: 11px;
	 line-height: 17px;
	 color: #000;
}

.linkbild {
	float: left;	
	padding: 0px;
	margin: 0px;
	width: 190px;
	border: 0px solid green;
}
.linktext {
	float: left;	
	padding: 0px;
	margin: 0px;
	border: 0px solid green;
}
.ang_cont {
	float: left;
	background: #FFF;
	padding: 0px;
	margin: 3px;
	width: 750px;
	height: 160px;
	border: 0px solid green;
}
.ang_cont_gross {
	float: left;
	background: #FFF;
	padding: 0px;
	margin: 3px;
	width: 750px;
	height: 360px;
	border: 0px solid green;
}

.ang_li {
	float: left;
	background: #FFF;
	padding: 0px;
	width: 250px;
	height: 160px;
	border: 0px solid green;
}
.ang_mi {
	float: left;
	background: #FFF;
	padding: 0px;
	width: 290px;
	height: 160px;
	border: 0px dashed green;
}
.ang_re {
	float: right;
	background: #FFF;
	padding: 0px;
	width: 185px;
	height: 160px;
	border: 0px solid green;
}
.ang_re_gross {
	float: right;
	background: #FFF;
	padding: 0px;
	width: 185px;
	height: 360px;
	border: 0px solid green;
}
.arttext {
	padding-top: 10px;
}
.hg_normal {
	background: url(../images/angebote/butt_rot.jpg);
}
.hg_sonder {
	background: url(../images/angebote/butt_sonder.jpg);
}
.hg_immun {
	background: url(../images/angebote/butt_long.jpg);
}
.preis_klein {
	padding-top: 55px;
	padding-right: 10px;
	color: #FFF;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}
.preis_klein_immun {
	padding-top: 0px;
	padding-right: 10px;
	color: #FFF;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}
.preis_gross_immun {
	padding-top: 0px;
	padding-right: 40px;
	color: #FFF;
	text-align: right;
	font-size: 24px;
	font-weight: bold;
}
.preis_knueller {
	padding-top: 45px;
	padding-right: 10px;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
.preis_gross {
	padding-top: 0px;
	padding-right: 40px;
	color: #FFF;
	text-align: right;
	font-size: 26px;
	font-weight: bold;
}
ul {
	margin-left:20px;
	line-height:20px;
	list-style-position:inside;
	list-style:disc;
}
.karotte {
color:#EE803C;
}
.rot {
	color:	red;
}

/* haelt den inneren unteren Bereich der Seite
	- die einfliessenden Inhalte bestimmen die Hoehe und somit die Dynamik
	- die Spalte mit dem meistsen Inhalt gibt die Hoehe vor.
*/
#unten {
	margin-left: 46px;	
	width: 999px;
	height: 40px;
	border-left: 1px solid #7f8080;
	border-right: 1px solid #7f8080;
	background: #FFF;
	border-bottom: 1px solid #7f8080;
}
#unten2 {
	margin-left: 46px;	
	width: 999px;
	height: 40px;
	border-left: 1px solid #7f8080;
	border-right: 1px solid #7f8080;
	background: #cce4b2;
	border-bottom: 1px solid #dfc5f1;
}
#facebook {
float:left;
padding-top:10px;
padding-left:280px;
text-align:center;
border:0px solid red;}

/* Fusszeile */
#footer {
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 1000px;
	height: 30px;
	border-top: 1px solid #465660;
	background: #FFF;
	
	text-align:center;
}
 .clear { clear: both; background: none; }