/* ======================================================================
   >= 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: 0px none;
   text-decoration: none;
   /* ++ e.g. 11px font and 19px height // z.B. 11px font und 19px hoch */
   width: 180px; font-style:normal; 
   font-variant:normal; font-weight:normal; 
   line-height:21px; 
   font-size:12px; 
   font-family:Verdana, Geneva, Arial, Helvetica, sans-serif
}

.nlu_navi1 em { font-style: normal; }

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

.nlu_navi1 ul li { 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 {
   display: block;
   text-decoration: none;
   text-transform: none;
   color: #FFFFFF;           /* ++ Text color // Textfarbe: navy-blau */   

   /* ++ Hintergrundfarbe; URL der Grafik  ; Grafik einrücken z.B. 10px */
   background: url('../../picture/NavLeft.jpg');
   background-repeat: repeat-x;
   background-position: 0 -5px;
  /* ++ Text justieren 1px oben und 25px von links */
   /* ++ Untere Linie wenn gewuenscht */
   border-bottom: 1px solid #dddddd; /* IE6 Bug */
   /* ++ Den "white-space" Fehler im IE7 vermeiden */
   \width: 180px;  /* IE5x Opera <= 5 */
   widt\h: 155px; padding-left:25px; padding-right:0; padding-top:1px; padding-bottom:0
}

/* ====  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: #FFFFFF;
   font-weight: normal;
   background: url('../../picture/NavLeft.jpg');
   background-repeat: repeat-x;
   background-position: 0 -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: #FFFFFF;
   font-weight: bold;
   background: url('../../picture/NavLeft.jpg');
   background-repeat: repeat-x;
   background-position: 0 -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: #FFFFC5;
   font-weight: bold;
   background: url('../../picture/NavLeft.jpg');
   background-repeat: repeat-x;
   background-position: 0 -5px;
}

/* ====  hover: Maus über Link <a>  ==== */
.nlu_navi1 ul li a:hover {
   color: #ffffd5;
/*   text-decoration: underline; */
   background: #AC4200 url('../../picture/navi1_hov.gif') no-repeat 10px 4px;
}
.nlu_navi1 ul li.sub_no a:hover {
   color: #ffff00;
   background: #AC4200 url('../../picture/navi1_hov.gif') no-repeat 10px 4px;
}
.nlu_navi1 ul li.sub_ul a:hover {
   background: #AC4200 url('../../picture/navi1_act_hov.gif') no-repeat 10px 4px;
}
/* ====  hover: Wenn Sublevel vorhanden <a>  ==== */
.nlu_navi1 ul li.sub_ul_true a:hover {
   background: #AC4200 url('../../picture/navi1_hov.gif') no-repeat 10px 4px;
}

/* ====  hover: Der aktive Link <a>  ==== */
.nlu_navi1 ul li.active a:hover {
   color: #FFFF00;
/*   background: #9F1600 url('../../picture/navi1_act_hov.gif') no-repeat 8px 4px;*/
   background: url('../../picture/NavLeft.jpg');
   background-repeat: repeat-x;
   background-position: 0 -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 {
   display: block;
   text-decoration: none;
   text-transform: none;
   font-weight: normal;
   color: #FFFFFF;
   background: #AC4200 url('../../picture/navi1_norm.gif') no-repeat 10px 4px;
   border-bottom: 1px solid #ccc; /* IE6 Bug */
   \width: 180px;  /* IE5x Opera <= 5 */
   widt\h: 140px; padding-left:40px; padding-right:0; padding-top:1px; padding-bottom:0
}

/* 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: #ffffff;
   font-weight: normal;
   background: #AC4200 url('../../picture/navi1_sub_true.gif') no-repeat 10px 4px;
}

/* 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: #ffffff;
   font-weight: bold;
   background: #AC4200 url('../../picture/navi1_act.gif') no-repeat 10px 4px;
}


/* 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: #ffffff;
   font-weight: bold;
   background: #AC4200 url('../../picture/navi1_act.gif') no-repeat 10px 4px;
}


.nlu_navi1 ul ul li a:hover {
   color: #ffff55;
/*   text-decoration: underline; */
   background: #B65A00 url('../../picture/navi1_hov.gif') no-repeat 10px 4px;
}
.nlu_navi1 ul ul li.sub_no a:hover {
   color: #fff5d2;
   background: #B65A00 url('../../picture/navi1_hov.gif') no-repeat 10px 4px;
}
.nlu_navi1 ul ul li.sub_ul a:hover {
   background: #B65A00 url('../../picture/navi1_act_hov.gif') no-repeat 10px 4px;
}
/* Only for "if there is a sub_level" */
.nlu_navi1 ul ul li.sub_ul_true a:hover {
   background: #B65A00 url('../../picture/navi1_hov.gif') no-repeat 10px 4px;
}

/* Only for the active link */
.nlu_navi1 ul ul li.active a:hover {
   background: #AC4200 url('../../picture/navi1_act_hov.gif') no-repeat 8px 4px;
}

   
/* ==== 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  {
   display: block;
   text-decoration: none;
   text-transform: none;
   font-weight: normal;
   color: #FFFFFF;
   background: #83A1BF url('../../picture/navi1_norm.gif') no-repeat 40px 1px;
   border-bottom: 1px solid #ccc; /* IE6 Bug */
   \width: 180px;  /* IE5x Opera <= 5 */
   widt\h: 125px; padding-left:55px; padding-right:0; padding-top:1px; padding-bottom:0
}

/* 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: White;
   font-weight: normal;
   background: #83A1BF url('../../picture/navi1_sub_true.gif') no-repeat 40px 1px;
}

/* 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: White;
   font-weight: bold;
   background: #83A1BF url('../../picture/navi1_act.gif') no-repeat 40px 1px;
}


/* 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: White;
   font-weight: bold;
   background: #83A1BF url('../../picture/navi1_act.gif') no-repeat 40px 1px;
}


.nlu_navi1 ul ul ul li a:hover {
   color: White;
/*   text-decoration: underline; */
   background: #6D879F url('../../picture/navi1_hov.gif') no-repeat 40px 1px;
}
.nlu_navi1 ul ul ul li.sub_no a:hover {
   color: White;
   background: #6D879F url('../../picture/navi1_hov.gif') no-repeat 40px 1px;
}
.nlu_navi1 ul ul ul li.sub_ul a:hover {
   background: #6D879F url('../../picture/navi1_act_hov.gif') no-repeat 40px 1px;
}
/* Only for "if there is a sub_level" */
.nlu_navi1 ul ul ul li.sub_ul_true a:hover {
   background: #6D879F url('../../picture/navi1_hov.gif') no-repeat 40px 1px;
}

/* Only for the active link */
.nlu_navi1 ul ul ul li.active a:hover {
   background: #6D879F url('../../picture/navi1_act_hov.gif') no-repeat 40px 1px;
}
/*==== END LEVEL X ============================================= */

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

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