body {
  font-family: verdana,sans-serif;
  margin: 0; padding: 150px 0 0 0;
  background: #FFF
}
a { text-decoration: none }
a:hover, a:active { text-decoration: underline }

/* Rahmen */
a, html, body, img, div, table, form, p, ul, li, dt, dd {
  border: none;
}
#nav div, #nav form, .liste {
  border-style: solid; border-width: 2px;
}
.liste .oben, .liste table, .liste div {
  border-bottom-style: solid; border-bottom-width: 2px;
}
.liste {
  border-bottom: none
}
.l { text-align: left !important }
.c { text-align: center !important }
.r { text-align: right !important }
.j { text-align: justify !important }
/***
 * Titel
 */
#titel {
  position: absolute; top: 30px; left: 0;
  margin: 0; padding: 0 3px; width: 98%;
}
#titel p, h1 {
  margin: 0; padding: 0
}
#titel p {
  float: right; text-align: right; margin-left: auto; padding-right: 5px;
}
#titel h1 {
  float: left; text-align: left; margin-right: auto; padding-left: 5px;
}

/***
 * Navigationsleiste
 */
#nav {
  position: absolute; top: 150px; left: 5px; width: 180px; bottom: 5px;
  font: x-small Verdana,sans-serif;
}
#nav div, #nav form {
  width: 180px;
  margin: 0 0 1em 0;
}
#nav h2 {
  display: none; /* nur für Textbrowser */
}
#nav h3 {
  display: block;
  text-align: center;
  padding: 2px; margin: 0;
  font-weight: bold; font-size: small
}
#nav p {
  padding: 0; margin: 0 5px 1em 5px
}

/***
 * Inhalt
 */

#inhalt, #werbung, address, #belehrung {
  margin: 0 1em 1em 200px;
}
#inhalt h2 {
  position: absolute;
  top: 95px; left: 115px;
  background: transparent;
}

/***
 * Listen
 */
.liste {
  margin: 0 1em 1em 0; padding: 0;
}
.liste h3, .liste p { margin: 0; padding: 2px 6px; font-size: small }
.liste h3 { font-weight: normal }
.liste h3 b { font-size: medium; font-weight: bold; margin: 0 auto 0 0 }
.liste .oben { font-size: x-small; font-weight: normal }
.liste h3 { text-align: right }
.liste h3 span { float: left; display: block; text-align: left; margin: -2px 0 0 0; padding: 0; width: 60%; }
.liste .oben span { float: right }
.liste table { margin: 0; padding: 0; width: 100% }
.liste p, .liste table { clear: both }
.liste td { text-align: right; padding: 1px 2px 1px 2px }
.liste th { font-weight: bold; text-align: center; border-left: 2px ridge #FFF; border-right: 2px ridge #FFF }
.liste tr.white td { background: #FFF }
.liste tr:hover td, .liste tr.white:hover { background: #0FF }
.anzeigenliste td { width: 15% }
.anzeigenliste td.name { width: 55%; text-align: left }
.dbliste td { vertical-align: top }
.dbliste td small { font-size: xx-small }
.dbliste td.b { width: 50px; text-align: center } /* Bild */
.dbliste td.n { width: 3em; text-align: center } /* Nummer */
.dbliste td.t { text-align: left; width: * } /* Titel */
.dbliste td.a { text-align: left; width: 15%; font-size: x-small } /* Autor */

/***
 * Newslisten
 */
.liste dl {
  margin: 0; padding: 1em 0 0.25em 0;
}
.liste dt {
  font-size: 125%;
  font-weight: bold;
  margin: 0;
}
.liste dt b {
  font-size: 150%;
  margin-right: 3em;
}
.liste dd {
  margin: 0;
  padding: 0 0 0.5em 0.5em;
}
.liste dl dl {
  padding-left: 1em
}
.liste dl dl dt {
  font-size: 100%;
}
.liste dl dl dl {
  padding-left: 2em
}
#procnews .uhrzeit {
  float: right
}
#procnews dt br, #procnews .projekt, #procnews img {
  display: none
}

/***
 * Farbgebung der Rubriken
 */
.news a:link { color: #555 }
.news a:visited { color: #333 }
.news a:hover, .news a:active { color: #AAA }
.news h3, .news h3 a:link, .news h3 a:visited, .news h3 span { background-color: #000; color: #FFF }
.news #nav div, .news #nav form, .news .liste, .news .liste oben, .news .liste table, .news .liste div {
  border-color: #000 #000 #000 #000; background-color: #DDD
}

.suche a:link, .biete a:link { color: #00F }
.suche a:visited, .biete a:visited { color: #009 }
.suche a:hover, .biete a:hover, .suche a:active, .biete a:active { color: #AAF }
.suche h3, .suche h3 a:link, .suche h3 a:visited, .suche h3 span { background-color: #22F; color: #FFF }
.suche #nav div, .suche #nav form, .suche .liste, .suche .liste .oben, .suche .liste table, .suche .liste div {
  border-color: #22F #22F #22F #22F; background-color: #EEF
}

.biete h3, .biete h3 a:link, .biete h3 a:visited, .biete h3 span { background-color: #00C; color: #FFF }
.biete #nav div, .biete #nav form, .biete .liste, .suche .liste .oben, .suche .liste table, .suche .liste div {
  border-color: #00C #00C #00C #00C; background-color: #EEF
}

.datenbank a:link { color: #050 }
.datenbank a:visited { color: #030 }
.datenbank a:hover, .datenbank a:active { color: #0A0 }
.datenbank h3, .datenbank h3 a:link, .datenbank h3 a:visited, .datenbank h3 span { background-color: #090; color: #FFF }
.datenbank #nav div, .datenbank #nav form, .datenbank .liste,
.datenbank .liste .oben, .datenbank .liste table, .datenbank .liste div {
  border-color: #090 #090 #090 #090; background-color: #EFE
}

.rezensionen a:link { color: #F00 }
.rezensionen a:visited { color: #900 }
.rezensionen a:hover, .rezensionen a:active { color: #F44 }
.rezensionen h3, .rezensionen h3 a:link, .rezensionen h3 a:visited, .rezensionen h3 span {
  background-color: #F00; color: #FFF
}
.rezensionen #nav div, .rezensionen #nav form, .rezensionen .liste,
.rezensionen .liste .oben, .rezensionen .liste table, .rezensionen .liste div {
  border-color: #F00 #F00 #F00 #F00; background-color: #FEE
}

/***
 * Werbung und Impressum
 */
#werbung {
  text-align: center;
  font-size: xx-small;
  /*margin: 1em auto;
  width: 475px;*/
}
#werbung p {
  margin-bottom: 0.25em;
}
address {
  font: normal xx-small Arial,sans-serif;
  text-align: justify;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 3px
}

/***
 * Belehrung für immer noch den IE verwendende DAUs
 */
#belehrung {
  border: 2px solid #F00;
  background: #FFC;
}
#belehrung p {
  padding: 0 5px;
}
#belehrung h3 {
  background: transparent;
  color: #F00;
  text-align: center;
}