/**
* (C) by Matthias Gally
* Gally Websolutions GmbH, www.gally-websolutions.com
**/
@media only screen and (max-width: 1024px)  {

	#navi {
		display:none;
    float: none;
    margin-top: 0px;
}
	
	#menuicon {
		display:block;
		position:absolute;
		right:10px;
		top:30px;
		z-index:200;
		width:40px;
		background-color:#transparent;
	}
	
	#menu {
		background-color:#000; 
		padding-bottom:10px;
	}
	
	#menu ul {
		padding:0;
		margin:0;
		list-style-type:none;
		background-color:#fff; 
	}
	
	#menu li {
		padding:0;
		margin:0;
		text-align:left;
		width:100%;
		background-color:#000;
		display:inline-block;
		border-bottom:1px solid #fff;
		border-right: none;
	}
	#menu a{
		padding:10px 0 10px 5px;
		margin:0;
		text-align:left;
		text-decoration:none;
		background-color:#000; 
		color:#fff;
		width:100%;
		display:inline-block;
		line-height:35px;
		box-sizing: border-box;
	}
	#menu a.active {
		font-style:italic;
		background-color:#f7f7f7;
	}
	
	/* top level hover */
	#menu a:hover {
		background:#000;
		color:#fff;
	}
	#menu :hover > a, #menu ul ul :hover > a {
		background:#000;
		color:#fff;
	}	

	
	#menu a, #menu a:visited {
		transition-property: color, background;
		transition-duration: .25s, .25s;
		transition-timing-function: ease-in-out, ease-in-out;
		-webkit-transition-property: color, background;
		 -webkit-transition-duration: .25s, .25s;
		 -webkit-transition-timing-function: ease-in-out, ease-in-out;
		-moz-transition-property: color, background;
		 -moz-transition-duration: .25s, .25s;
		 -moz-transition-timing-function: ease-in-out, ease-in-out;
	}
	

	
	#menu ul li ul li{
		background-color:#fff;
		padding:0px;
		float: none;
		border-bottom:none;
		width:100%;
		vertical-align: top;
	}
	
	#menu ul li ul li a {
		background-color:#fff;
		color:#000;
		width:100%;
		line-height:55px;
		font-weight:bold;
	}
	
	#menu ul li ul li ul li{
		padding-bottom:0px;
		width: 100%;
	
	}
	
	
	#menu ul li ul {
		background-color:#fff;
		padding:0;
		position: relative;
		visibility:visible;
		left:0;
	}
	#menu ul li ul {
		margin-left: 0;
	}
	
	#menu ul ul ul{
		position: relative;
		visibility:visible;
		left:0;
		top: 0;
		padding:0px 0px 0px 0px;
		width:100%;
		}
		
	/* 3rd level hidden */
	#menu ul :hover ul ul{
		visibility:visible;
	}
	

	
	#menu ul li ul li ul li a {
		background-color:#fff;
		color:#000;
		font-weight:normal;
		padding-left:20px;
	}
	
	#menu ul li ul li ul li a:hover {
		color:#ffffff;
	}

}

@media only screen and (min-width: 750px) and (max-width: 1024px)  {

	#menu ul li ul li{
		width: 50%;
	}
	
#navi {
    float: left;
    margin-bottom: 1px;
    width: 100%;
	position: relative;
    z-index: 0;
}


}




@media only screen and (min-width: 1024px)  {


}