/**
 * 
 * @package		Livesite
 * @version		1.1.9-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-link {
	cursor : pointer;
	overflow : hidden;
}
.mn-link a {
	display : block;
	text-decoration : none;
	margin : 0;
	padding : 0;
	border : medium none;
	background : none;
}

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

/* TOPNAV */

#topnav .mn-nav .mn-link:hover {
	text-decoration : inherit;
}
#topnav .mn-nav .mn-link.current {
	text-decoration : inherit;
}

#topnav .level_0 {
	display : inline-block;
	width : auto;
}
#topnav .level_0 > .frame.sublevel {
	width : auto;
	display : inline-block;
}

#topnav .mn-nav .mn-link  {
	background : none;
	padding : 0 10px;
	text-decoration : none;
	font-size : 16pt;
	}
#topnav .mn-nav .mn-link.current {
	padding : 0 10px;
}

#topnav .mn-nav .mn-link.hassub:hover + .mn-sub {
	display : block;
}

#topnav .mn-sub {
	background-color : #ddd;
	position : absolute;
	opacity : 1;
	display : none;
	min-width : 200px;
	width : 100vw;
	left : 0;
	
}
#topnav .mn-sub:hover {
	display : block;
}
#topnav .mn-sub .mn-link:hover,
#topnav .mn-sub .mn-link.current  {
	font-weight : normal;
	color : #fff;
}
#topnav .mn-sub .mn-link span {
	color : #fff;
}
#topnav .mn-sub .mn-link:hover span,
#topnav .mn-sub .mn-link.current span,
#topnav .mn-sub .mn-link.active span {
	font-weight : normal;
	color : #444;
}

#topnav .mn-nav .mn-link span {
	font-size : 16pt;
	line-height : 160%;
	text-decoration : none;
	white-space : nowrap;
	color : #909090;
}
#topnav .mn-nav .mn-link:hover span {
	color : #000000;
}
#topnav .mn-nav .mn-link.current span {
	color : #000000;
}
#topnav .mn-nav .mn-link.current.active span {
	color : #000000;
}
	
/* LEFTNAV */

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

#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 .level_0 .mn-link span {
	margin : 0 0 0 10px;
	}	
#leftnav .level_1 .mn-link span {
	margin : 0 0 0 20px;
	}	
#leftnav .level_2 .mn-link span {
	margin : 0 0 0 30px;
	}	
#leftnav .level_3 .mn-link span {
	margin : 0 0 0 40px;
	}
#leftnav .level_4 .mn-link span {
	margin : 0 0 0 50px;
	}
#leftnav .level_5 .mn-link span {
	margin : 0 0 0 40px;
	}
#leftnav .level_6 .mn-link span {
	margin : 0 0 0 45px;
	}
#leftnav .level_7 .mn-link span {
	margin : 0 0 0 60px;
	}
#leftnav .mn-sub.current {
	display : block;
	}
	
#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 .level_0 > .frame.sublevel {
	width : auto;
	display : inline-block;
}
#footernav .mn-nav .currentmarker {
	position : absolute;
	display : none;
}

#footernav .mn-nav .mn-link span {
	font-size : 10pt;
	line-height : 160%;
	text-decoration : none;
	color : #909090;
}
#footernav .mn-nav .mn-link:hover span {
	color : #000000;
	text-decoration : none;
}
#footernav .mn-nav .mn-link.current span {
	color : #000000;
}
#footernav .mn-nav .mn-link.current.active span {
	color : #000000;
}

/* CONTENT */

.cn-article nav.mn-nav {
	text-align : center;
}

.cn-article .mn-nav .mn-link {
	height : 60px;
}
.cn-article .mn-nav .mn-link:hover {
	border-bottom : 2px solid #000;
}

.cn-article .mn-nav .mn-link span {
	color : #777;
	font-size : 24pt;
	font-weight : normal;
	line-height : 180%;
}

.cn-article .mn-nav .mn-link:hover span {
	color : #000;
}

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