@media screen {
    html, body {
      height: 100%; overflow-y: hidden;
    }
    #container {
      height: 100%; width: 100%; overflow: auto;
    }
    #Inhalt {
      position: static;
    }
    #fusszeile {
      position: static;
    }
  }

body, p {
    font: italic 100.01% VERDANA,ARIAL,HELVETICA;
    color: #FFFFFF;
  }

  html {
    padding: 0em;
  }
  body {
    margin: 0; padding: 0;
    background-color: #2F0000;
  }
  h1 {
    font-size: 2em;
    margin: 1em;
    color: #FFFF00;
    border-bottom: 2px solid #FFFF00;
  }
  h2 {
    font-size: 1.5em;
    margin: 1em 1em 1em 2em;
    color: #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
  }
  h3 {
    font: italic normal 1em;
    margin: 0.5em 0.5em 0.5em 0;
    color: #FFFFFF;
  }


  div#Tmenu {
    font-size: 90%;
    width: 14em;
    padding: 0.8em;
    border: none;
  }
  * html div#Tmenu {
    width: 11.3em;
    w\idth: 10em;  /* (IE 6 in standards-compliant mode) */
  }
  ul#nav {
    margin: 0; padding: 0;
    text-align: center;
  }

  ul#nav li {
    list-style: none;
    position: relative;
    margin: 0.4em; padding: 0;
  }
  * html ul#nav li {
    margin-right:1.5em;  /* Platz fuer Link-Verbreiterung im IE reservieren */
    margin-bottom:0;
  }

  ul#nav li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 0; left: 11em;
  }
  *:first-child+html ul#nav li ul {
    left: 11em;  /* (IE 7 in standards-compliant mode) */
  }
  ul#nav li ul li {
    margin: 0; padding-left: 4.5em;
  }

  ul#nav a, ul#nav span {
    display: block;
    width: 12em;
    font-family: arial, sans-serif;
    text-decoration: none; font-weight: bold;
    padding: 0.2em 1em;
    border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 2px solid #000000; border-bottom: 2px solid #000000;
    color: #FFFFFF; background-color: #BF0000;
  }
  * html ul#nav a, * html ul#nav span {
    width: 14em;
    w\idth: 12em;  /* (IE 6 in standards-compliant mode) */
  }
  ul#nav a:hover, ul#nav span, li a#aktuell:hover {
    border-top: 2px solid #000000; border-left: 2px solid #000000; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;
    background-color: #FF9999; color: #000000;
  }
  li a#aktuell {
    border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 2px solid #000000; border-bottom: 2px solid #000000;
    background-color: #E06060; color: #FFFFFF;
  }
  ul#nav li ul span {
    border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 2px solid #000000; border-bottom: 2px solid #000000;
    color: #000000; background-color: #E06060;
  }
  ul#nav li a:active {
    color: #000000; background-color: #FF9999;
  }

/* dynamisches Ein-/Ausblenden */
  ul#nav li ul {
    display: none;
  }
  ul#nav li:hover>ul {
    display: block;
  }
  ul#nav>li:hover>a {
    width: 13.2em;
    background: #FF9999 url(../bilder/tan-1.png) no-repeat center right;
  }

/* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */
  * html ul#nav li.hoverIE {
    margin-right:0;  /* reservierten Platz freigeben */
    margin-bottom:-1.15em;  /* Fehlerkorrektur, ggfls. anpassen */
  }
  * html ul#nav li.hoverIE ul {
    display: block;
  }
  * html ul#nav li .hoverIE {
    width: 10.3em;
    w\idth: 8.2em;  /* (IE 6 in standards-compliant mode) */
    background: #FF9999 url(../bilder/tan-1.png) no-repeat center right;
  }



  #fixnav {
    position: absolute;
    top: 2em; left: 1em;
    width: 14.5em;
    padding: 0.4em;
    height: 45em;
    background-color: #4F0000;
    border-top: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-right: 4px solid #000000; border-bottom: 4px solid #000000;
  }

  #fixnav p {
    color: #FFFFFF;
    font: italic bold 0.9em arial, sans-serif;
    margin.right: 2em;
  }

  #logonav {
    position:absolute;
    bottom: 2em;
    left: 2.5em;
  }

  div#aktualisieren {
    font: italic normal 0.95em arial, sans-serif;
    float: left; clear: right;
    margin-left: 1em;
    }

  img#hahn {
    position:absolute;
    bottom: 12em;
    right: 0.4em;
    }

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

  #container p.copy{
    font: normal bold 0.7em arial, sans-serif;
    color: #FF0000;
    text-align: left;
    margin: 0;
    padding: 0;
  }

  #kopf {
    background: url("../bilder/banner-1.gif") no-repeat;
    margin:0 1em 0 15em;
    padding: 0;
    height: 150px;
    border-top: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-right: 4px solid #000000; border-bottom: 4px solid #000000;
  }

  #kopftext {
    margin-top: 1em; margin-right: 1em;
    float: right;
  }

  * #kopf {  /* versteckt vor Netscape 4 */
    background-color: #4F0000;
  }

  abbr[onmouseover], acronym[onmouseover] {
    border-bottom: 2px dotted #AFAFAF;
    cursor: help;
    }

  #inhalt {
    color: #BFBFBF;
    background: url("../bilder/wp-thea-inh.png") no-repeat fixed right top;
    min-height: 25em;
    margin:1em 1em 1em 15em;
    padding: 1em 1em 1em 2em;
    border-top: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-right: 4px solid #000000; border-bottom: 4px solid #000000;
  }
  * #inhalt {  /* versteckt vor Netscape 4 */
    background-color: #4F0000;
  }

  #inhalt li {
    color: #FFFFFF;
    font: italic bold 0.95em arial, sans-serif;
    margin-left: 3em;
  }

  #inhalt p {
    color: #FFFFFF;
    font: italic bold 0.95em arial, sans-serif;
    text-indent: 15px;
    text-align: justify;
    margin: 1em;
  }

  #inhalt p.imp {
    color: #FFFFFF;
    font: italic normal 0.9em arial, sans-serif;
    text-indent: 15px;
    text-align: justify;
    margin: 1em;
  }

  #inhalt p b{
    color: #FFFF00;
    font: italic bold 0.95em arial, sans-serif;
  }

  #inhalt p.datum{
    color: #FFFF00;
    font: normal bold 1.5em arial, sans-serif;
    margin-left: 0;
  }

  #inhalt p.copy{
    color: #FF0000;
    font: normal bold 0.7em arial, sans-serif;
  }

  #inhalt div.text {
    margin-left: 20em;
    width: 65%;
  }

  #inhalt fieldset {
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    margin: 0.5em 6% 0.5em;
    padding: 1em;
    width: 650px;
  }

  #inhalt legend {
    color: #FFFFFF;
    font: italic bold 0.8em arial, sans-serif;
    margin: 0.5em 6% 0.5em;
  }

  #inhalt .einzug {
    margin-left: 5em;
  }

  #inhalt a {
    text-decoration:none;
    color: #FF0000;
    font: italic bold 0.95em arial, sans-serif;
  }
  #inhalt a:link {
    text-decoration:none;
    color: #FF0000;
  }
  #inhalt a:visited {
    text-decoration:none;
    color: #FF0000;
  }
  #inhalt a:hover {
    text-decoration:underline;
    color: #FFBF00;
  }
  #inhalt a:active {
    text-decoration:none;
    color: #00FFFF;
  }

  table#termin {
    width:95%;
    margin: 1em;
    }

  td.termin-o {
    color: #FFFF00;
    vertical-align: top;
    padding: 0.5em;
    font: italic bold 1em Arial,Verdana,Helvetica;
    border-top: solid 2px #FFFFFF; border-left: solid 2px #FFFFFF; border-right: solid 4px #000000; border-bottom: solid 4px #000000;
    }

  td.termin {
    color: #FFFFFF;
    vertical-align: top;
    padding: 0.5em;
    font: italic normal 0.9em Arial,Verdana,Helvetica;
    border-top: solid 1px #FFFFFF; border-left: solid 1px #FFFFFF; border-right: solid 3px #000000; border-bottom: solid 3px #000000;
    }

  table#pin {width:80%; margin: 0; border-top: solid 1px #BFBFBF; border-left: solid 1px #BFBFBF; border-right: solid 2px #000000; border-bottom: solid 2px #000000; }

   .pin { vertical-align: top; border-top: solid 2px #DFDFDF; border-left: solid 2px #DFDFDF; border-right: solid 3px #000000; border-bottom: solid 3px #000000; }

   #inhalt fieldset .blackfond { font: italic bold 0.8em Arial,Verdana,Helvetica; color: #AFAFAF; text-indent: 15px; }

   #inhalt p.pin-h { color: #FFFFFF; vertical-align: top; font: italic bold 1em Arial,Verdana,Helvetica; }

   #inhalt p.pin-dat {color: #CFCFCF; vertical-align: top; font: 0.7em Arial,Verdana,Helvetica; }

   #inhalt p.pin-text { color: #FFFFFF; font: italic normal 0.9em arial, sans-serif; text-indent: 15px; text-align: justify; }

  #fusszeile {
    clear: both;
    background: url("../bilder/wp-thea-inh.png") no-repeat fixed right top;
    margin: 0em 1em 0 15em;
    padding: 1em 1em 0.2em 3em;
    border-top: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-right: 4px solid #000000; border-bottom: 4px solid #000000;
  }

  #fusszeile p {
    color: #FFFFFF;
    text-align: left;
    font: italic bold 0.95em arial, sans-serif;
  }

  #fusszeile li {
    color: #FFFFFF;
    text-align: left;
    font: italic bold 0.95em arial, sans-serif;
    margin-left: 2em;
  }

  * #fusszeile {  /* versteckt vor Netscape 4 */
    background-color: #4F0000;
  }
  #fusszeile a {
    text-decoration:none;
    color: #FF0000;
    font: italic bold 0.9em arial, sans-serif;
  }
  #fusszeile a:link {
    text-decoration:none;
    color: #FF0000;
  }
  #fusszeile a:visited {
    text-decoration:none;
    color: #FF0000;
  }
  #fusszeile a:hover {
    text-decoration:underline;
    color: #FFBF00;
  }
  #fusszeile a:active {
    text-decoration:none;
    color: #00FFFF;
  }


  img.lang { margin: 0.1em; border-top: 1px solid #CFCFCF; border-left: 1px solid #CFCFCF; border-right: 3px solid #000000; border-bottom: 3px solid #000000; }

#logo-t-l { float: left; margin: 0 1em 0 1em; }
#logo-t-r { float: right; margin: 0 1em 0 1em; }

#bild-l { float: left; margin: 1em 1em 0 1em; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 3px solid #000000; border-bottom: 3px solid #000000;}
#bild-r { float: right; margin: 1em 1em 0 1em; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 3px solid #000000; border-bottom: 3px solid #000000;}

#bild-lo { float: left; margin: 0 1em 0 0; border-top: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-right: 4px solid #000000; border-bottom: 4px solid #000000;}
#bild-ro { float: right; margin: 0 0 0 1em; border-top: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-right: 4px solid #000000; border-bottom: 4px solid #000000;}

#bild-l1 { float: left; margin: 1em 1em 0 1em; }
#bild-r1 { float: right; margin: 1em 1em 0 1em; }

.galerie { margin: 0.1em; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 3px solid #000000; border-bottom: 3px solid #000000;}
.galerie1 { margin: 0.1em; }

#bild-schatten { margin: 0 0.5em 1em 0; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 4px solid #000000; border-bottom: 4px solid #000000;}