/*   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;
  text-align: center;
}
h1 img { width:822; height:120; }

td { font-size: 80%; }

/*  ---   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;
}