/*---------------Grundgeruest---------------*/
html, body, {
           margin: 10px;
           padding:0;
}
body {
           font: 100.01% Verdana, sans-serif;
           background-color: #003366;
           text-align: center;
}
#container {
           width: 50em;
           text-align: left;
           margin: 0 auto;
           background-color:#ffffff;
}
#titel {
           background-color: #ffffff;
           padding: 10px;
           text-align: center;
}
/*---------------Angaben zum Inhalt (h1, Tabelle, h2)---------------*/
#inhalt    {
           background-color: #ffffff;
           color: #333333;
           font: 0.7em/1.2 Verdana, sans-serif;
           padding: 15px 25px 25px;
           position: relative;
           overflow: hidden;
           width: 750px;
           }
#inhalthome {
           background-color: #ffffff;
           color: #333333;
           font: 0.7em/1.2 Verdana, sans-serif;
           padding: 15px 20px 15px;
           position: relative;
           
                      }
#inhalt h1 {
           margin: 0 0 0 25px;
           font-size: 1.3em;
           padding: 1.4em 0 0.5em;
           }

#inhalt h2 {
           margin: 0 0 0 25px;
           font-size: 1em;
           padding: 1.4em 0 0;
           color: #006699;
           }
#inhalt h3 {
           margin: 1.4em 0 0 20px;
           font: 1em/1.4 Verdana, sans-serif;
           font-weight: bold;
                           }
#inhalt h4 {
           margin: 1.4em 0 0 20px;
           font: 1em/1.4 Verdana, sans-serif;
           font-weight: bold;
                           }

#inhalt p  {
           margin: 0 25px 0 25px;
           }
#inhalt p.fliesstext1  {
           margin: 5px 25px 0 25px;
           }
#inhalt p.fliesstext  {
           margin: 1.1em 25px 0 25px;
           }

#inhalt p.nachh1  {
           margin: 1.4em 25px 0 25px;
           }
#inhalt p.table  {
           margin: 0;
           border-collapse: collapse;
           }


#inhalt td {
           vertical-align: top;
           }
#inhalt ul {
           margin-top: 1.4em;
           padding-left: 20px;
           list-style-position: inside;
           list-style-type: none;
           font: 1em/1.4 Verdana, sans-serif;
           }
#inhalt ul.text {
           margin-top: 5px;
           padding-left: 40px;
           list-style-position: outside;
           list-style-type: disc;
           font: 1em/1.2 Verdana, sans-serif;
           }
#inhalt ol.text {
           margin-top: 5px;
           padding-left: 45px;
           list-style-position: outside;
           list-style-type: decimal;
           font: 1em/1.2 Verdana, sans-serif;
           }
#inhalt ol.text1 {
           margin-top: 5px;
           padding-left: 45px;
           list-style-position: outside;
           list-style-type: lower-latin;
           font: 1em/1.2 Verdana, sans-serif;
           }

#inhalt ul.navi {
           list-style-position: outside;
           list-style-type: circle;
           padding-left: 35px;
           margin-top: 0;
           }

#rahmen {   border-style: solid;
          border-color: #006699;
          color: #006699;
          margin: 25px 0 20px 20px;
          
          font: 1em/1.4 Verdana, sans-serif;
          width: 230px;
                           }
#rahmen p  {
           margin: 10px;
           }



.kursiv     {
           font-style: italic;
           }
/*---------------Kasten auf Home-Seite---------------*/
#leistungen {
           background-color: #ffffff;
           background-image: url(Kasten.gif);
           background-repeat: no-repeat;
           background-position: center center;
           color: #333333;
           position: absolute;
           font: bold 1em/1.6 Verdana, sans-serif;
           left: 57px;
           top: 21px;
           width: 245px;
           padding: 10px 12px 10px 12px;
           }
#leistungen a:link {
               color: #333333;
               font-weight: bold;
               text-decoration: none; }
#leistungen a:visited {
                  color: #333333;
                  font-weight: bold;
                  text-decoration: none;
                  }
#leistungen a:hover {
                color: #333333;
                font-weight: bold;
                text-decoration: underline;
                }
#leistungen a:active {
           color: #666666;
           text-decoration: none;}

/*---------------Slogan auf Home-Seite---------------*/
#slogan {
           color: #ffffff;
           position: absolute;
           left: 310px;
           top: 285px;
           width: 190px;
           text-align: center;
                     }
#slogan p  {
           margin: 0 25px 0 25px;
           text-align: center;
           font: bold 1em/1.6 Verdana, sans-serif;
           }


