/* ***********************************************************************
 *   Folgende Formatierungen sind nur fuer die Rahmentabelle und brauchen
 *    spaeter nicht uebernommen werden.
 */


/* ***********************************************************************
 *   Die Navigations-Liste. Wir wollen keine Aufzaehlungspunkte sowie
 *    keinen Aussen- bzw. Innenabstand.
 */
#idClsWithNav ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;

   font-family: Helvetica,Arial,sans-serif;
   font-size: 10pt;
}

/* ***********************************************************************
 *   Die einzelnen Listenpunkte sollen oben und unten je 4 Pixel Abstand
 *    zueinander haben, noch links und rechts jedoch keine Aussenabstand
 *    besitzen. Um zu verhindern, das beim extremen verkleinern des
 *    Fensters unschoene Zeilenumbrueche geschehen, unterbinden wir
 *    dieses ebenfalls.
 */
#idClsWithNav ul li {
   margin: 4px 0px;
   white-space: nowrap;
}

/* ***********************************************************************
 *  Regel 1/4: Hier wird der Link innerhalb eines inaktiven Listenpunktes
 *              "Grundformatiert"
 *
 *  Der kleine Pfeil rechts in der Liste wird hier per Hintergrundbild
 *   eingebunden. Damit besteht die Moeglichkeit, das Bild der CSS
 *   zu aendern. Ausserdem wird hier die Schriftfarbe auf "schwarz"
 *   geaendert. Die Angabe "display:block" sorgt dafuer, das der Link
 *   den kompletten Inhalt des inaktiven Listenelementes ausfuellt. Ohne
 *   diese Angabe waere der eigentliche Link nur unter dem Bild und unter
 *   dem Text. Schliesslich und endlich wird das standartmaessige
 *   unterstreichen des Links unterbunden.
 */
#idClsWithNav ul li a {
   background-image: url(/webag_rsc/img/list_arrow_lightgray.gif);
   color: #959595;
   display: block;
   text-decoration: none;
}

/* ***********************************************************************
 *  Regel 2/4: Hier wird ein aktiver Listenpunkt "Grundformatiert"
 *
 *  Der kleine Pfeil rechts wird auch hier per Hintergrundbild
 *   eingebunden. Die MARGIN-Angaben sind hier "aufgesplittet", weil die
 *   Angabe fuer "margin-right" in der naechsten Regel befuellt wird und
 *   ich ungern "doppelte" Angaben mache. Das waere z.B. der Fall, wenn
 *   ich statt der 3 Angaben hier die Angabe "margin: 4px 10px 4px 0px"
 *   schreiben wuerde (die "10px" siehe naechste Regel!).
 */
#idClsWithNav ul li.clsAktiv {
/*   background-image: url(/webag_rsc/img/fn_arrow_black.gif); */
   background-image: url(/webag_rsc/img/list_arrow_gray.gif);
   background-color: #f6f6f6;
   color: #000000;
   margin-top: 4px;
   margin-bottom: 4px;
   margin-left: 0px;
}

/* ***********************************************************************
 *  Regel 3/4: Hier sind Regeln zusammengefasst, die sowohl die Links
 *              innerhalb der inaktiven Listenpunkte als auch die aktiven
 *              Listenpunkte betreffen.
 *
 *  Zuerst wird das Hintergrundbild rechts positioniert und verhindert,
 *   das der Browser dieses wiederholt dargestellt. Die Angabe fuer den
 *   Rahmen ist enthalten, weil ich bei ueberfahren von Links mit der Maus
 *   einen gruenlichen Rahmen darstelle. Damit sich der Inhalt dabei nicht
 *   verschiebt und es zu Wackeleffekten auf der Webseite kommt wird hier
 *   ein weisser Rahmen eingefuehgt, der dann einfach nur gruenlich
 *   gefaerbt wird. Die Angabe fuer den Innenabstand (padding) dient
 *   dafuer, damit der Pfeil nicht ueber die Schrift wandert wenn das
 *   Browserfenster extremst verkleinert wird. Die Angabe fuer den
 *   Aussenabstand (margin) sorgt dafuer, das das Bild nicht zu sehr am
 *   rechten Rand dargestellt wird.
 */
#idClsWithNav ul li.clsAktiv, #idClsWithNav ul li a {
   background-position: right;
   background-repeat: no-repeat;
   border: 1px solid white;
   padding-right: 20px;
   margin-right: 10px;
}

/* ***********************************************************************
 *  Regel 4/4: Spezielle Regeln fuer den Link innerhalb eines inaktiven
 *              Listenpunktes, wenn die Maus ueber diesen Link gefuehrt
 *              wird.
 *
 *  Wenn der User mit der Maus ueber einen Link innerhalb eines inaktiven
 *   Listenpunktes faehrt, dann wird hier die Schriftfarbe des im Link
 *   enthaltenen Textes blaeulich gefaerbt. Ausserdem wird der graeuliche
 *   Pfeil durch einen blaeulichen Pfel ersetzt und wie schon erwaehnt
 *   ein gruenlicher Rahmen generiert.
 */
#idClsWithNav ul li a:hover {
   color: #2b6cc1;
   background-image: url(/webag_rsc/img/list_arrow_blue.gif);
/*
   background-color: #dddddd;
   border: 1px solid #bbbbbb;
*/
}


/* ***********************************************************************
 *  Damit die Schrift neben dem Bild korrekt vertical ausgerichtet wird,
 *   muss das Bild "mittig" gelagert werden. Ausserdem wird hier dafuer
 *   gesorgt, das das Bild keinen Rahmen und einen Aussenabstand von 2px
 *   hat.
 */
#idClsWithNav ul li img, #idClsWithNav ul li a img {
   border-width: 0px;
   margin: 2px;
   vertical-align: middle;
}