/******************/
@media not print {
/* =============================================================================
   Menü
   ========================================================================== */
/* Styling */

nav a:hover,
nav a:focus {
 	text-decoration: none;
 	}

/* ------ */
.untermenu ul a,
.untermenu ul strong {
	padding: .4em 0 .4em 0;
	}

nav ul,
nav ul *,
ul.sitemap,
ul.sitemap *,
ul.untermenu,
ul.untermenu *,
ul.infoMenu {
	list-style: none;
	padding-left: 0;
	}

ul.sitemap,
ul.sitemap ul {
	display: inline;
	}

ul.sitemap ul li {
	margin-left: 1em;
	}

ul.sitemap a {
  	font-weight: 300;
  	}

ul.sitemap li {
  border-bottom: solid 1px #CCC;
	}

ul.sitemap li li {
  border-bottom: none;
	}

.infoMenu {
	float: right;
	}

ul.infoMenu { margin-bottom: 0; }

.infoMenu li {
	display: inline;
	float: left;
	margin: 1em 0 1em 2em;
	}

.infoMenu a,
.infoMenu strong {
	display: block;
	padding: .5em 0;
	}

.untermenu a,
.untermenu strong	{
	display: block;
	width: 100%;
	}

/* ----------------------------------------------------------------------------- sf-menu */
/* -> media Queries */
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.sf-menu ul,
.sf-menu li.akt ul  {
	/*	width: 100%; weiter unten geändert, wird wegen @media print nicht überschrieben */
	}

.sf-menu ul li {
	width: 100%;
	}

.sf-menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
	}

.sf-menu a,
.sf-menu strong {
	display: block;
	position: relative;
	float: none;
	}


/** Aussehen **/

.sf-menu ul  a,
.sf-menu ul  strong {
	line-height: 1;
	}

.sf-menu a ,
.sf-menu strong,
.untermenu a,
.untermenu strong {
	padding: .4em 0;
	}

.sf-menu ul  a,
.sf-menu ul  strong,
.untermenu ul a,
.untermenu ul strong {
	padding: .4em 0 .4em 1em;
	}

.sf-menu ul ul a,
.sf-menu ul ul strong,
.untermenu ul ul a,
.untermenu ul ul strong  {
	padding: .4em 0 .4em 1.5em;
	}

.sf-menu ul ul ul a,
.sf-menu ul ul ul strong,
.untermenu ul ul ul ul a,
.untermenu ul ul ul ul strong  {
	padding: .4em 0 .4em 2em;
	}

.sf-menu ul ul ul ul a,
.sf-menu ul ul ul ul strong,
.untermenu ul ul ul ul a,
.untermenu ul ul ul ul strong {
	padding: .4em 0 .4em 2.5em;
	}

.sf-menu ul {
  background: rgba(255, 255, 255, 1);
	border-bottom: solid 1px #CCC;
	padding: 1em 0;

	width: 101.33333%;
	padding-left: 1.333333333%;
	margin-left: -1.3333333%;
}
.sf-menu ul ul {
	border-bottom: none;
}

.sf-menu ul  a,
.sf-menu ul  strong {
	padding: .6em 0 ;
	}

.sf-menu ul a {
 font-weight: 300;
    }

/* Ende @media not print: */
}
/****************************/

