#nlu_navi1 { margin: 0 0 0 0; padding: 0; border: 0; text-decoration: none; font: normal normal 14px/16px; font-weight: 700; width: 100%; border: 1px solid #DDDDDD; border-bottom: none; }
#nlu_navi1 a, #nlu_navi1 a:link, #nlu_navi1 a:visited, #nlu_navi1 a:active { color: #696969; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; }
#nlu_navi1 ul { margin: 0; padding: 0; border: 0; list-style-type: none; width: 100%; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#nlu_navi1 ul li { position: relative; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.sub_ul.act_path a {color: #FFFFFF;}


/* ==== 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: #696969; background: #FFFFFF; padding: 8px 30px 8px 30px; border-bottom: 1px solid #DDDDDD; }
/**/
/* ====  Aktiv, wenn ein Sublevel vorhanden ist // active point if there is a sub_level ==== */
/* ====  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: #004599; background-color: #FAFAFA; padding-left: 20px; }
/* ====  hover: Maus über Link <a> // hover link <a> ==== */
#nlu_navi1 ul li a:hover { color: #004599; padding-left: 20px; background-color: #F8F8F8; }
#nlu_navi1 ul li.sub_no a:hover { color: #004599; }
/* ==== 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; background: #F7F7F7; padding-left: 30px; }
/* ==== 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: 700; background: #F7F7F7; padding-left: 50px; }
/* 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 { }
#nlu_navi1 ul ul ul li a:hover { padding-left: 50px; }
#nlu_navi1 ul ul ul li.sub_no a:hover { }
#nlu_navi1 ul ul ul li.sub_ul a:hover { }
/* ==== LEVEL X+3 =============================================== */
#nlu_navi1 ul ul ul ul li.sub_no a, #nlu_navi1 ul ul ul ul li.sub_no a:link, #nlu_navi1 ul ul ul ul li.sub_no a:visited, #nlu_navi1 ul ul ul ul li.sub_no a:active, #nlu_navi1 ul ul ul ul li.sub_ul a, #nlu_navi1 ul ul ul ul li.sub_ul a:link, #nlu_navi1 ul ul ul ul li.sub_ul a:visited, #nlu_navi1 ul ul ul ul li.sub_ul a:active { display: block; text-decoration: none; text-transform: none; font-weight: 700; background: #F7F7F7; padding-left: 70px; }
/* state for the active link */
#nlu_navi1 ul ul ul ul li.active a, #nlu_navi1 ul ul ul ul li.active a:link, #nlu_navi1 ul ul ul ul li.active a:visited, #nlu_navi1 ul ul ul ul li.active a:active { }
#nlu_navi1 ul ul ul ul li a:hover { padding-left: 70px; }
#nlu_navi1 ul ul ul ul li.sub_no a:hover { }
#nlu_navi1 ul ul ul ul li.sub_ul a:hover { }
/*==== END LEVEL X ============================================= */


#nlu_navi1 ul li.sub_parent a, #nlu_navi1 ul li.sub_parent.active a { color: #000000; background-color: #EBEBEB; padding: 8px 30px 8px 10px; }
#nlu_navi1 ul li.sub_parent.active a { color: #004599; }
#nlu_navi1 ul li.sub_parent a:after { top: 11px; right: 9px; font-size: 11px; content: "\f107"; position: absolute; font-weight: 700; display: inline-block; font-family: FontAwesome; }
#nlu_navi1 ul li.active a:after { top: 11px; right: 9px; font-size: 11px; content: "\f105"; position: absolute; font-weight: 700; display: inline-block; font-family: FontAwesome; }
/* Holly Hack. IE Requirement \*/
* html #nlu_navi1 ul li { float: left; height: 1%; }
* html #nlu_navi1 ul li a { height: 1%; }
/* ==== End  nlu_navi1 ========================================= */
