html {
    margin: 0; padding: 0;
  }


  body {
    font: normal 100% Verdana, Arial, sans-serif;
    color: black;
    background-color: #ffffe0;
    min-width: 60em;
    width: 100%;
    max-width: 1200px;
    margin: 0 0 1em 0; padding: 1em 1em 1em 0em;
    border: 2px  solid silver;
  }


.inhalt_height {  /* hack (min-height) für IE6, IE 7, FF  */
 height:auto !important; height: 25em; min-height:25em;}
.inhalt_h2 {  /* hack (min-height) für IE6, IE 7, FF  */
 height:auto !important; height: 70em; min-height:70em;}

/* fixieren der vertikalen Navigation  */

#fixiert_nav {
   position: absolute;
    top: 16em;
    width: 8.5em;
  }


  html>body #fixiert {  /* nur fuer moderne Browser! */
    position: fixed;
  }


/*   -------------------- SEITENKOPF ---------------------   */
  #kopfbereich {
    position: absolute;
    top: 0em; left: 0em;
    float: right;
    width: 100%;
    max-width: 1200px;
    margin: 0em 0em 0em 0em;
    padding: 0em;
    height: 13.3em;
    border-top: 2px solid silver;
    border-left: 2px solid silver;
    border-bottom: 1px solid silver;
    background-color: #ffffe0;

    }
    *+html #kopfbereich {  /* Workaround fuer IE7  */
             height: 11.5em;}


  html>body #kopfbereich {  /* nur fuer moderne Browser! */
    position: fixed;
  }
  #pictLogo {  position: absolute;
               clear: both;
               clear: both;
               top: 0.4em;
               right: 0em;
               float:right;
               height: 7.7em;
               width: auto;
             }

  .floatstop {  clear:both;  }

  /* --- Rahmen für horizontale Navigationsleiste ---*/

  div#Rahmen {position: absolute;
    top: 11.3em; right: 0;
    margin: 0 0em 0 2em;
    height: 1.4em;
    padding: 0.2em;
    background-color: silver;
    border: 2px ridge #ffffe0;
  }
  *+html div#Rahmen {  /* Workaround fuer IE7  */
    position: absolute; top: 9.5em;}
  div#Rahmen div {
     clear: left;
  }


/*   ----------- SEITENINHALT mit Fußbereich ---------   */

  #Inhalt {
    margin: 15.5em 0em 3em 0em; padding: 0em 2.4em;
  }

  * #Inhalt {  /* versteckt vor Netscape 4 */
    background-color: #ffffe0;
  }

*+html #Inhalt {  /* Workaround fuer IE7  */
  margin-top: 9.5em;}


#Fusszeile {
    font-size: 0.8em;
    margin: 0 0.9em 2em 2em; padding: 0 0 0.3em;
    height: 2.1em;
    background-color: white;
    border: 1px solid silver;
  }


#Fusszeile #links { color:gray;
          float: left;
          width: 25%;
          text-align: left;}
#Fusszeile #mitte { color:gray;
          float: left;
          width: 35%;
          text-align: center;}

#Fusszeile #rechts { color:gray;
          margin: -0.8em 0.9em 2em 2em;
          float: right;
          width: 25%;
          text-align: right;}

*+html #Fusszeile #rechts {  /* Workaround fuer IE7  */
  margin: -0.6em 0.9em 2em 2em;}


/*   --- Ende Seiteninhalt   ---   */



/*   --------------- Horizontale NAVIGATION ----------------   */

  ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
  }

*:first-child+html ul#Navigation {  /* Workaround fuer den IE 7 */
   background-color: silver;}

  ul#Navigation li {  /* position und abstände der navi */
    list-style: none;
    float: left;
    position: relative;
    margin-top: 0.1em; padding: 0;
    width: 6.8em;
  }

  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
  }

  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em; background-color: white;
  }

  ul#Navigation li ul {  /* unternavi buttons */
    margin: 0; padding: 0;
    position: absolute;
    top: 1.2em; left: 0em;  /* position */
    display: none;          /* ausblenden */
    background-color: #ffffe0; width: 6.8em;
  }

  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.1em;
    lef\t: 0em;
  }

  *:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */
    background-color:#ffffe0; padding-bottom:0.1em;
  }

  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }

  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0em;
    width: 6.8em;
  }

  ul#Navigation a {
    display: block;
    width: 8.1em;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.1em 0.1em;
    text-decoration: none; font-weight: bold; font-size: 0.8em;
    border: 1px solid gray;
    border-left-color: white; border-top-color: white;
    color: maroon; background-color: #ccc;
  }

  * html ul#Navigation a {
    width: 8.1em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 8.1em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
  }

  ul#Navigation a:hover {
    border-color: maroon;
    border-left-color: white; border-top-color: white;
    color: white; background-color: gray;
  }

  li a#aktuell, li a#uakt {  /* aktuelle Rubrik kennzeichnen */
    color: maroon; background-color: #fed;
  }

