/**
 * 
 * @package		Livesite
 * @version		1.3.5-beta
 * @author		Bogdan Vojska 
 * @copyright	2011-2020 Bogdan Vojska. All rights reserved.
 * @homepage	www.bogdan-vojska.de
 * @email		mail@bogdan-vojska.de
 *
 */

@CHARSET "UTF-8";

.mn-nav .mn-link {
	cursor : pointer;
	overflow : hidden;
}
.mn-nav .mn-link a {
	display : block;
	text-decoration : none;
	margin : 0;
	padding : 0;
	border : medium none;
	background : none;
}

.mn-nav .mn-link span {
	color : #000;
}
.mn-sub .mn-link {
	cursor : pointer;
	overflow : hidden;
}
.mn-sub .mn-link a {
	display : block;
	text-decoration : none;
	margin : 0;
	padding : 0;
	border : medium none;
	background : none;
}

.mn-sub .mn-link span {
	color : #000;
}

/* TOPNAV */

#topnav {
	text-align : center;
}

#topnav.frame {
	width : 100%;
	text-align : center;
	border-bottom : medium none;
	position : relative;
	z-index : 10;
}

#topnav .mn-nav .mn-link  {
	background : none;
	padding : 0px 10px;
	text-decoration : none;
	font-size : 14pt;
	text-decoration : none;
	line-height : 150%;
}

#topnav .mn-nav {
	display : flex;
	justify-content : center;
	flex-wrap : wrap;
	width : auto;
}
#topnav .mn-nav .mn-itfr {
	display : inline-block;
	width : auto;
}
#topnav .mn-nav .mn-link span {
	color : #999;
}
#topnav .mn-nav .mn-link.current span {
	color : #000;
}
#topnav .mn-nav .mn-link.current {
	text-decoration : inherit;
}
#topnav .mn-nav .mn-link.current:hover span {
	color : #aaa;
}

#topnav .mn-nav > .mn-itfr {
	width : auto;
	display : inline-block;
	vertical-align : bottom;
	position : relative;
}

#topnav .mn-sub {
	background-color : #fff;
	position : absolute;
	opacity : 0.85;
	display : none;
	white-space : nowrap;
	min-width : 200px;
	width : 100%;
	left : 0;
	padding : 10px 0;
}
#topnav .mn-sub .mn-link {
	color : #777;
}
#topnav .mn-sub .mn-link.current  {
	color : #000;
}
#topnav .mn-sub .mn-link span {
	color : #777;
}
	
/* LEFTNAV */

/** ATTENTION -leftnav itself is not part of menu but part of the template. */

#leftnav .mn-nav .mn-link span {
	display : inline-block;
}

#leftnav .mn-link.indent_0 span {
	margin : 0 0 0 0;
	}	
#leftnav .mn-link.indent_1 span {
	margin : 0 0 0 20px;
	}	
#leftnav .mn-link.indent_2 span {
	margin : 0 0 0 30px;
	}	
#leftnav .mn-link.indent_3 span {
	margin : 0 0 0 40px;
	}
#leftnav .mn-link.indent_4 span {
	margin : 0 0 0 50px;
	}
#leftnav .mn-link.indent_5 span {
	margin : 0 0 0 40px;
	}
#leftnav .mn-link.indent_6 span {
	margin : 0 0 0 45px;
	}
#leftnav .mn-link.indent_7 span {
	margin : 0 0 0 60px;
	}
	
#leftnav .mn-sub.current {
	display : block;
	}
#leftnav .mn-sub {
	display : none;
	position : relative;
	margin : 0;
	margin : 0 0 0 15px;
	width : auto;
	left : 0px;
	}
	
#leftnav .mn-nav .mn-link {
	color : #444;
	background-color : #AAA;
	line-height : 25px;
	text-decoration : none;
	border-top : 1px solid #ccc;
	border-bottom : 1px solid #777;
	border-right : 1px solid #ccc;
	list-style-type : none;
	font-weight : bold;
	}

#leftnav .mn-nav .mn-link:hover {
	color : #eee;
	text-decoration : none;
	}

#leftnav .mn-nav .mn-link.current,
#leftnav .mn-nav .mn-link.current.hassub {
	color : #eee;
	background-color : #999;
	line-height : 25px;
	text-decoration : none;
	list-style-type : none;
	font-weight : bold;
	}

#leftnav .mn-nav .mn-link span,
#leftnav .mn-nav .mn-link.hassub span {
	color : #444;
	}
#leftnav .mn-nav .mn-link.current span,
#leftnav .mn-nav .mn-link.current.hassub span {
	color : #eee;
	}
	
/* FOOTERNAV */

#footernav .mn-nav {
	display : flex;
	justify-content : center;
}
#footernav .mn-nav > .mn-itfr {
	display : inline-block;
	width : auto;
	display : inline-block;
}
#footernav .mn-nav .currentmarker {
	position : absolute;
	display : none;
}
#footernav .mn-nav .mn-link:hover,
#footernav .mn-nav .mn-link:hover span {
	text-decoration : none;
	color : #999;
}
#footernav .mn-nav .mn-link span {
	color : #999;
	font-size : 10pt;
}
#footernav .mn-nav .mn-link.current span {
	color : #000;
}
#footernav .mn-nav .mn-link:hover span {
	color : #000;
}

#footernav .mn-nav .mn-link  {
	background : none;
	padding : 0 10px;
	text-decoration : none;
}

@media screen and (max-width:600px) {
	#footernav .mn-nav {
		display : block;
	}
	#footernav .mn-nav .mn-link span {
		color : #999;
		font-size : 13pt;
	}
}