/* Standard Stylesheet fuer oete-treff (screen, projection, tv) */


/* Allgemeine Einstellungen */

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

  /* Siehe auch: '.themen-tabellen td'! */
  background: #ffffee url(/pics/cccc77-180px.png) repeat-y;

  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 0.8em;
}

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

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

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

.blocksatz {
  text-align: justify;
}


/* Headerzeile */

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

.header a {
  color: #000000;
}

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

.header .rechts-10px a:hover {
  background-color: transparent;
}

.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 {
  padding: 1.3em 1em 2em 1em;
  margin-left: 180px;
}


/* Das Laub - zentrierte Box */

.laub {
  width: 620px;
  padding-top: 1em;
  padding-bottom: 3em;
/*  margin-left: -310px;
  left: 50%; */
  margin: 0 auto;

/* Baustelle!
   Provisorisch deaktiviert, weil sonst "das Laub" das Flyout Menue ueberdeckt. */

/*  position: relative; */
}


/* Bild */

.bild img {
  border: 0;
  padding: 1px 1px 1px 1px;
}


/* 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 {
  position: absolute;
  left: 0;
  margin-top: 0;
  margin-bottom: 0;
  width: 180px;
  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-right: 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;
}


/* Menue flyout */

/* Funktioniert nicht mit Internet Explorer 6!
   deshalb vorerst nur im internen Bereich. */

.menue-flyout {
  position: absolute;
  left: 0;
  margin-top: 0;
  margin-bottom: 0;
  width: 180px;
  font-size: 1.1em;
  padding-top: 1em;
  padding-bottom: 2em;
}

.menue-flyout strong {
  padding: 0.3em 10px 0.3em 10px;
  display: block;
}

.menue-flyout li ul li strong {
  padding: 0;
  display: inline;
}

.menue-flyout ul {
  margin: 0;
  padding: 0;
  font-weight: normal;
  list-style-type: none;
}

.menue-flyout li ul {
  position: absolute;
  left: -999em;
  margin-top: -1.8em;
}

.menue-flyout li:hover {
  color: #aa2211;
  background-color: #eeeecc;
}

.menue-flyout li:hover ul {
  display: block;
  left: 180px;
  width: 180px;
  border: 1px solid black;
  background-color: #cccc77;
}

.menue-flyout li ul 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;
  font-size: 0.9em;
}

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

.menue-flyout 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. */
  border-right: 1em solid #ffffee;

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

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

.clear-left {
  clear: left;
}

/* Fusszeile */

.footer {
  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;
}