/* ################################### */
/* ############ NAVI LEFT ############ */
/* ################################### */

.navi-left ul {margin:0; list-style:none;}
/*Links*/
.navi-left a {
  width:100%;
  display:block;
  padding: 0.4em 0 0.4em 0.3em;
  margin-bottom: 2px;
  border-bottom:0;
}
.navi-left a:hover, .navi-left .sub:hover {
  background:#eee; 
}

/*Level_2*/
.navi-left .sub::before {
  content: url(../img/Sprites/plus_icon.png);
  position: relative;
  height: 0;
  top: 1.2em;
  float: right;
  right: 2em;
  display: block;
}

.navi-left ul.level2 {
  margin-left: 0;
  display: none;
  background: #efefff;
  z-index: 10;
  transition: .5s;
  width: 100%;
}
.navi-left li.sub:hover ul.level2 {
  display: block;
}
/*old*/

.navi-left ul li:hover {
  background-color:#eee;
}
.navi-left ul li ul {background-color:#EEE;}
.navi-left ul li ul li:hover a{background-color:#FFF; z-index:10;position:relative;}

/*Listenpunkt*/
.navi-left ul li ul li a, ul li ul li a {padding-left:1.5em;}
.navi-left ul li ul li a {padding: 0.3em 0 0.3em 1.5em;}
ul li ul li a::before {
  content: url('../img/listenpunkt.gif');
  position: absolute;
  margin-right: 1em;
  margin-left: -1em;
  margin-top: -2px;
}
.act_main {
  background-color:#eee;
}

.navi-left ul li a{
  color:#000;
}

/* ##################################### */
/* ############ NAVI FOOTER ############ */
/* ##################################### */

.footer ul {list-style: none;margin-left: 0;display: inline-block;margin-right: 3em;}
.footer li {display: inline; margin-right:0;}

@media screen and (max-width:23em) {
.footer ul {margin-right: 1em;}
}