
#mainMenuMobile ul,
#mainMenuMobile ol,
#mainMenuMobile p
{
	margin: 0;
	padding: 0;
		
}

/* Flexnav Base Styles */

.flexnav
{
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
	-webkit-transform-style: preserve-3d;
	overflow: hidden; 
	margin: 0 auto;
	width: 100%;
	max-height: 0;
	/*position: absolute;*/
}

#mainMenuMobile
{
	position: absolute;
	height: 3em;
	top: 0;
	right: 0;
	width: 100px;
	z-index: 400;
}

#mainMenuMobile.active
{
	width: 100%;
	
	-webkit-transition: width .5s ease-in-out;
	-moz-transition: width .5s ease-in-out;
	-ms-transition: width .5s ease-in-out;
	transition: width .5s ease-in-out;
}

#mainMenuMobile.closed
{
	/*position: fixed;*/
	position: absolute;
	width: 10%;
}

#mainMenuMobile *
{
	z-index: 400;
}

.flexnav.opacity
{
	opacity: 0;
}

.flexnav.flexnav-show 
{
	max-height: 2000px;
	opacity: 1;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.flexnav.one-page 
{
	position: fixed;
	top: 50px;
	right: 5%;
	max-width: 200px;
}

.flexnav li
{
	font-size: 1.2em;
	position: relative;
	overflow: hidden;
	
}

.flexnav li a
{
	position: relative;
	display: block;
	padding: 0.7em/*.96em*/;
	overflow: hidden;
	
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	font-weight: 400;
	font-style: normal;
	z-index: 402;
}

.flexnav li ul
{
	width: 100%;
}

.flexnav li ul li
{
	font-size: 1em;
	position: relative;
	overflow: hidden;
}

.flexnav li ul.flexnav-show li
{
	overflow: visible;
}

.flexnav li ul li a
{
	display: block;
	/*background: #807466;*/
}

.flexnav ul li ul li a
{
	background: #bfbfbc;
}

.flexnav ul li ul li ul li a
{
	/*background: #cbcbc9;*/
}

.flexnav .touch-button
{
	position: absolute;
	top: 0;
	right: 0;
	width: 3em;
	height: 2.7em;
	display: inline-block;
	background: #acaca1;
	background: rgba(0, 0, 0, 0.075);
	text-align: center;
	z-index: 900 !important;
}

.flexnav .level2 .item-with-ul .touch-button
{
	z-index: 999;
}

.flexnav .touch-button:hover
{
	cursor: pointer;
}

.flexnav .touch-button .navicon
{
	position: relative;
	top: 0.9em;
	font-size: 1em;
	color: #666;
	font-family: verdana !important;
	/*font-style: normal;*/
}

.flexnav .touch-button .navicon:after
{
	display: block;
	content:'▼';	
	font-style: normal;
	font-size: 0.8em;
	
	transition: all 1s ease-in-out
}

.flexnav .touch-button.subMenuOpen i.navicon:after
{
	transform: rotate(180deg);
}

.menu-button
{
	position: relative;
	display: block;
	padding: 0.2em;
	margin: 15px 10px 0 0;
	background: transparent /*#a6a6a2*/;
	color: transparent /*#222222*/;
	cursor: pointer;
	border-bottom: none;
	width: 3em;
	float: right;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.35em;
}

.menu-button.active,
#mainMenuMobile.active .menu-button
{
	width: auto;
	float: none;
	padding: 0.8em;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	background: #2a292c;
	color: white;
	border-bottom: 1px #000 solid;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

span.touch-button
{
	font-family: Helvetica, Arial, sans-serif;
}

.menu-button.one-page
{
	position: fixed;
	top: 0;
	right: 5%;
	padding-right: 45px;
}

.menu-button .touch-button
{
	background: transparent;
	position: absolute;
	z-index: 999;
	top: 0;
	right: 0;
	/*width: 60px;*/
	height: 100%;
	display: inline-block;
	text-align: center;
}

.touch-button.active
{
	/*top: 10px;*/	
}

.menu-button .touch-button .navicon
{
	position: relative;
	top: 5px;
	right: 3px;
	color: #0096d6;
	font-family: verdana !important;
	font-style: normal;
	font-size: 1.8em;
}
.menu-button .touch-button .navicon:after
{
	content:'\2261';	
}

.menu-button .touch-button.active .navicon
{
	right: 15px;
}

/*************************************
**************************************
****
****	Änderungen
****
**************************************
*************************************/

	#mainMenu li.level1 li.last-item
	{
		float: none;
	}
	
	ul.flexnav li.menuItem
	{
		display: block;
		float: none;
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.flexnav-show
	{
		padding: 0;
		margin: 0;
		background-color: #a6a6a2;
	}
	.flexnav li
	{
		height: auto;	
	}
	.flexnav .clear
	{
		display: none;	
	}
	
@media all and (min-width: 760px) 
{	
}