/* ======================================================================
   >= 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   { font: 11px/19px Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; margin: 0; padding: 0; border: 0 }

.nlu_navi1 em { font-style: normal; }

.nlu_navi1 ul   { list-style-type: none; margin: 0; padding: 0; border: 0 }

.nlu_navi1 ul li { list-style-type: none; position: relative; }


/* ==== 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        { color: #808080; text-decoration: none; background: #fff url(../../img/article/navi1_norm.gif) no-repeat 10px 5px; text-transform: none; display: block; padding: 5px 0 0 25px; height: 25px; border-bottom: 1px solid #ccc; border-left: medium none }

/* ====  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: #808080; font-weight: normal; background: #fff url(../../img/article/navi1_sub_true.gif) no-repeat 10px 5px }

/* ====  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: #808080; font-weight: normal; background: #dfdfdf url(../../img/article/navi1_act.gif) no-repeat 10px 5px }

/* ====  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: #808080; font-weight: bold; background: #dfdfdf url(../../img/article/navi1_act.gif) no-repeat 10px 5px }



/* ====  hover: Maus über Link <a> // hover link <a> ==== */
.nlu_navi1 ul li a:hover     { color: #808080; background: #dfdfdf url(../../img/article/navi1_hov.gif) no-repeat 10px 5px }
.nlu_navi1 ul li.sub_no a:hover     { color: #808080; background: #dfdfdf url(../../img/article/navi1_hov.gif) no-repeat 10px 5px }
.nlu_navi1 ul li.sub_ul a:hover     { color: #808080; background: #dfdfdf url(../../img/article/navi1_act_hov.gif) no-repeat 10px 5px }
/* ====  hover: Wenn Sublevel vorhanden <a> // hover: "if there is a sub_level" <a> ==== */
.nlu_navi1 ul li.sub_ul_true a:hover     { color: #808080; background: #dfdfdf url(../../img/article/navi1_hov.gif) no-repeat 10px 5px }

/* ====  hover: Der aktive Link <a> // hover: "Only for the active link" <a> ==== */
.nlu_navi1 ul li.active a:hover    { color: #808080; background: #dfdfdf url(../../img/article/navi1_act_hov.gif) no-repeat 10px 5px }


/* ==== 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     { color: #808080; font-weight: normal; text-decoration: none; background: #fff url(../../img/article/navi1_norm.gif) no-repeat 25px 5px; text-transform: none; display: block; padding: 5px 0 0 40px; border-bottom: 1px solid #ccc }

/* 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: #808080; font-weight: normal; background: #fff url(../../img/article/navi1_sub_true.gif) no-repeat 25px 5px }

/* 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: #808080; background: #dfdfdf url(../../img/article/navi1_act.gif) no-repeat 25px 5px }


/* 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: #808080; font-weight: bold; background: #dfdfdf url(../../img/article/navi1_act.gif) no-repeat 25px 5px }


.nlu_navi1 ul ul li a:hover    { color: #808080; background: #dfdfdf url(../../img/article/navi1_hov.gif) no-repeat 25px 5px }
.nlu_navi1 ul ul li.sub_no a:hover    { color: #808080; background: #dfdfdf url(../../img/article/navi1_hov.gif) no-repeat 25px 5px }
.nlu_navi1 ul ul li.sub_ul a:hover    { color: #808080; background: #dfdfdf url(../../img/article/navi1_act_hov.gif) no-repeat 25px 5px }
/* Only for "if there is a sub_level" */
.nlu_navi1 ul ul li.sub_ul_true a:hover    { color: #808080; background: #dfdfdf url(../../img/article/navi1_hov.gif) no-repeat 25px 5px }

/* Only for the active link */
.nlu_navi1 ul ul li.active a:hover    { color: #808080; background: #dfdfdf url(../../img/article/navi1_act_hov.gif) no-repeat 25px 5px }

   
/* ==== LEVEL X+2 =============================================== */

.nlu_navi1 ul ul ul li.sub_no a,
.nlu_navi1 ul ul ul li.sub_no a:link,
.nlu_navi1 ul ul ul li.sub_no a:visited,
.nlu_navi1 ul ul ul li.sub_no a:active,
.nlu_navi1 ul ul ul li.sub_ul a,
.nlu_navi1 ul ul ul li.sub_ul a:link,
.nlu_navi1 ul ul ul li.sub_ul a:visited,
.nlu_navi1 ul ul ul li.sub_ul a:active     { color: #808080; font-weight: normal; text-decoration: none; background: #fff url(../../img/article/navi1_norm.gif) no-repeat 40px 5px; text-transform: none; display: block; padding: 5px 0 0 55px; border-bottom: 1px solid #ccc }

/* state for the active point if there is a sub_level */
.nlu_navi1 ul ul ul li.sub_ul_true a,
.nlu_navi1 ul ul ul li.sub_ul_true a:link,
.nlu_navi1 ul ul ul li.sub_ul_true a:visited,
.nlu_navi1 ul ul ul li.sub_ul_true a:active   { color: #808080; font-weight: normal; background: #fff url(../../img/article/navi1_sub_true.gif) no-repeat 40px 5px }

/* state for the active path (link tracing) */
.nlu_navi1 ul ul ul li.act_path a,
.nlu_navi1 ul ul ul li.act_path a:link,
.nlu_navi1 ul ul ul li.act_path a:visited,
.nlu_navi1 ul ul ul li.act_path a:active   { color: #808080; background: #fff url(../../img/article/navi1_act.gif) no-repeat 40px 5px }


/* state for the active link */
.nlu_navi1 ul ul ul li.active a,
.nlu_navi1 ul ul ul li.active a:link,
.nlu_navi1 ul ul ul li.active a:visited,
.nlu_navi1 ul ul ul li.active a:active   { color: #808080; font-weight: bold; background: #fff url(../../img/article/navi1_act.gif) no-repeat 40px 5px }


.nlu_navi1 ul ul ul li a:hover   { color: #808080; background: #dfdfdf url(../../img/article/navi1_hov.gif) no-repeat 40px 5px }
.nlu_navi1 ul ul ul li.sub_no a:hover   { color: #808080; background: #dfdfdf url(../../img/article/navi1_hov.gif) no-repeat 40px 5px }
.nlu_navi1 ul ul ul li.sub_ul a:hover   { color: #808080; background: #dfdfdf url(../../img/article/navi1_act_hov.gif) no-repeat 40px 5px }
/* Only for "if there is a sub_level" */
.nlu_navi1 ul ul ul li.sub_ul_true a:hover   { color: #808080; background: #dfdfdf url(../../img/article/navi1_hov.gif) no-repeat 40px 5px }

/* Only for the active link */
.nlu_navi1 ul ul ul li.active a:hover   { color: #808080; background: #dfdfdf url(../../img/article/navi1_act_hov.gif) no-repeat 40px 5px }
/*==== END LEVEL X ============================================= */

/* Holly Hack. IE Requirement \*/
* html .nlu_navi1 ul li { float: left; height: 1%; }
* html .nlu_navi1 ul li a { height: 1%; }

/* ==== End  nlu_navi1 ========================================= */