body {
  color: #000;
  background: #f5f5f5;
  font-family: verdana, arial, sans-serif;
  font-size: 100.01%;
  padding: 20px 0;
  margin: 0;
  text-align: center;   /* Zentrierung fuer alte IEs */
}
html { height: 100%; margin-bottom: 1px; }
/* Allgemeine Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
.no_border { border-style: none; border-width: 0; }
.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}
.linkNeutral { color: #000; }
.linkNeutralGrau { color: #565656; font-size: 80%; }
/* Rahmen, Kopf
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#rahmen { background: #fff url(images/contentholder-hg-middle.gif) repeat-y; width: 981px;            /* der Breite des Hintergrundbilds entsprechend */
  border: solid 1px #fff; margin: 0 auto;          /* Zentrierung fuer moderne Browser */
  text-align: left; padding: 0;        /* text-align:center (body) "neutralisieren" */
}
* html #rahmen {   /* Box Model Hack - notwendig wegen border-Angabe */
     /* fuer IE 6 */
}
#rahmenAnfrage { background: #fff url(images/hg-middle-anfrage.gif) repeat-y; text-align: left; margin: 0 auto; padding: 0; width: 981px; border: solid 1px #fff; }
#kopf { background: #fff url(images/headbild.jpg) no-repeat left top; width: 981px; height: 123px; margin: 0; padding: 75px 0 0; float: left; }
#logo { margin-top: 0; margin-left: 15px; }
/*Menueleiste/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#menue { color: white; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 720px; height: 25px; margin-top: 0; margin-left: 131px;   /* weisse Trennlinie zw. Menue u. Inhalt */
}

#menue ul { margin: 13px 0 0; padding: 0 0 3px; list-style: none; }

#menue li { text-align: center; width: 117px; height: 23px; float: left; margin-right: 1px; display: inline; }

* html #menue li {   /* Sternchen-Hack - sehen nur IEs */
         /* damit margin-right auch im IE 5 beachtet wird */
}
#menue li a { font-size: 80%; font-weight: bold; text-transform: uppercase; width: 117px; height: 25px; }
#menue li a:link, #menue li a:visited { color: white; text-decoration: none; }

#menue li a:focus, #menue li a:hover { color: #f90; text-decoration: none; }
.active1 { color: #f90; font-size: 80%; font-weight: bold; text-decoration: none; text-transform: uppercase; margin-top: 2px; }
/**/
#content { width: 970px; margin-left: 10px; }
/*box_left /* * * * * * * * * * * * * * * * * * * * * * * * * * */

#box_left { float: left; width: 236px;    /* Breite ohne senkrechte weisse Linie */
  padding: 10px 0 5px; }

#box_left ul{
  list-style: none;
  padding: 0;
  margin: 0 10px 0 20px;
}

#box_left li { margin: 0; font-size: 70%; line-height: 180%; width: 150px; height: 25px; margin: 10px 0 0; border-bottom: 1px solid #879ebe; }

#box_left li a:link, #box_left li a:visited { color: #415d84; font-weight: bold; text-decoration: none; width: 150px; height: 25px; }

