/* ======================================================================
   CSS for an vertical menu
   Template call: <div class="nlu_navi1">{NAV_LIST_UL:F,0,,,active}</div>
   Level 0 - 4;
   07.10.06 flip-flop (KH)

   For IE7 we need this at the "header:" section in your template:
   ..................................................
   <!--[if IE]><style>
   .nlu_navi1_docu ul li { float: left; height: 1%; }
   .nlu_navi1_docu ul li a { height: 1%; }
   </style><![endif]-->
   ..................................................
   but using Mac it doesn?t work. At this time the best solution are no
   patch at the header section.!!!! Kh 06/11/14
========================================================================= */

.nlu_navi1 {
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
   text-decoration: none;
   font: normal normal 11px/31px Verdana, Arial, Helvetica, sans-serif;
   width: 157px;  
   line-height: 170%;
   background:#aa0000;
   color:white;
   font-weight:bold;
}

.nlu_navi1 em { font-style: normal; }
.nlu_navi1 ul { margin: 0;   padding: 5px 0;   border: 0;   list-style: none;   width: 157px;}
.nlu_navi1 ul li {display: block;}


/* ==== 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: #D9DEE3 url(img/navi1_norm.gif) 10px -2px no-repeat;
   padding: 4px 0 4px 15px;
   border-bottom: 1px solid #576877; 
   line-height: 170%;
}

.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 {
display: block;
   color: #00446C;   
   font-weight: bold;
   background: #FFFFFF url('img/navi1_act.gif') 10px -2px no-repeat;
}

.nlu_navi1 ul li a:hover
 {
   color: #000000;
   background: #D3ED7D url('img/navi1_hov.gif') 10px -2px no-repeat;
}


.nlu_navi1 ul li.active a:hover {
   color: #00446C;
   background: #f0f4f7 url(img/navi1_hov.gif) 10px -2px no-repeat;
}


.nlu_navi1 ul li.sub_ul.active a:hover {
//   color: #00446C;
}

.nlu_navi1 ul li.sub_no.active a:hover {
//   color: #00446C;
}

/* ==== 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: #D9DEE3 url(img/navi1_norm.gif) 10px -2px no-repeat;
/*   padding: 1px 0 0 40px; */
   padding: 4px 0 4px 30px; 
   border-bottom: 1px solid #576877; /* IE6 Bug */
}

.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: #00446C;
   font-weight: bold;
   background: #FFFFFF url(img/navi1_act.gif) 10px -2px no-repeat;
}

.nlu_navi1 ul ul li a:hover,
.nlu_navi1 ul ul li.sub_no a:hover,
.nlu_navi1 ul ul li.sub_ul a:hover {
   color: white;
   background: #aa0000 url(img/navi1_hov.gif) 10px -2px no-repeat;
}

.nlu_navi1 ul ul li.active a:hover {
   color: #00446C;
   background: #f0f4f7 url(img/navi1_hov.gif) 25px -2px no-repeat;
}


.nlu_navi1 ul li.sub_ul.active ul li.sub_no a:hover {
//   color: #000000;
}

.nlu_navi1 ul li.sub_ul.active ul li.sub_no.active a:hover {
//   color: #00446C;
}


   
/* ==== 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: #000000;
   background: #D9DEE3 url('img/navi1_norm.gif') 20px -2px no-repeat;
   padding: 4px 0 4px 55px; 
   border-bottom: 1px solid #576877; /* IE6 Bug */
}

.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: #00446C;
   font-weight: bold;
   background: #dd3400 url('img/navi1_act.gif') 20px -2px no-repeat;
}

.nlu_navi1 ul ul ul li a:hover,
.nlu_navi1 ul ul ul li.sub_no a:hover,
.nlu_navi1 ul ul ul li.sub_ul a:hover,
.nlu_navi1 ul ul ul li.active a:hover {
   color: #000000;
   background: #D3ED7D url('img/navi1_hov.gif') 20px -2px 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 */

/* ==== End  nlu_navi1_========================================= */