/*Navigation bar*/
header nav.navlst {
  position: fixed;
  top: 39px;
  height: 62px;
  width: 100%;
  z-index: 500000;
  background-color: #333333;
  background-image: url("../images/icons/icon_trback.svg"),linear-gradient(to right, #191919 0%, #333333 5%, #333333 95%, #191919 100%);
}
header div.navlst-content {
  width: 966px;
  margin-left: auto;
  margin-right: auto;
}
header div.navlst-product,
header div.navlst-product-long,
header div.navlst-submenu {
  float: left;
	padding-top: 21px;
	padding-bottom: 21px;
  width: 238px;
	height: 62px;
  background-image: linear-gradient(90deg, #333333 0%, #333333 99.5%, #cccccc 100%);
  cursor: auto;
	text-align: left;
	font-size: 18px;
	line-height: 20px;
	color: #ffffff;
}
header div.navlst-title {
	float: left;
	padding-top: 19px;
	padding-left: 52px;
	padding-bottom: 6px;
	background-image: url("../images/icons/icon_assistent_active.svg");
	background-repeat: no-repeat;
	background-position: 12px 16px;
	background-size: 30px 30px;
	text-align: left;
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
}
/* arc */
header div.navlst-right {
	overflow: hidden;
}
/* end of arc */
header div.navlst-left a,
header div.navlst-right a {
  float: left;
  text-decoration: none;
  width: 104px;
  height: 54px; /*(54+8=62)*/
  padding-top: 9px;
  color: #e6e6e6;
  background-repeat: no-repeat,no-repeat;
  background-position:37px 8px, 0 0;
  background-size: 30px 30px, 104px 62px;
}

header div.navlst-left a div,
header div.navlst-right a div {
  padding-top: 32px;
}
header div.navlst-left a {
}
header div.navlst-right a {
  float: right;
}

li#navOverview a,
li#overview a {
  background-image: url("../images/icons/icon_uebersicht.svg"),linear-gradient(90deg, #cccccc 0%, #333333 1%, #333333 99%, #cccccc 100%);
}
li#navOverview a:hover,
li#overview a:hover {
  background-image: url("../images/icons/icon_uebersicht_active.svg"),linear-gradient(#e20074 25%, #9a004d 100%);
}
li#navOverview._active a,
li#overview._active a {
  background-image: url("../images/icons/icon_uebersicht_active.svg"),linear-gradient(90deg, #cccccc 0%, #e20074 1%, #e20074 99%, #cccccc 100%);
}
li#navStatus a {
  background-image: url("../images/icons/icon_status.svg"),linear-gradient(90deg, #cccccc 0%, #333333 1%, #333333 99%, #cccccc 100%);
}
li#navStatus a:hover {
  background-image: url("../images/icons/icon_status_active.svg"),linear-gradient(#e20074 25%, #9a004d 100%);
}
li#navStatus._active a {
  background-image: url("../images/icons/icon_status_active.svg"),linear-gradient(90deg, #cccccc 0%, #e20074 1%, #e20074 99%, #cccccc 100%);
}
li#internet a {
  background-image: url("../images/icons/icon_internet.svg"),linear-gradient(90deg, #cccccc 0%, #333333 1%, #333333 99%, #cccccc 100%);
}
li#internet a:hover {
  background-image: url("../images/icons/icon_internet_active.svg"),linear-gradient(#e20074 25%, #9a004d 100%);
}
li#internet._active a {
  background-image: url("../images/icons/icon_internet_active.svg"),linear-gradient(90deg, #cccccc 0%, #e20074 1%, #e20074 99%, #cccccc 100%);
}
li#phone a {
  background-image: url("../images/icons/icon_telefonie.svg"),linear-gradient(90deg, #cccccc 0%, #333333 1%, #333333 99%, #cccccc 100%);
}
li#phone a:hover {
  background-image: url("../images/icons/icon_telefonie_active.svg"),linear-gradient(#e20074 25%, #9a004d 100%);
}
li#phone._active a {
  background-image: url("../images/icons/icon_telefonie_active.svg"),linear-gradient(90deg, #cccccc 0%, #e20074 1%, #e20074 99%, #cccccc 100%);
}
li#navNetview a,
li#lan a {
  background-image: url("../images/icons/icon_netzwerk.svg"),linear-gradient(90deg, #cccccc 0%, #333333 1%, #333333 99%, #cccccc 100%);
}
li#navNetview a:hover,
li#lan a:hover {
  background-image: url("../images/icons/icon_netzwerk_active.svg"),linear-gradient(#e20074 25%, #9a004d 100%);
}
li#navNetview._active a,
li#lan._active a {
  background-image: url("../images/icons/icon_netzwerk_active.svg"),linear-gradient(90deg, #cccccc 0%, #e20074 1%, #e20074 99%, #cccccc 100%);
}
li#system a {
  background-image: url("../images/icons/icon_einstellungen.svg"),linear-gradient(90deg, #cccccc 0%, #333333 1%, #333333 99%, #cccccc 100%);
}
li#system a:hover {
  background-image: url("../images/icons/icon_einstellungen_active.svg"),linear-gradient(#e20074 25%, #9a004d 100%);
}
li#system._active a {
  background-image: url("../images/icons/icon_einstellungen_active.svg"),linear-gradient(90deg, #cccccc 0%, #e20074 1%, #e20074 99%, #cccccc 100%);
}
li#login a {
  background-image: url("../images/icons/icon_anmelden.svg"),linear-gradient(90deg, #cccccc 0%, #333333 1%, #333333 99%, #cccccc 100%);
}
li#login a:hover {
  background-image: url("../images/icons/icon_anmelden_active.svg"),linear-gradient(#e20074 25%, #9a004d 100%);
}
li#login._active a {
  background-image: url("../images/icons/icon_anmelden_active.svg"),linear-gradient(90deg, #cccccc 0%, #e20074 1%, #e20074 99%, #cccccc 100%);
}
li#logout a {
  background-image: url("../images/icons/icon_abmelden.svg"),linear-gradient(90deg, #cccccc 0%, #333333 1%, #333333 98%, #cccccc 100%);
}
li#logout a:hover {
  background-image: url("../images/icons/icon_abmelden_active.svg"),linear-gradient(#e20074 25%, #9a004d 100%);
}
li#logout._active a {
  background-image: url("../images/icons/icon_abmelden_active.svg"),linear-gradient(90deg, #cccccc 0%, #e20074 1%, #e20074 99%, #cccccc 100%);
}

.pic_mn {
	float: left;
	margin-top: -6px;
	display: none;
}

li._active a.assbutton {
  background-color: #CA0068;
  background-image: none;
  border-right: none;
}
li a.assbutton:hover {
  background-color: #333333;
  background-image: none;
  cursor: auto;
}
li._active a.assbutton:hover {
  background-color: #9a004d;
  cursor: auto;
}

#overview a:active{
	color: #ffffff;
}
