#header {
	min-height: 140px;
	width: auto; /*1200px;*/
	background: #FFFFFF;
	position:relative;
	
}
#cssmenu {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  color: #FFFFFF;
	min-height: 45px;
	width: 100%;
	background: #474847;
	position:relative;
	/*bottom:0;
	left:0;*/
}
#cssmenu ul {
  background-color: #474847;
  min-height: 33px;
  list-style: none;
  margin: 0;
  padding-top: 5px; /* especially necessary on mobile */
}
#cssmenu li {
	float: left;
	padding: 0px 0px 0px 0px; /* padding: 0px 5px 0px 5px; Geändert um Platz für "Jobs" zu schaffen. -Tim */
}
#cssmenu li a {
  color: #FFFFFF;
  display: block;
  /*font-weight: bold;*/
  line-height: 33px;
  padding: 0px 23px;
  text-align: center;
  text-decoration: none;
  border-bottom: 7px solid #474847;
}
#cssmenu li a:hover {
  color: #FFFFFF;
  text-decoration: none;
  border-bottom: 7px solid #2fa72a;
}
#cssmenu li ul {
  background: #474847;
  display: none;
  height: auto;
  filter: alpha(opacity=95);
  opacity: 0.95;
  position: absolute;
  min-width: 225px;
  z-index: 200;
}
#cssmenu li:hover ul {
  display: block;
}
#cssmenu li li {
  display: block;
  float: none;
  padding: 0px;
}
#cssmenu li ul a {
  display: block;
  font-size: 12px;
  font-style: normal;
  padding: 0px 10px 0px 15px;
  text-align: left;
  border-bottom:none;
}
#cssmenu li ul a:hover {
	background-color: #999999;
	color: #FFFFFF;
	opacity: 1.0;
	filter: alpha(opacity=100);
	border-bottom:none;
}
#cssmenu p {
  clear: left;
}
#cssmenu .active > a {
  border-bottom: 7px solid #2fa72a;
  color: #ffffff;
}
#cssmenu .active > a:hover {
  color: #ffffff;
}

@media only screen and (max-width: 1000px) {
	#cssmenu, #cssmenu li ul a {
		font-size: 17px;
	}
	#cssmenu li {
		display: block;
		width: 100%;  
	}
	#cssmenu .active > a{
		background-color: #2fa72a; /* complete green highlighted when navigation is vertical */
	}
	#cssmenu li a, #cssmenu .active a{
		border-bottom:0px; /* no underlining */
	}
}