/**************************** /
@media only screen and (min-width: 768px) { */
@media only screen and (min-width: 671px) {
/* ----------------------------------------------------------------------------- sf-menu */
  .sf-menu ul a {
   font-weight: 700;
      }

	ul.sf-menu,
	.sf-menu a,
	.sf-menu strong {
		position: relative;
		z-index: 10;
	}

	.sf-menu ul,
	.sf-menu li.akt ul,
	.sf-menu ul  a,
	.sf-menu ul  strong {
		position: relative;
		z-index: 9;
	}


	ul.sf-menu {
		text-align: center;
	}

	.sf-menu ul {
		text-align: left;
	}

	.sf-menu ul a,
	.sf-menu ul strong {
		text-align: center;
		width: 18.6666666667%; /* 5 Spalten */
		width: 14%;  /* 6 Spalten */
	}

	.sf-menu ul,
	.sf-menu li.akt ul  {
		position: absolute;
		left:0;
/** /		top: -14em; /**/
  /** /  z-index: 8; /**/
/*		visibility:hidden; */
/** /
		-webkit-transition: all 500ms ease-in;
		-moz-transition: all 500ms ease-in;
		-o-transition: all 500ms ease-in;
		transition: all 500ms ease-in;
    /**/
		}

	.sf-menu li {
		float: left;
		/* damit ul.sf-menu ul kann die Breite von ul.sf-menu übernehmen (volle Breite) kann,
		hier keine
		position: relative; */
		}

  .sf-menu li {
    margin-right: 0.25%;
    width:	14%;
  }


	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul,
	.sf-menu li.akt:hover ul {
		visibility:visible;
		left: 0;
		top: 2.5em;
		top: 2.4375em;
/*		z-index: 9;
-webkit-transition: top 500ms ease-in;
-moz-transition: top 500ms ease-in;
-o-transition: top 500ms ease-in;
transition: top 500ms ease-in; */
		}

		/* 3. Ebene */
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul {
		display: none !important;
/*
		.sf-menu li:hover li ul,
		.sf-menu li.sfHover li ul,
		.sf-menu li.akt:hover li ul {
			position: relative;
			visibility:visible;
			left: 0;
*/
		/*	top: 2.5em;  */
	/*		z-index: 9;
	-webkit-transition: top 500ms ease-in;
	-moz-transition: top 500ms ease-in;
	-o-transition: top 500ms ease-in;
	transition: top 500ms ease-in; */
			}
/*
	.posEins, .menuDritter ul li { margin-left: 0; }
	.posZwei { margin-left:	6.6666666667%; }
	.posDrei { margin-left:	13.3333333333%; }
	.posVier, .menuVierter ul li { margin-left:	20%; }
	.posFunf { margin-left:	26.6666666667%; }
	.posSechs{ margin-left:	33.3333333333%; }
	.posSieben, .menuFunfter ul li { margin-left:	40%; }
	.posAcht { margin-left:	46.6666666667%; }
	.posNeun{ margin-left:	53.3333333333%; }
	.posZehn, .menuxVierter ul li { margin-left:	60%; }
	.posElf { margin-left:	66.6666666667%; }
	.posZwolf { margin-left:	73.3333333333%; }
	.posDreizehn, .menuxFunfter ul li { margin-left:	80%; }
	.posVierzehn { margin-left:	86.6666666667%; }
	.posFunfzehn { margin-left:	93.3333333333%; }
	.posSechzehn { margin-left:	100%; }
*/

  .posEins, .menuErster ul li { margin-left: 0; }
	.posZwei { margin-left:	6.6666666667%; }
	.posDrei { margin-left:	13.3333333333%; }
	.posVier, .menuZweiter ul li { margin-left:	20%; }
	.posFunf { margin-left:	26.6666666667%; }
	.posSechs{ margin-left:	33.3333333333%; }
	.posSieben, .menuDritter ul li { margin-left:	40%; }
	.posAcht { margin-left:	46.6666666667%; }
	.posNeun{ margin-left:	53.3333333333%; }
	.posZehn, .menuVierter ul li { margin-left:	60%; }
	.posElf { margin-left:	66.6666666667%; }
	.posZwolf { margin-left:	73.3333333333%; }
	.posDreizehn, .menuFunfter ul li { margin-left:	80%; }
	.posVierzehn { margin-left:	86.6666666667%; }
	.posFunfzehn { margin-left:	93.3333333333%; }
	.posSechzehn { margin-left:	100%; }

.menuZweiter ul li { margin-left:	14.285%; }
.menuDritter ul li { margin-left:	28.57%; }
.menuVierter ul li { margin-left:	42.855%; }
.menuFunfter ul li { margin-left:	57.14%; }
.menuSechster ul li { margin-left:	71.425%; }
.menuSiebenter ul li { margin-left:	85,71%; }
.menuSiebenter ul li { margin-left:	82%; }

}