/*  CSS Style für die Webseite by SIT-SIS */
/*  Geschreiben von Raffaele Lupo RedbyteIT */

/* -------------------------------------------------------------------------- -- 
Standart Navigation
----------------------------------------------------------------------------- */
    .js #nav {
        position: relative;
    }

    #nav-toggle {
        display: none;
    }
	#navMain {
		font-size:2em;
	}

	#navMain li {
		list-style: none;
		float: left;
		text-align:center;
	}

	#navMain li a {
		color:#000000;
		text-transform:none;
		text-decoration:none;
		line-height: 26px;
		padding: 10px 15px;
	}

	#navMain li a.active {
		color: #000000;
		font-weight: bold;
	}

	#navMain li a:hover {
		text-decoration: underline;
	}

	#navMain li ul {
		display:none;    /* 2 Ebene ausblenden */
		margin-top: 4px;
		position: absolute;
	}

	#navMain li:hover ul {
		display: block;  /* beim drüber gehen einblenden */
		z-index:1500;
		padding-bottom: 16px;
	}

	#navMain li ul li {
		color:#000000;
		background-color: #000000;
		float: none;
		display: block;
		text-transform: none;
		text-align: left;
		min-width: 150px;
		line-height: 1.4em;
	}

#navMain li ul li a.active {
	color: #000000;
	font-weight: bold;
}

	#navMain li ul li a  {
		color:#000000;
		text-transform:none;
		text-decoration:none;
		line-height: 26px;
		padding: 10px 15px;
		display:block;
	}

/* --------------------------------------------------------------------------
	Subnavi
*/

#subnav {
	padding: 0px;
	margin:auto;
	font-size:1.6em;
}

#subnav ul, #subnav li{
	padding: 0px!important;
}

#subnav li {
	list-style: none!important;
	float: left;
	text-align:center;
	background-color: #000000;
	width: 100%;
}

#subnav li a {
	color:#FFFFFF;
	text-transform:none;
	text-decoration:none;
	display: block;
	padding: 5px 20px 5px 20px;
}

#subnav li a.active {
	color: #FFFFFF;
}

#subnav li a:hover {
	text-decoration: none;
}

/* --------------------------------------------------------------------------
	Footernavi
*/

#footermenu {
	padding: 0px;
	margin:auto;
	font-size:0.95em;
	justify-content: center;
	display: flex;
}

#footermenu ul{

}

#footermenu li {
	list-style: none!important;
	float: left;
	text-align:center;
	padding-bottom: 10px;
}

#footermenu li a {
	color:#000000;
	text-transform:none;
	text-decoration:none;
	display: block;
	padding: 0px;
	padding: 10px 15px;
}

#footermenu li a.active {
	color: #000000;
}

#footermenu li a:hover {
	text-decoration: none;
	color: #000000;
	text-decoration: underline;
}

/* -------------------------------------------------------------------------- --
Bildnavi
----------------------------------------------------------------------------- */
.csc-frame-frame1 a:focus, .csc-frame-frame1 a:hover	{
    opacity: 0.65;
}

@media only screen and (max-width: 46.875em) {
	#language li {
		padding-right:4px;
	}
}

@media only screen and (max-width: 70em) {
	#navMain li ul {
		max-width:107.4em!important;
		width:inherit!important;
	}
}

/* ----------------------------------------------------------------------------- *
 *                           Styles der Mobilversion                             *
 *                         bis 768px / 16px/em = 48em                        *
 * ----------------------------------------------------------------------------- */
@media only screen and (max-width: 65em) {
	#navMain {
		font-size:1.4em;
	}

	#navMain li ul {
		margin-top: 1px!important;
	}

	#navMain li a {
		padding: 5px 8px;
	}
}
@media only screen and (max-width: 58em) {
	#mobilnav   {
		height:35px;
		background-color:#ff5517;
	}

	#navMain {
		width:inherit;
		margin:auto;
		display: none;
		border-top: #FFFFFF 1px solid;
	}

	#navMain li  {
		padding:inherit;
		width:100%;
		line-height:2.6em;
		background-color: #ff5517;
	}

	#navMain li a {
		color: #FFFFFF;
		font-weight: bold;
		padding: 10px 15px!important;
		display: block;
		border-bottom:#FFFFFF 1px solid;
	}
	#navMain li a.active {
		color: #FFFFFF;
		background-color: #ff5517;
	}

	#navMain li a:hover {
		text-decoration: underline;
		background-color: #ff7746;
	}

	#navMain li ul {
		position: inherit;
		margin-top: 0px;
	}

	#navMain li:hover ul {
		display: inherit;
		z-index:inherit;
		padding-bottom: inherit;
	}

	.js #nav {
		clip: rect(0 0 0 0);
		max-height: 0;
		position: absolute;
		display: block;
		overflow: hidden;
		zoom: 1;
	}

	#nav.opened {
		max-height: 9999px;
	}

	#toggleNav {
		display: inline-block;
		position: absolute;
		right: 5%;
		top: 0.2em;
		padding-right:60px;
		cursor: pointer;
		color:#FFFFFF;
		width: 5em;
		height: 25px;
		float: right;
		line-height:1.4em;
		font-size:1.5em;
		text-decoration:none;
		background-position:right;
	    background:#FFFFFF url("../Icons/hamburger.gif") no-repeat 50% 50% ;
	}

	#toggleNav:hover {
		color: #FFFFFF;
		text-decoration:underline;
	}

}