nav#subnavi ul {
border-bottom: 1px solid #ccc !important;
margin-top: 0;
list-style: none;
}
nav#subnavi ul li {
margin-left: 0;
padding-left: 0;
border: 1px solid #ccc;
border-bottom: 0px !important;
background: #F4F4F4;
width: 100%;
list-style: none;
}

nav#subnavi li.nav-item a {
color: #495057;
display: block;
padding-left: 20px;
border: 0px dotted red;
height: 40px;
text-shadow: 0 0 0 transparent;
}
nav#subnavi li.nav-item a.actifsub, nav#subnavi li.nav-item a.actifsub {
width: 280px;
}

nav#subnavi li.nav-item a:hover, nav#subnavi li.nav-item a:active, nav#subnavi li.nav-item a:focus,
nav#subnavi li.nav-item div.dropdown-menu a:hover.dropdown-item, nav#subnavi li.nav-item div.dropdown-menu a:active.dropdown-item, nav#subnavi li.nav-item div.dropdown-menu a:focus.dropdown-item {
background: #2B3B8B !important; color: #FFF !important;
}
nav#subnavi li.nav-item div.dropdown-menu {
border: 0; border-top: 1px solid #CCC;
border-radius: 0;
}

nav#subnavi li.nav-item div.dropdown-menu a.dropdown-item {
width: 100%; font-size: 16px; padding-top: .4rem; background: #FFF !important;
/*
border-bottom: 1px solid #ccc;
*/
}


nav#subnavi li.nav-item a.cur, nav#subnavi li.nav-item a.curifsub, nav#subnavi li.nav-item div.actifsub a.cur {
background: #178926 !important; color: #FFF !important;
}

nav#subnavi li.nav-item div.dropdown-menu a.dropdown-item:last-child {
border-bottom: 0 !important;
}

nav#subnavi button.dropdown-toggle {
width: 40px;
height: 40px;
position: absolute; 
margin-top: -40px;
right: 0px;
}

nav#subnavi button:hover.dropdown-toggle, nav#subnavi button:active.dropdown-toggle, nav#subnavi button:focus.dropdown-toggle {
background: #777; color: #FFF;
}

nav#subnavi button:hover.dropdown-toggle:before, nav#subnavi button:active.dropdown-toggle:before, nav#subnavi button:focus.dropdown-toggle:before {
color: #FFF; opacity: 1;
}

nav#subnavi button.dropdown-toggle:after  {
display: none;
}

li.actifsub button[aria-expanded="true"]  + .dropdown-menu {
display: block !important;
}

nav#subnavi li button:focus[aria-expanded="true"]:before {
content: "\f0d8" !important;
color: #FFF !important;
}

/*
button[aria-expanded=""]  + .dropdown-menu {
display: block !important;
}
*/
/*
{
 + .activsub {
display: block !important;
}
*/

nav#subnavi button.dropdown-toggle:before {
display: inline-block;
font: normal normal normal 32px/1 FontAwesome;
    font-size: 32px; 
content: "\f0c9";
opacity: 0.7;
padding: 0;
color: #000;
font-size: 24px;

}



nav#subnavi ul li div.dropdown-menu {
margin: 0;
padding: 0;
}

aside nav#subnavi ul li.dropdown .underdog a.third {
    display: block;
	padding-left: 35px;
	font-size: 90%;
}

nav#subnavi li.nav-item a.third {
display: none;
}