#box_left li a:focus, #box_left li a:hover, #box_left li a:active { color: #415d84; text-decoration: none; padding-left: 15px; border-left: 2px solid #f60; }
.active { color: #f60; text-decoration: none; padding-left: 10px; border-left: 2px solid #f60; }
/*Box News-----------------------------------------*/
#box_news { color: #06285a; font-family: Arial; width: 210px; margin-left: 14px; }
#box_news h1 { font-size: 90%; font-weight: bold; margin-bottom: 5px; }
#box_news h2 { font-size: 70%; font-weight: bold; margin-bottom: 5px; }
#box_news p { color: #06285a; font-size: 65%; text-align: justify; margin-top: 0; }
#box_news a:link { color: #f60; font-size: 90%; font-weight: normal; text-decoration: none; }
#box_news a:hover { text-decoration: none; }
/* Spalte 2
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#box_middle {
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0 0;
  float:left;
  width: 454px;                  /* Breite ohne senkrechte Linien */
  margin-right: 10px;
  margin-left: 10px;
  padding: 25px 0 10px;   /* Senkrechte Linie links */
  position: relative;
}
* html #box_middle { width: 454px; margin-right: 10px; margin-left: 10px;  /* Box Model Hack - notwendig wegen border-Angabe */
     /* Fuer IE 6 */
}
#box_middle h1 { color: #405371; font-size: 90%; font-family: Arial; font-weight: bold; line-height: 140%; margin: 0 30px 5px; }
#box_middle h2 { color: #405371; font-size: 80%; font-family: Arial; line-height: 190%; margin: 0 30px 0.5em; padding-bottom: 15px; border-bottom: 1px solid #405371; }
#box_middle h3 { color: #405371; font-size: 80%; font-family: Arial; line-height: 190%; margin: 0 30px 5px; }
#box_middle p { font-size: 80%; line-height: 130%; text-align: justify; margin: 0 30px 1em; }
.schrift-klein { color: #4a4a4a; font-size: 70%; line-height: 70%; }
#box_middle ul { font-size: 80%; line-height: 130%; list-style-type: circle; margin: 1em 0 1em 30px; }
#box_middle a:link, #box_middle a:visited { color: #800000; font-size: 100%; text-decoration: none; }

#box_middle a:focus, #box_middle a:hover, #box_middle a:active {
  color: #264F63;
}
/**/
#box_middleAnfrage { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin-right: 10px; margin-left: 10px; padding: 25px 0 10px; width: 670px; float: left; }
* html #box_middleAnfrage { margin-right: 10px; margin-left: 10px; width: 454px; }
#box_middleAnfrage h1 { color: #405371; font-size: 90%; font-family: arial; font-weight: bold; line-height: 140%; margin: 0 30px 5px; }
#box_middleAnfrage h2 { color: #405371; font-size: 80%; font-family: arial; line-height: 190%; margin: 0 30px 1em; border-bottom: 1px solid #405371; }
#box_middleAnfrage p { font-size: 80%; line-height: 130%; text-align: justify; margin: 1em 30px; }
/*======== Galerie============= */
#galerie { width: 430px; margin-left: 16px; }
#galerie a {
  float: left;
  padding: 0;
  margin: 0 10px 10px 0;
}
#galerie a:link,
#galerie a:visited {
  border: 1px solid #CCCCCC;
}
#galerie a:hover,
#galerie a:focus,
#galerie a:active {
  border: 1px solid #CC0000;
}
#galerie img { vertical-align: bottom; padding: 2px; border-style: none; border-width: 0;
  /* sonst Abstand in Firefox und Co. zur unteren Linie zu gross */
}
/* Spalte 3
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#box_right { float:left; width: 250px;  /* Breite ohne senkrechte weisse Linie */
 padding: 0; }

#box_right h1 {
  color: #2A5165;
  font-size: 80%;
  line-height: 160%;
  margin: 0 20px;
}

