/* Anf?hrungszeichen francais*/
q         { quotes: "\00AB" "\00BB" }
q:before  { content:open-quote; }
q:after   { content:close-quote; }

/* Farben*/
.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;
 text-align: left;
 margin: 0;
 padding: 0;
 }

#container {
	margin:0;
	padding:0;
	text-align:left;
	position:relative;
	height:100%;
	width: 760px;
	 background-image: url(/pages/img/bg.gif);
}

#header {
	 position:relative;
	margin:0;
	padding:0;
 width: 760px; 
 height:220px;
 display:block;
 background-color: #ffffff
}

#container #header .o { 
	float: left; 
	display: inline;
	padding: 0;
	margin: 8px 0 0 8px;
	width: 87px;
	height: 36px;
}

#header .sprache { 
	float: left; 
	display: inline;
	padding: 0;
	margin: 0;
	width: 87px;
	height: 18px;
}
#header .sprachwahl { 
	float: left; 
	display: inline;
	padding: 0;
	margin: 0;
	width: 22px;
	height: 18px;
}
#header .sprachwahl2 { 
	float: left; 
	display: inline;
	padding: 0;
	margin: 0;
	width: 21px;
	height: 18px;
}
#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;  }
#header .sprache     a {  width: 87px;	height:18px; }
#header .sprachwahl  a {  width: 22px;	height:18px; }
#header .sprachwahl2 a {  width: 21px;	height:18px; }

/*oben*/
#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_f/o7.gif) }
#o7 a:hover, #o7_a a:active  { background-image: url(/pages/img_f/o7_o.gif) }
#o7_active 				              { background-image: url(/pages/img_f/o7_o.gif) }

/*Sprachen*/
#o8                           {  }
#o8sprache                    { background-image: url(/pages/img_f/o8sprache.gif); }
#o8d a:link, #o8d a:visited   { background-image: url(/pages/img/o8d.gif) }
#o8d a:hover, #o8d_a a:active { background-image: url(/pages/img/o8d_o.gif) }
#o8e a:link, #o8e a:visited   { background-image: url(/pages/img/o8e.gif) }
#o8e a:hover, #o8e_a a:active { background-image: url(/pages/img/o8e_o.gif) }
#o8f a:link, #o8f a:visited   { background-image: url(/pages/img/o8f.gif) }
#o8f a:hover, #o8f_a a:active { background-image: url(/pages/img/o8f_o.gif) }
#o8i a:link, #o8i a:visited   { background-image: url(/pages/img/o8i.gif) }
#o8i a:hover, #o8i_a a:active { background-image: url(/pages/img/o8i_o.gif) }
#o8x                          { background-image: url(/pages/img/o8x.gif) }

/* mitte */
#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_f/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) }

/* unten */
#u1 a:link, #u1 a:visited    { background-image: url(/pages/img_f/u1.gif) }
#u1 a:hover, #u1_a a:active  { background-image: url(/pages/img_f/u1_o.gif) }
#u1_active 				              { background-image: url(/pages/img_f/u1_o.gif) }
#u2 a:link, #u2 a:visited    { background-image: url(/pages/img_f/u2.gif) }
#u2 a:hover, #u2 a:active    { background-image: url(/pages/img_f/u2_o.gif) }
#u2_active 				              { background-image: url(/pages/img_f/u2_o.gif) }
#u3 a:link, #u3 a:visited    { background-image: url(/pages/img_f/u3.gif) }
#u3 a:hover, #u3_a a:active  { background-image: url(/pages/img_f/u3_o.gif) }
#u3_active 				              { background-image: url(/pages/img_f/u3_o.gif) }
#u4 a:link, #u4 a:visited    { background-image: url(/pages/img_f/u4.gif) }
#u4 a:hover, #u4_a a:active  { background-image: url(/pages/img_f/u4_o.gif) }
#u4_active 				              { background-image: url(/pages/img_f/u4_o.gif) }
#u5 a:link, #u5 a:visited    { background-image: url(/pages/img_f/u5.gif) }
#u5 a:hover, #u5_a a:active  { background-image: url(/pages/img_f/u5_o.gif) }
#u5_active 				              { background-image: url(/pages/img_f/u5_o.gif) }
#u6                          { background-image: url(/pages/img_d/u6.gif) }
#u6alt                       { background-image: url(/pages/img_d/u6.gif) }
#u6_active                         				 { background-image: url(/pages/img_d/u6_o.gif) }
#u6 a:link, #u6 a:visited   	 { background-image: url(/pages/img_d/u6.gif) }
#u6 a:hover, #u6_a a:active  { background-image: url(/pages/img_d/u6_o.gif) }
#u7 a:link, #u7 a:visited    { background-image: url(/pages/img_f/u7.gif) }
#u7 a:hover, #u7_a a:active  { background-image: url(/pages/img_f/u7_o.gif) }
#u7_active 				              { background-image: url(/pages/img_f/u7_o.gif) }
#u8 a:link, #u8 a:visited    { background-image: url(/pages/img_f/u8.gif) }
#u8 a:hover, #u8_a a:active  { background-image: url(/pages/img_f/u8_o.gif) }
#u8_active 			               { background-image: url(/pages/img_f/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 }

sup, sub  { font-size: 72%; ; line-height: 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; }

a.shop { 
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.shop { 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 */
table.lexikon           { margin:0; padding:0; border-collapse: collapse; width: 100%; }

table.lexikon           { margin:0; padding:0; border-collapse: collapse; width: 100%; }
table.lexikon  tr       { margin:0; padding:0; border: none; }
table.lexikon  th       { padding: 0px 0.5em 0px 0; vertical-align:top; color: #666666; text-align:left; border-top: 7px solid #ffffff; border-bottom: 0px solid #0066CC; background: #dddddd }
table.lexikon  td       { padding: 6px 0.5em 0px 0; vertical-align:top; }
table.lexikon  td h4    { padding: 2px 0.5em 3px 0; vertical-align:top; color: #000000; margin:0; }
table.lexikon  td em    { font-weight: normal; color: #ff0000; font-style: normal; text-decoration: none; }

table.lexikon  table    { border-collapse: collapse; }
table.lexikon  table td { padding: 0; vertical-align:top; }

.neu                    { font-weight: bold; color: #0066CC  }

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

.erlaubt                { color: #ffffff; background-color: #666666; width: 7em }
.nichterlaubt           { color: #666666; background-color: #dddddd; width: 7em }



/* 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 */