/* ======================================================================
   >= 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;
   margin-top: 5px;
   
   padding: 0;
   border: 0;
   text-decoration: none;
   font: normal normal 12px/20px Verdana, Helvetica, Arial, sans-serif;
   width: 180px;  
}

.nlu_navi1 em { font-style: normal; }

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

.nlu_navi1 ul li { position: relative; }


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

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

/* colore pulsanti principali senza un sub_level (testo violetto e sfondo viola) */
.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: #400000; /* bianco */
   background: #fff url(../../img/article/navi1_norm.gif) 10px 1px no-repeat; /* viola C5A5CE*/
   padding: 1px 0 0 25px;
   border-bottom: 1px solid #509e74; 
   \width: 180px;  
   widt\h: 155px; 
}

/* colore pulsanti principali che hanno un sub_level -  (testo violetto e sfondo viola) */
.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: #fff; /* bianco */
   font-weight: normal;
   background: #da1a29 url(../../img/article/navi1_sub_true.gif) 10px 1px no-repeat; /* viola */
}


/* Colore pulsante attivo */
.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: #FFF; /* bianco */
   font-weight: bold;
   background: #da1a29 url(../../img/article/navi1_act.gif) 10px 1px no-repeat; /* grigio */
}


/* colore pulsanti che non hanno un sub_level su mouse over */
.nlu_navi1 ul li.sub_no a:hover {
   color: white; /* grigio */
   background: #509e74 url(../../img/article/navi1_hov.gif) 10px 1px no-repeat; /* violetto */
}



/*  e1d4e8 grigio: 887c7c colore pulsanti che hanno un sub_level su mouse over */
.nlu_navi1 ul li.sub_ul_true a:hover {
   color: white; /* grigio */
   background: #509e74 url(../../img/article/navi1_hov.gif) 10px 1px no-repeat; /* violetto */
}

/* colore pulsanti attivo su mouse over */
.nlu_navi1 ul li.active a:hover {
   color: #fff; /* bianco */
   background: #509e74 url(../../img/article/navi1_act_hov.gif) 10px 1px no-repeat; /* grigio */
}


/* ==== 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: #000;
   background: #ffffff url(../../img/article/navi1_norm.gif) 25px 1px no-repeat;
   padding: 1px 0 0 40px;
   border-bottom: 1px solid #ccc; /* IE6 Bug */
   \width: 180px;  /* IE5x Opera <= 5 */
   widt\h: 140px;  /* = (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: #fff; /* bianco */
   font-weight: normal;
   background: #da1a29 url(../../img/article/navi1_sub_true.gif) 25px 1px no-repeat; /* grigio scuro */
}

/* 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: #fff; /* bianco */
   font-weight: bold;
   background: #da1a29 url(../../img/article/navi1_act.gif) 25px 1px no-repeat; /* grigio scuro */
}


/* 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; /* nero */
   font-weight: bold;
   background: #da1a29 url(../../img/article/navi1_act.gif) 25px 1px no-repeat; /* grigio scuro */
}


.nlu_navi1 ul ul li a:hover {
   color: #FFFFFF; /* grigio */
/*   text-decoration: underline; */
   background: #509e74 url(../../img/article/navi1_hov.gif) 25px 1px no-repeat;
}
.nlu_navi1 ul ul li.sub_no a:hover {
   color: #FFFFFF; /* nero */
   background: #509e74 url(../../img/article/navi1_hov.gif) 25px 1px no-repeat; /* violetto */
}
.nlu_navi1 ul ul li.sub_ul a:hover {
   background: #509e74 url(../../img/article/navi1_act_hov.gif) 25px 1px no-repeat; /* violetto */
}
/* Only for "if there is a sub_level" */
.nlu_navi1 ul ul li.sub_ul_true a:hover {
   background: #509e74 url(../../img/article/navi1_hov.gif) 25px 1px no-repeat; /* violetto */
}

/* Only for the active link */
.nlu_navi1 ul ul li.active a:hover {
   background: #509e74 url(../../img/article/navi1_act_hov.gif) 25px 1px no-repeat; /* violetto */
}

   
/* ==== 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(../../img/article/navi1_norm.gif) 40px 3px no-repeat;
   padding: 1px 0 0 55px;
   border-bottom: 1px solid #ccc; /* IE6 Bug */
   \width: 180px;  /* IE5x Opera <= 5 */
   widt\h: 145px;  /* = (Width of Menu Items) - (padding-right + left) */
}

/* 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: #FFFFFF;
   font-weight: normal;
   background: #83A1BF url(../../img/article/navi1_sub_true.gif) 40px 3px no-repeat;
}

/* 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: #FFFFFF;
   font-weight: bold;
   background: #83A1BF url(../../img/article/navi1_act.gif) 40px 3px no-repeat;
}


/* 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: #FFFFFF;
   font-weight: bold;
   background: #f3be92 url(../../img/article/navi1_act.gif) 40px 3px no-repeat;
}


.nlu_navi1 ul ul ul li a:hover {
   color: #FFFFFF;
/*   text-decoration: underline; */
   background: #f3be92 url(../../img/article/navi1_hov.gif) 40px 3px no-repeat;
}
.nlu_navi1 ul ul ul li.sub_no a:hover {
   color: #FFFFFF;
   background: #f3be92 url(../../img/article/navi1_hov.gif) 40px 3px no-repeat;
}
.nlu_navi1 ul ul ul li.sub_ul a:hover {
   background: #333366 url(../../img/article/navi1_act_hov.gif) 40px 1px no-repeat;
}
/* Only for "if there is a sub_level" */
.nlu_navi1 ul ul ul li.sub_ul_true a:hover {
   background: #333366 url(../../img/article/navi1_hov.gif) 40px 3px no-repeat;
}

/* Only for the active link */
.nlu_navi1 ul ul ul li.active a:hover {
   background: #333366 url(../../img/article/navi1_act_hov.gif) 40px 3px no-repeat;
}
/*==== 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 ========================================= */