/* -----------------------------------------------------------------------------
 $Id: styles.css,v 1.5 2010/10/22 12:53:42 markus Exp $

 Diese Datei enthaelt CSS-Definitionen fuer alle Seiten. In dieser Datei
 werden auch die Angaben zur Positionierung von Navigation und Content gemacht
 (Ersatz von Frames).
----------------------------------------------------------------------------- */

/* Zeichensatz ISO-8859-1 */
@charset "ISO-8859-1";

/* die Styles fuer die Hyperlinks im Navigationsbereich */
a.link-class:link { text-decoration:none; color:#000000; display:block; width:100%; }
a.link-class:visited { text-decoration:none; color:#000000; display:block; width:100%; }
a.link-class:hover { text-decoration:none; color:#000000; background-color:#2598FD; display:block; width:100%; }
a.link-class:active { text-decoration:none; color:#000000; background-color:#2598FD; display:block; width:100%; }

/* die Styles fuer die Hyperlinks im Content-Bereich */
.content a:link { color:black; text-decoration:underline; display:inline; }
.content a:visited { color:black; text-decoration:underline; display:inline; }
.content a:hover { color:white; text-decoration:none; background-color:gray; display:inline; }
.content a:active  { color:white; text-decoration:underline; background-color:gray; display:inline; }

/* Vordefinitionen fuer HTML und Body */
html {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: auto;
}

/* der Body wird vom Hintergrund her auf weiss gesetzt; durch eine Grafik am linken Rand
   wird der Eindruck einer durchlaufenden blauen Spalte fuer die Navigation erzeugt; dieses Blau
   hat #AED4F4 (Hex) oder #174 212 244 (Dez) als RGB-Wert; sogen. "faux columns" */
body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: auto;
  background: #FFFFFF;
  background-image: url('../images/navigation/background.gif');
  background-repeat: repeat-y;            /* das Bild wird vertikal wiederholt (Pseudo-Spalte) */
}

/* die Klasse fuer die Navigation */
.navigation {
  height: auto;
  width: 224px;
  padding-left: 8px;
}

/* die Klasse fuer den Content */
.content {
  height: auto;
  width: auto;
  margin-left: 224px;
  padding-left: 8px;
}

/* die Klasse fuer die Navigations-Links (diese werden so hoch wie die Tabellen-Zellen gemacht) */
.link-class {
  height: 100%;
}

/* die Klasse fuer die Tabellen-Zellen mit Navigations-Links (diese erhalten eine definierte Pixel-Hoehe) */
.link-cell {
  height: 23px;
}

/* die Klassen fuer die Spans mit dem Link-Text bei den Navigations-Links (vertikale Zentrierung); der aktuell gewaehlte
   Menue-Punkt hat eine andere Text-Farbe */
.link-span {
  height: 100%;
  vertical-align: middle;
}
.link-span-selected {
  height: 100%;
  vertical-align: middle;
  font-style: italic;
  color: #FFFFFF;
}

/* die Navigation am linken Rand */
#navigation {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  font-family: Verdana;
  font-size: 12pt;
}

/* der Inhalt (durch den Margin erscheint er rechts neben der Navigation) */
#content {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  font-family: Verdana;
  font-size: 10pt;
}