@charset "utf-8"; /* CSS Document***********************************************************************************************
*  ___       _________ ______ __________________________ _____   ___________    ______  _____________________ _______________  *
*  __ |     / /__  __ \___  / ___  ____/__  ____/___    |___  | / /__  ____/    ___   |/  /___  ____/___  __ \____  _/___    | *
*  __ | /| / / _  / / /__  /  __  /_    _  / __  __  /| |__   |/ / _  / __      __  /|_/ / __  __/   __  / / / __  /  __  /| | *
*  __ |/ |/ /  / /_/ / _  /____  __/    / /_/ /  _  ___ |_  /|  /  / /_/ /      _  /  / /  _  /___   _  /_/ / __/ /   _  ___ | *
*  ____/|__/   \____/  /_____//_/       \____/   /_/  |_|/_/ |_/   \____/       /_/  /_/   /_____/   /_____/  /___/   /_/  |_| *
*                                                                                                                              *
********************************************************************************************************************************            
*              Copyright: Wolfgang Wahl | www.saschas.ch | 01.02.2016 | Letzte Aktualisierung: 09.03.2016                      *
*****************************************************************************************************************************-->	 
		 
/*##############################################################################################################################
---- Navigation ----------------------------------------------------------------------------------------------------------------
##############################################################################################################################*/	 

nav>.menu {
	text-align: center;
}

nav { 
	position: relative;
	padding: 0px 0 0 0;
}

.menu ul {
	position: absolute;
	top: -999px;
	display: none;/* left offset of submenus need to match (see below) */
}

.menu li {
	float: left;
	position: relative;
	width: 135px;
	text-align: center;
	margin-right: 20px; 
}

.menu li.first {
	width: 130px; 
}

.menu li.second {
	width: 125px; 
}

.menu li.third {
	width: 130px; 
}

.menu li.fourth {
	width: 120px; 
}

.menu li.fivth {
	width: 90px; 
}

.menu li.sixth {
	width: 79px;
}

.menu li.seventh{
	width: 144px;
	margin-right: 0;	 
}

.menu>li {
	float: left;
	position: relative;
}

.menu>li:first-child {
	margin-left: 0;
}

.menu>li>a{
	font-size: 2.7em;
	color: #fff;
	font-weight: 300;
	position: relative;
	text-transform: uppercase;
	line-height: 20px;
	z-index: 999;
	background: url(../images/spacer.png) 0 0 repeat;
	border-radius: 5px;
	position: relative;
	display: block;
	padding: 15px 5px 15px;	
	width: 100%;
	font-family: 'Economica', sans-serif;
	text-shadow: 1px 1px 2px #000;		
}

.menu>li.sfHover>a, .menu>li.current>a, .menu>li:hover>a:hover {
	color: #fff;
	background: #333;
	padding: 15px 5px 15px;
	font-weight: 300;	
}

/*================================>> 2 Level <<========================================*/
.menu li ul,.menu li.sfHover>ul{
	top: 51px;
	left: 0;
	width: 145px;
	z-index: 999; 
}

.menu li ul li{
	text-align: left;	 
	float: none !important; 
	margin-bottom: 1px;
	width: 145px;
}

.menu li.second ul,.menu li.second.sfHover>ul, .menu li.second ul li {
	width: 190px;
}

.menu li.third ul,.menu li.third.sfHover>ul, .menu li.third ul li {
	width: 190px;
}

.menu li ul li:first-child {
	padding-top: 0;
	border: none;
}

.menu li ul li a{
	font-size: 2.2em;
	background: #444;
	color: #fefefe;
	text-transform: uppercase;
	line-height: 20px;
	position: relative;
	border-radius: 5px;
	position: relative;
	display: block;
	padding: 11px 5px 11px;
	padding-left: 23px;
	text-shadow: 1px 1px 2px #000;	
}

.menu li li a:hover, 
.menu li.sfHover li.sfHover>a {  
	color: #fff;
	background: #333;
}

/*================================>> 3 Level <<========================================*/
.menu li.sfHover li.sfHover ul{
	padding-top: 1px;
	top: 0 !important;
	text-align: center;
	position: relative !important;
}

.menu li li ul li {
	text-align: center !important;
}

.menu li li ul li a{
	padding-left: 0 !important;
	padding-right: 0 !important;
}