@charset "US-ASCII";

/* Layout passt sich dynamisch der Fensterbreite an. Min. ca. 800px 
   für korrekte Darstellung erforderlich. */

body {
  margin: 0;
  min-width: 1200px;
  color: black;
  background-color: white;
  font-size: 15px;
  font-family: "Trebuchet MS", Verdana, Tahoma, TheSans, sans-serif;
}

a {
  margin: 0;
  color: black;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: red;
  background-color: transparent;
}

/* div für das große Seitenlogo */

div#kopf {
  position: relative;
  width: 100%;
}

div#kopf p {
  margin: 0;
}

div#kopf p img {
  width: 100%;
}

/* Link auf den Pageflipper wird auf das Seitenlogo gelegt */

div#kopf div#link {
  position: absolute;
  left: 75.1%;
  top: 45%;
  font-size: 10px;
}

div#kopf div#link p a {
  color: red;
  background-color: transparent;
}

/* der gesamte Bereich unterhalb des Seitenlogos */

div#koerper {
  position: relative;
  width: 100%;
}

/* der linke Teil von div#koerper, der Navileiste und Inhalte umfasst
   (d.h. alles ausser den Abbildungen rechts */

div#koerper div#info {
  position: relative;
  width: 78%;
  float: left;
}

/* der linke Teil von div#info, der die Navileiste beinhaltet;
   doppelt verschachtelt, um einen Innenabstand ohne padding zu realisieren
   (wegen des falschen padding-Handlings im IE) */

div#koerper div#info div#navibox {
  position: absolute;
  left: 0;
  width: 240px;
  background-color: transparent;
  overflow: auto;
}

div#koerper div#info div#navibox div#navi {
  margin: 0 20px 0 20px;
  font-family: Georgia, serif;
}

div#koerper div#info div#navibox div#navi div p a {
  color: black;
  background-color: transparent;
  text-transform: uppercase;
}

div#koerper div#info div#navibox div#navi div p a:hover {
  color: red;
  background-color: transparent;
}

/* "aktuell" ist die Klasse der Links, die auf die aktuelle
   Seite zeigen */

div#koerper div#info div#navibox div#navi div p a.aktuell {
  color: red;
  background-color: transparent;
}

/* ab 2. Menuebene */

div#koerper div#info div#navibox div#navi div div {
  position: relative;
  left: 15px;
}

/* wird per JavaScript ausgeblendet, soll aber angezeigt werden, wenn
   in der Klasse "aktuell" (d.h. wenn sie einen Link auf die aktuelle
   Seite enthaelt) */

div#koerper div#info div#navibox div#navi div.aktuell div {
  display: block;
}

/* 3. Menuebene */

div#koerper div#info div#navibox div#navi div.aktuell div div {
  position: relative;
  left: 15px;
  margin-right: 30px;
}

/* wird per JavaScript ausgeblendet, soll aber angezeigt werden, wenn
   in der Klasse "aktuell" (d.h. wenn sie einen Link auf die aktuelle
   Seite enthaelt) */

div#koerper div#info div#navibox div#navi div.aktuell div.aktuell div {
  display: block;
}

/* rechter Teil in div#info; hier wird der eigentliche Inhalt angezeigt */

div#koerper div#info div#inhalt {
  position: absolute;
  left: 240px;
  right: 0;
  background-color: transparent;
  overflow: auto;
}

div#koerper div#info div#inhalt h1 {
  margin: 10px 0 -10px 0;
  padding: 0;
  text-transform: uppercase;
  font-family: Georgia, serif;
  font-size: 20px;
  font-weight: normal;
}

/* Seitentitel nur fuer die Druckausgabe */

div#koerper div#info div#inhalt h1#seitentitel {
  display: none;
}

div#koerper div#info div#inhalt p {
  font-family: "Trebuchet MS", Verdana, Tahoma, TheSans, sans-serif;
  text-align: justify;
}

/* Klasse "text" fuer normale Fliesstextabsaetze */

