/* ==========  AKTIVE LINKS  ================================== */
.active  {
	background-color: rgba(189, 16, 33, 0.9) !important;
}

.active a {
	color: white !important;
}

.icon-s4gb_g:hover {
	color: #3b5998 !important;
}




.active_sub  { 
	background-color: rgba(189, 16, 33, 0.4);
}
.active_sub  {
	color: white !important;
}	


 /* ==========  NAVIGATIONSLEISTE  ================================== */


.navibg {
	border-top: 4px solid #fff;
	background-color: rgba(0, 0, 0, 0.6);	/*	hintergund  obere menueleiste		*/
	width:100%;
	height:45px;
	max-width:980px;
	z-index:1000;
	margin-top:-50px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.6);
}

.navi {											
	float: right;
}

.navi ul {	
	margin: 0;
	padding: 0;
}




.navi ul li {
	position: relative;
	float: left;
	list-style: none;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}

.navi ul li a,										/*schriftfarbe menue  */
.navi ul li p {
	font-weight:bold;
	display: block;
	margin:0;
	padding:0;
	line-height:46px;
	font-size: 16px;
	color: #fff;
	padding: 0 10px 0 10px;
}

.navi ul li a:hover,								/*schriftfarbe menue **HOVER**  */
.navi ul li p:hover {
	color: #BB1020;
}

.navi ul li,
.navi ul li {

	}



.navi ul li:hover,
.navi ul li:active {
    background-color: rgba(0, 0, 0, 0.3);	/*	hintergund  obere menueleiste **HOVER**		*/
	-webkit-user-select: none; 
	-webkit-touch-callout: none;
	}

.navi  ul ul  {										/*	submenueleiste hintergrund	*/
  position: absolute;
  top: -9999px;
  left: -9999px;
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  z-index: 100;
}

.navi ul ul li {
	float: none;
	width: 240px;
	border-bottom: 1px solid #fff;
}

.navi ul ul li a {
	display: block;
	margin:0;
	padding:0;
	line-height:35px;
	font-size: 15px;							/*	schriftgröße submenueleiste	*/
	color: #red;								/*	schriftfarbe submenueleiste	*/
	padding: 0 10px 0 10px;
}


.navi ul ul li:last-child {
  border-bottom: none;
}

.navi ul li:hover > ul,
.navi ul li:active > ul {

	top: 100%;
    left:auto;
    right:0;
	-webkit-user-select: none; 
	-webkit-touch-callout: none;
}


 /* ==========  SUBMENUE-ANZEIGER  ================================== */


.icon-sub:before {
	font-size: 12px !important;
	margin-top:-3px;
}

.navi ul li:hover  .icon-sub:before{
    content: "\e908";
	/*
	transition: 0.5s;
    -CSS-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	*/
}