    /* ======================================================================
       >= V1.30   CSS for an vertical menu
       <div class="nlu_navi1">{ NAV_LIST_UL:F,0,,act_path,active }</div>
       Level 0 - 3;
       26.03.07 flip-flop (KH)
       
    ========================================================================= */
       
    .nlu_navi1 {
       margin: 0;
       padding: 0;
       border: 0;
       text-decoration: none;
       font: normal normal 12px/19px Verdana, Geneva, Arial, Helvetica, sans-serif;
       width: 155px;  /* ++ Width of Menu Items // Breite der Navigation*/
    }

    .nlu_navi1 em { font-style: normal; }

    .nlu_navi1 ul {
       margin: 0;
       padding: 0;
       border: 0;
       list-style-type: none;
       width: 155px;  /* ++ Width of Menu Items // Breite der Navigation */
    }

    .nlu_navi1 ul li { position: relative; margin-bottom:3px;}


    /* ==== Styles for Menu Items =================================== */

    /* ==== LEVEL X ================================================= */

    /* ====  simple link <a> // einfacher Link <a> ==== */
    .nlu_navi1 ul li a,
    .nlu_navi1 ul li a:link,
    .nlu_navi1 ul li a:visited,
    .nlu_navi1 ul li a:active {
       display: block;
       text-decoration: none;
       text-transform: none;
       color: #000000;
       
       /* ++ background color; url of the image; image adjust e.g. left gap 10px */
       /* ++ Hintergrundfarbe; URL der Grafik  ; Grafik einrücken z.B. 10px */
       background: #E6D37E;

       /* ++ Text adjust e.g. upper gap and left gap 25px */
       /* ++ Text justieren 1px oben und 25px von links */
       padding: 1px 0 0 10px;
       
       /* ++ bottom line if you want */
       /* ++ Untere Linie wenn gewuenscht */
       border-bottom: 1px solid #FFFFFF; /* IE6 Bug */

       /* ++ Den "white-space" Fehler im IE7 vermeiden */
       /* ++ Killing the "white-space" bug in IE7 */
       \width: 155px;  /* IE5x Opera <= 5 */
       widt\h: 145px;  /* = (Width of Menu Items) - (padding-right + padding-left) */
    }

    /* ====  Aktiv, wenn ein Sublevel vorhanden ist // active point if there is a sub_level ==== */
    .nlu_navi1 ul li.sub_ul_true a,
    .nlu_navi1 ul li.sub_ul_true a:link,
    .nlu_navi1 ul li.sub_ul_true a:visited,
    .nlu_navi1 ul li.sub_ul_true a:active {
       color: #000000;
       font-weight: normal;
       background: #E6D37E;
    }

    /* ====  Aktiver Pfad - Linkverfolgung im Baum // active path in tree (link tracing) ==== */
    .nlu_navi1 ul li.act_path a,
    .nlu_navi1 ul li.act_path a:link,
    .nlu_navi1 ul li.act_path a:visited,
    .nlu_navi1 ul li.act_path a:active {
       color: #000000;
       font-weight: normal;
       background: #E6D37E;
    }

    /* ====  active link <a> // aktiver Link <a> ==== */
    .nlu_navi1 ul li.active a,
    .nlu_navi1 ul li.active a:link,
    .nlu_navi1 ul li.active a:visited,
    .nlu_navi1 ul li.active a:active {
       color: White;
       font-weight: bold;
       background: #C87D5E;
    }

    /* ====  hover: Maus über Link <a> // hover link <a> ==== */
    .nlu_navi1 ul li a:hover {
       color: White;
    /*   text-decoration: underline; */
       background: #C87D5E;
    }
    .nlu_navi1 ul li.sub_no a:hover {
       color: White;
       background: #C87D5E;
    }
    .nlu_navi1 ul li.sub_ul a:hover {
       background: #C87D5E;
    }
    /* ====  hover: Wenn Sublevel vorhanden <a> // hover: "if there is a sub_level" <a> ==== */
    .nlu_navi1 ul li.sub_ul_true a:hover {
       background: #C87D5E;
    }

    /* ====  hover: Der aktive Link <a> // hover: "Only for the active link" <a> ==== */
    .nlu_navi1 ul li.active a:hover {
       background: #C87D5E;
    }


    /* ==== LEVEL X+1 =============================================== */

    .nlu_navi1 ul ul li.sub_no a,
    .nlu_navi1 ul ul li.sub_no a:link,
    .nlu_navi1 ul ul li.sub_no a:visited,
    .nlu_navi1 ul ul li.sub_no a:active,
    .nlu_navi1 ul ul li.sub_ul a,
    .nlu_navi1 ul ul li.sub_ul a:link,
    .nlu_navi1 ul ul li.sub_ul a:visited,
    .nlu_navi1 ul ul li.sub_ul a:active {
       display: block;
       text-decoration: none;
       text-transform: none;
       font-weight: normal;
       color: #000000;
       background-color: #E7D084;
       padding: 1px 0 0 20px;
       border-bottom: 1px solid #ccc; /* IE6 Bug */
       \width: 200px;  /* IE5x Opera <= 5 */
       widt\h: 160px;  /* = (Width of Menu Items) - (padding-right + left) */
    }

    /* state for the active point if there is a sub_level */
    .nlu_navi1 ul ul li.sub_ul_true a,
    .nlu_navi1 ul ul li.sub_ul_true a:link,
    .nlu_navi1 ul ul li.sub_ul_true a:visited,
    .nlu_navi1 ul ul li.sub_ul_true a:active {
       color: #000000;
       font-weight: normal;
       background-color: #E7D084;
    }

    /* state for the active path (link tracing) */
    .nlu_navi1 ul ul li.act_path a,
    .nlu_navi1 ul ul li.act_path a:link,
    .nlu_navi1 ul ul li.act_path a:visited,
    .nlu_navi1 ul ul li.act_path a:active {
       color: White;
       font-weight: bold;
       background-color: #E7D084;
    }


    /* state for the active link */
    .nlu_navi1 ul ul li.active a,
    .nlu_navi1 ul ul li.active a:link,
    .nlu_navi1 ul ul li.active a:visited,
    .nlu_navi1 ul ul li.active a:active {
       color: White;
       font-weight: bold;
       background: #C87D5E;
    }


    .nlu_navi1 ul ul li a:hover {
       color: White;
    /*   text-decoration: underline; */
       background: #6B828F url(../../img/article/navi1_hov.gif) 25px 1px no-repeat;
    }
    .nlu_navi1 ul ul li.sub_no a:hover {
       color: White;
       background: #6B828F url(../../img/article/navi1_hov.gif) 25px 1px no-repeat;
    }
    .nlu_navi1 ul ul li.sub_ul a:hover {
       background: #6B828F url(../../img/article/navi1_act_hov.gif) 25px 1px no-repeat;
    }
    /* Only for "if there is a sub_level" */
    .nlu_navi1 ul ul li.sub_ul_true a:hover {
       background: #6B828F url(../../img/article/navi1_hov.gif) 25px 1px no-repeat;
    }

    /* Only for the active link */
    .nlu_navi1 ul ul li.active a:hover {
       background: #6B828F url(../../img/article/navi1_act_hov.gif) 25px 1px no-repeat;
    }

    /* Holly Hack. IE Requirement \*/
    * html .nlu_navi1 ul li { float: left; height: 1%; }
    * html .nlu_navi1 ul li a { height: 1%; }

    /* ==== End  nlu_navi1 ========================================= */
