#topnav-main-navigation{display:none;}
nav#topnav { background: none; }

/*MAIN MENU*/
.menu-toggle{
	display:block;
	padding:10px;
	background:#e8e8e8;
	color:#57575a;
	cursor:pointer;
	text-transform:uppercase;
	font-size:20px;
	margin:107px 0 0;
	clear:both;
	width:100%;
	position:relative;
	height:42px;
}

.menu-toggle p{
	display:inline;
	font-size:20px;
	margin-left:10px;
	font-family: 'Roboto', serif;
	font-weight: 400;
	position: absolute;
	top: -11px;
	right: 60px;
}
.menu-toggle.toggled-on p{
	display:none;
}
.menu-toggle.toggled-on .menuImg{	
	display:none;
}
.menuImg{
	display:block;
	position: absolute;
	top: 12px;
	right: 11px;	
}
.menu-toggle.toggled-on .menuImgAct{
	width: 42px;
	height: 42px;
	position: absolute;
	top: 0;
	right: 0;
	background-color:#57575a;
}
.menu-toggle.toggled-on  .menuImgActive{	
	display:block;
	position: absolute;
	top: 11px;
	right: 11px;
}
.menuImgActive{
	display:none;
}
.toggled-on img{
	background: url("../menu_striche_aktiv.png") no-repeat;
	background-position: 0 -1px
}
.toggled-on p {
	color: black;
}

.menu-toggle.toggled-on{
	background:#e8e8e8;
	color: #57575a;
}
.srt-menu{
	display:none;
}	
.srt-menu.toggled-on{
	display:block;
	position:relative;
	z-index:10;
	border-bottom: 10px solid #ffca00;
}

.srt-menu{
	clear:both;
}
.srt-menu li a {
	display:block;
	border-bottom: 1px solid #57575a;
	padding:8px;
	text-decoration:none;
	color: white;
	background: #57575a;
	text-transform: uppercase;
}
.toggled-on li a {
	color: white;
	font-weight: bold;
	font-size: 1.1em;
}
.toggled-on li {	
	border-top: 1px solid white;
}
.srt-menu.toggled-on li:first-child{
	border-top: none;
}
.srt-menu li .subMobil{
	background-image: url("../ico_menu.png");
	background-repeat:no-repeat;
	background-position: 96%;
	cursor:pointer;
}
.srt-menu li.aktiv .subMobil{
	background-image: url("../ico_menu.png");
	background-repeat:no-repeat;
	background-position: 96%;
	cursor:pointer;
}
.srt-menu.toggled-on li.aktiv ul li a{
	background-image: none;
}
.srt-menu li .subMobil.active{
	background-image: url("../ico_menu_aktiv.png");
	background-repeat:no-repeat;
	background-position: 96%;
	cursor:pointer;
}

.srt-menu li ul{
	display:none;
}

.srt-menu li.aktiv a{
	background: #57575a;
	color:#ffca00;
}
.srt-menu.toggled-on li ul li.aktiv a{
	background: #57575a;
	color:#ffca00;
}
.srt-menu.toggled-on li ul li a{
	background: #57575a;
	color:white;
	font-weight:normal;
	font-size:1em;
}
.srt-menu.toggled-on li ul li:last-child{
	padding-bottom:20px;
	background: #57575a;
}
.srt-menu.toggled-on li ul li{
	border:none;
}
.srt-menu li li a {
	background:#57575a;
	padding:6px;
	padding-left:40px;
}
.srt-menu li li li a {
	background:#efefef;
	padding-left:80px;
}

@media only screen and (max-width: 1180px) {
	.srt-menu li .sub{
		display:none;
	}
	.srt-menu li .subMobil{
		display:block;
	}
	.srt-menu li #subBewerber, .srt-menu li #subKontakt, .srt-menu li #subNews{
		display:none;
	}
	.srt-menu li #Bewerber, .srt-menu li #Kontakt, .srt-menu li #News{
		display:block;
	}
}


/*max size*/
@media only screen and (min-width: 1180px) {
	
	/*** MAIN MENU - ESSENTIAL STYLES ***/
	.menu-toggle{display:none;}
	#menu-main-navigation{display:block;}
	nav#topnav { 
		/* background-image: url("bgNav.png"); */ 
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6d6d6+0,a4a4a5+100 */
		background: #d6d6d6; /* Old browsers */
		background: -moz-linear-gradient(top,  #d6d6d6 0%, #a4a4a5 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #d6d6d6 0%,#a4a4a5 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #d6d6d6 0%,#a4a4a5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#a4a4a5',GradientType=0 ); /* IE6-9 */
	}

	nav#topnav
	{
		position: absolute;
		/* width: 593px; */
		height: 57px;
		right: 0px;
		top: 45px;
		/* background: none; */
		/* background-image: url("bgNav.png"); */
		background-repeat: no-repeat;
		z-index: 10;
		border-radius: 8px;
	}
	div#bgNavLinks {
		position: absolute;
		height: 7px;
		width: 7px;
		bottom: 0px;
		left: 0px;
		background-image: url("../bgSubnavLinks.jpg");
		z-index: 15;
		display: none;
	}
	nav#topnav > a
	{
		display: none;
	}
	nav#topnav li {
		position: relative;
		list-style-type: none;
		height: 57px;
		float: left;
	}
	#topnav ul li a {
		display: block;
		font-family: 'Arial', sans-serif;
		color: #57575a;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 10pt;
		font-weight: bold;
		line-height: 10px;
		padding: 17px 15px;
		margin-top: 9px;
		text-align: center;
		margin-right: 1px;
		background: none;
		border: 0;
		border-right: 1px solid rgb(210, 210, 210);	
	}
	#topnav ul li:last-child a {
		border:0;
	}
	#topnav ul li a#Unternehmen {
		/* width: 147px; */
	}
	#topnav ul li a#Jobangebote {
		/* width: 116px; */
	}
	#topnav ul li a#Bewerber {
		/* width: 118px; */
	}
	#topnav ul li a#Fuer_Kunden {
		/* width: 101px; */
	}
	#topnav ul li a#Kontakt {
		/* width: 106px; */
	}

	/* first level */

	nav#topnav > ul {
		height: 57px;
	}
		nav#topnav > ul > li	{
			height: 100%;
			float: left;		
		}

	/* second level */

	nav#topnav li ul {
		display: none;
		position: absolute;
		top: 100%;
		width: 100%;
		left: 0;
	}
	nav#topnav li:hover ul {
		display: block;
	}
	nav#topnav li ul li {
		height: 30px;
		width: 100%;
		text-align: center;
		background: white;
		background: #eeeeee;
		background-repeat: repeat-x;
		background-image: url("../bgSubnav.jpg");
		background-position: bottom;

	}
	nav#topnav li ul#Jobangebote li {
		width: 304px;
		left: -94px;
	}
	nav#topnav li ul#Fuer_Kunden li {
		width: 143px;
		left: -10px;
	}
	nav#topnav li ul li:last-child {
		background: white;
		background: #eeeeee;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-bottom-right-radius: 3px;
		-moz-border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
	}
	nav#topnav li ul li a {
		color: #57575a;
		font-size: 8pt;
		margin: 0;
		border: 0;
		padding: 10px 0px;
		display: block;
		width: 100%;
		font-weight:normal;
	}
	nav#topnav li ul li.aktiv a, nav#topnav li ul li a:hover {
		color: #ffca00;
	}
	
	.srt-menu li .sub{
		display:block;
	}
	#topnav ul li .subMobil{
		display:none;
	}

}