body {
  color: #000000;
  background-color: #e7eef4;
  margin:0;
  padding:0.5em;
  font-family: arial, helvetica, sans-serif;
}

a:link {
  color: #0000B4;
}

a:visited {
  color: #680068;
}

a:hover {
  text-decoration:underline;
}

a:active {
  color: #ff4040;
}

a:focus {
  background-color:#ffffff;
}

a:not([href]) {
  color: #000000;
}

a:target {
  border: 1px solid #808080;
  padding: 1px .5em;
  color: #e00000;
  font-weight: bold;
}

a.extern {
  background: url(images/icons/link-extern-schwarz.gif) center left no-repeat; padding-left: 16px;
}

a.links-extern {
  background: url(images/icons/link-extern-schwarz.gif) center right no-repeat; padding-right: 16px;
}

button {
  margin: 0.25em 0 0.25em 0;
  font-size:24px;
}

hr {
  border: 0;
  color:#4682b4;
  background-color:#4682b4;
  height:1px;
}

ul.linkliste > li {
  padding: 0.25em 0 0.25em 0;
  font-size: 110%;
}

table {
  border: none;
  border-spacing: 0;
}

td, th {
  padding: 0;
  vertical-align: middle;
  text-align: center;
}

td.l, th.l {
  text-align: left;
}

td.r, th.r {
  text-align: right;
}

table.border td {
  font-family: sans-serif;
}

table.border th {
  font-family: Arial, Helvetica, sans-serif;
}

table.title {
  margin: 0;
  width: 100%;
}

td.title {
  padding-right: 1em;
  text-align: left;
}

td.index {
  padding-left: 1em;
  text-align: right;
  white-space: nowrap;
}

h1 {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
}

div.head {
}

div.body {
  margin: 0 5% 0 10%;
  max-width: 60em;
}

div.body h2 {
  margin-left: -5.88%;
}

div.body h2.teaser {
  margin-left: 0;
  margin-top: .5em;
}

div.body .navi-button {
  margin: 0.25em 0 0.25em 0;
}

div.foot {
}

address {
  margin: 0;
  font-style: normal;
}

img {
  border: none;
}

img.block {
  display: block;
}

dfn {
  font-style: italic;
  font-weight: bold;
}

sub, sup {
  position: relative;
  font-size: 71%;
}

sub {
  top: .5ex
}

sup {
  top: -1ex;
}

small, .small {
  font-size: 84%;
}

big, .big {
  font-size: 119%;
}

.indent {
  margin-left: 40px;
  margin-right: 40px;
}

.indent2 {
  margin-left: 80px;
  margin-right: 80px;
}

.vsep {
  margin-top: 2em;
}

.warn {
  color: #e00000;
}

.formula {
  white-space: nowrap;
}

div.fusznoten {
  padding-left: 3em;
  font-size: 84%;
}

sup.fusznotenname {
  float: left;
  position: static;
  margin-left: -3em;
  width: 2em;
  text-align: right;
  font-size: 84%;
}

table.quiet th {
  font-weight: normal;
}

[title],
label[title] > input {
  cursor: help;
}

invalid ! label[title] > input {
  /* Korrektur für MSIE < 5.5 (ignoriert Unbekanntes vor Selektoren) */
  cursor: auto;
}

@media screen, all
{
  /* Das hier ist nicht für Nav4 (ignoriert Medium |all| und alle Blöcke
     für mehrere Medien). MSIE 5.0 braucht das explizite |screen|! */

  td.index { /* für MSIE < 6 */
    font-size: medium;
  }

  \td.index { /* für standardkonforme Browser */
    font-size: large; /* in Opera 6.x leider so falsch wie in MSIE 5.x */
  }

  h2, h3, h4 {
    margin: 1.25em 0 .8em;
  }

  .hsep {
    margin-left: 1.5em;
  }

  .spaced {
    margin-left: .5em;
    margin-right: .5em;
  }

  table.border {
    border-collapse: collapse;
    empty-cells: show;
  }

  table.border,
  table.border thead,
  table.border tbody,
  table.border tfoot,
  table.border colgroup {
    border: 2px solid #808080;
  }

  table.border td,
  table.border th {
    border: 1px solid #a0a0a0;
    padding: 1px .5em;
  }

  /* MSIE 4 hat Probleme mit |padding|, insbesondere bei |em|s.
     Er interpretiert unbekannte Elemente als "*". */

    invalid ! unknown.border td {
      padding: 1px 2px;
    }

    invalid ! unknown.border th {
      padding: 1px 2px;
    }

  dt {
    margin: 1.5em 0 .7em;
    font-weight: bold;
    font-size: 119%;
  }

  dl.small dt {
    margin: .75em 0 0;
  }

  dl.small dd {
    margin: .5em 0 .5em 40px;
  }

  dl.small p {
    margin: .5em 0;
  }
}