/************************
 * allgemein
 ************************/
 
#content > nav {
	border: 4px solid rgba(38,148,210,1);
	border-top-width: 2px;
	background: rgb(215,235,246);
	width: 250px;
	float: left;
	margin: -4px 16px 16px -4px;
}

#content > nav > ul > li {
	padding: 6px 8px;
	font-weight: bold;
	font-size: 16px;
	color: rgb(0,0,0);
	text-shadow: 0px 0px 2px rgb(255,255,255);
}

#content > nav > ul > li + li {
	border-top: 2px solid rgb(38,148,210);
}

#content > nav > ul > li.home {
	display: none;
}

#content > nav > ul > li:hover {
	background: rgba(38,148,210,0.3);
}

#content > nav > ul > li > a {
	text-decoration: none;
	color: rgb(0,0,0);
	text-shadow: 0px 0px 2px rgb(255,255,255);
}

#content > nav > ul > li > ul > li {
	padding: 3px 8px;
}

#content > nav > ul > li > ul > li > a {
	text-decoration: none;
	font-weight: normal;
	font-size: 16px;
	color: rgb(0,0,0);
	text-shadow: 0px 0px 2px rgb(255,255,255);
}

/* Leistungen -> Verkehrs... */
#content > nav > ul > li:nth-child(3) > ul > li:nth-child(1) > a, #content nav > ul > li:nth-child(3) > ul > li:nth-child(2) > a {
	color: rgb(210,10,17);
}

/* Leistungen -> Sport... */
#content > nav > ul > li:nth-child(3) > ul > li:nth-child(3) > a, #content nav > ul > li:nth-child(3) > ul > li:nth-child(4) > a {
	color: rgb(20,118,180);
	text-shadow: 0px 0px 2px rgb(255,255,255), 0px 0px 1px rgba(0,0,0,0.4);
}

#content > nav > ul > li > ul > li:hover {
	background: rgba(38,148,210,0.4);
}

/************************
 * fixed
 ************************/

nav#fixed {
	position: fixed;
	left: 0px;
	width: 100%;
	height: 58px;
	top: -69px;
	z-index: 100;
	transition: 0.7s top;
	display: block;
	background: rgba(38,148,210,0.8);
	padding: 5px 0px;
	border-bottom: 4px solid rgb(38,148,210);
}

nav#fixed.visible {
	top: 0px;
}

nav#fixed > ul {
	position: absolute;
	margin-left: 50%;
	left: -589px;
}

@media (min-width: 800px) and (max-width: 1199px) {
	nav#fixed > ul {
		left: -389px;
	}
}

nav#fixed > ul > li {
	float: left;
	height: 58px;
	line-height: 95px;
	font-size: 18px;
	padding: 3px 8px;
	color: rgb(0,0,0);
	text-shadow: 0px 0px 2px rgb(255,255,255);
	font-weight: bold;
	position: relative;
}

nav#fixed > ul > li:hover {
	background: rgba(38,148,210,0.9);
}

nav#fixed > ul > li > a {
	text-decoration: none;
	color: rgb(0,0,0);
	text-shadow: 0px 0px 2px rgb(255,255,255);
}

nav#fixed > ul > li > ul {
	display: none;
	position: absolute;
	top: 63px;
	left: 0px;
	border: 4px solid rgba(38,148,210,1);
	background: rgba(38,148,210,0.8);
}

nav#fixed > ul > li:hover > ul {
	display: block;
}

nav#fixed > ul > li > ul > li {
	line-height: normal;
	padding: 4px;
}

nav#fixed > ul > li > ul > li > a {
	text-decoration: none;
	font-weight: normal;
	font-size: 16px;
	color: rgb(255,255,255);
	text-shadow: 0px 0px 2px rgb(0,0,0);
}

nav#fixed > ul > li > ul > li:hover {
	background: rgba(38,148,210,0.9);
}

nav#fixed > ul > li > ul > li + li {
	margin-top: 2px;
}