/* ====================================================================== 
   >= 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: 0;
	text-decoration: none;
	font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 175px;
	line-height: 17px;
	list-style-type: none;
	text-shadow: 2px 2px 2px #333333;
/*   float:left; */ 
} 

.nlu_navi1 em { font-style: normal; } 

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

.nlu_navi1 ul li { position: relative; } 


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

/* ==== LEVEL 1 of Navigation / Ebene 1 der Navigation ================================================= */ 

/* ====  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: #c1c1c1;           /* ++ Text color // Textfarbe */
   list-style-type: none; 
    
   /* ++ background color; url of the image; image adjust e.g. left gap 10px */ 
   /* ++ Hintergrundfarbe; URL der Grafik  ; Grafik einrücken z.B. 10px */ 
   background: url(../../img/atf/menu_normal.gif) 8px 0px no-repeat; 

   /* ++ Text adjust e.g. upper gap and left gap 25px */ 
   /* ++ Text justieren 1px oben und 25px von links */ 
   padding: 0px 0px 0px 16px;
   margin-top: 0px; 

   /* ++ bottom line if you want */ 
   /* ++ Untere Linie wenn gewuenscht */ 
   /* border-bottom: 1px dotted #9933CC; /* IE6 Bug  */
/*	border-top: 1px solid #CCCCCC; /* IE6 Bug */

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

/* ====  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: #c1c1c1; 
   font-weight: normal; 
	list-style-type: none;
/*   background: #839AAF url(../../img/article/navi1_sub_true.gif) 10px 1px no-repeat;*/
   background: url(../../img/atf/menu_normal.gif) 8px 0px no-repeat; 
} 

/* ====  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: #ff6600; 
   font-weight: normal; 
	list-style-type: none;
/*   background: #63819F url(../../img/article/navi1_act.gif) 10px 1px no-repeat; */
   background: url(../../img/atf/menu_active.gif) 8px 0px no-repeat; 
} 

/* ====  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: #ff6600; 
   font-weight: normal; 
	list-style-type: none;
/*   background: #63819F url(../../img/article/navi1_act.gif) 10px 1px no-repeat; */
   background: url(../../img/atf/menu_active.gif) 8px 0px no-repeat; 
} 

/* ====  hover: Maus über Link <a> // hover link <a> ==== */ 
.nlu_navi1 ul li a:hover { 
   color: #333333;
	list-style-type: none; 
/*   text-decoration: underline; */ 
/*   background: #597B8F url(../../img/article/navi1_hov.gif) 10px 1px no-repeat; */
   background: url(../../img/atf/menu_over.gif) 8px 0px no-repeat; 
} 
.nlu_navi1 ul li.sub_no a:hover { 
   color: #333333; 
	list-style-type: none;
/*   background: #597B8F url(../../img/article/navi1_hov.gif) 10px 1px no-repeat; */
   background: url(../../img/atf/menu_over.gif) 8px 0px no-repeat; 
} 
.nlu_navi1 ul li.sub_ul a:hover { 
	list-style-type: none;
    color: #ff6600; 
/*   background: #597B8F url(../../img/article/navi1_act_hov.gif) 10px 1px no-repeat; */
   background: url(../../img/atf/menu_active.gif) 8px px no-repeat; 
} 
/* ====  hover: Wenn Sublevel vorhanden <a> // hover: "if there is a sub_level" <a> ==== */ 
.nlu_navi1 ul li.sub_ul_true a:hover {
	list-style-type: none; 
    color: #333333; 
/*   background: #597B8F url(../../img/article/navi1_hov.gif) 10px 1px no-repeat; */
   background: url(../../img/atf/menu_over.gif) 8px 0px no-repeat; 
} 

/* ====  hover: Der aktive Link <a> // hover: "Only for the active link" <a> ==== */ 
.nlu_navi1 ul li.active a:hover { 
	list-style-type: none;
    color: #ff6600; 
/*   background: #597B8F url(../../img/article/navi1_act_hov.gif) 10px 1px no-repeat; */
   background: url(../../img/atf/menu_active.gif) 8px 0px no-repeat; 
} 


/* ==== LEVEL 2 of Navigation / Ebene 2 der Navigation ================================================= */  

.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: #c1c1c1; 
/*   background: #8E9FAF url(../../img/article/navi1_norm.gif) 25px 1px no-repeat; */
   background: url(../../img/atf/menu_normal.gif) 16px 0px no-repeat; 
   padding: 0px 0 0 23px; 
