/* ======================================================================
   TOP >= V1.30   CSS for an vertical menu
   <div class="nlu_navi2">{ NAV_LIST_UL:F,0,,act_path,active }</div>
   Level 0 - 3;
   26.03.07 flip-flop (KH)
   
========================================================================= */

.nlu_navi2main {
   list-style: none; 
   position: relative;
   z-index:1000;
}
  
.nlu_navi2 {
   list-style: none;
   margin-bottom: 15px;
   padding: 0px;
   border: 0px solid #999999;
   text-decoration: none;
   /* ++ e.g. 11px font and 19px height // z.B. 11px font und 19px hoch */
   font: normal normal 11px/13px "Lucida Grande", Verdana, Helvetica, sans-serif;
   width: 230px;  /* ++ 200 Width of Menu Items // Breite der Navigation*/
/*   float:left; */
}

.nlu_navi2 em {
   list-style: none; 
   font-style: normal;
}

.nlu_navi2 ul {
   list-style: none;
   margin: 0;
   padding: 0px;
   border: 0;
   list-style-type: none;
   width: 230px;  /* ++ 200 Width of Menu Items // Breite der Navigation */
}

.nlu_navi2 ul li {
   list-style: none; 
   position: relative;
   z-index:1000;
}


/* ==== Styles for Menu Items =================================== */

/* ==== LEVEL X ================================================= */

/* ====  simple link <a> // einfacher Link <a> ==== */
.nlu_navi2 ul li a,
.nlu_navi2 ul li a:link,
.nlu_navi2 ul li a:visited,
.nlu_navi2 ul li a:active {
   position: relative;
   z-index:1500;
   list-style: none;
   display: block;
   text-decoration: none;
   text-transform: none;
   color: #FFFFFF;           /* ++ Text color // Textfarbe */
   
   /* ++ background color; url of the image; image adjust e.g. left gap 10px */
   /* ++ Hintergrundfarbe; URL der Grafik  ; Grafik einrŸcken z.B. 10px */
   background: #81909F; /* url(../../img/article/navi2_norm.gif) 10px 1px no-repeat; */

   /* ++ Text adjust e.g. upper gap and left gap 25px */
   /* ++ Text justieren 1px oben und 25px von links */
   padding: 5px 10px 5px 10px;

   /* ++ bottom line if you want */
   /* ++ Untere Linie wenn gewuenscht */
   border-bottom: 0px solid #FFFFFF; /* IE6 Bug */

   /* ++ Den "white-space" Fehler im IE7 vermeiden */
   /* ++ Killing the "white-space" bug in IE7 */
   \width: 230px;  /* IE5x Opera <= 5 */
   widt\h: 210px;  /* = (Width of Menu Items) - (padding-right + padding-left) */
}

.nlu_navi2 ul li a,
.nlu_navi2 ul li a:link,
.nlu_navi2 ul li a:visited,
.nlu_navi2 ul li a:active {
   list-style: none;
   display: block;
   text-decoration: none;
   text-transform: none;
   color: #FFFFFF;           /* ++ Text color // Textfarbe */
   
   /* ++ background color; url of the image; image adjust e.g. left gap 10px */
   /* ++ Hintergrundfarbe; URL der Grafik  ; Grafik einrŸcken z.B. 10px */
   background: #81909F; /* url(../../img/article/navi2_norm.gif) 10px 1px no-repeat; */

   /* ++ Text adjust e.g. upper gap and left gap 25px */
   /* ++ Text justieren 1px oben und 25px von links */
   padding: 5px 10px 5px 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: 230px;  /* IE5x Opera <= 5 */
   widt\h: 210px;  /* = (Width of Menu Items) - (padding-right + padding-left) */
}


/* ====  Aktiv, wenn ein Sublevel vorhanden ist // active point if there is a sub_level ==== */
.nlu_navi2 ul li.sub_ul_true a,
.nlu_navi2 ul li.sub_ul_true a:link,
.nlu_navi2 ul li.sub_ul_true a:visited,
.nlu_navi2 ul li.sub_ul_true a:active {
   list-style: none;
   color: White;
   font-weight: normal;
   background: #839AAF; /* url(../../img/article/navi2_sub_true.gif) 10px 1px no-repeat; */
}

/* ====  Aktiver Pfad - Linkverfolgung im Baum // active path in tree (link tracing) ==== */
.nlu_navi2 ul li.act_path a,
.nlu_navi2 ul li.act_path a:link,
.nlu_navi2 ul li.act_path a:visited,
.nlu_navi2 ul li.act_path a:active {
   list-style: none;
   color: White;
   font-weight: bold;
   background: #63819F; /* url(../../img/article/navi2_act.gif) 10px 1px no-repeat; */
}

