/**
* (C) by Matthias Gally
* Gally Websolutions GmbH, www.gally-websolutions.com
**/
@media only screen and (max-width: 1024px)  {
	
	#menuicon {
		position:absolute;
		left:0;
		top:103px;
		background-color:#76B82A;
		background-image:url(../img/responsive/menu-icon.png);
		background-repeat:no-repeat;
		width:100%;
		height:50px;
		cursor:pointer;
		display:block;
		z-index:9999;
	}
	#menuicon:hover {
		background-color:#ccc;
	}
	
	#menu{
		 font-weight: normal;
    	font-style: normal;
	}
	
	
	.show {
		display:block!important;
	}
	.show2 {
		display:block!important;
	}

	#navi, #menu {
		float:none;
	}
	
	#navi, #menubg{
		display:none;
	}
	
	#menuicon {
		display: block;
	}
	
	#menuicon:hover {
		background-color:#ccc;
	}
	
	.show {
		display:block!important;
	}
	
	#menu ul {
		margin:0;
	}
	#menu ul li ul li ul{
		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;
		color: #a6190f;
		list-style: none;
		border-bottom:1px solid #76b82a;
	
	}

	#menu li a {
		display: block;
    font-size: 16px;
    line-height: 50px;
    padding: 5px 15px;
    text-align: left;
    text-decoration: none;
	}
	
	#menu li a.active_sub {
		
		
		color: #fff;
		background-color:#76B82A !important;
	}
	
	#menu li ul li a.active_sub {
		color: #76B82A;
		background-color:#EDEDED !important;
	}
	#menu li ul li ul li a.active_sub {
		color: #76B82A;
		background-color:#ffffff !important;
	}
	
	#menu li a.active {
		color: #fff;
		background:#76B82A;
	}
	
	#menu li a:hover {
		color: #fff;
		background:#76B82A;
	}
	
	#menu ul li ul li{
		border:none;
	}
	
	
	#menu ul li ul li a {
		padding-left:25px;
		line-height:50px;
		text-decoration:none;
		color: #76b82a;
		background-color:#fff;
	}
	
	#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: 1px solid #76b82a;
	}
	
	/* RELEVATNTE KLASSEN TOGGLE */
	
	#menu li .toggle {
		display: block;
		float: right;
		width: 80px;
		height: 50px;
		text-align:center;
		/*background-color: #002367;*/
		/* background image für geschlossenen Zustand des Handles hier einfügen */
	}
	#menu li .toggle:before {
		font-weight:bold;
		content: "+";
	}
	
	#menu li.open > a > .toggle {
		/*background-color: blue;*/
		/* background image für geöffneten Zustand des Handles hier einfügen */
	}
	#menu li.open > a > .toggle:before {
		font-weight:bold;
		content: "-";
	}
	
	/* Maximalbreite von Bildern im Inhaltsbereich auf 100% festlegen */
	#content img{
		max-width:100% !important;
		height:auto; 
		float: none !important;
	}

	/* Maximalbreite von Tabellen auf 100% festlegen */
	table, tbody, tr, td {
		max-width:100%;
	}

	/* Maximalbreite festlegen */
	iframe, object, embed {
		width:100%!important;
		height:400px;
	}
	
	/* Automatische Bilderverkleinerung für Bildergalerie und Objekte. */
	table img, object  {
		max-width:150px;
	}
}