/* hlist


nav#subnavi ul li.nav-item a {
color: #2B3B8B;
}

aside ul#itebo-bfree li {
    margin-left: 24px !important;
}

ul#itebo-bfree li > a > span {
    float: right;
    margin-right: -24px;
    border-left: 1px solid #000;
    padding-left: 6px;
}

ul#itebo-bfree li > a > span:after {
    content: "\f0c9"; font-family: FontAwesome;
}
ul#itebo-bfree li.open > a > span:after {
    content: "\f106"; font-family: FontAwesome;
}

nav#subnavi ul a:hovern {
    background-color: #A2ABA6;
    
}

nav#subnavi ul > li.active > a  {
color: #FFF !important; 
background-color: #666;
    
}

nav#subnavi ul li a {
    line-height: 24px;
    padding: 2px 10px;
}

nav#subnavi ul > li > a {
    line-height: 26px;
    padding: 4px 10px;
}



nav#subnavi ul a {
    display: block;
    outline: none;
    text-decoration: none;
}

nav#subnavi ul li > a > span, nav#subnavi ul li > a:hover > span, nav#subnavi ul li > a:focus > span {
    position: absolute;
    right: 11px;
    margin: -6px -10px -6px;
    padding: 5px 0;
    text-align: center;
    width: 36px;
}

nav#subnavi ul li > a > span:hover, nav#subnavi ul li > a:focus > span:focus {
    background: #091D53 !important; color: #FE0 !important;
}
nav#subnavi ul b {
    color: #333;
    display: block;
    outline: none;

    text-decoration: none;
}

nav#subnavi ul li > b > span, nav#subnavi ul li > b > span:focus {
    float: right;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 36px;
    border-left: 1px solid #cdcdcd;
}

nav#subnavi ul li > b > span:focus {border: 2px dotted red !important;}

nav#subnavi ul li > a:hover > span {

}

nav#subnavi ul li > a > span:after {
    content: "\f0c9"; font-family: FontAwesome; font-weight: normal; font-size: 14px;
}

nav#subnavi ul .open a, nav#subnavi ul .open a:focus, nav#subnavi ul .open a:hover {background: #e1e1e1;} 

nav#subnavi ul li.open > a > span:after {
    content: "\f106"; font-family: FontAwesome;
}

nav#subnavi ul li.open > a.act > span:after {
    display: none;
}

nav#subnavi ul li > b > span:after {
    content: "\f0c9"; font-family: FontAwesome; 
    font-weight: bold; font-size: 17px;
}
nav#subnavi ul li.open > b > span:after {
    content: "\f106"; font-family: FontAwesome;
}

nav#subnavi ul a:hover, nav#subnavi ul li.active > a {

    background-color: #777;
    
}

nav#subnavi ul li a {
    line-height: 24px;
    padding: 2px 10px;
}

nav#subnavi ul > li > a {
    line-height: 26px;
    padding: 4px 10px;
}

nav#subnavi ul li span#cur, nav#subnavi ul > li > span#cur > span {
    color: #fff !important;
}

nav#subnavi ul ul, nav#subnavi ul ul ul {
    margin-bottom: 0; padding-left: 0;
}

body nav#subnavi ul li span#cur, body nav#subnavi ul > li > span#cur > span {
    color: #333 !important;
}

nav#subnavi ul li span#cur {
    background-image: url("http://www.osnabrueck.de/fileadmin/Resources/Public/img/L01/bt_list_arrow_white.gif");
    color: #fff !important;
    text-decoration: none !important;
    padding-bottom: 0.5em;
    padding-left: 34px;
    padding-top: 0.5em;
}
nav#subnavi ul li li span#cur {
    background-position: 34px center !important;
    padding-left: 48px !important;
}
nav#subnavi ul li span#cur {
    background-position: 22px center;
    background-repeat: no-repeat;
    color: #444;
    display: block;
    font-size: 85%;
    min-width: 180px;
    padding-bottom: 0.5em;
    padding-left: 34px;
    padding-top: 0.5em;
    text-shadow: 0 0 0 transparent;
}
.nav li span#cur {
    line-height: 24px;
}
.nav span#cur {
    outline: medium none;
    text-decoration: none;
}




nav#subnavi ul, nav#subnavi ul li, ul {list-style: none;} 

li.aktual ul {padding: 0; background: #ECEEED !important;}

nav#subnavi ul {
margin-bottom: 20px;
}

nav#subnavi ul li a#cur, nav#subnavi ul li a.act {background-color: #ECEEED; text-decoration: none !important;}
nav#subnavi ul li a#cur {background-image: url("http://www.osnabrueck.de/fileadmin/Resources/Public/img/L01/bt_list_arrow_white.gif")}

nav#subnavi ul li a.quick, nav#subnavi ul li a.quick:hover, nav#subnavi ul li a.quick:active, nav#subnavi ul li a.quick:focus 
{background-image: none !important; text-decoration: none !important;}

aside ul li ul li ol li {
margin-left: 0 !important; padding-left: 0 !important; list-style: none !important;
}

nav#subnavi ul li li ol li a, nav#subnavi ul li li ol li a:hover, nav#subnavi ulli li ol li a:active, nav#subnavi ulli li ol li a:focus, aside ul li ul li div.csc-default a {
background-position: 15px !important; padding-left: 24px !important; font-size: 100% !important; padding-top: 0.2em !important;
}

aside ul li ul li div.csc-default a, aside ul li ul li div.csc-default a:hover, aside ul li ul li div.csc-default a:active, aside ul li ul li div.csc-default a:focus {
padding-left: 15px !important; margin: 0px !important; color: #1D4C9A !important; background-position: 0px center !important; background-color: transparent !important;
}


nav#subnavi ul {
    margin-top: 0;
}
nav#subnavi ul li {
    margin-left: 0;
    padding-left: 0;
    border: 1px solid #ccc;
	border-bottom: 0px !important;
    background: #F4F4F4;
	width: 100%;
}

nav#subnavi ul {
    border-bottom: 1px solid #ccc !important;
}
nav#subnavi ul li#curr li, nav#subnavi ul li#curr li.open {

    margin-left: 0;
    padding-left: 0;
    background: #FDFDFD !important;
}

nav#subnavi ul li#curr a:hover, nav#subnavi ul li#curr a:hover {
    color: #091D53 !important;
}

nav#subnavi ul li#curr li a:hover, nav#subnavi ul li#curr li a:hover {
    color: #FFF !important;
}

nav#subnavi ul li a, nav#subnavi ul li a:hover, nav#subnavi ul li a:focus {

    background-repeat: no-repeat;

    display: block;
    font-size: 85%;

    padding-bottom: 0.5em;
    
    padding-left: 20px;
    
    padding-top: 0.5em;
    min-width: 180px;
    text-shadow: 0 0 0 transparent;
}

nav#subnavi ul li a:hover, nav#subnavi ul li a:focus {
    color: #FFF !important;
}

nav#subnavi ul li a.ext:before, nav#subnavi ul li a:hover.ext:before, nav#subnavi ul li a.ext:focus:before {
    content: "\f08e"; font-family: FontAwesome; font-size: 10px; opacity: 0.7; margin-right: 4px;
}

nav#subnavi ul li a:hover, nav#subnavi ul li a:active, nav#subnavi ul li a:focus {
    background-color: #2648A3 !important;
}

nav#subnavi ul li li a, nav#subnavi ul li li a:hover, nav#subnavi ul li li a:active, nav#subnavi ul li li a:focus {

    background-position: 30px center !important; 
}

nav#subnavi ul li li li a, nav#subnavi ul li li li a:hover, nav#subnavi ul li li li a:active, nav#subnavi ul li li li a:focus {
    padding-left: 62px !important;
    background-position: 48px center !important; 
}


nav#subnavi ul li li li li a, nav#subnavi ul li li li li a:hover, nav#subnavi ul li li li li a:active, nav#subnavi ul li li li li a:focus {
    padding-left: 76px !important;
    background-position: 62px center !important; 
}


/* TB nav#subnavi ul li a#cur,  nav#subnavi ul > li > a#cur > span {color: #2648A3;}

body nav#subnavi ul li#curr {
background-color: #FFF;
}

body nav#subnavi ul li#curr a, body nav#subnavi ul li#curr a:hover, body nav#subnavi ul li#curr a:focus {
color: #2648A3 !important;
}

body nav#subnavi ul li#curr a:hover, body nav#subnavi ul li#curr a:focus {
text-decoration: underline; background: #F0F0F0 !important;
}


body nav#subnavi ul li#curr a { 
    background: #FFF !important;
    }

body nav#subnavi ul li#curr a a {
    background: #F0F0F0 !important;
}