* * body img { behavior: url("css/pngbehavior.htc"); }

body
{
	border-width: 0;
	background-color: #2B3084;
	font: 76%/100% verdana,Arial, Helvetica,sans-serif;
}
body{
  margin:0;
  padding:0;
  background-image:url("../img/meica_hintergrund.jpg");
  background-repeat:repeat-x;
  background-position:0 0;
}

h1 { margin: 40px 20px 20px 100px; }

.kontaktfehler{ margin: 20px 20px 20px -5px; }

* html .kontaktfehler{ margin: 40px 20px 20px 0px; }

h2 {
	margin: 0px 20px 20px 100px; 
	padding: 3px 3px 3px 3px;
}

#bottomshadow {
  position: absolute;
  bottom: 0px;
  left: 44px;
}

#hintergrundtop
{
	background-image: url("../img/Blauverlauf.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 462px;
}

/*    Impressum- und Sitemaplinks  */
#meta
{
	padding: 0;
	margin: 0;
	color: #fff;
	font-size: 1em;
	width: 900px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 912px;
}

#meta p
{
	float: right;
	font-size: 1em;
}

#meta p a:link, #meta p a:visited, #meta p a:active
{
	color: #fff;
	text-decoration: none;
}

#meta p a:hover
{
	color: #fff;
	text-decoration: underline;
}

/*    Laenderfahnen rechts oben */
#flag_en
{
	position: absolute;
	top: 20px;
	left: 946px;
}

* html #flag_en { top: 16px; }

#flag_de
{
	position: absolute;
	top: 20px;
	left: 946px;
}

* html #flag_de { top: 16px; }

a:link, a:visited, a:hover, a:active { color: #003399; }



#inhalt
{
	z-index: 5;
	position: absolute;
	top: 80px;
	left: 10px;
	width: 862px;
	padding: 0 0 30px 0;
	color: #003399;
	margin: -11px 0 30px 40px;

}#inhalt {
   /*height: 551px;  das hier für den ie */
}
/* folgende anweisung wird nicht vom ie interpretiert */
#inhalt[id] {
    height:auto;
    min-height:800px;
}
#inhalt .starth1 { margin: 50px 0 30px 135px; }

#inhaltstandard
{
	line-height: 18px;
	margin: 10px 45px 10px 30px;
	vertical-align: top;
}

#inhaltstandard2
{
	line-height: 18px;
	margin: 10px 45px 30px 30px;
	vertical-align: top;
}


#startinhaltlinks
{
	float: left;
	line-height: 1.4em;
	padding: 0 45px 0 30px;
	margin: 0;
	width: 470px;
	font-size: 1em;

}

#startinhaltlinks p { width: 470px; font-size: 1em;}
#startinhaltlinks img { margin: 15px 0px 15px 0px; }

/* Positionierung der h1 unter dem Meica-logo

#inhalt h1 img{
	position:relative;
	top:30px;
	left:-75px;
	margin-bottom:15px;
}*/

#inhaltrechts
{
	padding: 0;
	margin: 0;
	height: 100%;
	vertical-align: bottom;
}



#inhaltrechts img { margin: 15px 0px 15px 0px; }

#mlogo
{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	left: 12px;
	z-index: 7;
}