/* ====  active link <a> // aktiver Link <a> ==== */
.nlu_navi2 ul li.active a,
.nlu_navi2 ul li.active a:link,
.nlu_navi2 ul li.active a:visited,
.nlu_navi2 ul li.active a:active {
   list-style: none;
   color: White;
   font-weight: bold;
   background: #63819F; /* url(../../img/article/navi2_act.gif) 10px 1px no-repeat; */
}

/* ====  hover: Maus Ÿber Link <a> // hover link <a> ==== */
.nlu_navi2 ul li a:hover {
   list-style: none;
   color: White;
/*   text-decoration: underline; */
   background: #597B8F; /* url(../../img/article/navi2_hov.gif) 10px 1px no-repeat; */
}
.nlu_navi2 ul li.sub_no a:hover {
   list-style: none;
   color: White;
   background: #597B8F; /* url(../../img/article/navi2_hov.gif) 10px 1px no-repeat; */
}
.nlu_navi2 ul li.sub_ul a:hover {
   list-style: none;
   background: #597B8F; /* url(../../img/article/navi2_act_hov.gif) 10px 1px no-repeat; */
}
/* ====  hover: Wenn Sublevel vorhanden <a> // hover: "if there is a sub_level" <a> ==== */
.nlu_navi2 ul li.sub_ul_true a:hover {
   list-style: none;
   background: #597B8F; /* url(../../img/article/navi2_hov.gif) 10px 1px no-repeat; */
}



/* ====  hover: Der aktive Link <a> // hover: "Only for the active link" <a> ==== */
.nlu_navi2 ul li.active a:hover {
   list-style: none;
   background: #597B8F; /* url(../../img/article/navi2_act_hov.gif) 10px 1px no-repeat; */
}


/* ==== LEVEL X+1 =============================================== */

.nlu_navi2 ul ul li.sub_no a,
.nlu_navi2 ul ul li.sub_no a:link,
.nlu_navi2 ul ul li.sub_no a:visited,
.nlu_navi2 ul ul li.sub_no a:active,
.nlu_navi2 ul ul li.sub_ul a,
.nlu_navi2 ul ul li.sub_ul a:link,
.nlu_navi2 ul ul li.sub_ul a:visited,
.nlu_navi2 ul ul li.sub_ul a:active {
   z-index:2000;
   list-style: none;
   display: block;
   text-decoration: none;
   text-transform: none;
   font-weight: normal;
   color: #FFFFFF;
   background: #8E9FAF; /* url(../../img/article/navi2_norm.gif) 25px 1px no-repeat; */
   /* padding: 5px 0 5px 40px; */
   padding: 5px 10px 5px 40px;
   border-bottom: 1px solid #FFFFFF; /* IE6 Bug */
   \width: 230px;  /* IE5x Opera <= 5 */
   widt\h: 180px;  /* = (Width of Menu Items) - (padding-right + left) */
}

/* state for the active point if there is a sub_level */
.nlu_navi2 ul ul li.sub_ul_true a,
.nlu_navi2 ul ul li.sub_ul_true a:link,
.nlu_navi2 ul ul li.sub_ul_true a:visited,
.nlu_navi2 ul ul li.sub_ul_true a:active {
   z-index:2000;
   list-style: none;
   color: White;
   font-weight: normal;
   background: #839AAF; /* url(../../img/article/navi2_sub_true.gif) 25px 1px no-repeat; */
}

/* state for the active path (link tracing) */
.nlu_navi2 ul ul li.act_path a,
.nlu_navi2 ul ul li.act_path a:link,
.nlu_navi2 ul ul li.act_path a:visited,
.nlu_navi2 ul ul li.act_path a:active {
   z-index:2000;
   list-style: none;
   color: White;
   font-weight: bold;
   background: #6D8EAF; /* url(../../img/article/navi2_act.gif) 25px 1px no-repeat; */
}


/* state for the active link */
.nlu_navi2 ul ul li.active a,
.nlu_navi2 ul ul li.active a:link,
.nlu_navi2 ul ul li.active a:visited,
.nlu_navi2 ul ul li.active a:active {
   z-index:2000;
   list-style: none;
   color: White;
   font-weight: bold;
   background: #6D8EAF; /* url(../../img/article/navi2_act.gif) 25px 1px no-repeat; */
}


