/*** navigation menus
 
css-based solution stolen and adapted from 
http://www.alistapart.com/articles/horizdropdowns/
and
http://htmldog.com/articles/suckerfish/dropdowns/
***/

@media print
{
#navbox {
	display: none;
}
}

@media screen
{
#navbox {
	width: 192px;
	clear: both;
	margin: 0px;
	position: relative;
	left: 0px;
	padding: 10px 0px 2px;
	visibility: visible;
	z-index: 1;
}
}

@media print
{
#navbottom {
	display: none;
}
}

@media screen
{
#navbottom {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}

}
/* navigation level 1 */
#navbox ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 160px;
}

/* navigation menu item level 1 */
#navbox li {
	position: relative;
	margin: 0px;
	padding: 0px;
}

/* navigation level 2 */
#navbox li ul {
	position: absolute;
	left: 100px;
	top: 0;
	display: none;
	width: 172px;
}

/* Styles for Menu Items */
#navbox ul li a {
	display: block;
	text-decoration: none;
	padding: 4px 0px 4px 20px;
	border-bottom: 0 solid #80AAD5;
	width: 170px;
	border-top: 0px solid #80AAD5;
	border-right: 1px solid #80AAD5;
	border-left: 1px solid #80AAD5;
	font-size: 12px;
	font-weight: bold;
}

/* Fix IE. Hide from IE Mac. http://www.positioniseverything.net/articles/hollyhack.html \*/
* html #navbox ul li { float: left; height: 1%; }
* html #navbox ul li a { height: 1%; }
/* End */

#navbox ul li a:hover { color: #000; background: #EAF2F1; } /* Hover Styles */		
#navbox li ul li a {
	padding: 4px 5px;
	width: 170px;
	margin-left: 92px;
	font-size: 11px;
	font-weight: normal;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-bottom-color: #EAF4FF;
} /* Sub Menu 2 */

#navbox ul li ul li ul li a {
	padding: 3px 5px 3px 8px;
	width: 160px;
	margin-left: 172px;
	background-color: #FFDF00;
} /* Sub Menu 3 */
		
#navbox li:hover ul ul, #navbox li.sfhover ul ul { display:none; } /* The magic */
#navbox li:hover ul, #navbox li li:hover ul, #navbox li.sfhover ul, #navbox li li.sfhover ul {display:block; /*margin: 0 0 0 -5px; z-order: 1;*/}
.menuspiel {
	color: #FFCC00;
	background-color: #B3D7FF;
}
.menugarten {
	background-color: #99CC00;
}
.menuzaun {
	background-color: #808080;
}
.submenuspiel {
	background-color: #77B8FF;
	
}
.submenugarten {
	background-color: #F0FFC1;
}
.submenuzaun {
	background-color: #CCC;
}