.clear
{
	clear: both;
	height: 1px;
	width: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

a img { border: none; }

.inhaltrechtsbox
{
	background-color: #fff;
	margin: 15px 0 22px 0;
	padding: 0;
	float: left;
	border: 1px #b98c00 solid;
	width: 223px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 230px;
	position: relative;
}

* html .inhaltrechtsbox { margin: 5px 0 22px 0; }

.inhaltrechtsbox h3
{
	width: 220px;
	float: left;
	background-color: #e1d489;
	font-size: 1em;
	font-weight: bold;
	color: #645d2d;
	margin: 0;
	padding: 1px 0 1px 10px;
}

.inhaltrechtsbox h3 a:link, .inhaltrechtsbox h3 a:visited, .inhaltrechtsbox h3 a:hover, .inhaltrechtsbox h3 a:active
{
	display: block;
	text-decoration: none;
	color: #645d2d;
}

#inhaltrechts .inhaltrechtsbox  img
{
	float: left;
	padding-left: 0px;
	margin: 0;
	background-color: #fff;
}

.inhaltrechtsbox p
{
	width: 146px;
	float: left;
	font-size: 1em;
	line-height: 1.4em;
	color: #230d8a;
	padding-left: 5px;
	margin-top: 3px;
}

.inhaltrechtsbild
{
	float: left;
	margin: 0;
	padding: 0;
}

.text p
{
	font-size: 1em;
	float: left;
	padding: 0 0 5px 5px;
}

.inhaltrechtstext
{
	float: left;
	width: 210px;
	margin: 0px 0px 22px 0px;
}

.inhaltrechtstext h4
{
	margin: 0px 0px 4px 0px;
	font-size: 1em;
	padding-left: 8px;
	font-weight: bold;
	background-image: url(img/pfeil_blau_rechts.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.inhaltrechtstext p { margin: 0px 0px 22px 8px; }

/*    Ab hier erst einmal die Navigation mit Dropdownmenues  */
#navigation
{
	z-index: 99;
	position: absolute;
	top: 42px;
	left: 275px;
	padding-top: 2px;
	background-image: url(img/border_dot.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	width: 715px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 650px;
}

* html #navigation
{
	top: 29px;
	background-position: 0px 14px;
}

#nav img
{
	padding: 0;
	margin: 0;
}

#nav
{
	clear: both;
	z-index: 98;
}

* html #nav { margin-top: 15px; }

#nav, #nav ul
{
	/* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 15px;
	font-size: 11px;
	z-index: 98;
}

#nav a
{
	color: #fff;
	display: block;
	width: 150px;
}

* html  #nav a { width: 130px; }

#nav li
{
	/* all list items */
	float: left;
	width: 137px;
	/* width needed or else Opera goes nuts */
}

* html  #nav li { width: 130px; }
#navigation .funktionsicon { padding: 0px 10px 0px 10px; }

#nav li ul
{
	/* second-level lists */
	position: absolute;
	background-color: #335cad;
	width: 137px;
	left: -999em;
	/* verstecken statt unsichtbar machen */
}

* html  #nav li ul { width: 130px; }

#nav li ul ul
{
	/* third-and-above-level lists */
	margin: -16px 0 0 141px;
}

* html  #nav li ul ul
{
	margin: -16px 0 0 130px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin: -16px 0 0 134px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul
{
	/* lists nested under hovered list items */
	left: auto;
	background-color: #335cad;
}

#nav li ul li a:link, #nav li ul li a:visited, #nav li ul li a:active
{
	width: 137px;
	background-color: #335cad;
	text-decoration: none;
	padding-left: 3px;
	border-color: #477cc9;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
}

* html  #nav li ul li a:link, * html  #nav li ul li a:visited, * html  #nav li ul li a:active { width: 100%; }

#nav li ul li a:hover
{
	text-decoration: none;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	color: #fff;
	background-color: #314F86;
}

#nav li ul li ul li a:hover
{
	text-decoration: none;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	color: #fff;
	background-color: #314F86;
}

#nav li ul li a:link.hatunterpunkte, #nav li ul li a:visited.hatunterpunkte
{
	background-image: url(../img/pfeil_weiss_rechts.gif);
	background-repeat: no-repeat;
	background-position: 97% 3px;
}

.spruch { margin: 15px 15px 15px 25px; }




#sprungleiste
{
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
	margin: 30px 45px 0px 30px;
	padding: 8px 40px 8px 40px;
}

#sprungleiste a:link,#sprungleiste a:visited,#sprungleiste a:hover,#sprungleiste a:active
{
	color: #230b88;
	text-decoration: none;
}

.aktiv { font-weight: bold; }




#lexikoninhalt
{
}

#lexikoninhalt table
{
	line-height: 18px;
	margin: 10px 45px 10px 30px;
	vertical-align: top;
}

#lexikoninhalt table tr
{
	padding: 0;
	margin: 0;
}

#lexikoninhalt table tr td
{
	text-align: right;
	vertical-align: top;
	padding: 10px 35px 0px 10px;
	margin: 0;
	font-weight: normal;
}

#lexikoninhalt table tr td p
{
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

#lexikoninhalt table tr td h4
{
	font-size: 1em;
	margin: 0px 0 15px 10px;
	padding-top: 0;
	font-weight: bold;
}

#lexikoninhalt table tr td img
{
	margin: 0;
	padding: 0;
}


#lexikoninhalt table tr td  span
{
	margin: 0;
	padding: 0;
}

.linie
{
	border-bottom: #230b88 solid 1px;
	height: 1px;
	padding: 0;
	margin: 0;
}

.topbutton
{
	white-space: nowrap;
}

.topbutton a:link, .topbutton a:visited
{
	text-decoration: none;
	color: #230b88;
}

.topbutton a:link img, .topbutton a:visited img
{
/*	border-color: white;
	border-width: 3px 3px 2px 3px;
	border-style: solid;*/
}


#inhaltlinks
{
	z-index: 2;
	float: left;
	line-height: 1.4em;
	padding: 0 20px 0 30px;
	margin: 0;
}

#inhaltlinks p
{
	z-index: 2;
	width: 390px;
}

#inhaltlinks ul
{
        list-style-type:disc;
	z-index: 2;
	width: 390px;
	margin-bottom: 25px;
}

#inhaltlinks ul, #inhaltlinks ul li {
    margin-left:25px; 
    padding: 0; 
  }
#inhaltlinks ul li {
    margin-left: 15px;
}

#inhaltlinks img { margin: 15px 0px 15px 0px; }


#inhaltrechts  #sonne { margin: -70px 0px 15px 0px; }

#inhaltunten
{
	z-index: 2;
	clear: both;
	padding: 10px 45px 20px 30px;
	margin: 0;
}

/* Naehrwerttabellenpopup  */
#panel
{
	position: absolute;
	left: 740px;
	top: 165px;
	left: 700px;
	top: 100px;
	clear: both;
	z-index: 9;
}

#panel ul li
{
	color: #645d2d;
	list-style: none;
	font-weight: bold;
	font-size: 1em;
	padding: 2px;
}

#naehrwerte
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 77;
}

#naehrwerte h4
{
	background-color: #e1d589;
	color: #645d2d;
	font-weight: bold;
	font-size: 1em;
	padding: 1px;
	margin: 0;
	width: 119px;
}

li#naehrwerte div
{
	top: -3px;
	width: 163px;
	left: -43px;
}

li div
{
	visibility: hidden;
	position: relative;
	top: 2px;
	left: -2px;
	z-index: 1;
}

li:hover div, li.over div
{
	visibility: visible;
	z-index: 12;
}

li div ul li table
{
	z-index: 12;
	background-color: #f2edd0;
	width: 154px;
	margin: 0;
	padding: 0;
}

li div  ul li table tr th
{
	background-color: #e1d589;
	color: #003399;
	border-color: #9f9751;
	border-width: 1px 0 1px 0;
	border-style: solid;
	text-align: left;
	padding: 3px;
	margin: 0;
	font-size: 1em;
	font-weight: bold;
}

li div ul li table tr td
{
	color: #003399;
	padding: 1px 2px 1px 2px;
	font-size: .8em;
	font-weight: normal;
}

li div ul li table tr .zellerechts { text-align: right; }

li div ul li table tr .braunrechts
{
	color: #645d2d;
	text-align: right;
}

li div ul li table tr .braun { color: #645d2d; }

li div ul li table tr .first
{
	background-color: #e1d589;
	color: #645d2d;
	font-weight: bold;
	font-size: 1em;
	padding: 0px;
	margin: 0;
	width: 100px;
}

li div ul li table tr .second
{
	border-color: #9f9751;
	border-width: 1px 0 0 0;
	border-style: solid;
	color: #645d2d;
	background-color: #e1d589;
	font-weight: normal;
	font-size: .8em;
	padding: 3px;
}

/* produktvariantenpopup */
#panel2
{
	margin: 0;
	clear: both;
	z-index: 2;
}

#produktvarianten
{
	margin-top: 10px;
	margin-left: 0;
	padding-left: 0;
	height: 24px;
	display: block;
}

#produktvarianten li
{
	color: #645d2d;
	list-style: none;
	font-weight: bold;
	font-size: 1em;
	padding: 3px;
	margin-right: 150px;
	float: left;
        display: inline;
}

#produktvariantenliste0 div
{
	position: absolute;
	top: 516px;
	left: 34px;
	width: 766;
}
* html #produktvariantenliste0 div
{
	top: 536px;
	left: 34px;
}

#mehrbild0 {	
	border-color: #003399;
	border-width: 4px;
	border-style: solid;
}

/* mehr in Bio-Qualität */

#produktvariantenliste1 div
{
	position: absolute;
	top: 516px;
	left: 34px;
	width: 766;
}
* html #produktvariantenliste1 div
{
	top: 536px;
	left: 34px;
}

#mehrbild1 {	
	border-color: #003399;
	border-width: 4px;
	border-style: solid;
}

/* Produktnavigation */
#produktnavigation
{
        clear: both;
	margin-top: 10px;
	padding: 0;
}

#produktnavigation img { padding: 0px 5px 0 5px; }

.brennwerte
{
	width: 770px;
	margin: 30px 45px 10px 30px;
	padding: 0px;
	font-size: .8em;
}

.brennwerte tr th
{
	margin: 0;
	padding: 5px;
	vertical-align: top;
	background-color: #efdfae;
	border: #cc9900;
	border-width: 1px 0 1px 0;
	border-style: solid none solid none;
}

.brennwerte tr td
{
	margin: 0;
	padding: 3px;
	vertical-align: top;
	border: #cc9900;
	border-width: 0 1px 1px 0;
	border-style: none solid solid solid;
	text-align: center;
}

.brennwerte tr .fett
{
	font-weight: bold;
	border-left: 1px #cc9900 solid;
	text-align: left;
}

.brennwerte tr .borderrechtsfett, .brennwerte tr .headborderrechtsfett { border-right: 3px #cc9900 solid; }
.brennwerte tr .borderrechtsduenn { border-right: 1px #cc9900 solid; }
.brennwerte tr .head, .brennwerte tr .headborderrechtsfett { background-color: #f7e7d6; }

.brennwerte select
{
	color: #003399;
	width: 270px;
}

#textuntertabelle
{
	margin: 10px 45px 60px 30px;
	color: #cc9900;
}
#sitemap
{
	line-height: 16px;
	font-size: 1em;
	color: #003399;
}

#sitemap tr td
{
	width: 145px;
	text-align: left;
	vertical-align: top;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 140px;
}

#sitemap tr td ul
{
	width: 140px;
	font-weight: bold;
	margin-left:.5em;
}

* html #sitemap tr td ul { 
	width: 160px;
	margin-left:.1em;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left:1.5em;
	width: 140px;
	background:none;
}
#sitemap tr td ul li ul { padding-left: 3px; }
#sitemap tr td ul li { margin-left: 0px; 	padding-bottom: 2px;
	padding-top: 5px;	list-style: none;

}
* html body #sitemap tr td ul li { margin-left: 30px; }
#sitemap tr td ul li a { text-decoration: none; white-space:nowrap;}

#sitemap tr td ul li ul li
{
	list-style: circle;
	margin-left: 20px;
	padding: 0;
	font-weight: normal;

}
* html body #sitemap tr td ul li ul{ margin-left: 0px; }

#sitemap tr th { padding-bottom: 8px; }

#sitemap tr th h4
{
	font-size: .9em;
	font-weight: bold;
	padding: 0;
	margin: 0px 30px 0px 30px;
	height: 14px;
	border: #cc9900 solid 1px;
	background: #efdfae;
	width: 145px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 140px;
}

#sitemap tr th h4 a
{
	display: block;
	text-decoration: none;
	width: 145px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 140px;
}

#sitemap tr th .gps
{
	font-weight: normal;
	font-size: .8em;
	margin: 5px 0 0 0px;
	padding: 0;
}
#inhaltlinksrezept
{
	vertical-align: top;
	float: left;
	padding: 0 55px 0 30px;
	margin: 0;
}

#inhaltlinksrezept img
{
	vertical-align: top;
	margin: 0px 0px 15px 0px;
	width: 300px;
}

#inhaltrechtsrezept
{
	padding: 0 45px 0 0;
	font-size: 1em;
	color: #003399;
	margin: 0;
	line-height: 1.4em;
	vertical-align: top;
}

#inhaltrechtsrezept img { margin: 15px 0px 15px 0px; }

#inhaltrechtsrezept  h2
{
	margin: 0px 20px 10px 0px;
	font-size: 1.2em;
	font-weight: bold;
}

#inhaltrechtsrezept  h3
{
	margin: 10px 0px 10px 0px;
	font-size: 1em;
}

#inhaltrechtsrezept  p
{
	margin: 5px 0px 5px 0px;
	font-size: 1em;
}

#rezepte td
{
	color: #003399;
	font-size: 1em;
	padding: 0px 10px 0px 0;
	margin: 0;
}



.normalo  
{
	position: relative;
	top: 30px;
	left: -75px;
	margin-bottom: 40px;
}

.h2manual {
	margin: 0px 0px 10px -5px;
	font-weight: bold;
	font-size: 1.8em;
}

.dunkelblau {
	background-color: #003398;
	color: #ffffff;
	float: left;
	margin: 5px 10px 5px 1px;
	padding: 1px 10px 2px 20px;
	background-image: url(../img/pfeil_weiss_bg.gif); 
	background-repeat: no-repeat;
		vertical-align: top;
}
.dunkelblau a,.dunkelblau a:visited, .dunkelblau a:link {
	color: #ffffff;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
}

.dunkelblau2
{
	margin: 0px 10px 0px 1px;
	padding: 1px 0px 2px 0px;
	background-color: #003398;
	color: #ffffff;
	float: left;
	background-repeat: no-repeat;
	background-image: url(../img/pfeil_weiss_bg.gif);
}
.dunkelblau2 a:link,.dunkelblau2 a:visited, .dunkelblau2 a:hover, .dunkelblau2 a:active {
	margin: 0px 10px 0px 1px;
	padding: 5px 10px 5px 20px;
	color: #ffffff;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
}


#kontaktlinks
{
	float: left;
	line-height: 1.4em;
	margin: 0 45px 0 30px;
	padding: 0;
	width: 440px;
}

#kontaktrechts
{
	float: left;
	padding: 0;
	margin: 0;
	width: 265px;
}

/*  Hier ist das Kontaktformular */
#kontaktlinks  table
{
	text-align: left;
	margin: 0;
	padding: 0;
	width: 435px;
}

#kontaktlinks  table tr td, #kontaktlinks  table tr th
{
	font-size: 1em;
	color: #003399;
	vertical-align: top;
	padding: 0 0 5px 0;
	margin: 0 3px 0 0;
}

#kontaktlinks  table tr td em
{
	color: red;
}
#kontaktlinks  table tr td label{padding-right:5px;}
#kontaktlinks  table tr th { font-weight: bold; }
#kontaktlinks  table tr td  { font-size: .9em; }

#kontaktlinks  table tr td input, #kontaktlinks  table tr td textarea{
	border-color: #C90 #f0e0b2 #f0e0b2 #C90;
	border-width: 2px 1px 1px 2px;
	border-style: solid;
	width:302px;}

 #kontaktlinks  table tr td textarea { width:302px; ; margin-bottom:10px; }


* html body #thema, * html body #vorname, * html body #nachname, * html body #email, * html body #str, * html body #tel, * html body  #kontaktlinks  table tr td textarea  {
 width: 302px;
 margin-left:0;
}


.buttons { margin: 25px 0 30px 0; }
#kontaktlinks  table tr td .hinweisklein{font-size:.9em;padding-top:1em; padding-bottom:.5em;}

#kontaktlinks  table tr td  #eingabenloeschen {
	background-color: #f8efd5;
	color: #7c6d40;
	font-size: .9em;
	width:140px;
	padding:2px;
	margin-right:20px;
	background-image: url(../img/eingaben_loeschen.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#kontaktlinks  table tr td #eingabensubmit
{
	margin-top:1em;
	border: 0px none;
	width: 140px;
	padding:3px;
	font-size: .9em;
	color: #FFF;
	background-color: #1D0656;
	font-weight: bold;
} 

#kontaktlinks  table .buttons td input
{
	border-width: 0px;
	margin: 25px 5px 30px 5px;
}

/* Kasten auf der rechten Seite und Anmerkung */

#braunerkasten
{
	width: 225px;
	padding: 10px 20px 10px 20px;
	background-color: #f8efd5;
	border-color: #dbb74c;
	border-width: 1px;
	border-style: solid;
	color: #7c6d40;
}

 em a:link,em a:visited , em a:hover, em a:active
{
	color: #CD0000;
	font-weight: bold;
	font-size: 1em;
	font-style: normal;
}