/*------------------------------------LAYOUT-----------------------------------------------*/

  body {
        margin: 0px;
        padding: 0px;
        height: 100%;
        font: 100.01% Verdana;
        text-align: center;
        color: #ffffff;
        min-width: 40em;
}

  #seite {
    text-align: left;
    margin: 0 auto;
    width: 980px;
        padding: 0px;
        border: 1px solid #ff9900;
  }


  #inhalt {
        min-height: 520px;
        letter-spacing:0.1em;
        margin-top:0px;
        margin-left: 250px;
        margin-right:0px;
        border-left: 1px solid #ff9900;
        background-color: white;
        padding: 5px 0px 10px 0px;
        font: 100.01% Verdana;
        font-size: 13px;
        letter-spacing:0.1em;
        color:         #5f5f5f;
        line-height:0.5em;

  }

  #banner {
          width: 980px;
        height: 300px;
          margin: 0 auto;
        padding: 0px;
        background: url(bilder/hg_banner.jpg) no-repeat center;
  }

  #navi {
          float: left;
        width: 230px;
        min-width: 200px;
        margin: 0px;
        padding: 5px;
        min-height: 520px;
 }


    /*------------------------------------LAYOUT ENDE-----------------------------------------------*/

        /*------------------------------------inhalt-----------------------------------------------*/

  #inhalt h1 { /* Überschrift für Seiteninhalt*/
          font-size: 13px;
        color:         #330099;
        padding-left: 20px;
        padding-bottom: 5px;
        border-bottom: 1px solid #ff9900;
         }
  #inhalt h2 { /* Überschrift in Texten */
          font-size: 15px;
        color:         #330099;
        letter-spacing:0.1em;
        line-height:1.0em;
        padding-top: 10px;
        padding-left: 20px;
  }

  #inhalt h3 { /* Überschrift in Texten */
          font-size: 15px;
        color:  #EC7600;
        letter-spacing:0.1em;
        line-height:1.3em;
        padding-bottom: 0px;
        padding-left: 20px;
  }
  #inhalt h4 { /* Überschrift in Hochwasserschutz */
          font-size: 15px;
        color:  #FF0000;
        letter-spacing:0.1em;
        line-height:1.3em;
        padding-bottom: 0px;
        padding-left: 20px;
  }

  #inhalt p {
          font: 100.01% Verdana;
        font-size: 13px;
        letter-spacing:0.1em;
        color:         #5f5f5f;
        line-height:1.3em;
        padding-left: 20px;
        padding-right: 20px;
  }

  #inhalt td {
          font: 100.01% Verdana;
        font-size: 13px;
        letter-spacing:0.1em;
        color:         #5f5f5f;
        line-height:1.3em;
        padding-left: 5px;
        padding-right: 5px;
        vertical-align:top;
  }
   #inhalt table {
          font: 100.01% Verdana;
        font-size: 13px;
        letter-spacing:0.1em;
        color:         #5f5f5f;
        line-height:1.3em;
        padding-left: 15px;
        padding-right: 15px;
        vertical-align:top;
  }


  #inhalt em {
          font: 100.01% Verdana;
        font-size: 13px;
        letter-spacing:0.1em;
        color:         #330099;
        line-height:1.3em;
  }

 #inhalt a { /* Links im inhalt */
    color: #6b6b6b;
        font-size: 12px;
    text-decoration:underline;
  }

  #inhalt  a:link {
    font: 100.01% Verdana;
        color: #6b6b6b;
        text-decoration:underline;
  }
  #inhalt a:visited {
          font: 100.01% Verdana;
   color: #6b6b6b;
   text-decoration:underline;
  }
  #inhalt a:hover {
          font: 100.01% Verdana;
    color: #ff9966;
        text-decoration:none;
  }
  #inhalt a:active {
          font: 100.01% Verdana;
    text-decoration:underline;
  }
  /* Aufzählungen */
  #inhalt ul {
          list-style-image:url(bilder/liste.gif);
        font: 100.01% Verdana;
        font-size: 13px;
        letter-spacing:0.1em;
        color:         #5f5f5f;
        line-height:1.3em;
        padding-left: 4em;
  }
  #inhalt ul.rot {
          list-style-image:url(bilder/liste_rot.gif);
        font: 100.01% Verdana;
        font-size: 13px;
        letter-spacing:0.1em;
        color:         #5f5f5f;
        line-height:1.3em;
        padding-left: 4em;
  }
  #inhalt li{
          line-height:1.3em;
        padding-top:3px;
  }

  #inhalt ol {
        font: 100.01% Verdana;
        font-size: 13px;
        letter-spacing:0.1em;
        color:         #5f5f5f;
        line-height: 2em;
        padding-left: 4em;
  }

  #inhalt .bilduntertext {
  font: 100.01% Verdana;
        font-size: 11px;
        text-align: left;
        letter-spacing:0.1em;
        color:         #5f5f5f;
  }

  #inhalt .untertext {
  font: 100.01% Verdana;
        font-size: 11px;
        text-align: left;
        letter-spacing:0.1em;
        color:         #5f5f5f;
  }

  #inhalt .seitenuntertext {
          font-size: 15px;
        color:         #330099;
        letter-spacing:0.1em;
        border-top: 1px solid #ff9900;
        line-height:1.3em;
        font-weight:bold;
        padding:3px;
  }
  /*------------------------------------inhalt-ENDE----------------------------------------------*/
  /*------------------------------------NAVI -----------------------------------------------*/
 #Navigation {
    float: right;
        font-size: 12px;
        width: 220px;
        text-align: left;
        font: normal 80.01% Verdana;
    margin: 0em 0em; padding:0px;
 }

   #Navigation li {
          font-size: 14px;
        text-align: left;
    list-style: none;
        margin: 3px;
        padding-top: 5px;
        padding-bottom: 0px;
        color: #330099;
        font-weight: bold;
  }

  ul#Navigation a {
    text-align: left;
        height: 24px;
        display: block;
        padding-left: 35px;
        background: white url(bilder/nav.gif) no-repeat center left;
  }
  ul#Navigation a:link {
    color: #330099;
        text-decoration:none;
        text-align: left;
  }
  ul#Navigation a:visited {
    color: #330099; text-decoration:none;
        text-align: left;
  }
  ul#Navigation a:hover {
    color: #ff9900; text-decoration:none;
        text-align: left;
        padding-right: 0px;
  }
  ul#Navigation a:active {
    color: #ff9900; text-decoration:none;
        text-align: left;
  }
  /*------------------------------------NAVIGATION - 1 - ENDE--------------------------------------------*/

 #Navigation li.extra {
 padding-left: 25px;
 }

