@charset "utf-8";


/* Desktop-Navigation*/

@media all and (min-device-width:1000px)
{

#menu	{
	width:100%;
	background:#d2e663;
	padding-top:90px;
	height:100px;
	border-bottom:1px solid #523200;
	}


nav	{
	width:100%;
	background:#d2e663;
	text-align:center;
	padding:auto;
	height:70px;
	position:absolute;
	}



* html nav	{
		top:expression(auto);
		}

.fixed-nav	{
		top:0px;
		position:fixed !important;
		position:absolute;
		background:#d2e663;
		height:70px;
		padding-bottom:auto;
		text-align:center;
		border-bottom:5px groove #556B2F;
		}

* html .fixed-nav 	{
			top:expression(documentElement.scrollTop);
			}


nav ul	{
	list-style:none;
	text-align:center;
	}


li	{
	list-style:none;
	font-family:Arial, sans-serif;
	margin-top:5px;
	padding:auto;
	display:inline-block;
	font-size:22px;
	width:170px;
	}

.fixed-nav li	{
		margin-top:5px;
		}


nav a	{
	display:block;
	color:#523200;
	text-decoration:none;
	}

nav a:link	{
		display:block;
		color:#523200;
		text-decoration:none;
		}

nav a:visited	{
		display:block;
		color:#523200;
		text-decoration:none;
		}

nav a:hover	{
		display:block;
		color:#FFFFFF;
		text-decoration:none;
		font-variant:small-caps;
		}

nav a.active	{
		color:#FFFFFF;
		}

:target:before	{
		content:"";
		display:block;
		height:170px;
		}

.close	{
	display:none;
	}
}



/* Tablet-Navigation */



@media (min-width:700px) and (max-width:999px)
{

#menu	{
	width:100%;
	background:#d2e663;
	padding-top:90px;
	height:100px;
	border-bottom:1px solid #523200;
	}


nav	{
	width:100%;
	background:#d2e663;
	text-align:center;
	padding:auto;
	height:70px;
	position:absolute;
	}



* html nav	{
		top:expression(auto);
		}

.fixed-nav	{
		top:0px;
		position:fixed !important;
		position:absolute;
		background:#d2e663;
		height:70px;
		padding-bottom:auto;
		text-align:center;
		border-bottom:5px groove #556B2F;
		}

* html .fixed-nav 	{
			top:expression(documentElement.scrollTop);
			}


nav ul	{
	list-style:none;
	text-align:center;
	}


li	{
	list-style:none;
	font-family:Arial, sans-serif;
	margin-top:5px;
	padding:auto;
	display:inline-block;
	font-size:20px;
	width:16%;
	}

.fixed-nav li	{
		margin-top:5px;
		}


nav a	{
	display:block;
	color:#523200;
	text-decoration:none;
	}

nav a:link	{
		display:block;
		color:#523200;
		text-decoration:none;
		}

nav a:visited	{
		display:block;
		color:#523200;
		text-decoration:none;
		}

nav a:hover	{
		display:block;
		color:#FFFFFF;
		text-decoration:none;
		font-variant:small-caps;
		}

nav a.active	{
		color:#FFFFFF;
		}

:target:before	{
		content:"";
		display:block;
		height:170px;
		}

.close	{
	display:none;
	}
}