#nav {
 border-top: none;
}

#aside ul {}

#aside li {
 width: 100%;
}

#aside li li a {
 padding-left: 20px;
}

#aside a {
 display: block;
 width: 100%;
 text-decoration: none;
 color: rgba(33,33,33,1.00);
 padding: 5px;
 font-size: 0.9em;
}

.site-nav {
	width:100%;
	float:left;
 z-index: 11;
}

.site-nav li {
	float:left;
	width:100%;
	position:relative;
 z-index: 12;
}

.site-nav a {
 display: block;
 width: 100%;
 padding-top: 12px;
 padding-right: 70px;
 padding-left: 70px;
 padding-bottom: 12px;
 text-decoration: none;
 color: rgba(66,66,66,1.00);
 border-top: 1px solid rgba(200,200,200,1.00);
 background-color: rgba(242,242,242,1.00);
 line-height: 1.3em;
 font-size: 0.9em;
 text-align: left;
 border-bottom:0;
}

.site-nav a:hover {
 background-color: rgba(255,255,255,1.00);
}

.site-nav .active a {
 background-color: rgba(255,255,255,1.00);
}

.js .site-nav {
	display:none;
}

.js .sub-menu {
	display:none;
}

.site-nav .sub-menu li:last-of-type {
	padding-bottom:0;
}

.site-nav .sub-menu a {
	background-color: rgba(23,160,64,1.00);
 color: rgba(255,255,255,1.00);
}

.site-nav .sub-menu a:hover {
	background-color: rgba(255,255,255,1.00);
 color: rgba(33,33,33,1.00);
}

.site-nav a#cat6 {
}

.site-nav .sub-menu .sub-menu a {
	background-color: rgba(23,160,64,1.00);
 color: rgba(255,255,255,1.00);
}

.site-nav .sub-menu .sub-menu a:hover {
	background-color: rgba(255,255,255,1.00);
 color: rgba(33,33,33,1.00);
}

/* toggles */

.toggle-site-nav {
	background-color: rgba(242,242,242,1.00);
	display:block;
	position:absolute;
	right:0;
	top:0;
	color:rgba(0,0,0,1.00);
	cursor:pointer;
 border-top: 1px solid rgba(200,200,200,1.00);
}

.toggle-site-nav:hover {
	background-color: rgba(242,242,242,1.00);
}

.toggle-sub-menu {
	display:none;
 text-align: left;
}

.js .toggle-sub-menu {
 position: absolute;
 right: 0;
 top: 1px; /* Höhe des borders */
 display: block;
 padding-top: 20px;
 padding-right: 30px;
 padding-left: 30px;
 padding-bottom: 20px;
 background-image: url(../images/misc/navi-open.png);
 background-repeat: no-repeat;
 background-position: center 5px;
 cursor: pointer;
 height: 50px;
 border-left: 1px solid rgba(200,200,200,1.00);
}

.js .toggle-sub-menu.active {
	background-image: url(../images/misc/navi-close.png);
 background-repeat: no-repeat;
 background-position: center 5px;
}
	
.toggle-sub-menu:hover,
.toggle-sub-menu.active:hover  {
 background-image: url(../images/misc/navi-close.png);
 background-repeat: no-repeat;
 background-position: center 5px;
}


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

#nav {
 clear: both;
 width:100%;
 height: 44px;
 background-color: rgba(242,242,242,1.00);
 border-top: 1px solid rgba(200,200,200,1.00);
}
	
#cat2 {
 font-style: none;
 font-size: 0;
 background-image: url('../images/misc/startbutton.png');
 background-repeat: no-repeat;
 padding-top: 20px;
 padding-right: 41px;
 padding-left: 41px;
 padding-bottom: 20px;
 background-size: 25px 25px;
 background-position: center center;
 background-color: rgba(242,242,242,1.00);
}
 
#nav.sticky-menu #cat2 {
 font-style: none;
 font-size: 0;
 background-image: url('../images/misc/startbutton.png');
 background-repeat: no-repeat;
 padding-top: 20px;
 padding-right: 41px;
 padding-left: 41px;
 padding-bottom: 20px;
 background-size: 25px 25px;
 background-position: center center;
 background-color: rgba(255,255,255,1.00);
}
 
#cat2:hover {
 background-color: rgba(255,255,255,1.00);
}

 
#nav.sticky-menu {
 top: 0;
 position: fixed;
 width: 1220px;
 margin-left: auto;
 margin-right: auto;
 -webkit-box-shadow: 0px 10px 10px rgba(170, 170, 170, 0.9);
 box-shadow: 0px 10px 10px rgba(170, 170, 170, 0.9);
 background-color: rgba(255,255,255,1.00);
 }
 
#nav.sticky-menu ul {
  margin-left: auto;
  margin-right: auto;
 }
 
#nav.sticky-menu a {
 background-color: rgba(255,255,255,1.00);
 padding-top: 12px;
 padding-right: 70px;
 padding-left: 70px;
 padding-bottom: 11px; 
 height: 100%;
 width: 100%;
 }
 
#nav.sticky-menu a:hover {
 }

#nav.sticky-menu li {
 background-color: rgba(255,255,255,1.00);
}
 
#nav.sticky-menu .sub-menu a {
 background-color: rgba(23,160,64,1.00);
 color: rgba(255,255,255,1.00);
 padding-top: 10px;
 padding-right: 20px;
 padding-left: 20px;
 padding-bottom: 10px;
}

#nav.sticky-menu .sub-menu a:hover {
	background-color: rgba(255,255,255,1.00);
 color: rgba(33,33,33,1.00);
}
 
#nav.sticky-menu li:hover > .sub-menu {
	 width: 300px;
	}
 
	.site-nav {
		float:right;
		width:auto;
		display:block !important;
	}

	.site-nav a {
		border:none;
  text-align: left;
	}
	
	.site-nav li {
		width:auto;
		padding:0;
	}

	.site-nav li:hover {
		background:black;
	}

	/* sub menu */
	.site-nav li:hover > .sub-menu {
		display: block;
	 position: absolute;
	 width: 300px;
	 padding: 0 25px 25px 25px;
	 left: -25px;
	 top: 43px;
	}
 
 .site-nav li:hover > .sub-menu a {
 padding-top: 10px;
 padding-right: 10px;
 padding-left: 20px;
 padding-bottom: 10px;
	}

	.sub-menu {display:none;}
	
	.sub-menu li {
		width:100%;	
	}
	
	.sub-menu > a {
		width:100%;
		display:block;	
	}

	.has-sub-menu .has-sub-menu:after {
		background:gold;
	}
	
	.has-sub-menu .has-sub-menu:hover .sub-menu {
		display:block;	
		position:absolute;
	 width: 300px;
	 padding: 0 25px 25px 25px;
	 left: 225px;
	 top: 0px;
	}
 
 .has-sub-menu .sub-menu a {
	}
	
	.toggle-site-nav,
	.toggle-sub-menu {
		display:none !important;	
	}

	/* Navigationspunkte, die nach links ausklappen */

	.sub-left > .sub-menu {
		left:auto;
		right:0;
	}

	.site-nav .sub-menu .sub-left > .sub-menu {
		left:-225px;
	}
}