/*   Grund-styles      */

  body, p a {
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  }

 html { padding: 0; }

 body { margin: 0; padding: 0; }

 #fixiert { position: absolute; top: 8.5em; left: 0.5em; width: 10em; background-color: white; border: 0; }

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

  h1 {
    font-size: 1.5em;
    margin: 0 0 0.7em; padding: 0.3em;
    padding-left: 8em;
    background-color: #FFFFFF;
    border-bottom-color:rgb(228,222,164);
    border-bottom-width: 0.3em;
    border-bottom-style: solid;
  }
  h1 img { width:20em; height:4.8em; }

/*  ---   Bereich der Infobox  ---  */

  div.Info {
    font-size: 0.9em;
    float: right; width: 14em;
    margin: 0 0 1.1em; padding: 0;
    border-width: 1px;
    border-style: dashed;
  }
  div.Info h2 {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
  }
  div.Info p {
    font-size: 1em;
    margin: 0.5em;
  }
  div.Info img {
    width:12em;
    height:auto;
    margin: 1.1em 1.5em 0;
    border-width: 1px;
    border-style: solid;
    border-color: black;
  }
  div.Info a {
    margin:0;
    padding:0;
  }

/*  ---  Inhaltsbereich  ---  */
  div.Inhalt {
    margin: 0 15em 1em 12em;
    padding: 0 1em;
    border-width: 1px;
    border-style: dashed;
  }
  * html div.Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
  }
  div.Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  div.Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }
  div.Inhalt a {
    margin:0;
    padding:0;
  }

/*  ---  Inhalt ueber 2 Spalten  ---  */
  div.Inhalt2, div.Thumb, div.Einzelbild, div.Dia {
    margin: 0 0 1em 12em;
    padding: 0 1em;
    border-width: 1px;
    border-style: dashed;
  }

  * html div.Inhalt2,
  * html div.Thumb,
  * html div.Einzelbild,
  * html div.Dia {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
  }

  div.Inhalt2 h2, div.Thumb h2, div.Einzelbild h2, div.Dia h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  div.Inhalt2 p, div.Thumb p, div.Einzelbild p, div.Dia p {
    font-size: 1em;
    margin: 1em 0;
  }
  div.Inhalt2 a, div.Thumb a, div.Einzelbild a, div.Dia a {
    margin:0;
    padding:0;
    font-size: 0.8em;
    font-weight: bold;
  }
  div.Inhalt2 a:hover, div.Thumb a:hover,
  div.Einzelbild a:hover, div.Dia a:hover {
    color: black;
    background-color: transparent;
    text-decoration: none;
  }


div.Inhalt img.dia, div.Inhalt2 img.dia {
     width:15em; hight:10em;
     border: 2em gray solid;
     }

/*  ---  Trennt die Bereiche, damit Inhalt und Info wieder aus einer Ebene beginnen  ---  */
  div.Trenner  { clear: both; }
  div.center { text-align: center; }
  div.right  { text-align: right; }
  div.left   { text-align: left; }
  div.weiter { text-align: center;
               word-spacing:15em;
             }

/*  ---  Fusszeilenbereich  ---  */
 div.Fusszeile {
    clear: both;
    margin: 0; padding: 0.1em;
    border-top-color:rgb(228,222,164);
    border-top-width: 0.3em;
    border-top-style: solid;
  }
div.Fusszeile p.copy {
    margin-left:auto;
    margin-right:auto;
    margin-top:0;
    margin-bottom:0;
    font-size: 0.9em;
  }