/**
* (C) by Matthias Gally
* Gally Websolutions GmbH, www.gally-websolutions.com
**/
@media only screen and (max-width: 1010px)  {
	
	#menuicon {
	position:absolute;
	left:0;
	background-color:#0071af;
	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;
}


	#social {
    box-sizing: border-box;
    height: 40px;
    margin: 0px 0 0;
    padding: 0 0 0 0px;
    position: relative;
    width: 100%;
	background-color: #0071af;
	}
	
	#social img{
		width:40px;
		height:40px;
	}
	
	#social a{
		display:block;
	}


	#navi, #menu {
		float:none;
	}
	
	#navi{
	background-image: none;
    background-repeat: no-repeat;
    height: auto;
    margin: 0 0 0;
    padding: 0;
    position: relative;
    text-align: left;
	}
	
	#menu {
		z-index:100000000;
		margin-top: 50px;
	}
	
	#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 {
	padding:0;
	margin:0;
	text-align:left;
	width:100%;
	background-color:#ffffff;
	display:inline-block;
	border-bottom:1px solid #0071af;
	background-image:none!important;
	color:#595959!important;
}
	#menu li.active a {
    background-image: none;
}	

#menu .background{
	display:none !important;
}

	#menu li:last-child {
	padding:0;
	margin:0;
	text-align:left;
	width:100%;
	background-color:#ffffff;
	display:inline-block;
	border-bottom:0px solid #0071af;
	background-image:none!important;
}

#menu a, #menu a:visited{
	margin:0;
	text-align:left;
	text-decoration:none;
	background-color:#fff; 
	color:#333;
	width:100%;
	display:inline-block;
	line-height:35px!important;
	box-sizing: border-box;
	font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 10px 0 10px 10px  !important;
    text-align: left !important;
    text-decoration: none;
    vertical-align: middle!important;
}
	
	#menu a,  #menu li.active_sub a.active_sub, #menu a:hover,
#menu ul li ul li a.active, #menu ul li ul li li.active_sub a.active_sub { 
	border-left:0;
	display:block;
	width:100%;
	color:#fff;
}


#menu ul li.active_sub a.active_sub {
		color: #fff !important;
		background-color:#0071af !important;
		}
	
	#menu li ul li a.active_sub {
		color: #fff !important;
		background-color:#0071af !important;
	}
	
	#menu li ul li a.active_sub:hover {
		color:#fff !important;
	}
	
	
	#menu li ul li ul li a.active_sub {
		font-weight:bold;
		color: #a6190f;
		background-color:#ffffff !important;
	}
	
	#menu :hover > a, #menu ul :hover > a.active_sub {
	
	color:#0071af !important;
	}	




#menu a.active, #menu ul li ul li a.active {
	color:#fff!important;
	background-color:#0071af!important;
	background-image:none;
}

#menu a.active:hover {
	color:#fff!important;
	background:#0071af !important; /* necessary for ie6 */
}

#menu ul li ul li a.active:hover {
	color:#fff!important;
	background:#0071af; /* necessary for ie6 */
}

	
	#menu ul li ul li, #menu ul li ul li:last-child{
		border:none;
		box-sizing:border-box;
		height:auto !important;
		background-color:#e4e4e4;
	}
	
	#menu ul li ul li:last-child{
		border-bottom:1px solid #0071af;
	}
	
	
	#menu ul li ul li a {
		padding-left:25px!important;
		line-height:50px;
		text-decoration:none;
		font-style:italic;
		background-color:#fff!important;
	}
	
	#menu ul li ul li ul li a {
		background-color:#fff;
		padding-left:35px!important;
	}
	
	
	#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 #0071af;
	}
	
	/* RELEVATNTE KLASSEN TOGGLE */
	
	#menu li .toggle {
		display: block;
		float: right;
		width: 60px;
		height: 45px;
		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;
	}
}