/* Style Sheet */

.slicknav_menu {
	display:none;
}

a {
	color:#aa927d;	
}

nav#nav {
	margin:4px auto 4px  auto;
	width:100%;
	height:3.6em;
	max-width:1208px;
}

ul#menu { width:100%; padding:1.3em 1em; text-align:justify; }

@media screen and (min-width: 1208px) {
ul#menu { padding:1.3em 0;}
}


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:210px;	
	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;
}

#buchenbutton a { display:block; padding:.2em 1em; color:#fff; text-decoration:none; background-color:#4d351f; }
#buchenbutton ul li a { color:#aa927d; }
#buchenbutton ul li a:hover,
body.felchen #buchenbutton ul li a.felchen,
body.kretzer #buchenbutton ul li a.kretzer,
body.zander #buchenbutton ul li a.zander { color:#4d351f; }
ul#menu ul#buchen { position: absolute; left: -90px; }

a:hover,
a.aktiv,
body.home .home,
body.wohnungen .wohnungen, 
body.felchen .felchen,
body.kretzer .kretzer,
body.zander .zander,
body.haus .haus, 
body.galerie .galerie,
body.ausflugsziele .ausflugsziele,
body.aktivitaeten .aktivitaeten,
body.restaurants .restaurants,
body.einkaufen .einkaufen,
body.gaestebuch .gaestebuch,
body.anfahrt .anfahrt,
body.kontakt .kontakt,
body.impressum .impressum, 
body.home-admin .home,
body.wohnungen-admin .wohnungen, 
body.felchen-admin .felchen,
body.kretzer-admin .kretzer,
body.zander-admin .zander,
body.haus-admin .haus, 
body.galerie-admin .galerie,
body.ausflugsziele-admin .ausflugsziele,
body.aktivitaeten-admin .aktivitaeten,
body.restaurants-admin .restaurants,
body.einkaufen-admin .einkaufen,
body.gaestebuch-admin .gaestebuch, 
body.anfahrt-admin .anfahrt,
body.infoapp-admin .infoapp,
body.kontakt-admin .kontakt     { color:#4d351f; }

.kontaktmobil { visibility:hidden; }
