/*DROP DOWN CSS*/
.nav, .nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #126f4d;
}
#nav-one {
	width: 998px;
}
.nav {
	font-family:Arial, "Times New Roman", Times, serif;
	z-index: 10;
}
.nav li {
	/*border-right: 1px dotted #333333;*/
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
}
#nav-one .true {
	background-color:#689A76;
	color:#000000;
}
#nav-one .true a {
	color:#000000;
	background-color:#689A76 !important;
	text-decoration:none;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited, .nav .header, .nav .header_unternavi {
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:13px;
	padding: 7px 8px 7px 7px; /*        standard padding für navi           */
	color: #ffffff;
	background-color:#126f4d;
	margin:0px;
	display: block;
	font-weight:bold;
	text-decoration: none;
	text-transform:none;
	text-align:center;
}
*[lang|=de] li a, *[lang|=de] li a:link, *[lang|=de] li a:active, *[lang|=de] li a:visited, *[lang|=de] .header, *[lang|=de] .header_unternavi {
	padding: 7px 8px 7px 7px;
}
*[lang|=en] li a, *[lang|=en] li a:link, *[lang|=en] li a:active, *[lang|=en] li a:visited, *[lang|=en] .header, *[lang|=en] .header_unternavi {
	padding: 7px 15px 7px 15px;
}
*[lang|=it] li a, *[lang|=it] li a:link, *[lang|=it] li a:active, *[lang|=it] li a:visited, *[lang|=it] .header, *[lang|=it] .header_unternavi {
	padding: 7px 8px 7px 8px;
}
.nav li a:hover {
	background-color: #689A76;
	color: #ffffff;
}
#nav-one li:hover a, #nav-one li.sfHover a {
	background-color:#689A76;
	color: #ffffff;
}
#nav-one ul li a {
	font-size:12px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:left;
}
.nav .header_unternavi {
	font-size:12px;
	padding-top:3px;
	padding-bottom:3px;
	text-align:left;
}
#nav-one li:hover ul a, #nav-one li.sfHover ul a {
	background-color: #c98580;
	color: #000000;	/* schriftfarbe unternavi */
}
#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover {
	background-color: #bb6a65;
	color: #ffffff;	/* HOVER schriftfarbe unternavi */
}
.nav ul {
	background-color: #ad4640;
	list-style: none;
	margin: 0;
	width: auto;
	position: absolute;
	top: -999em;
	/*left: -1px;
  border-right: 1px dotted #b37464;
  border-left: 1px dotted #b37464;*/
  margin-top:0px;
	padding-top:0px;
}
.nav li:hover ul, .nav li.sfHover ul {
	top: 28px;
}
.nav ul li {
	border: 0;
	float: none;
	margin:0;
}
/*UNTERMENU*/
.nav li:hover ul ul, .nav li.sfHover ul ul {
	top: -999em;
}
.nav .header_unternavi:hover ul {
	top:0px;
	border-left:4px #FFFFFF solid;
	border-top:4px #FFFFFF solid;
}
*[lang|=de] .header_unternavi:hover ul {
	left:9px;
	margin-left:200px;
}
*[lang|=en] .header_unternavi:hover ul {
	left:9px;
	margin-left:162px;
}
*[lang|=it] .header_unternavi:hover ul {
	left:9px;
	margin-left:165px;
}
.nav .header_unternavi:hover ul a {
	width:160px;
	padding: 4px 10px 4px 10px;
	font-size:12px;
}
/*ALLGEMEINE EINSTELLUNGEN FÜR SUBMENU*/
.nav ul a {
	margin-top:0px;
	/*min-width:210px;*/
	padding-right: 20px;
	white-space: nowrap;
	border-bottom:1px dotted #727272;
}
.nav ul a:hover {
	background-color: #E95B14;
	color: #000000;
}
.nav .header, .nav .header_unternavi {
	background-color:#727272;
	color:#FFF;
	cursor:default;
}





@media screen 
and (max-width: 1026px)
{
	
	#nav-one{
		display:none;
		text-align:center;
		padding:0;
		width:100%;
	}
	#nav-one.nav li a {
		padding: 10px 0px;
	}
	#nav-one li ul li a,
	#nav-one li.true ul li a {
		text-align: center;
	}	
	.nav li {
		float:none;
		width: 100%;
		height:auto;
		position:relative;
		border-bottom:1px dashed #788e05;
		margin-left: 0;
		margin-top: 0;
	}

		
	.toggleMobile{
		position: absolute;
		top: 10px;
		left: 10px;
		display: block;
		width: 40px;
		height: 36px;
		cursor: pointer;
		z-index: 999;
	}
	.toggleMobile span.menu1,
	.toggleMobile span.menu2,
	.toggleMobile span.menu3{
		display: block;
		position: absolute;
		width: 40px;
		height: 8px;
		left: 0;
		background: #04571A;
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile span.menu1{
		top: 0;
	}
	.toggleMobile span.menu2{
		top: 14px;
	}
	.toggleMobile span.menu3{
		top: 28px;
	}
	.toggleMobile.active span.menu1{
		top: 14px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile.active span.menu2{
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile.active span.menu3{
		opacity: 0;
		-webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
}

