/**
* (C) by Matthias Gally
* Gally Websolutions GmbH, www.gally-websolutions.com
**/

/*
	#menuicon {
		left:2%;
		background-image:url(../img/responsive/menu-icon.png);
		background-size: cover;
		background-repeat:no-repeat;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 6px;
		z-index: 1000;
		cursor:pointer;
		display:block;
	}
*/

	#menu {
		position:relative;
		transform: inherit;
		left: 0;
	}

	.show {
		/*display:block!important;*/
	}

	.show2 {
		/*display:block!important;*/
	}

	#navi, #menu {
		float:none;
	}

	/*
	#navi, #menubg{
		display:none;
	}

	*/
	/*
	#menu a:hover {
		color: #FFF;
	}
	*/
	
	

	#menu ul,
	#menu ul li {
		display: block;
		margin: 0;
		left: 0;
		z-index: auto;
	}
	
	#menu li.navipunkt3 {
		margin-left: 		0;
	}

	#menu ul li ul {
		visibility: visible;
	}

	#menu ul li ul li ul {
		position: relative;
		display: block;
		padding:0;

	}
	
	

	#menu ul li ul,
	#menu li.open ul li ul,
	#menu li.open ul li.open ul li ul,
	#menu li.open ul li.open ul li.open ul li ul,
	#menu li.open ul li.open ul li.open ul li.open ul li ul,
	#menu li.open ul li.open ul li.open ul li.open ul li.open ul li ul
	{
		display:none ;
	}
	#menu li.open ul,
	#menu li.open ul li.open ul,
	#menu li.open ul li.open ul li.open ul,
	#menu li.open ul li.open ul li.open ul li.open ul ,
	#menu li.open ul li.open ul li.open ul li.open ul li.open ul
	{
		display:block ;
	}

	#menu li {
		margin: 0;
		position: relative;
		background-color: #f4f4f4;
		list-style: none;
		border-bottom:1px solid #000000;
		border-top:1px solid #000000;
	}

	#menu li a {
		display: block;
		font-size: 16px;
		line-height: 50px;
		padding: 5px 15px;
		text-align: left;
		text-decoration: none;
		color: #000;
	}

	#menu li a.active_sub {
		color: #fff;
		background-color:#D4B26B !important;
	}

	#menu li ul li a.active_sub {
		color: #D4B26B;
		background-color:#EDEDED !important;
	}

	#menu li ul li ul li a.active_sub {
		color: #D4B26B;
		background-color:#ffffff !important;
	}

	#menu li a.active {
		background:#D4B26B;
	}

	#menu ul li ul {
		position:				relative;
		width:					100%;
	}
	
	#menu ul li ul li {
		border:none;
		width:					100%;
	}

	#menu ul li ul li a {
		padding-left:25px;
		line-height:50px;
		text-decoration:none;
		color: #000;
		background-color:#F9F9F9;
	}
	
	
	#menu ul ul ul{
		left:				0;
	}
		
		
	#menu ul li ul li ul li a {
		background-color:#fff;
	}

	#menu ul li ul li ul li a {
		padding-left:35px;
		line-height:50px;
		text-decoration:none;
		color:#555;
	}

	#menu ul li ul li ul li ul li a {
		padding-left:45px;
	}

	#menu ul li ul li ul li ul li ul li a {
		padding-left:55px;
	}

	#menu ul li ul li ul li ul li {
		background-color:#999;
	}

	/* RELEVANTE KLASSEN F�R ANIMATION */

	#menu li ul {
		max-height: 0;
		-webkit-transition: max-height .15s ease-out;
		-moz-transition: max-height .15s ease-out;
		transition: max-height .15s ease-out;
	}

	#menu li.open > ul {
		max-height: none;
		display:block;
		-webkit-transition: max-height .25s ease-in;
		-moz-transition: max-height .25s ease-in;
		transition: max-height .25s ease-in;
		border-top: 2px solid #000;
		padding:		0;
	}

	/* RELEVATNTE KLASSEN TOGGLE */

	#menu li .toggle {
		display: block;
		float: right;
		width: 80px;
		height: 50px;
		text-align:center;
	}
	#menu li .toggle:before {
		font-weight:bold;
		content: "+";
	}
	
	#menu ul ul .toggle::before{
		content: '+'; 
		font: normal normal normal 14px/1 FontAwesome;
	}

	#menu li.open > a > .toggle:before {
		font-weight:bold;
		content: "-";
	}