/* ------------------------------------------------- */
/*   on-screen-stylesheet fuer http://www.dtju.de/   */
/* ------------------------------------------------- */

/* -------------------------------------------------- */
/*                Einzelne Tags                       */
/* -------------------------------------------------- */

body {
   color     : black;
   background: #D4D4E4;
   margin    : 0 0 2em 0;
   padding   : 0;
}

p, td, th, div, ul, ol, li, h1, h2, h3, textarea, input {
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

img {
       border: none;
}

/* -------------------------------------------------- */
/* Links (allgemein) */

a:link {
   color          : #00f;
   background     : transparent;
   text-decoration: underline;
}

a:visited {
   color          : #800080;
   background     : transparent;
   text-decoration: underline;
}

a:hover {
   color          : #f00;
   background     : transparent;
   text-decoration: underline;
}

a:active {
   color          : #f00;
   background     : #fff;
   text-decoration: underline;
}

/* -------------------------------------------------- */
/*             Header & Navigation & Footer           */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* Header */

#header {
   margin: 0 0 0 18px;
   padding-top: 1.5em;
}

#header table {
   width: 95%;
   margin: 0;
   border-collapse: collapse;
}

.navigation-header {
   color     : black;
   background: #D4D4E4;
   width     : 1%;
   padding   : 0;
   text-align: center;
}

.navigation-header a:link {
   color          : #00f;
   background     : transparent;
   text-decoration: none;
}

.navigation-header a:visited {
   color          : #00f;
   background     : transparent;
   text-decoration: none;
}

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

.navigation-header a:active {
   color          : #f00;
   background     : transparent;
   text-decoration: none;
}

.nav-path-header {
   color     : black;
   background: #D4D4E4;
   width     : 99%;
   padding   : 0;
   vertical-align: middle;
}

.nav-top-header {
   color     : black;
   background: #D4D4E4;
   width     : 1%;
   padding   : 0;
   text-align: right;
}

/* -------------------------------------------------- */
/* Navigation (Session - oben links) */

.nav-session {
   color     : black;
   background: #ACACE0;
   text-align: center;
   font-size : 0.8em;
}

.nav-session a:link {
   color          : #00f;
   background     : transparent;
   text-decoration: none;
}

.nav-session a:visited {
   color          : #00f;
   background     : transparent;
   text-decoration: none;
}

.nav-session a:hover {
   color          : #f00;
   background     : transparent;
   text-decoration: underline;
}

.nav-session a:active {
   color          : #f00;
   background     : #fff;
   text-decoration: underline;
}

/* -------------------------------------------------- */
/* Navigation (Verlauf - oben mitte) */

#nav-path {
   color        : black;
   background   : #ACACE0;
   text-align   : left;
   font-size    : 0.8em;
}

#nav-path .actual {
     font-weight: bold;
}

#nav-path a:link {
   color          : #00f;
   background     : transparent;
   text-decoration: none;
}

#nav-path a:visited {
   color          : #00f;
   background     : transparent;
   text-decoration: none;
}

#nav-path a:hover {
   color          : #f00;
   background     : transparent;
   text-decoration: underline;
}

#nav-path a:active {
   color          : #f00;
   background     : #fff;
   text-decoration: underline;
}

/* -------------------------------------------------- */
/* Navigation (oben rechts) */

.nav-top {
   color        : black;
   background   : #ACACE0;
   text-align   : right;
   font-size    : 0.8em;
}

.nav-top .actual {
      font-style: italic;
}

.nav-top a:link {
   color          : #00f;
   background     : transparent;
   text-decoration: none;
}

.nav-top a:visited {
   color          : #00f;
   background     : transparent;
   text-decoration: none;
}

.nav-top a:hover {
   color          : #f00;
   background     : transparent;
   text-decoration: underline;
}

.nav-top a:active {
   color          : #f00;
   background     : #fff;
   text-decoration: underline;
}

/* -------------------------------------------------- */
/* Navigation (Unterinhalte - oben mitte, unten) */

#nav-inhalt {
   color        : black;
   background   : #ACACE0;
   text-align   : left;
   font-size    : 0.8em;
}

