/* Style Sheet */

.slicknav_menu {
	display:none;
}

a {
	color:#006699;	
}

nav#nav {
	margin:4px auto 4px  auto;
	width:100%;
	max-width:600px;
	height:auto;
	font-family: 'Roboto Condensed', sans-serif;
	/* font-weight:bold; */	
}



ul#menu { width:100%; padding:.8em 0; text-align:justify; }


ul#menu li {
	display:inline;
	font-size:16px;
	position:relative;
}

ul#menu li a {
	text-decoration:none;
	display:inline-block;
	
	-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;	
}

ul#menu li:hover > ul
{
/*these 2 styles are very important, 
being the ones which make the drop-down to appear on hover */
	visibility:visible;
	opacity:0.9;
	text-align:left;
}

ul#menu ul {
	list-style: none;
    margin: 0;
    padding: 0; 
/*the next 2 styles are very important, 
being the ones which make the drop-down to stay hidden */
    visibility:hidden;
    opacity:0;
    position: absolute;
    top: 23px;
    left: 1px;	
    z-index: 99999;
	width:200px;	
	background:#f8f8f8;
	box-shadow:1px 1px 3px #aa927d;
/* css3 transitions for smooth hover effect */
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	
}

ul#menu ul li {
	clear:both;
	width:auto;
	border-bottom:thin solid #cceee9;
	display:block;
}

ul#menu ul li a {
  	background:none; 
	padding:7px 8px;
	text-shadow:1px 1px 0px #fff;
	text-decoration:none;
	display:inline-block;
	float:left;
	clear:both;
	/* Silbentrennung einschalten */
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}

a:hover,
a.aktiv,
body.home .home,
body.musiker .musiker,
body.musik .musik,
body.videos .videos,
body.bilder .bilder,
body.termine .termine,
body.presse .presse,
body.kontakt .kontakt,
body.home-admin .home,
body.musiker-admin .musiker,
body.musik-admin .musik,
body.videos-admin .videos,
body.bilder-admin .bilder,
body.termine-admin .termine,
body.kontakt-admin .kontakt,
body.verwaltung .verwaltung
     { color:black; }


