/* Top- and Sub-Navigation */

#page #central ul.nav {
	list-style: disc;
	margin: 10px 0 15px 20px;
}

#page #topnav,
#page #subnav {
	padding: 5px 0;
	overflow: hidden;
	height: 20px;
}

.touch #page #topnav,
.touch #page #subnav,
.nojs #page #topnav:hover,
.nojs #page #subnav:hover {
	height: auto;
}

#page #subnav .nav,
#page #topnav .nav {
	margin: 0;
	padding: 0;
}

#page #subnav .nav li,
#page #topnav .nav li {}

#page #subnav .nav a,
#page #topnav .nav a {
	padding: 0 10px;
	margin-right: 10px;
	display: block;
}

#page #subnav .nav>li ul li,
#page #topnav .nav>li ul li {
	margin: 3px 0;
}

#page #subnav .nav>li,
#page #topnav .nav>li {
	float: left;
	position: relative;
}

#page #subnav .nav>li:last-child,
#page #topnav .nav>li:last-child {
	margin-right: 0;
}

#page #subnav .nav>li>a,
#page #topnav .nav>li>a {
	font-weight: 400;
}

/* Mobile/Touch Nav */

.touch #page #topnav .nav,
.touch #page #subnav .nav {
	font-size: 20px;
	margin: 0;
	padding: 0;
}

.touch #page #topnav .nav ul,
.touch #page #subnav .nav ul {
	display: none;
	margin: 0;
	padding: 0;
}

.touch #page #topnav .nav>li,
.touch #page #subnav .nav>li {
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

.touch #page #topnav .nav .nav-toggle,
.touch #page #subnav .nav .nav-toggle {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 30%;
	background: url(https://lvu.de/themes/lvu/images/arrow-dark-down.png) no-repeat 90% 15px;
	/* outline: 1px dotted red; */
}

.touch #page #topnav .nav .nav-toggle:hover,
.touch #page #subnav .nav .nav-toggle:hover {
	cursor: pointer;
}

.touch #page #topnav .nav a,
.touch #page #subnav .nav a {
	padding: 10px 15px;
}

.touch #page #topnav .nav li ul,
.touch #page #subnav .nav li ul {
	margin: 0 0 0 10px;
}

.touch #page #topnav .nav li.nav-opened,
.touch #page #subnav .nav li.nav-opened {
	background: rgba(255,255,255,0.75);
}

.touch #page #subnav .nav,
.touch #page #subnav .nav li,
.touch #page #topnav .nav,
.touch #page #topnav .nav li {
	float: none;
	width: auto;
	max-width: 100%;
	min-width: 0;
}

.touch #page #topnav .ccm-search-block-form {
	position: static;
	margin: 10px 50px 10px 0;
}

.touch #page #topnav .ccm-search-block-form input:focus,
.touch #page #topnav .ccm-search-block-form input {
	width: 95%;
}

.touch #page #topnav .ccm-search-block-form input {
	height: 30px;
	background-color: #fff;
	padding-left: 30px;
	background-position: 10px 50%;
}

/* Topnav specific */

#page #header #topnav {
	background: #DEEAF0;
	position: relative;
}

#page #topnav .nav {
	float: right;
	/* width: 680px; */
	width: auto;
	margin: 0;
}

#page #topnav .nav>li {
	/* width: 16.65%; */
	min-width: 90px;
	max-width: 150px;
}

/* #page #topnav #logo-spacer {
	float: left;
	width: 150px;
	height: 21px;
} */

#page #topnav #logo-border-wrapper-right,
#page #topnav #logo-border-wrapper-left {
	background: #fff;
	height: 10px;
	width: 10px;
	
	position: absolute;
	top: 0;
}

#page #topnav #logo-border-wrapper-left {
	left: 20px;
}

#page #topnav #logo-border-wrapper-right {
	left: 160px;
}

#page #topnav #logo-border-left,
#page #topnav #logo-border-right {
	background: #DEEAF0;
	height: 10px;
	width: 10px;
}

#page #topnav #logo-border-left {
	border-top-right-radius: 8px;
}

#page #topnav #logo-border-right {
	border-top-left-radius: 8px;
}

#page #topnav .nav li:first-child a.nav-selected,
#page #topnav .nav a {
	color: #087694;
	text-decoration: none;
}

#page #topnav .nav a.nav-selected,
#page #topnav .nav li:first-child a.nav-selected:hover,
#page #topnav .nav a:hover {
	color: #005673;
}

/* Subnav specific */

#page #subnav {
	background: #9FC1D1;
}

#page #subnav .nav {
	float: left;
	width: 100%;
	margin: 0 20px;
}

#page #subnav .nav>li {
	width: 25%;
	margin: 0;
	padding: 0;
}

#page #subnav .nav>li a {
	padding: 0 10px;
	margin-right: 10px;
}

#page #subnav .nav a {
	color: #004667;
	text-decoration: none;
}

#page #subnav .nav a.nav-selected,
#page #subnav .nav a:hover {
	color: #DEEAF0;
}

/* Small screen/mobile Navigation */

@media ( max-width: 970px ) {
	#page #topnav #logo-spacer {
		display: none;
	}
	#page #topnav .nav {
		float: left;
		margin-left: 20px;
		/* width: auto;*/
	}
	#page #topnav .nav ul li {
		padding: 0 20px 0 0;
	}
	#page #topnav .nav li {
		min-width: 0;
	}
	#page #topnav .nav li a {
		padding: 0 5px;
		margin-right: 5px;
	}
}

@media ( max-width: 500px ) {
	#page #topnav,
	#page #subnav {
		height: auto;
	}
	
	/* #page #topnav .nav li ul,
	#page #subnav .nav li ul {
		height: 0;
		overflow: hidden;
	} */
	
	#page #subnav .nav,
	#page #subnav .nav li,
	#page #topnav .nav,
	#page #topnav .nav li {
		float: none;
		width: auto !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
	
	/* #page #topnav .nav li,
	#page #subnav .nav li {
		padding: 5px 10px;
	} */
	
	
}