#nav-inhalt a:link {
   color          : #00f;
   background     : transparent;
   text-decoration: none;
}

#nav-inhalt a:visited {
   color          : #00f;
   background     : transparent;
   text-decoration: none;
}

#nav-inhalt a:hover {
   color          : #f00;
   background     : transparent;
   text-decoration: underline;
}

#nav-inhalt a:active {
   color          : #f00;
   background     : #fff;
   text-decoration: underline;
}

/* -------------------------------------------------- */
/* Navigation (linke Seite) */

#navigation-enclose {
   position: absolute;
       left: 18px;
}

#navigation {
   float     : left;
   color     : black;
   background: #ACACE0;
   width     : 140px;
   border-collapse: collapse;
}

#navigation .actual {
       border: 1px solid #0000A0;
   font-style: italic;
}

#navigation th {
       color : #0000A0;
   background: #ACACE0;
   padding   : 0.3em 0 0.2em 0;
   font-size : 1.1em;
   text-align: center;
}

#navigation td {
   color     : black;
   background: #C0C0E0;
   padding   : 0.2em 0;
   font-size : 0.8em;
   text-align: center;
}

#navigation a:link {
   color          : #00f;
   background     : transparent;
   text-decoration: none;
}

#navigation a:visited {
   color          : #00f;
   background     : transparent;
   text-decoration: none;
}

#navigation a:hover {
   color          : #f00;
   background     : transparent;
   text-decoration: underline;
}

#navigation a:active {
   color          : #f00;
   background     : #fff;
   text-decoration: underline;
}

/* -------------------------------------------------- */
/* Footer */

/* width- und margin-Werte für Opera versteckt vor NN 4.x und IE */
div[id=footer] {
        width: auto !important;
       margin: 3em 3em 0 170px !important;
}

#footer {
        clear: both;
        color: black;
   background: #ACACE0;
        width: 96%;
       margin: 3em 0 0 170px;
      padding: 0;
   text-align: center;
}

#footer table {
        width: 100%;
       margin: 0;
      padding: 0;
border-collapse: collapse;
}

#footer td {
    font-size: 0.7em;
}

/* -------------------------------------------------- */
/*                Content                             */
/* -------------------------------------------------- */

.content {
   background  : #D4D4E4;
   margin      : 1em 3em 0 150px;
   padding-left: 1em;
}

.content h1 {
         color : #0000A0;
    background : #D4D4E4;
         margin: 0 0 0 1em;
      font-size: 1.5em;
    font-weight: bold;
}

.content h2 {
         color : #0000A0;
    background : #D4D4E4;
    margin-left: 1em;
      font-size: 1.2em;
    font-weight: normal;
}

.content h3 {
         color : #0000A0;
    background : #D4D4E4;
    margin-left: 2.5em;
      font-size: 0.9em;
    font-weight: bold;
}

.content p {
         color : black;
    background : #D4D4E4;
    margin-left: 2.5em;
     text-align: justify;
      font-size: 0.9em;
}

.content p.li {
         color : black;
    background : #D4D4E4;
    margin-left: 0em;
     text-align: justify;
      font-size: 1em;
}

.content p.important {
         color : black;
    background : #ff9;
         border: 2px solid #f00;
    margin-left: 1em;
        padding: .2em;
     text-align: center;
}

.content li {
    margin-left: 2em;
      font-size: 0.9em;
list-style-type: disc;
}

.content li.ol {
    margin-left: 2em;
      font-size: 0.9em;
list-style-type: decimal;
}

.content li.sub {
     margin-left: -1em;
       font-size: 1em;
}

.content table {
    margin-left: 2em;
}

.content th {
     text-align: center;
      font-size: 0.9em;
}

.content td {
      font-size: 0.9em;
}

.content th.user {
        padding: 0 1em 0.5em 1em;
}

.content td.user {
        padding: 0.5em 1em;
     text-align: center;
      font-size: 0.9em;
}

.content td.userlight {
     background: #D4D4E4;
        padding: 0 0.5em;
     text-align: center;
      font-size: 0.9em;
}

