/* ======================================================================
   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>
   .subnav_left_docu ul li { float: left; height: 1%; }
   .subnav_left_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
========================================================================= */

.subnav_left {
   margin: 0;
   padding: 0 0 0 0;
   border: 0;
   text-decoration: none; 
   /* ++ e.g. 11px font and 19px height // z.B. 11px font und 19px hoch */
   font: normal normal 11px/16px Arial, Helvetica, sans-serif;
   width: 180px;  /* ++ Width of Menu Items // Breite der Navigation*/
/*   float:left; */
}

.subnav_left em { font-style: normal; }

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

.subnav_left ul li { position: relative; }


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

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

/* ====  simple link <a> // einfacher Link <a> ==== */
.subnav_left ul li a,
.subnav_left ul li a:link,
.subnav_left ul li a:visited,
.subnav_left ul li a:active {
   display: block;
   text-decoration: none;
   text-transform: none;
   /*color: #FFBB00;*/
	color: #e2007a;           /* ++ 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/bullet-gelb.gif) -5px 5px no-repeat;

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

   /* ++ bottom line if you want */
   /* ++ Untere Linie wenn gewünscht */
   border-bottom: 1px dotted #A9A9A9; /* ++ horiz. line between */
}

/* ====  active link <a> // aktiver Link <a> ==== */
.subnav_left ul li.active a,
.subnav_left ul li.active a:link,
.subnav_left ul li.active a:visited,
.subnav_left ul li.active a:active {
   /*color: #FFBB00;*/
	color: #e2007a;           /* ++ Text color // Textfarbe */
   font-weight: bold;       /* ++ Bold if you want // Fett wenn gewünscht */

   /* background for the active state // Hintergrund für den aktiven Status 
   background: #993400 url(../../img/article/navi1_act.gif) 10px 1px no-repeat;*/
}

/* ====  hover link <a> // Maus über Link <a> ==== */
.subnav_left ul li a:hover,
.subnav_left ul li.active a:hover {
   /*color: #FFBB00;*/
	color: #e2007a;
   font-weight: bold;
/*   text-decoration: underline; 
   background: #773400 url(../../img/article/navi1_hov.gif) 10px 1px no-repeat;*/
}


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

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

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