/*================================================================
   CSS for an vertical menu
   <div class="nlu_navi07_1">{ NAV_LIST_UL:F,0,,,active }</div>
   Level 0 - 3; 
   07.10.06 flip-flop (KH)
   31.01.07 flip-flop (KH)  "white-space" bug solved
   using e.g.   \width: 200px;  and  widt\h: 175px;  
   in every  ul li a
..................................................................*/
   
.navi_head {
	margin: 0;
	padding: 0 0 0 0;  /* padding over all //  Innerer Geesamtabstand */
	text-decoration: none;
	/* ++ e.g. 11px font and 19px height // z.B. 11px font und 19px hoch */
	font: normal normal bold 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;

/*	width: 130px; /* ++ Width of Menu Items // Breite der Navigation */
/*	float:left; */
}

.navi_head ul {
   margin: 0;
   padding: 0;
   border: 0;
   list-style: none;
/*   width: 130px;  /* Width of Menu Items */
}



.navi_110, navi_110 ul { 	 /* ++ Width of Menu Items // Breite der Navigation */ 
    width: 110px;
   height: 112px;
   background: url(../img/kunde/navi/nav01_bg.gif) 0px 16px no-repeat; 
}

.navi_115, navi_115 ul {  /* ++ Width of Menu Items // Breite der Navigation */ 
   width: 115px;
   height: 112px;
   background: url(../img/kunde/navi/nav01_bg.gif) 0px 16px no-repeat;
}

.navi_120, navi_120 ul {  /* ++ Width of Menu Items // Breite der Navigation */ 
   width: 120px;
   height: 112px;
   background: url(../img/kunde/navi/nav01_bg.gif) 0px 16px no-repeat;
}

.navi_125, navi_125 ul {  /* ++ Width of Menu Items // Breite der Navigation */ 
   width: 125px;
   height: 112px;
   background: url(../img/kunde/navi/nav01_bg.gif) 0px 16px no-repeat;
}

.navi_130, navi_130 ul {  /* ++ Width of Menu Items // Breite der Navigation */ 
   width: 130px;
   height: 112px;
   background: url(../img/kunde/navi/nav01_bg.gif) 0px 16px no-repeat;
}
.navi_135, navi_135 ul {  /* ++ Width of Menu Items // Breite der Navigation */ 
    width: 135px;
   height: 112px;
   background: url(../img/kunde/navi/nav01_bg.gif) 0px 16px no-repeat; 
}

.navi_140, navi_140 ul { 	 /* ++ Width of Menu Items // Breite der Navigation */ 
   width: 140px;
   height: 112px;
   background: url(../img/kunde/navi/nav01_bg.gif) 0px 16px no-repeat; 
}

.navi_145, navi_145 ul { 	 /* ++ Width of Menu Items // Breite der Navigation */ 
   width: 145px;
   height: 112px;
   background: url(../img/kunde/navi/nav01_bg.gif) 0px 16px no-repeat; 
}

.navi_150, navi_150 ul {  /* ++ Width of Menu Items // Breite der Navigation */ 
   width: 150px;
   height: 112px;
   background: url(../img/kunde/navi/nav01_bg.gif) 0px 16px no-repeat; 
}




.navi_left_150, navi_left_150 ul {  /* Breite der Navigation  links */ 
   width: 150px;
}


.navi_head em { font-style: normal; }

.navi_head li { margin: 0; padding: 0; } /* Level/Sub-Level gap for bottom */

.navi_head ul li { position: relative; }

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

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

