@media all {
	#allMenudiv {
		display:none;
	}
}

@media screen and (max-width: 500px)  {

	#allMenudiv {
		position:absolute;
		top:0; left:0;
		width:100%;
		z-index:10000;
		overflow:hidden;	
		background-color:#8F5438;
	}
	#allMenudiv p {
		float:right;
		margin:2% 3%;
	}
	#allMenudiv p a {
		color:#FFF;
		font-weight:bold;
		font-size:1.5em;
	}
	#allMenu {
		width:100%;
		overflow:hidden;
	}
	#allMenu li {
		min-height:20px;
		border-top:1px solid #FFF;	
		overflow:hidden;
		padding:10px 2% 5px 2%;
		
	}
	#allMenu li a {
		color:#FFF;
		font-size:1.4em;
		
	}
	#allMenu ul.submenu {
		display:none;
	}
	#allMenu img {
		height:25px;width:25px;
		float:right;
		}
	#allMenu ul.submenu1 {
		background-color:#C09880;
		margin-top:10px;
	}	
	#allMenu ul.submenu1 li {
		padding-left:5%;
	}
	#allMenu ul.submenu1 a {
		color:#FFF;
	}
	#allMenu ul.submenu2 {
		background-color:#DFCBBF;
		margin-top:10px;
	}
	#allMenu ul.submenu2 a {
		color:#FFF;
	}
	
	#allMenu li.akt {
		background-color:#C09880;
		color:#FFF;
	}
	#allMenu li.akt li.akt {
		background-color:#00A9E2;
	}
	#allMenu li.akt li.akt a{
		color:#FFF;
	}
	#allMenu li.akt li.akt li.akt {
		background-color:#97BAC3;
	}
	#allMenu li.akt li.akt li.akt a {
		color:#FFF;
	}
	#allMenu li.akt li.akt li.pas a {
		color:#0080AF;
	}

}