/* ----------   Ende horizontale Navigation   -----------*/


h1 {
    font-size: 1em;
    margin: 0em 1em 0em 0em; padding: 0em;
    text-align: right;
    background-color: #fed;
    border: 2px solid silver;
    border-left-color: white; border-top-color: white;
    }

h2 {
    font-size: 1.0em;
    margin: 5em 20% 2em;
    color: maroon;
    border-bottom: 1px solid silver;
    text-align: center;
  }

h3 {
    font-size: 0.8em;
    font-weight: bold;
    margin: 5em 2em 2em;
    color: maroon;
    border-bottom: 1px solid silver;
    text-align: center;
  }

p {
    font-size: 0.8em; line-height:1em;
    margin: 0em 2em 0em 0em; padding: 1em 0em 0em 1em;
    text-align: justify;
   }

p span {font-weight: bold;}

#Inhalt #mi {
    text-align: center;
   }
p.mi {text-align: center;}
p.sp1 {
    font-size: 0.8em;
    text-align: left;
   }
p.sp2 {
    font-size: 0.8em; font-weight: bold;
    text-align: left;
   }
.spalte1 {float: left;
          width: 3.0em;
          margin: 0em 0em 0em 0em; padding: 0em 0em 0em 1em;}
.spalte2 { float: left;
          width: 18.5em;
           margin: 0em 0em 0em 1.5em; padding: 0em 0em 0em 1em;}
.spalte3 {
          float: left;
          width: 15.0em;
          margin: 0em 0em 0em 0em; padding: 0em 0em 0em 0em;}
.spalte4 {float: left;
          width: 16em;
           margin: 0em 0em 0em 0em; padding: 0em 0em 0em 0em;}

.rechts {float: right; margin: 0em 0em 0em 0em; width: 15em;}
.links {clear: both; float: left; display:block; margin: 0em 2em 0em 1em; width: 15em; }

ul.liste {font-size: 0.8em; }

ul.liste li {list-style: square; display: block; text-align: left; }



/* --------  KONTAKTFORMULAR   -----  */

.errh {margin: 0em 0 0 0em;
       padding: 4em 0 0 14em;
       color: maroon; font-weight: bold;
    }
.err {
      padding: 1em 0 0 14em;
       color: maroon;
    }
.senth {
    position: absolute;
               top: 48em;
               left: 16.0em;
               color: blue; font-size: 0.8em; font-weight: bold; font-style: italic;
    }
.senth2 {
    position: absolute;
               top: 50em;
               left: 16.0em;
               color: black; font-size: 0.8em;
    }
.sentt {
    position: absolute;
               top: 51em; left: 16.0em;
               color: black; font-size: 0.8em;
    }
#kontaktform { float: left;
               font-size: 1em;
               font-family: Verdana, Arial, Helvetica, sans-serif;
               margin-top: 2.0em;
               margin-left: 2em;
               width:60em;}

form p { clear: both;
         float: left;
         width: 99.0%; /*37em;  */
         margin: 2px 2px 2px 2px;
         padding: 2px;
        }

form { font-size: 0.9em;
       line-height: 120%;
       width: 40em;
       margin: 2em 2em 2em 1em;
       padding: 0em 0em 0em 0em;
      }
form h5 {display: none;
        }

fieldset { margin-left: 0em;
           padding: 0em 0em 1em 1em;
           border: solid 2px maroon;
           width: 33em;
         }

legend { color: maroon;
         font-size: 1em;
         margin: 2em;
         padding: 1em;
        }

input { width: 9em;
        float: left;
        margin: 6px;
        padding: 2px;
        border: solid 1px silver;
        display: block;
        }
#title { }
#name { }
#prename { }
#company { }
#street { }
#no { width: 3em; }
#city { }
#zip { width: 3em; }
#mailtext { width: 380px;
           height: 100px;
           margin-left: 20px;
            }

#phone { }
#fax { }
#mobile { }
#email { }

label { color: #878787;
        font-weight: normal;
        text-align: right;
        width: 5em;
        float: left;
        margin: 5px 0;
        padding: 5px;
       }

/*   --------- LINKS  -------------*/
a:link, a:visited, a:hover, a:active
     {
      font-family:Verdana;
      font-size:1em;
      text-decoration: none;
      width:12em;
      padding:0.1px;
     }

a:link { color: blue; }

a:visited { color: maroon;
            font-style: italic;}

a:hover   { letter-spacing: 1.1px;
            color: #5555aa;
            font-style: italic; }