/**
* (C) by Matthias Gally
* Gally Websolutions GmbH, www.gally-websolutions.com
**/
@media only screen and (max-width: 1024px)  {
	
	#menuicon {
		position:relative;
		left: 0;
		top: 0px;
		background-color:#e10707;
		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:#333;
	}
	
	#menu{
		font-family: 			'aleoregular';
		 font-weight: normal;
    	font-style: normal;
		text-transform:			uppercase;
	}
	
	
	.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: #333;
		list-style: none;
		border-bottom:1px solid #abaaab;
	
	}
	
	
	#menu li:first-child{
		border-top:1px solid #abaaab;
	}
	
	#menu li:last-child{
		border:					none;
	}

	#menu li a {
		display: block;
    font-size: 16px;
    line-height: 2em;
	padding: 18px 15px;
    text-align: left;
    text-decoration: none;
	}
	
	#menu li a.active_sub {
		
		
		color: #fff;
		background-color:#e10707 !important;
	}
	
	#menu li ul li a.active_sub {
		color: #e10707;
		background-color:#EDEDED !important;
	}
	#menu li ul li ul li a.active_sub {
		color: #e10707;
		background-color:#ffffff !important;
	}
	
	#menu li a.active {
		color: #fff;
		background:#e10707;
	}
	
	#menu li a:hover {
		color: #fff;
		background:#e10707;
	}
	
	#menu ul li ul li:last-child{
		border:					none;
	}
	
	
	#menu ul li ul li a {
		padding-left:25px;

		padding: 18px 10px;
		line-height:2em;
		text-decoration:none;
		color: #000;
		background-color:#F9F9F9;
	}
	
	#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;
	}
	
	/* RELEVATNTE KLASSEN TOGGLE */
	
	#menu li .toggle {
		display: block;
		float: right;
		width: 80px;
		height: 60px;
		padding: 15px 0;
		text-align:center;
        
        position: absolute;
        right: 0;
        top: 0;
        
		/*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: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;
	}




	/*2020 second menu*/

	#secondmenu ul {
		margin:0;
	}
	#secondmenu ul li ul li ul{
		padding:0;
		
	}
	
	#secondmenu ul li ul, 
	#secondmenu li.open ul li ul, 
	#secondmenu li.open ul li.open ul li ul, 
	#secondmenu li.open ul li.open ul li.open ul li ul, 
	#secondmenu li.open ul li.open ul li.open ul li.open ul li ul, 
	#secondmenu li.open ul li.open ul li.open ul li.open ul li.open ul li ul
	{
		display:none;
	}
	#secondmenu li.open ul, 
	#secondmenu li.open ul li.open ul, 
	#secondmenu li.open ul li.open ul li.open ul, 
	#secondmenu li.open ul li.open ul li.open ul li.open ul , 
	#secondmenu li.open ul li.open ul li.open ul li.open ul li.open ul   
	{
		display:block;
	}
	
	
	#secondmenu li {
		margin: 0;
		position: relative;
		background-color: #f4f4f4;
		color: #333;
		list-style: none;
		border-bottom:1px solid #abaaab;
	
	}
	
	
	#secondmenu li:first-child{
		border-top:1px solid #abaaab;
	}
	
	#secondmenu li:last-child{
		border:					none;
	}

	#secondmenu li a {
		display: block;
    font-size: 16px;
	padding: 18px 15px;
	line-height: 2em;
    text-align: left;
    text-decoration: none;
	}
	
	#secondmenu li a.active_sub {
		
		
		color: #fff;
		background-color:#e10707 !important;
	}
	
	#secondmenu li ul li a.active_sub {
		color: #e10707;
		background-color:#EDEDED !important;
	}
	#secondmenu li ul li ul li a.active_sub {
		color: #e10707;
		background-color:#ffffff !important;
	}
	
	#secondmenu li a.active {
		color: #fff;
		background:#e10707;
	}
	
	#secondmenu li a:hover {
		color: #fff;
		background:#e10707;
	}

	#secondmenu ul li a.has_sub,
#secondmenu ul li a.active_sub {
		pointer-events: all; 
		
}
	
	
	#secondmenu ul li ul li:last-child{
		border:					none;
	}
	
	
	#secondmenu ul li ul li a {
		padding: 18px 10px;
		padding-left:15px;
		line-height:2em;
		text-decoration:none;
		color: #000;
		background-color:#F9F9F9;
	}
	
	#secondmenu ul li ul li ul li a {
		background-color:#fff;
	}
	
	
	#secondmenu ul li ul li ul li a {
		padding-left:35px;
		line-height: 2em;
		text-decoration:none;
		color:#555;
	}

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

	#secondmenu ul li ul li ul li ul li {
		background-color:#999;
	}
	
	
	/* RELEVANTE KLASSEN F�R ANIMATION */
	
	#mesecondmenunu 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;
	}
	
	#secondmenu 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;
		visibility: visible;
	}
	
	/* RELEVATNTE KLASSEN TOGGLE */
	
	#secondmenu li .toggle {
		display: block;
		float: right;
		width: 80px;
		height: 60px;
		padding: 15px 0;
		text-align:center;
        
        position: absolute;
        right: 0;
        top: 0;
        
		/*background-color: #002367;*/
		/* background image f�r geschlossenen Zustand des Handles hier einf�gen */
	}
	#secondmenu li .toggle:before {
		font-weight:bold;
		content: "+";
	}
	#secondmenu li.open > a > .toggle:before {
		font-weight:bold;
		content: "-";
	}
}