#navigation ul {
    width:12em;
    margin: 1.75em 0;
    padding:0;
    list-style:none;
    }

  #navigation ul ul {
    margin: 0 0 1.5em;
    }

  #navigation ul ul ul {
    margin: 0 0 1em;
    }

  #navigation li {
    width: 100%;
    margin: 3px 0;
    padding: 0;
    list-style: none;
    }

  #navigation li div {
    padding-bottom: 1px;
    border-bottom: 1px solid white;
    }

  #navigation li a {
    padding: 0.2em 0.75em 0.2em 0.2em;
    /*width:11.6em;  /* 11.6em = 12em - 2*0.2em aus Padding (Angabe für IE nötig) */
    display:block;
    text-decoration:none;
    font-weight:bold;
    font-size:1em;
    }

  /* Einruecken der Links (Vergrößern des linken Paddings) der 2. Ebene um 12px */
  #navigation li li a {
    padding-left:1.5em;
    /*width:10.3em;  /* 10.3em = 12em - 0.2em - 1.5em aus Padding (Angabe für IE nötig) */
    }

  /* Einruecken der Links der 3. Ebene um weitere 12px */
  #navigation li li li a {
    padding-left:2.4em;
    /*width:9.4em;  /* 9.4em = 12em - 0.2em - 2.4em aus Padding (Angabe für IE nötig) */
    text-align:right;
    }

  /* ####################################################################### */
  /* ab hier folgt die Farbgebung der Links im Menü                          */
  #navigation li a {
    background-color:transparent; color:#B0101B;
   /* Rand gilt für alle Menü-Links */
    border-bottom: 3px solid #d5d5d5;
    
    }
  #navigation li a:hover {
    /* Hintergrund-/Vordergrundfarbe, hover */
    background-color:#B0101B; color:#d5d5d5;
    }

    /* aktive Haupt-Ebene einfaerben */
  #navigation li.active a {
    background-color:#B0101B; color:white;
    }
  #navigation li.active a:hover {
    background-color:#B0101B; color:#d5d5d5;
    }

    /* jede aktive 2. Ebene einfaerben */
  #navigation li.active li.active a {
    background-color:#B0101B; color:white;
    }
  #navigation li.active li.active a:hover {
    background-color:#B0101B; color:#d5d5d5;
    }

    /* jede aktive 3. Ebene einfaerben */
  #navigation li.active li.active li.active a {
    background-color:#B0101B; color:white;
    }
  #navigation li.active li.active li.active a:hover {
    background-color:#B0101B; color:#d5d5d5;
    }

    /* eine nicht aktive Unterebene wird in der urspruenglichen Farbe dargestellt */
  #navigation li.active li a {
    background-color:transparent; color:#B0101B;
    }
         /* eine nicht aktive Unterebene wird in der urspruenglichen Farbe dargestellt */
  #navigation li.active li.active li a {
    background-color:transparent; color:#B0101B;
    }