/*   border-top: 1px solid #CCCCCC; /* IE6 Bug */ 
   /*border-bottom: 1px solid #CCCCCC; /* IE6 Bug */ 
   \width: 144px;  /* IE5x Opera <= 5 */    
   widt\h: 144px;  /* = (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: #ff6600; 
   font-weight: normal; 
/*   background: #839AAF url(../../img/article/navi1_sub_true.gif) 25px 1px no-repeat;*/
   background: url(../../img/atf/menu_active.gif) 16px 0px no-repeat; 
} 

/* 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: #ff6600; 
   font-weight: normal; 
/*   background: #6D8EAF url(../../img/article/navi1_act.gif) 25px 1px no-repeat;*/
   background: url(../../img/atf/menu_active.gif) 16px 0px no-repeat; 
} 


/* 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: #ff6600; 
   font-weight: normal; 
/*   background: #6D8EAF url(../../img/article/navi1_act.gif) 25px 1px no-repeat; */
   background: url(../../img/atf/menu_active.gif) 16px 0px no-repeat;
} 


.nlu_navi1 ul ul li a:hover { 
   color: #333333; 
/*   text-decoration: underline; */ 
/*   background: #6B828F url(../../img/article/navi1_hov.gif) 25px 1px no-repeat;*/
   background: url(../../img/atf/menu_over.gif) 16px 0px no-repeat; 
} 
.nlu_navi1 ul ul li.sub_no a:hover { 
   color: #333333; 
/*   background: #6B828F url(../../img/article/navi1_hov.gif) 25px 1px no-repeat;*/ 
   background: url(../../img/atf/menu_over.gif) 16px 0px no-repeat; 
} 
.nlu_navi1 ul ul li.sub_ul a:hover { 
/*   background: #6B828F url(../../img/article/navi1_act_hov.gif) 25px 1px no-repeat; */
   background: url(../../img/atf/menu_over.gif) 16px 0px no-repeat; 
} 
/* Only for "if there is a sub_level" */ 
.nlu_navi1 ul ul li.sub_ul_true a:hover { 
/*   background: #6B828F url(../../img/article/navi1_hov.gif) 25px 1px no-repeat;*/
   background: url(../../img/atf/menu_over.gif) 16px 0px no-repeat; 
} 

/* Only for the active link */ 
.nlu_navi1 ul ul li.active a:hover { 
	list-style-type: none;
    color: #ff6600; 
/*   background: #6B828F url(../../img/article/navi1_act_hov.gif) 25px 1px no-repeat; */
   background: url(../../img/atf/menu_active.gif) 16px 0px no-repeat; 
} 

    
/* ==== LEVEL 3 of Navigation / Ebene 3 der Navigation ================================================= */ 

.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: normal; 
   text-transform: none; 
   font-weight: normal; 
   color: #000000; 
/*   background: #83A1BF url(../../img/article/navi1_norm.gif) 40px 1px no-repeat; */
   background: url(../../img/article/menu_sub3_norm.gif) 0px 0px no-repeat; /* Hier 0px Abstand da Grafik mit Transparenten Bereich */ 
   padding: 0px 0 0 31px; 
/*   border-top: 1px solid #CCCCCC; /* IE6 Bug */ 
   border-bottom: 1px solid #CCCCCC; /* IE6 Bug */ 
   \width: 136px;  /* IE5x Opera <= 5 */ 
   widt\h: 136px;  /* = (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: #000000;
	font-weight: normal;
	background: url(../../img/article/menu_sub3_norm.gif) 0px 0px 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: #000000; 
	font-weight: normal; 
/*   background: #83A1BF url(../../img/article/navi1_act.gif) 40px 1px no-repeat; */
	background: url(../../img/article/menu_sub3_act.gif) 0px 0px 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: #000000; 
   font-weight: normal; 
/*   background: #83A1BF url(../../img/article/navi1_act.gif) 40px 1px no-repeat;*/
   background: url(../../img/article/menu_sub3_act.gif) 0px 0px no-repeat;
} 


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

/* Only for the active link */ 
.nlu_navi1 ul ul ul li.active a:hover { 
/*   background: #6D879F url(../../img/article/navi1_act_hov.gif) 40px 1px no-repeat; */
   background: url(../../img/article/menu_sub3_over.gif) 0px 0px no-repeat; 
} 
/*==== END of LEVEL 1-3 / Ende der Ebenen 1-3 ============================================= */ 

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

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