/* CSS Document */

/* === Horizontal menu  ================== */


/* ***** ***** padding top = Höhe fixed Nav bei collapse ***** ***** */
@media (max-width: 980px) {
	body {
		padding-top: 0px;	
	}
}

.navbar {
	margin-bottom: 0;
	min-height: 50px;
    -webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
    -khtml-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
}

.navbar-default {
	background-color: rgba(255,255,255,0.3);  /*#87888b*/
	border-color: #87888b;
}

.navbar-header img {
	margin-top: 0px;
	float: left;
}
.company {
	padding: 0 20px;
}
.company, .company a, .company a:link,
.company a:visited, .company a:focus {
	font-family: 'BankGothicLtBTLight', Arial, Helvetica, Verdana, sans-serif;
	font-size: 29px;
	font-weight: normal;
	text-decoration: none;
	line-height : 50px;
	float: left;
	color: #28666c; 
	text-align: center;
	letter-spacing: 1px;
	padding-top: 0px;
	background-color: #fff;
}

.slate, .network {
	font-family: 'BankGothicLtBTLight', Arial, Helvetica, Verdana, sans-serif;
	font-size: 29px;
	font-weight: normal;
	text-decoration: none;
	color: #28666c; 
	line-height: 100%;
	letter-spacing: 1px;
}
.company span, .company a span, .company a:link span,
.company a:visited span, .company a:focus span, .network {
	color: #87888b;
}

.company.subline.colorred {
	color: #e2001a;
}

.company.colorred span.colorgreen {
	color: #28666c;
}


.navbar-fixed-top {
	border-width: 0;
}

.navbar-nav > li > a {
	padding-bottom: 0;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background-color: transparent;
}

nav div { 
	margin-bottom: 0px;
}

.nlu_horiz01 ul {
	padding-top: 15px;
}

.nlu_horiz01 li { display: inline; float: left; }

.nlu_horiz01.collapse.in li { display: block; float: none; width: 100%; }

a.nlu_horiz01, a.nlu_horiz01:link, a.nlu_horiz01:visited, a.nlu_horiz01:active, a.nlu_horiz01:focus {
  color: #666666;
  text-decoration: underline;
}

.nlu_horiz01 a {
  float: left;
  margin: 0;
  padding: 0 0 0 0px;
  text-decoration:none;
  cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

.nlu_horiz01.collapse.in a {
  float: none;
  margin: 0;
  padding: 0 0 0 0px;
  text-decoration:none;
  cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

.nlu_horiz01.collapse a span {
  padding: 0px 15px 0px 15px; /* padding-top und bottom entfallen, bei line-height = Navihöhe! */
  font-size: 1.2em;
  line-height: 25px; /* line-height auf die Höhe der Navi stellen um Positionierung mittig zu haben! */
  font-family:  'latolight', Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;
  color: #000;
  border-right: 0px solid #ffffff;
  display: block;
  float: left;
}

.nlu_horiz01.collapse.in a span {
  padding: 0; /* padding-top und bottom entfallen, bei line-height = Navihöhe! */
  font-size: 1em;
  text-align: center;
  line-height: 25px; /* line-height auf die Höhe der Navi stellen um Positionierung mittig zu haben! */
  font-family: 'latolight', Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;
  color: #000;
  width: 100%;
  border-right: 0px solid #ffffff;
  display: block;
  float: none;
}

/* BG images shifted up: .active = -50px   a:hover = -25px */
.nlu_horiz01  ul li.active a { color: #fff;    text-decoration:none;  }
.nlu_horiz01  ul li.active a span {color: #fff;  }

.nlu_horiz01  ul li.act_path a { color: #fff;    text-decoration:none; }
.nlu_horiz01  ul li.act_path a span {color: #fff;  }

.nlu_horiz01  ul li.sub_parent.act_path a { color: #fff;    text-decoration:none;   }
.nlu_horiz01  ul li.sub_parent.act_path a span {color: #fff;  }

.nlu_horiz01  ul li.sub_parent.act_path.active a { color: #fff;    text-decoration:none;  }
.nlu_horiz01  ul li.sub_parent.act_path.active a span {color: #fff;   }

.nlu_horiz01 ul li a:hover {   text-decoration: none; color:#fff;  }
.nlu_horiz01 ul li a:hover span {   text-decoration: none; color:#fff;    }

.nlu_horiz01 ul li.sub_parent.act_path a:hover {   text-decoration: none; color:#fff;  }
.nlu_horiz01 ul li.sub_parent.act_path a:hover span {   text-decoration: none; color:#fff;    }
/* ====== snip ========*/



/* *** **** Define Breakpoint for collapse *** *** */

@media (max-width: 980px) {
    .navbar-header {
        float: none;
    }
	.company, .company a, .company a:link,
	.company a:visited, .company a:focus {
		font-size: 25px;
	}
	.navbar-header img {
	}
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}