/* ======================================================================
   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)

========================================================================= */

.nlu_navi1 {
   margin: 0; padding: 0;
   border: 0;
   text-decoration: none;
   text-align: left;
   /* ++ e.g. 11px font and 19px height // z.B. 11px font und 19px hoch */
   font: bold 11px 'Segoe Regular', Segoe, 'Segoe UI', Arial, sans-serif;
   width: 180px;  /* ++ Width of Menu Items // Breite der Navigation*/
/*   float:left; */
}

.nlu_navi1 em { font-style: normal; }

.nlu_navi1 ul {
   margin: 0; padding: 0;
   border: 0;
   list-style: none;
   width: 180px;  /* ++ Width of Menu Items // Breite der Navigation */
}

.nlu_navi1 ul li { position: relative; }


/* ==== 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: #174ebb;           /* ++ Text color // Textfarbe */
   font-weight: bold;       /* ++ Bold if you want // Fett wenn gewünscht */

   /* ++ background color; url of the image; image adjust e.g. left gap 10px */
   /* ++ Hintergrundfarbe; URL der Grafik  ; Grafik einrücken z.B. 10px */
   background: #eaf5ff;

   /* ++ Text adjust e.g. upper gap and left gap 25px */
   /* ++ Text justieren 1px oben und 25px von links */
   padding: 3px 0 2px 5px;
   margin: 0;
   
   /* ++ Den "white-space" Fehler im IE7 vermeiden */
   /* ++ Killing the "white-space" bug in IE7 */
   height: 16px; _height: 21px;
	width: 175px;
	_width: 180px;

   /* ++ bottom line if you want */
   /* ++ Untere Linie wenn gewünscht */
   border: 0;
   border-bottom: 1px solid #8da8de; /* ++ horiz. line between */
}

/* ====  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 {
   height: 16px; _height: 21px;
   font-weight: bold;       /* ++ Bold if you want // Fett wenn gewünscht */
   background: #e1ebff;
   /* background for the active state // Hintergrund für den aktiven Status */
}

/* ====  hover link <a> // Maus über Link <a> ==== */
.nlu_navi1 ul li a:hover,
.nlu_navi1 ul li.active a:hover {
   height: 16px; _height: 21px;
/*    color: #939598; */
   color: #174ebb;
   text-decoration: none;
   background: #d1ebff;
}


/* ==== 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;
   margin: 0;
   text-decoration: none;
   text-transform: none;
   color: #174ebb;           /* ++ Text color // Textfarbe */
   font-weight: normal;       /* ++ Bold if you want // Fett wenn gewünscht */

   /* ++ background color; url of the image; image adjust e.g. left gap 10px */
   /* ++ Hintergrundfarbe; URL der Grafik  ; Grafik einrücken z.B. 10px */
   background: #eaf5ff;

   /* ++ Text adjust e.g. upper gap and left gap 25px */
   /* ++ Text justieren 1px oben und 25px von links */
   padding: 3px 0 2px 15px;
   
   /* ++ Den "white-space" Fehler im IE7 vermeiden */
   /* ++ Killing the "white-space" bug in IE7 */
   height: 16px; _height: 21px;
	width: 165px; _width: 180px;

   /* ++ bottom line if you want */
   /* ++ Untere Linie wenn gewünscht */
   border: 0;
}

.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 {
   height: 16px; _height: 21px;
   font-weight: bold;       /* ++ Bold if you want // Fett wenn gewünscht */
   background: #ffffff;
   /* background for the active state // Hintergrund für den aktiven Status */
}

.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,
.nlu_navi1 ul ul li.active a:hover {
   height: 16px; _height: 21px;
/*    color: #939598; */
   color: #174ebb;
   text-decoration: none;
   background: #d1ebff;
}
   
/* ==== 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: White;
   /* background: #DDDDDD url(../../img/article/navi1_norm.gif) 40px 1px no-repeat; */
   padding: 3px 0 0 125px;
   \width: 261px;  /* IE5x Opera <= 5 */
   widt\h: 136px;  /* = (Width of Menu Items) - (padding-right + left) */
   border: 0;
   border-bottom: 0px solid #ccc; /* 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: #DDDDDD;
   font-weight: normal;
   /* background: #DDDDDD url(../../img/article/navi1_act.gif) 40px 1px 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: #DDDDDD;
   text-decoration: underline;
   /* background: #EFEFEF url(../../img/article/navi1_hov.gif) 40px 1px 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_========================================= */
















/* ======================================================================
   CSS for an vertical menu
   Template call: <div class="nlu_navi2">{NAV_LIST_UL:F,0,,,active}</div>
   Level 0 - 4;
   07.10.06 flip-flop (KH)

========================================================================= */

.nlu_navi2 {
   margin: 0 0 0 10px;
   padding: 0 0 0 0;
   border: 0;
   text-decoration: none;
   text-align: left;
   /* ++ e.g. 11px font and 19px height // z.B. 11px font und 19px hoch */
   font: normal normal 13px 'Segoe Regular', Segoe, 'Segoe UI', Arial, sans-serif;
/*   width: 90%;   */
/*   float:left;   */
}