.content td.userdark {
     background: #C0C0E0;
        padding: 0 0.5em;
     text-align: center;
      font-size: 0.9em;
}

.content th.profil {
     background: #ACACE0;
        padding: 0.2em 1em 0.2em 1em;
     text-align: right;
}

.content td.profil {
        padding: 0.5em 1em;
     text-align: left;
      font-size: 0.9em;
}

.content table.szafe {
border-collapse: collapse;
}

.content th.szafe {
     background: #ACACE0;
        padding: 0.5em 1em;
     text-align: center;
}

.content td.szafe {
        padding: 0.5em 1em;
  border-bottom: 3px solid #ACACE0;
     text-align: left;
      font-size: 0.9em;
}

.content th.termin {
     background: #ACACE0;
        padding: 0.2em 1em 0.2em 1em;
     text-align: center;
}

.content td.termin {
        padding: 0.5em 1em;
     text-align: center;
      font-size: 0.9em;
}

.content td.termincan {
     background: #208020;
        padding: 0.5em 1em;
     text-align: center;
      font-size: 0.9em;
}

.content td.terminknownot {
     background: #FFFF80;
        padding: 0.5em 1em;
     text-align: center;
      font-size: 0.9em;
}

.content td.termincannot {
     background: #FF4040;
        padding: 0.5em 1em;
     text-align: center;
      font-size: 0.9em;
}

.content th.dan {
        padding: 0 1em 0.5em 1em;
}

.content td.dan {
        padding: 0.5em 1em;
      font-size: 0.9em;
}

.content th.stats {
     background: #ACACE0;
        padding: 0.5em 0.5em 1em 0.5em;
     text-align: right;
}

.content td.stats {
        padding: 0em 1em;
      font-size: 0.9em;
}

.content th.postings {
     background: #ACACE0;
        padding: 0.5em;
     text-align: center;
}

.content td.postings {
        padding: 0em 0.2em;
      font-size: 0.9em;
     text-align: right;
}

.content pre {
          color: black;
     background: #ff9;
    margin-left: 2.5em;
        padding: 0.5em;
         border: 1px solid black;
    font-family: monospace;
    white-space: pre;
}

.content pre.li {
          color: black;
     background: #ff9;
    margin-left: 0em;
        padding: 0.5em;
         border: 1px solid black;
      font-size: 1em;
}

.content dl {
         color : black;
    background : #D4D4E4;
    margin-left: 2.5em;
     text-align: justify;
      font-size: 0.9em;
}

hr {
         color : black;
    background : #D4D4E4;
    margin-left: 2.5em;
}

/* -------------------------------------------------- */
/* inhalt */

/* Padding-Werte für Opera versteckt vor NN 4.x und IE */
div[id=inhalt] {
        padding: 0.2em 0 0.2em 0 !important;
}

#inhalt {
          color: black;
     background: #ACACE0;
         margin: 1em 0 0 1em;
        padding: 1em 0 0 0;
          width: 50%;
}

#inhalt h2 {
         color : #0000A0;
     background: #ACACE0;
}

/* -------------------------------------------------- */
/* quote */

.quote {
       position: relative;
            top: -4px;
           left: -4px;
          color: black;
     background: #ff9;
        padding: 0 15px;
         border: 1px solid black;
}

.quote h3 {
          color: black;
     background: #ff9;
          width: auto;
}

.quote p {
          color: black;
     background: #ff9;
}

.schatten {
          color: black;
     background: #999;
          width: 75%;
    margin-left: 4em;
     margin-top: 2em;
}

/* -------------------------------------------------- */
/* sitemap */

.content li.sitemap {
     margin-left: -2em;
       font-size: 1em;
list-style-type: disc;
}

/* -------------------------------------------------- */
/*                Allg. Klassen                       */
/* -------------------------------------------------- */

.fehler {
         color: #f00 !important;
   background : transparent;
}

.left {
     text-align: left !important;
}

.center {
     text-align: center !important;
}

.right {
     text-align: right !important;
}