#Navigation li.extra2 {
 font-size: 12px;
        text-align: left;
        height: 24px;
    list-style: none;
        margin: 3px;
        letter-spacing: 0.5px;
        padding-top: 5px;
        padding-bottom: 0px;
        color: #330099;
         background: white url(bilder/underline.gif) no-repeat center left;
  }
#Navigation li.extra2 {
 font-size: 12px;
        text-align: left;
        height: 24px;
    list-style: none;
        margin: 3px;
        letter-spacing: 0.5px;
        padding-top: 5px;
        padding-bottom: 0px;
        color: #330099;
         background: white url(bilder/leer.gif) no-repeat center left;
  }


  /*------------------------------------NAVIGATION - Planen ---------------------------------------------*/
#navi_planen{
        font-size: 12px;
        color:         #330099;
        padding-left: 18px;
        padding-bottom: 5px;
        border-bottom: 1px solid #ff9900;
}
#navi_planen span {
        font-size: 12px;
        color:         #ff9966;
        padding-left: 18px;
        padding-bottom: 5px;
        font-weight: bold;
}

 #navi_planen a { /* Links im inhalt */
    color: #6b6b6b;
        font-size: 11px;
        padding-left: 20px;
    text-decoration:none;
  }
  #navi_planen  a:link {
    font: 100.01% Verdana;
        color: #6b6b6b;
        padding-left: 20px;
        text-decoration:none;
  }
  #navi_planen a:visited {
          font: 100.01% Verdana;
   color: #6b6b6b;
   padding-left: 20px;
   text-decoration:none;
  }
  #navi_planen a:hover {
          font: 100.01% Verdana;
    color: #ff9966;
        padding-left: 20px;
        text-decoration:none;
  }
  #navi_planen a:active {
          font: 100.01% Verdana;
        padding-left: 20px;
    text-decoration:none;
  }
 /*------------------------------------NAVIGATION - Planen - ENDE--------------------------------------------*/
   /*------------------------------------NAVIGATION - Wohnen ---------------------------------------------*/
#navi_wohnen{
        font-size: 11px;
        color:         #330099;
        padding-left: 7px;
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #ff9900;
        line-height:2.0em;
}
#navi_wohnen span {
        font-size: 11px;
        color:         #ff9966;
        padding-left: 14px;
        padding-bottom: 5px;
        font-weight: bold;
}
#navi_wohnen a { /* Links im inhalt */
    color: #6b6b6b;
        font-size: 11px;
        padding-left: 14px;
    text-decoration:underline;
        line-height:1.3em;
  }
  #navi_wohnen  a:link {
    font: 100.01% Verdana;
        color: #6b6b6b;
        padding-left:14px;
        text-decoration:none;
        line-height:1.3em;
  }
  #navi_wohnen a:visited {
          font: 100.01% Verdana;
   color: #6b6b6b;
   padding-left: 14px;
   text-decoration:none;
   line-height:1.3em;
  }
  #navi_wohnen a:hover {
          font: 100.01% Verdana;
    color: #ff9966;
        padding-left: 14px;
        text-decoration:none;
        line-height:1.3em;
  }
  #navi_wohnen a:active {
          font: 100.01% Verdana;
        padding-left: 14px;
    text-decoration:none;
    line-height:1.3em;
  }

 /*------------------------------------NAVIGATION - Planen - ENDE--------------------------------------------*/