.blau         { color: #0066CC }
.blauhell     { color: #66A3E0 }
.blauhellhell { color: #D9E8F7 }

.rot          { color: #FF3333 }
.rothell      { color: #FF8585 }
.rothellhell  { color: #FFE0E0 }

.orange        { color: #FF6600 }
.orangehell    { color: #FFA366 }
.orangehellhell{ color: #FFE8D9 }

.gruen        { color: #009933 }
.gruenhell    { color: #66C285 }
.gruenhellhell{ color: #D9F0E0 }

.gelb         { color: #FFFF00 }
.gelbhell     { color: #FFFF85 }
.gelbhellhell { color: #FFFFE0 }

.schwarz      { color: #000000 }
.grau         { color: #66A3E0 }
.grauhell     { color: #D9E8F7 }

.weiss        { color: #ffffff }


/* Layout */

body  {
 color: #000000;
 background-color: #ffffff;
 background-image: url("/pages/img/bg.gif");
 text-align: left;
 margin: 0;
 padding: 0;
 }

#container {
	margin:0;
	padding:0;
	text-align:left;
	position:relative;
	height:100%;
	width: 760px;
}

#header {
	margin:0;
	padding:0;
  width: 760px; 
  height:220px;
  display:block;
  background-color: #ffffff
}
  
#header .o { 
	float: left; 
	display: inline;
	padding: 0;
	margin: 8px 0 0 8px;
	width: 87px;
	height: 36px;
}
#header .m { 
	float: left; 
	display: inline;
	padding: 0;
	margin: 8px 0 0 8px;
	width: 87px;
	height: 87px;
}
#header .logo { 
	float: left; 
	display: inline;
	padding: 0;
	margin: 8px 0 0 8px;
	width: 182px;
	height: 87px;
}
#header .u { 
	float: left; 
	display: inline;
	padding: 0;
	margin: 8px 0 0 8px;
	width: 87px;
	height: 36px;
}



#header a      {  width:87px;  height:36px; display:block; text-decoration: none; margin: 0; padding:0;  }
#header #m45 a {  width:182px; height:87px;  }

#o1                       {  background-image: url("/pages/img/o1.gif") }
#o2                       {  background-image: url("/pages/img/o2.gif") }
#o3                       {  background-image: url("/pages/img/o3.gif") }
#o4                       {  background-image: url("/pages/img/o4.gif") }
#o5                       {  background-image: url("/pages/img/o5.gif") }
#o6                       {  background-image: url("/pages/img/o6.gif") }
#o7 a:link, #o7 a:visited   {  background-image: url("/pages/img/o7.gif") }
#o7 a:hover, #o7_a a:active {  background-image: url("/pages/img/o7_o.gif"); }
#o7_active 				                            {  background-image: url("/pages/img/o7_o.gif"); }

#o8                         {  background-image: url("/pages/img/o8.gif") }

#o8 a:link, #o8 a:visited   {  background-image: url("/pages/img/o8.gif") }
#o8 a:hover, #o8_a a:active {  background-image: url("/pages/img/o8_o.gif"); }
#o8_active 				             {  background-image: url("/pages/img/o8_o.gif"); }

#m1                       {  background-image: url("/pages/img/m1.gif") }
#m2                       {  background-image: url("/pages/img/m2.gif") }
#m3                       {  background-image: url("/pages/img/m3.gif") }
#m45                      {  background-image: url("/pages/img/m45.gif") }
#m6                       {  background-image: url("/pages/img/m6.gif") }
#m7                       {  background-image: url("/pages/img/m7.gif") }
#m8                       {  background-image: url("/pages/img/m8.gif") }

#u1 a:link, #u1 a:visited   {  background-image: url("/pages/img/u1.gif") }
#u1 a:hover, #u1_a a:active {  background-image: url("/pages/img/u1_o.gif"); }
#u1_active 				    {  background-image: url("/pages/img/u1_o.gif"); }
#u2 a:link, #u2 a:visited   {  background-image: url("/pages/img/u2.gif") }
#u2 a:hover, #u2 a:active   {  background-image: url("/pages/img/u2_o.gif"); }
#u2_active 				    {  background-image: url("/pages/img/u2_o.gif"); }
#u3 a:link, #u3 a:visited   {  background-image: url("/pages/img/u3.gif") }
#u3 a:hover, #u3_a a:active {  background-image: url("/pages/img/u3_o.gif"); }
#u3_active 				    {  background-image: url("/pages/img/u3_o.gif"); }
#u4 a:link, #u4 a:visited   {  background-image: url("/pages/img/u4.gif") }
#u4 a:hover, #u4_a a:active {  background-image: url("/pages/img/u4_o.gif"); }
#u4_active 				    {  background-image: url("/pages/img/u4_o.gif"); }
#u5 a:link, #u5 a:visited   {  background-image: url("/pages/img/u5.gif") }
#u5 a:hover, #u5_a a:active {  background-image: url("/pages/img/u5_o.gif"); }
#u5_active 				    {  background-image: url("/pages/img/u5_o.gif"); }
#u6                         {  background-image: url("/pages/img/u6.gif") }
#u7 a:link, #u7 a:visited   {  background-image: url("/pages/img/u7.gif") }
#u7 a:hover, #u7_a a:active {  background-image: url("/pages/img/u7_o.gif"); }
#u7_active 				    {  background-image: url("/pages/img/u7_o.gif"); }
#u8 a:link, #u8 a:visited   {  background-image: url("/pages/img/u8.gif") }
#u8 a:hover, #u8_a a:active {  background-image: url("/pages/img/u8_o.gif"); }
#u8_active 			        {  background-image: url("/pages/img/u8_o.gif"); }




#contentcontainer  { width: 760px; float: left; display: inline }

#contentleft {
  float: left;
  width: 190px;
  padding: 0;
  margin: 0;
  display: inline;
}

#content { float: right;
  width: 562px;
  margin: 0;
  padding:0;
  display: inline;
  text-align: top;
 }
  


#footercontainer   {
 display: block;
 margin: 0;
 padding: 0;
 width: 760px;
  border-left: 8px solid #ffffff;
 }

  
#footer { float: left;
 display: inline;
  width: 752px;
  margin:0;
  padding:4px 0 4px 0;
  text-align: center;
  background-color: #D9E8F7;
  border-top: 8px solid #ffffff;
  border-bottom: 8px solid #ffffff;
 }
  
.clearing {
  height: 0;
  clear: both;
}
	

.rahmen  { border: solid 1px #0066CC }


/* -----   Allgemeine Formatierungen--------*/

/* Abst 0nde aller Elemente auf Null setzen + weitere Formatierungen */

html, body, div, p, h1, h2, h3, h4, h5 ul, ol, li, span, a, table, td, form, img
{ font-family: Tahoma, Arial, Helvetica, sans-serif, Verdana, Geneva; margin: 0; padding: 0; } 

/* Allgemeine Formatierungen */

html, body { font-size: 14px }
h1 { font-size: 130%; font-weight: bold; color: #0066CC; margin-top:0em; margin-bottom: 0em; }
h2 { font-size: 110%; font-weight: bold; color: #FF3333; margin-top:1em; margin-bottom: 0em; }
h3 { font-size: 100%; font-weight: bold; color: #0066CC; margin-top:1em; margin-bottom: 0em; }
h4 { font-size: 100%; font-weight: bold; color: #000000; margin-top:1em; margin-bottom: 0em; }
h5 { font-size: 100%; font-weight: normal; color: #000000; margin-top:1em; margin-bottom: 0em; }
p, ul, table, tr, th, td { font-size:100%; color: #000000; line-height: 1.3em;}


a:link { color: #0066CC; text-decoration: underline }
a:visited { color: #0066CC; text-decoration: underline }
a:hover { color: #FF3333; text-decoration: none }
a:active { color: #0066CC; text-decoration: underline }

form input  { font-size: 1em; font-weight: bold; color: #0066CC }
form td     { background-color: #D9E8F7; padding:4px }
form td td  { background-color: #D9E8F7; padding:0px }

/* Floats */

.Spalte1, .Spalte2, .Spalte3, .Spalte4, .Spalte5, .Spalte6, .SpalteX, .Spaltenabstand  { 
  float: left; 
	display: inline;
	padding: 0;
	margin: 0;
}
.Spalte1 {width:  87px; }
.Spalte2 {width: 182px; }
.Spalte3 {width: 277px; }
.Spalte4 {width: 372px; }
.Spalte5 {width: 467px; }
.SpalteX {width:   8px; }

.SpalteR { 
  float: right; 
	display: inline;
	padding: 0;
	margin: 0 0 8px 0;
	width: 182px;
}

a.more { 
font-size: 100%;
font-weight: bold;
background: transparent url(/pages/img/r.gif) left center no-repeat;
display: block;
margin:0;
padding: 0 0 0 14px; 
text-decoration: none;
}
a:hover.more { background: transparent url(/pages/img/r_o.gif) left center no-repeat; }

#content .legende      { color: #0066CC; font-weight: bold;   font-size: 11px; margin:0; padding: 3px 3px 3px 3px; background-color: #D9E8F7 }
#content .legendetext  { color: #000000; font-weight: normal; font-size: 11px; margin:0; padding: 0px 3px 3px 3px; background-color: #D9E8F7 }

/* Sektionsweite Formatierungen am Schluss */

#content p   { margin-top:0.4em; margin-bottom:0.4em; }
#content ul  { list-style-type: circle; border: none; margin: 0.5em; padding-left: 1.3em }
#content li  { margin-top:0.2em; }


/* Nahrungsmittel-Lexikon */
.typgruen, .typgelb, .typrot   { font-weight: bold; text-align: center; display: inline; width: 3em; float: left; margin-right:0.5em; }
.typgruen                     { color: #ffffff; background-color: #009933 }
.typgelb                      { color: #000000; background-color: #ffff00 }
.typrot                       { color: #ffffff; background-color: #FF3333 }



/* Untersuchungen (PopUp-Fenster) */

#untersuchungen       { margin:10px 0 0 0; padding:0; text-align:center; position:relative; height:100%; width: 100%; }
#untersuchungen p     { margin:15px 0 0 0;}
#untersuchungen h1    { background-color: #d9e8f7; margin: 10px; padding: 3px }
#untersuchungen h3    { margin: 10px 0 50px 0; }
#untersuchungen ul    { padding: 0; margin: 0; list-style-type: none; width: 100%; text-align: center; }
#untersuchungen li    { display: inline }
#untersuchungen li a  { text-decoration: none; background-repeat: no-repeat }
#untersuchungen a.left         { background-image: url("/pages/img/l.gif") }
#untersuchungen a.left:hover   { background-image: url("/pages/img/l_o.gif") }
#untersuchungen a.close        { background-image: url("/pages/img/close.gif") }
#untersuchungen a.close:hover  { background-image: url("/pages/img/close_o.gif") }
#untersuchungen a.right        { background-image: url("/pages/img/r.gif") }
#untersuchungen a.right:hover  { background-image: url("/pages/img/r_o.gif") }



/* Footer */
#footer p { font-size: 12px; font-weight: normal; color: #0066CC; margin:0; padding:0; }


/* Nav Kapitel-Titel */
#nav h3
   { color: #ffffff; font-size: 12px; font-weight: bold; line-height: 15px; margin: 0 0 3px 0; padding: 4px 4px 4px 12px; display: block; background-image: url("/pages/img/nav_titel.gif"); background-repeat: no-repeat; }

/* Nav */
#contentleft #nav ul  { list-style-type: none; margin: 0; padding: 0; width: 190px; display: inline; }

#contentleft #nav ul li { margin: 0; padding: 0; display: inline; }

#contentleft #nav ul li a
   {
 font-size: 12px;
 font-weight: bold;
 line-height: 15px;
 background-image: url("/pages/img/nav.gif");
 background-repeat: no-repeat;
 width:178px;
 display: block;
 margin: 0;
 padding: 2px 0px 2px 12px;
 border-bottom: 0px solid #0066CC;
}
* html #contentleft #nav ul li a { width:190px; }



#contentleft #nav ul li a:link, #contentleft #nav ul li a:visited
 {
 color: #0066CC;
 text-decoration: none;
 }

#contentleft #nav ul li a:hover
 {
 background-image: url(/pages/img/nav_o.gif);
 color: #FFFFFF;
 }

 #contentleft #nav #active
 {
 background-image: url(/pages/img/nav_d.gif);
 color: #FF3333;
 }


/* ENDE Nav */



/* Nav1 */

#contentleft #nav ul ul li { margin: 0; padding: 0; width: 190px; display: inline; }

#contentleft #nav ul ul li a
  {
 font-size: 12px;
 font-weight: normal;
 line-height: 15px;
 background-image: url("/pages/img/nav1.gif");
 background-repeat: no-repeat;
 display: block;
 margin: 0 0 0 8px;
 padding: 2px 0px 2px 12px;
 border-top: 0px solid #0066CC;
 width:170px;
 } 
* html #contentleft #nav ul ul li a { width:182px; }


 #contentleft #nav ul ul li a:link,  #contentleft #nav ul ul li a:visited
 { color: #0066CC; text-decoration: none; }

 #contentleft #nav ul ul li a:hover
 { background-image: url(/pages/img/nav_o.gif); color: #FFFFFF; }

/* ENDE Nav1 */


/* Nav2 */

 #contentleft #nav ul ul ul li { margin: 0; padding: 0; width: 190px; display: inline; }

 #contentleft #nav ul ul ul li a
 {
 font-size: 12px;
 font-weight: normal;
 line-height: 15px;
 background-image: url("/pages/img/nav2.gif");
 background-repeat: no-repeat;
 width:162px;
 display: block;
 margin: 0 0 0 16px;
 padding: 2px 0px 2px 12px;
 border-top: 0px solid #0066CC;
 }
* html  #contentleft #nav ul ul ul li a { width:174px; }


 #contentleft #nav ul ul ul li a:link,  #nav ul ul li a:visited
 { color: #0066CC; text-decoration: none; }

 #contentleft #nav ul ul ul li a:hover
 { background-image: url(/pages/img/nav_o.gif); color: #FFFFFF; }
 
/* ENDE Nav2 */