div#koerper div#info div#inhalt p.text {
  line-height: 140%;
}

/* "mehr"- und "ausblenden"-Links, die ueber JavaScript gesteuert werden */

div#koerper div#info div#inhalt p.text a.button {
  margin-left: 1em;
  text-decoration: none;
  color: red;
  background-color: transparent;
}

/* Autor-/Titelkonstrukt fuer Stueckbeschreibungen etc. */

div#koerper div#info div#inhalt p.autor {
  margin-bottom: 0;
  text-transform: uppercase;
  font-family: "Trebuchet MS", Verdana, Tahoma, TheSans, sans-serif;
  font-size: 15px;
  color: gray;
  background-color: transparent;
}

div#koerper div#info div#inhalt p.titel {
  margin: 0 0 15px 0;
  text-transform: uppercase;
  font-family: Georgia, serif;
  font-size: 20px;
}

div#koerper div#info div#inhalt p.untertitel {
  margin: 0 0 20px 0;
  text-transform: uppercase;
  font-family: "Trebuchet MS", Verdana, Tahoma, TheSans, sans-serif;
  font-size: 12px;
}

div#koerper div#info div#inhalt div.daten {
  position: static;
  width: 100%;
  margin: 0 0 40px 0;
}

/* Konstrukt fuer verschiedene Metaangaben zu Stuecken etc. */

div#koerper div#info div#inhalt div.daten div.links {
  float: left;
}

div#koerper div#info div#inhalt div.daten div.rechts {
  float: right;
}

div#koerper div#info div#inhalt div.daten div p {
  margin: 0;
  font-family: "Trebuchet MS", Verdana, Tahoma, TheSans, sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  text-align: left;
}

div#koerper div#info div#inhalt div.daten div p span.key {
  font-size: 10px;
  color: gray;
  background-color: transparent;
}

div#koerper div#info div#inhalt div.daten div p span.location {
  font-size: 15px;
  color: gray;
  background-color: transparent;
}

p.text a {
  display: none;
}

div#koerper div#info div#inhalt object {
  width: 100%;
  min-height: 600px;
}

/* auf manchen Seiten Unterteilung von div#inhalt in linken
   (div#text) und rechten (div#bildbox) Bereich */

div#koerper div#info div#inhalt div#text {
  position: relative;
  width: 75%;
  float: left;
  background-color: transparent;
}

div#koerper div#info div#inhalt div#bildbox {
  position: relative;
  width: 25%;
  float: right;
  background-color: transparent;
}

/* doppelte Verschachtelung zur Realisierung eines Innenabstands 
   ohne padding (s.o.) */

div#koerper div#info div#inhalt div#bildbox div#bild {
  margin: 0 20px 0 20px;
}

div#koerper div#info div#inhalt div#bildbox div#bild p {
  width: 100%;
  text-align: center;
}

div#koerper div#info div#inhalt div#bildbox div#bild p img {
  width: 100%;
  margin: 0;
  border: 0;
}

div#koerper div#info div#inhalt div#bildbox div#bild p a {
  color: red;
  background-color: transparent;
}

/* rechter Bereich von div#koerper fuer die Abbildungen */

div#koerper div#werbungbox {
  position: relative;
  width: 22%;
  float: right;
}

div#koerper div#werbungbox div#werbung {
  margin: 0 20px 0 20px;
}

div#koerper div#werbungbox div#werbung p {
  width: 100%;
  text-align: center;
}

div#koerper div#werbungbox div#werbung p img {
  margin: 0;
  width: 100%;
}

div#koerper div#werbungbox div#werbung p a img {
  text-decoration: none;
  border: 0;
}

div#koerper div#werbungbox div#werbung p a:hover img {
  text-decoration: none;
  border: 0;
}

hr {
  height: 1px;
}

hr.suchergebnis {
  margin: 6ex 0 2ex 0;
}

/* div zur Beendigung floatender Bereiche */

div.clear {
  clear: both;
}