/* Standard Stylesheet fuer oete-treff (print) */


/* Allgemeine Einstellungen */

body {
  margin: 0;
  padding: 0;
  color: #000000;

  /* Siehe auch: '.themen-tabellen td'! */
  /* Farbe geaendert fuer Print-CSS */

  background-color: #ffffff;

  font-family: Arial, Helvetica, Verdana, sans-serif;

  /* Groesse geaendert fuer Print-CSS. */
  font-size: 9pt;
}

h1 {
  margin-top: 0.9em;
  margin-bottom: 1em;
  font-size: 1.4em;
  font-weight: bold;
  background-color: #eeeecc;
  padding: 0.2em 0.2em 0.2em 0.2em;
}

h2 {
  margin-top: 0.9em;
  margin-bottom: 1em;
  font-size: 1.2em;
  font-weight: bold;
  background-color: #eeeecc;
  padding: 0.2em 0.2em 0.2em 0.2em;
}

h3 {
  margin-top: 0.9em;
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: bold;
  background-color: #eeeecc;
  padding: 0.2em 0.2em 0.2em 0.2em;
}

a {
  color: #aa2211;
  text-decoration: none;
  font-weight: bold;
  padding: 0.1em 0em 0.1em 0em;
}

a:hover {
  color: #ee0000;
  background-color: #ffff00;
  text-decoration: underline;
}

a:link:after {
/*  content: " [" attr(href) "] "; */
  color: #000000;
  font-weight: normal;
  font-size: 80%;
  font-style: italic;
}

.rechts {
  position: absolute;
  right: 0;
}

.rechts-10px {
  position: absolute;
  right: 10px;
}

.blocksatz {
  text-align: justify;
}


/* Headerzeile */

.header {
  padding: 0.5em 10px 0.5em 10px;
  background-color: #ffffee;
  font-size: 2.4em;
  font-weight: bold;
}

.header a {
  color: #000000;
}

.header a:hover {
  color: #aa2211;
  background-color: #ffffee;
  text-decoration: none;
}

.header img {
  position: relative;
  top: 0.1em;
  border: 0;
}


/* Navigationsbalken */

.navi-balken {
  border-bottom: solid #000000 1px;
  border-top: solid #000000 1px;
  background-color: #eeeecc;
  padding: 0.2em 10px 0.2em 10px;
  font-weight: bold;
  font-size: 0.9em;
  text-decoration: none;
}

.navi-balken a:hover {
  color: #ee0000;
  background-color: #ffff00;
  text-decoration: none;
}


/* Inhalt */

.inhalt {

  /* Geloescht fuer Print-CSS */

/*  float: left; */
  margin-left: 1%;
  margin-right: 1%;
  padding-top: 1.3em;
  padding-bottom: 2em;

  /* Geaendert fuer Print-CSS */

  width: 97%;
}


/* Das Laub - zentrierte Box */

.laub {
  width: 620px;
  padding-top: 1em;
  margin-left: -310px;
  padding-bottom: 3em;
  left: 50%;
  position: relative;
}


/* Bild links */

.bild-links img {
  float: left;
  border: 0;
  padding: 0 1em 1em 0;
}


/* Bild rechts */

.bild-rechts img {
  float: right;
  border: 0;
  padding: 0 0 1em 1em;
}


/* Menue */

.menue {

  /* Hinzugefuegt fuer Print-CSS. Menue wird nicht gedruckt. */
  display: none;

  float: left;
  background-color: #cccc77;
  margin-top: 0;
  margin-bottom: 0;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  width: 15%;
  font-size: 1.2em;
  padding-top: 1em;
  padding-bottom: 2em;
}

.menue strong {
  padding-top: 1em;
  display: block;
  padding-left: 10px;
  padding-right: 10px;
}

.menue ul {
  list-style-type: none;
  margin: 0;
  font-size: 0.9em;
  padding: 0.5em 0 0 0;
  font-weight: normal;
}

.menue li {
  padding: 0.2em 10px 0.2em 10px;

  /* Achtung: IE kleiner Version 7.x kennt das Atribut 'transparent' nicht!
  Deshalb muss der Rand mit der Hintergrundfarbe formatiert werden. */
  border-top: 1px solid #cccc77;
  border-bottom: 1px solid #cccc77;
}

.menue li:hover {
  background-color: #eeeecc;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

.menue a {
  display: block;
  color: #000000;
  text-decoration: none;
  font-weight: normal;
  padding: 0;
}

.menue a:hover {
  background-color: #eeeecc;
  color: #aa2211;
  text-decoration: none;
}


/* Rand */

.left-5  { padding-left:  5% }
.left-10 { padding-left: 10% }


/* Themen-Tabellen */

.width-5   { width:   5%; }
.width-10  { width:  10%; }
.width-15  { width:  15%; }
.width-20  { width:  20%; }
.width-30  { width:  30%; }
.width-40  { width:  40%; }
.width-50  { width:  50%; }
.width-60  { width:  60%; }
.width-70  { width:  70%; }
.width-80  { width:  80%; }
.width-90  { width:  90%; }
.width-100 { width: 100%; }

.themen-tabellen {
  border: 0;
  width: 100%;
}

.themen-tabellen td {
  padding: 0;
  vertical-align: top;

  /* Achtung: Die Farbe des rechten Randes muss der Hintergrundfarbe
  (body background-color) entsprechen! IE kennt kein 'border-spacing',
  FF zieht den unteren Rand ueber die ganze Breite, wenn der rechte
  Rand mit 'transparent' formatiert wird. */

  /* Farbe geaendert fuer Print-CSS */
  border-right: 1em solid #ffffff;

  /* Achtung: IE kleiner Version 7.x kennt das Atribut 'transparent' nicht!
  Deshalb muss der Rand mit der Hintergrundfarbe formatiert werden. */

  /* Farbe geaendert fuer Print-CSS */
  border-bottom: 0.5em solid #ffffff;
}

.themen-tabellen thead td {
  font-weight: bold;
  border-bottom: 1px solid black;
}

.clear-left {
  clear: left;
}

/* Fusszeile */

.footer {

  /* War geloescht fuer Print-CSS */
  clear: both;

  padding: 0.2em 10px 0.2em 10px;
  border-top: solid #000000 1px;
  border-bottom: solid #000000 1px;
  font-size: 0.9em;
  background-color: #eeeecc;
}