.nlu_navi2 ul ul li a:hover {
   z-index:2000;
   list-style: none;
   color: White;
/*   text-decoration: underline; */
   background: #6B828F; /* url(../../img/article/navi2_hov.gif) 25px 1px no-repeat; */
}
.nlu_navi2 ul ul li.sub_no a:hover {
   z-index:2000;
   list-style: none;
   color: White;
   background: #6B828F; /* url(../../img/article/navi2_hov.gif) 25px 1px no-repeat; */
}
.nlu_navi2 ul ul li.sub_ul a:hover {
   z-index:2000;
   list-style: none;
   background: #6B828F; /* url(../../img/article/navi2_act_hov.gif) 25px 1px no-repeat; */
}
/* Only for "if there is a sub_level" */
.nlu_navi2 ul ul li.sub_ul_true a:hover {
   z-index:2000;
   list-style: none;
   background: #6B828F; /* url(../../img/article/navi2_hov.gif) 25px 1px no-repeat; */
}

/* Only for the active link */
.nlu_navi2 ul ul li.active a:hover {
   z-index:2000;
   list-style: none;
   background: #6B828F; /* url(../../img/article/navi2_act_hov.gif) 25px 1px no-repeat; */
}

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

.nlu_navi2 ul ul ul li.sub_no a,
.nlu_navi2 ul ul ul li.sub_no a:link,
.nlu_navi2 ul ul ul li.sub_no a:visited,
.nlu_navi2 ul ul ul li.sub_no a:active,
.nlu_navi2 ul ul ul li.sub_ul a,
.nlu_navi2 ul ul ul li.sub_ul a:link,
.nlu_navi2 ul ul ul li.sub_ul a:visited,
.nlu_navi2 ul ul ul li.sub_ul a:active  {
   z-index:2000;
   list-style: none;
   display: block;
   text-decoration: none;
   text-transform: none;
   font-weight: normal;
   color: #FFFFFF;
   background: #83A1BF url(../../img/article/navi2_norm.gif) 40px 1px no-repeat;
   padding: 5px 10px 5px 30px;
   border-bottom: 1px solid #FFFFFF;  /* 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_navi2 ul ul ul li.sub_ul_true a,
.nlu_navi2 ul ul ul li.sub_ul_true a:link,
.nlu_navi2 ul ul ul li.sub_ul_true a:visited,
.nlu_navi2 ul ul ul li.sub_ul_true a:active {
   z-index:2000;
   list-style: none;
   color: White;
   font-weight: normal;
   background: #83A1BF url(../../img/article/navi2_sub_true.gif) 40px 1px no-repeat;
}

/* state for the active path (link tracing) */
.nlu_navi2 ul ul ul li.act_path a,
.nlu_navi2 ul ul ul li.act_path a:link,
.nlu_navi2 ul ul ul li.act_path a:visited,
.nlu_navi2 ul ul ul li.act_path a:active {
   z-index:2000;
   list-style: none;
   color: White;
   font-weight: bold;
   background: #83A1BF url(../../img/article/navi2_act.gif) 40px 1px no-repeat;
}


/* state for the active link */
.nlu_navi2 ul ul ul li.active a,
.nlu_navi2 ul ul ul li.active a:link,
.nlu_navi2 ul ul ul li.active a:visited,
.nlu_navi2 ul ul ul li.active a:active {
   z-index:2000;
   list-style: none;
   color: White;
   font-weight: bold;
   background: #83A1BF url(../../img/article/navi2_act.gif) 40px 1px no-repeat;
}


.nlu_navi2 ul ul ul li a:hover {
   z-index:2000;
   list-style: none;
   color: White;
/*   text-decoration: underline; */
   background: #6D879F url(../../img/article/navi2_hov.gif) 40px 1px no-repeat;
}
.nlu_navi2 ul ul ul li.sub_no a:hover {
   z-index:2000;
   list-style: none;
   color: White;
   background: #6D879F url(../../img/article/navi2_hov.gif) 40px 1px no-repeat;
}
.nlu_navi2 ul ul ul li.sub_ul a:hover {
   z-index:2000;
   list-style: none;
   background: #6D879F url(../../img/article/navi2_act_hov.gif) 40px 1px no-repeat;
}
/* Only for "if there is a sub_level" */
.nlu_navi2 ul ul ul li.sub_ul_true a:hover {
   z-index:2000;
   list-style: none;
   background: #6D879F url(../../img/article/navi2_hov.gif) 40px 1px no-repeat;
}

/* Only for the active link */
.nlu_navi2 ul ul ul li.active a:hover {
   z-index:2000;
   list-style: none;
   background: #6D879F url(../../img/article/navi2_act_hov.gif) 40px 1px no-repeat;
}
/*==== END LEVEL X ============================================= */

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

/* ==== End  nlu_navi2 ========================================= */