#slogan h1{
           font: bold 1.2em/1 Verdana, sans-serif;
           text-align: center;
           margin-bottom: 15px;
           }


/*---------------Angaben zur Navigationsleiste---------------*/
#navigation {
            background-color: #006699;
            color: #ffffff;
            padding: 0.25em;
            text-align: center;
            font-weight: 500;
            font-size: 0.75em;
            }
#navigation a:link {
                   color: #ffffff;
                   text-decoration: none;
                   }
#navigation a:visited {
                      color: #ffffff;
                      text-decoration: none;
                      }
#navigation a:hover {
                    color: #ffffff;
                    text-decoration: underline;
                    }
#navigation a:active {
                     color: #ffffff;
                     text-decoration: none;
                     }
#navigation ul {
               list-style-type: none;
               display:inline;
               padding:0;
               margin: 0 0 0.5em 0;
               }
#navigation li {
               display:inline;
               }
#navigation li a {
                 padding: 3px 10px;
                 }
/*---------------Navigation Dreiklang---------------*/
.blau {
          background-color: #006699;
          color: #ffffff;
                           }


/*---------------Diagramme---------------*/
#diagramm {
                  padding-left: 25px;
                  padding-top: 16px;}
#diagramm1 {
                  padding-left: 130px;
                  padding-top: 20px;}
#diagramm3 {
                  padding-left: 26px;
                  padding-top: 20px;}
#diagramm4 {
                  padding-left: 110px;
                  padding-top: 20px;}
/*---------------Gefloatete Bilder---------------*/
.links {
         float: left;
         padding-right: 16px;
         padding-top: 22px;
         padding-left: 25px;
                  }
.links1 {
         float: left;
         padding-right: 16px;
         padding-top: 22px;
         padding-left: 25px;
         padding-bottom: 25px;         }

.rechts {
         float: right;
         padding-left: 16px;
         padding-top: 10px;
         padding-right: 22px;
                  }
.rechts1 {
         float: right;
         padding-left: 16px;
         padding-top: 17px;
         padding-right: 22px;
                  }
.mitte {
         padding-left: 115px;
         padding-top: 17px;
                           }


/*---------------Link-Gestaltung im Fliesstext---------------*/
#inhalt a:link {
               color: #333333;
               text-decoration: none; }
#inhalt a:visited {
                  color: #666666;
                  text-decoration: none;
                  }
#inhalt a:hover {
                color: #666666;
                font-weight: bold;
                }
#inhalt a:active {
           color: #666666;
           text-decoration: none;}


/*---------------Fusszeile mit Copyright und Impressum---------------*/

#fuss {
      background-color: #006699;
      color: #ffffff;
      padding: 0.25em;
      text-align: center;
      font-size: 0.75em;
      width: 66.2em;
      position: absolute;
      }
#fuss_home {
      background-color: #006699;
      color: #ffffff;
      padding: 0.25em;
      text-align: left;
      font-size: 0.75em;
      width: 66.2em;
      position: absolute;
      }


.impressum_fuss {
          color: #ffffff;
          text-align: right;
          }
.aktuell_fuss {
          color: #ffffff;
          text-align: left;
          font-size: 0.9em;
          }

#fuss a:link {
               color: #333333;
               text-decoration: none;
                }
#fuss a:visited {
                  color: #333333;
                  text-decoration: none;
                 }
#fuss a:hover {
                color: #333333;
                text-decoration: underline;
                }
#fuss a:active {
           color: #333333;
           text-decoration: none;
           font-weight: bold}


/*-------------- Diese Angabe benötigt der IE 5.0 -------------*/
* html #navigation ul a {
           width: 1em;
           w\idth: auto;
}

* html #inhalt ul {margin-left: 1px;}

* html #slogan {
           color: #ffffff;
           position: absolute;
           left: 290px;
           top: 300px;
           width: 190px;
           text-align: center;
                     }
* html #fuss {
      background-color: #006699;
      color: #ffffff;
      padding: 0.25em;
      text-align: center;
      font-size: 0.75em;
      width: 67em;
      position: absolute;
      }

* html #leistungen {
           background-color: #ffffff;
           background-image: url(Kasten.gif);
           background-repeat: no-repeat;
           background-position: center center;
           color: #333333;
           position: absolute;
           font: bold 1em/1.6 Verdana, sans-serif;
           left: 50px;
           top: 21px;
           width: 245px;
           padding: 10px 12px 10px 12px;
           }