
/* container for vertical navigation */
/* Container um vertikale Navigationsleiste */
div#verticalnavigation {
  background: #f8f2e4;         /* Hintergrund: grau */
  color: #000000;              /* Textfarbe: schwarz */
  margin: 0;                   /* Au&szlig;enabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
}

/* vertical navigation-list */
/* Liste f&uuml;r vertikale Navigationsleiste */
ol#vertical {
  background: #f8f2e4;         /* Hintergrund: weiss */
  border-top: 1px solid #000000;
  color: #000000;              /* Textfarbe: schwarz */
  list-style: none;            /* Listendarstellung: keiner */
  margin: 0;                   /* Au&szlig;enabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-align: left;            /* Horizontale Ausrichtung: linksb&uuml;ndig */
}

/* item in the vertical navigation-list */
/* Einzelne Listenpunkte in der vertikalen Navigationsleiste */
ol#vertical li {
  background: #f6f8f9;      /* Hintergrund: weiss */
  border-bottom: 1px solid #000000;
  color: #000000;           /* Textfarbe: schwarz */
  display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
  margin: 0;        /* Au&szlig;enabstand: oben/rechts/unten 4px/links  */
  padding: 0;               /* Innenabstand: keiner */
  font-size: 10pt;           /* Schriftgr&ouml;&szlig;e: 1em */
  font-family: arial, verdana;
  /* letter-spacing: 1px;		Zeichenabstand: 1px */
  /*HIER FEHLER -> AUSKOMMENTIEREN !!!!   width: 100%;               Breite: 100% */
}

/* active item in the vertical navigation-list */
/* Aktiver Listenpunkt in der vertikalen Navigationsleiste */
ol#vertical li span.space {
  background: #e0e8ed;         /* Hintergrund: weiss */
  /*border-top: 1px solid #000000;    Rahmen alle Seiten: 1px, durchgezogen, schwarz */
  color: #000099;              /* Textfarbe: schwarz */
  /*display: block;               Anzeigeart: Block, Element erzeugt neue Zeile */
  font-size: 2pt;         /* Schriftgewicht: extrafett */
  width:100%;
}

/* active item in the vertical navigation-list */
/* Aktiver Listenpunkt in der vertikalen Navigationsleiste */
ol#vertical li strong.activated {
  background: #d7e2e9;         /*  #e0e8ed Hintergrund: weiss */
  /*border-top: 1px solid #000000;    Rahmen alle Seiten: 1px, durchgezogen, schwarz */
  color: #a10825;              /* Textfarbe: schwarz */
  display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Au&szlig;enabstand: keiner */
  padding: 2px;                /* Innenabstand: 4px */
  text-decoration: none;       /* Textdekoration: keine */
}

/* link general in navigation-lists */
/* Verweis allgemein in Navigationsleisten */
ol#vertical li a:link {
  background: #eef0f2;         /* Hintergrund: hellblau */
  /*border-top: 1px solid #000099;    Rahmen alle Seiten: 1px, durchgezogen, blau */
  color: #000099;              /* Textfarbe: blau */
  display: block;             /*Anzeigeart: Block, Element erzeugt neue Zeile */
  font-weight: normal;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Au&szlig;enabstand: keiner */
  padding: 2px;                /* Innenabstand: 4px */
  text-decoration: none;       /* Textdekoration: keine */
}

/* visited link in navigation-lists */
/* Bereits besuchter Verweis in Navigationsleisten */
ol#vertical li a:visited {
  background: #eef0f2;         /* Hintergrund: hellblau */
  /*border-top: 1px solid #dfefff;    Rahmen alle Seiten: 1px, durchgezogen, hellblau */
  color: #6060bf;              /* Textfarbe: violett */
  display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
  /*font-style: italic;           Schriftstil: kursiv */
  font-weight: normal;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Au&szlig;enabstand: keiner */
  padding: 2px;                /* Innenabstand: 4px */
  text-decoration: none;       /* Textdekoration: keine */
}

/* link on mouse-over in navigation-lists */
/* Verweis bei Mouse-over in Navigationsleisten */
ol#vertical li a:hover {
  background: #ffffff;         /* Hintergrund: weiss */
  /*border-top: 1px solid #ff9900;    Rahmen alle Seiten: 1px, durchgezogen, rot */
  color: #a10825;              /* Textfarbe: rot */
  display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
  font-weight: normal;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Au&szlig;enabstand: keiner */
  padding: 2px;                /* Innenabstand: 4px */
  text-decoration: none;  /* Textdekoration: unterstrichen */
}

/* active or focused link in navigation-lists */
/* Aktiver Verweis und Verweis mit Fokus in Navigationsleisten */
ol#vertical li a:active,
ol#vertical li a:focus {
  background: #eef0f2;         /* Hintergrund: rot */
  /*border-top: 1px solid #ff9900;    Rahmen alle Seiten: 1px, durchgezogen, rot */
  color: #a10825;              /* Textfarbe: weiss */
  display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Au&szlig;enabstand: keiner */
  padding: 2px;                /* Innenabstand: 4px */
  text-decoration: none;  /* Textdekoration: unterstrichen */
}