.nlu_navi2 em { font-style: normal; }

.nlu_navi2 ul {
   margin: 0;
   padding: 0;
   border: 0;
   list-style: none;
/*   width: 250px; */
}

.nlu_navi2 ul li { position: relative; }


/* ==== Styles for Menu Items ================================== */

/* ==== LEVEL X ================================================ */

/* ====  simple link <a> // einfacher Link <a> ==== */
.nlu_navi2 ul li a,
.nlu_navi2 ul li a:link,
.nlu_navi2 ul li a:visited,
.nlu_navi2 ul li a:active {
   display: block;
   text-decoration: none;
   text-transform: none;
   color: #174ebb;           /* ++ Text color // Textfarbe */
   font-weight: normal;       /* ++ Bold if you want // Fett wenn gewünscht */

   /* ++ background color; url of the image; image adjust e.g. left gap 10px */
   /* ++ Hintergrundfarbe; URL der Grafik  ; Grafik einrücken z.B. 10px */

   /* ++ Text adjust e.g. upper gap and left gap 25px */
   /* ++ Text justieren 1px oben und 25px von links */
   padding: 1px 0 0 0;
   margin: 0;
   
   /* ++ Den "white-space" Fehler im IE7 vermeiden */
   /* ++ Killing the "white-space" bug in IE7 */
   height: 18px;
   width: 250px;
/*	_width: 90%;  */

   /* ++ bottom line if you want */
   /* ++ Untere Linie wenn gewünscht */
   border: 0;
   border: 0; /* ++ horiz. line between */
}

/* ====  active link <a> // aktiver Link <a> ==== */
.nlu_navi2 ul li.active a,
.nlu_navi2 ul li.active a:link,
.nlu_navi2 ul li.active a:visited,
.nlu_navi2 ul li.active a:active {
   height: 18px;
   font-weight: normal;       /* ++ Bold if you want // Fett wenn gewünscht */
   /* background for the active state // Hintergrund für den aktiven Status */
}

/* ====  hover link <a> // Maus über Link <a> ==== */
.nlu_navi2 ul li a:hover,
.nlu_navi2 ul li.active a:hover {
   height: 18px;
   font-weight: normal;
/*    color: #939598; */
   color: #174ebb;
   text-decoration: underline;
/*   background: #fffac2 0px 7px no-repeat; */
}


/* ==== LEVEL X+1 ============================================== */

.nlu_navi2 ul ul li.sub_no a,
.nlu_navi2 ul ul li.sub_no a:link,
.nlu_navi2 ul ul li.sub_no a:visited,
.nlu_navi2 ul ul li.sub_no a:active,
.nlu_navi2 ul ul li.sub_ul a,
.nlu_navi2 ul ul li.sub_ul a:link,
.nlu_navi2 ul ul li.sub_ul a:visited,
.nlu_navi2 ul ul li.sub_ul a:active {
   display: block;
   margin: 0 0 0 10px;
   text-decoration: none;
   text-transform: none;
   color: #ffffff;           /* ++ Text color // Textfarbe */
   font-weight: normal;       /* ++ Bold if you want // Fett wenn gewünscht */

   /* ++ background color; url of the image; image adjust e.g. left gap 10px */
   /* ++ Hintergrundfarbe; URL der Grafik  ; Grafik einrücken z.B. 10px */
   background: #1e5a87;

   /* ++ Text adjust e.g. upper gap and left gap 25px */
   /* ++ Text justieren 1px oben und 25px von links */
   padding: 1px 0 0 0;
   
   /* ++ Den "white-space" Fehler im IE7 vermeiden */
   /* ++ Killing the "white-space" bug in IE7 */
   height: 18px;
	width: 150px;
	_width: 150px;

   /* ++ bottom line if you want */
   /* ++ Untere Linie wenn gewünscht */
   border: 0;
}

.nlu_navi2 ul ul li.active a,
.nlu_navi2 ul ul li.active a:link,
.nlu_navi2 ul ul li.active a:visited,
.nlu_navi2 ul ul li.active a:active {
   height: 18px;
   font-weight: bold;       /* ++ Bold if you want // Fett wenn gewünscht */
   background: #1e5a87;
   /* background for the active state // Hintergrund für den aktiven Status */
}

.nlu_navi2 ul ul li a:hover,
.nlu_navi2 ul ul li.sub_no a:hover,
.nlu_navi2 ul ul li.sub_ul a:hover,
.nlu_navi2 ul ul li.active a:hover {
   height: 18px;
/*    color: #939598; */
   color: #dddddd;
   text-decoration: none;
   background: #1e5a87;
}

/* Holly Hack. IE Requirement \*/
* html .nlu_navi2 ul li { float: left; height: 1%; }
* html .nlu_navi2 ul li a { height: 1%; }
/* End */

/* ==== End  nlu_navi2_========================================= */  