/* ====  simple link <a> // einfacher Link <a> ==== */ 
.navi_head ul li a,
.navi_head ul li a:link, 
.navi_head ul li a:visited,
.navi_head ul li a:active {
   display: block;
   text-decoration: none;
   text-transform: none;
   color: #555;  /* ++ 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: url(../img/kunde/navi/nav01.gif) 0px 0px no-repeat;

   /* ++ bottom line if you want */
   /* ++ Untere Linie wenn gewünscht */ 
/*   border-bottom: 1px solid #fff; /* IE6 Bug   ++ horiz. line between  */
   
   /* ++ Text adjust e.g. upper gap and left gap 25px */
   /* ++ Text justieren 1px oben und 25px von links */
   padding: 0 0 0 10px;         /* Text adjust */ 

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


.navi_130 ul li a, .navi_130 ul li a:link, .navi_130 ul li a:visited, .navi_130 ul li a:active {
   \width: 130px;  /* IE5x Opera <= 5 */
   widt\h: 120px;  /* = (Width of Mebu Items) - (padding-right + left) */ 
}
.navi_145 ul li a, .navi_145 ul li a:link, .navi_145 ul li a:visited, .navi_145 ul li a:active {
   \width: 145px;  /* IE5x Opera <= 5 */
   widt\h: 135px;  /* = (Width of Mebu Items) - (padding-right + left) */ 
}
.navi_150 ul li a, .navi_150 ul li a:link, .navi_150 ul li a:visited, .navi_150 ul li a:active {
   \width: 150px;  /* IE5x Opera <= 5 */
   widt\h: 140px;  /* = (Width of Mebu Items) - (padding-right + left) */ 
}
.navi_135 ul li a, .navi_135 ul li a:link, .navi_135 ul li a:visited, .navi_135 ul li a:active {
   \width: 135px;  /* IE5x Opera <= 5 */
   widt\h: 125px;  /* = (Width of Mebu Items) - (padding-right + left) */ 
}
.navi_110 ul li a, .navi_110 ul li a:link, .navi_110 ul li a:visited, .navi_110 ul li a:active {
   \width: 110px;  /* IE5x Opera <= 5 */
   widt\h: 100px;  /* = (Width of Mebu Items) - (padding-right + left) */ 
}

/* ====  active link <a> // aktiver Link <a> ==== */ 
.navi_head ul li.active a,
.navi_head ul li.active a:link,
.navi_head ul li.active a:visited,
.navi_head ul li.active a:active {
   color: #FF0000; /* #DD3C3C;       /* ++ Text color // Textfarbe */
   font-weight: bold;  /* ++ Bold if you want // Fett wenn gewünscht */
	background: url(../img/kunde/navi/nav01_active.gif) 0px 0px no-repeat; 
}

.navi_head ul li.act_path a { 
	color: #FF0000; /* #DD3C3C; /* #DD3C3C; */ 
	text-decoration: none; /* underline;*/
	background: url(../img/kunde/navi/nav01_active.gif) 0px 0px no-repeat;

}


/* ====  hover link <a> // Maus über Link <a> ==== */
.navi_head ul li a:hover {
   color:  #FF0000; /* #C9222E; */ 
/*   text-decoration: underline; */
	background: url(../img/kunde/navi/nav01_active.gif) 0px 0px no-repeat;
}
.navi_head ul li.active a:hover { color: #1D008F; /* #FF7200; */ }

/* ====  Parent Link <a> //  Only for the parent link <a> ==== */
.navi_head ul li.sub_parent a, 
.navi_head ul li.sub_parent a:link, 
.navi_head ul li.sub_parent a:visited {


	text-decoration: none;
	color: #DD3C3C; 
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	background: url(../../img/leer.gif) 0px 0px no-repeat;
}

.navi_head ul li.sub_parent.act_path a { 
	color: #FF0000; /* #DD3C3C; /* #DD3C3C; */ 
	text-decoration: none; /* underline;*/
	background: url(../../img/leer.gif) 0px 0px no-repeat;
}
.navi_head ul li.sub_parent.act_path.active a { 
	text-decoration: underline;
	color: #1B00FF; /* #234896; */ 
	background: url(../../img/leer.gif) 0px 0px no-repeat;
}
.navi_head ul li.sub_parent a:hover, 
.navi_head ul li.sub_parent.act_path.active a:hover { color: #1D008F; }

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