#box_right p {
  font-size: 70%;
  line-height: 150%;
  margin: 1em 20px;
}
/*Footer*************************************************
*/
#footer { background: white url(images/footer_hg.gif) no-repeat left top; width: 981px; height: 37px; margin: 0 auto 10px; padding-bottom: 10px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
#footer ul { margin: 0 0 0 35px; padding: 0; list-style: none; }
#footer li { text-align: center; float: left; margin-right: 25px; display: inline; }
* html #footer li {   /* Sternchen-Hack - sehen nur IEs */
         /* damit margin-right auch im IE 5 beachtet wird */
}
#footer a { font-size: 60%; text-transform: uppercase; }
#footer a:link, #footer a:visited { color: #797979; text-decoration: none; }
#footer a:focus, #footer a:hover, #footer a:active { color: #4c4c4c; text-decoration: underline; }
/*Formular************************************************/
.beschriftung {
  float: left;
  width: 9em;
  text-align: right;
}
.eingabefeld {
  float: left;
  width: 20em;
  max-width: 450px; /* maximale Breite, geht nicht im IE */
}
.submit { background-color: #fff; text-transform: uppercase; width: 80px; height: 20px; max-width: 450px; float: left; margin-left: 0; padding: 0; border-color: #959595 #313131 #313131 #959595; border-style: solid; border-width: 1px; }
* html .submit { background-color: #fff; text-transform: uppercase; margin-left: 25px; padding: 0; width: 80px; height: 20px; max-width: 450px; float: left; border-style: solid; border-width: 1px; border-color: #959595 #313131 #313131 #959595; }
form p {
  font-size: 1em;
  margin: 8px 0;
}

form h4 { color: #405371; font-size: 80%; margin: 8px 0; }
label { color: #444; display: block; /* damit auch die alten IEs das padding anwenden */
  font-size: 0.7em; text-transform: uppercase; margin-right: 10px; }
/* Achtung: nicht alle Browser stellen Sachen wie die border
von Eingabefeldern dar, in Safari z.B. laesst sich nur wenig
am Aussehen von Formularelementen aendern */
input { color: #616161; width: 80%; background: #fff; font-family: verdana, arial, sans-serif; font-size: 0.7em; height: 18px; border: solid 1px #ccc; }
textarea { color: #616161; font-size: 0.7em; font-family: verdana, arial, sans-serif; background: #fff; width: 100%; border: solid 1px #ccc; }
/* Die folgenden Anweisungen sorgen fuer schoene Effekte beim
Ausfuellen in standardkonformen Browsern, die IEs koennen
damit aber nix anfangen */
/*===========Anfrage Formular===========*/
.boxFormularHolder { margin-right: 0; margin-left: 30px; }
#formularHolderLeft { width: 620px; float: left; margin-right: 0; }
#formularHolderLeft2 { margin-right: 0; width: 620px; float: left; }
#formularHolderLeft3 { margin-right: 0; width: 620px; float: left; }
#formularHolderLeft p { color: #405371; text-align: left; float: left; margin: 0 0 0 10px; padding: 0; }
 .formliste { color: #304050; font-size: 70%; text-align: right; width: 160px; height: 22px; float: left; margin: 4px 10px 0 0; padding: 2px; border: solid 1px #8e9eb8; list-style-type: none; }
.formlisteInfo { color: #283746; font-size: 70%; text-align: right; list-style-type: none; margin: 4px 0 0; padding: 0; width: 160px; height: 19px; }
#formularHolderRight { background-color: #fff; width: 410px; float: left; margin: 4px 0 15px; padding: 2px; border: solid 1px #8e9eb8; }
#formularHolderRight2 { background-color: #fff; margin: 4px 0 15px; padding: 2px; width: 410px; float: left; border: solid 1px #8e9eb8; }
#formularHolderRight3 { background-color: #fff; margin: 4px 0 15px; padding: 2px; width: 410px; float: left; border: solid 1px #8e9eb8; }
.eingabeAnfrage { font-size: 80%; text-align: left; list-style-type: none; width: 160px; height: 22px; float: left; margin: 4px 0 0; padding: 2px; border: solid 1px #405371; }
.textfeldAnfrage { font-size: 80%; text-align: left; list-style-type: none; margin: 4px 0 0; padding: 2px; width: 360px; height: 120px; float: left; border: solid 1px #405371; }
.checkboxAnfrage { font-size: 80%; text-align: right; width: 20px; height: 20px; list-style-type: none; margin: 0; float: left; padding: 0; }
.checkboxholderLeft { width: 180px; float: left; margin-right: 20px; }
.checkboxholderRight { width: 180px; float: left; }
/**/
#buttonKatalog { width: 150px; height: 75px; margin: 10px 0 0 20px; padding: 0; }
/*========ESSENPLANER===========*/
#boxEssenplanHead { width: 454px; }
.downloadLink {
  font-size: 70%;
  position: absolute;
  top: 80px;
  right: 10px;
}

#boxEssenplanHead h1 { color: #405371; line-height: 18px; margin: 10px 0 0 10px; border-style: none; border-width: 0; }
#boxEssenplanHead h2 { color: #405371; line-height: 18px; margin: 10px 0 0 10px; border-style: none; border-width: 0; }
/*------------------Inhalt------------------*/
#boxEssenplanHolder { color: #405371; width: 454px; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; }
#boxEssenplanHolder h1 { color: #405371; font-weight: bold; line-height: 22px; text-align: left; margin: 0 0 10px 10px; }
.boxEssenplanInfo { color: #405371; background-color: #dfe5ef; width: 454px; border-top: 1px solid #fff; border-bottom: 10px solid #f3f7fd; }
.boxDatum { background-color: #9eadcd; height: 22px; margin: 0 auto; }
.boxGerichte { background-color: #dfe5ef; position: relative; width: 370px; float: left; margin: 0 auto 0 0; padding: 5px 0 0; }
.boxGerichte p { color: #405371 !important; text-align: left !important; margin: 0 0 5px 30px !important; }
.boxPreis { line-height: 18px; background-color: #fff; text-align: center; width: 70px; float: right; margin: 0; padding: 5px; border: solid 1px #ccc; }
.boxPreis p { color: #405371; font-weight: bold; line-height: 20px; background-color: #fff; text-align: center !important; margin: 0 !important; padding: 0; }
.lineWeiss { line-height: 1px !important; width: 100%; margin: 1px !important; padding: 0; border-bottom: 1px solid #f3f8fd; }
/**/


#box_middle p.zusatzstoffe-legende {
  font-size: 55%;
  text-align: left;
}

sup.zusatzstoffe-kennzeichnung {
  font-size: 65%;
}

p.zusatzstoffe-legende sup {
  vertical-align: baseline;
  font-size: inherit;
  padding-right: 2px;
  color: #405371;
}