/*

pp_wf2006 v1.0
2006-07-05

navi.css

template for egocms

design by jorge obst-wildenhain (http://elevator-dg.de) and pat erler (http://patsplanet.com)
code by pat erler (http://patsplanet.com)

menu system based on suckerfish (http://www.htmldog.com/articles/suckerfish/dropdowns)


*/

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

/* NAVI BUTTON*/

#nav a {
	display: block;
/*	width: 10em; maybe needed for older Opera*/
	color: #FFFFFF;
	text-decoration: none;
}

#nav a:hover{ /* menu (not drop-down) hover */
	background-position: 0 -40px;
}

#nav a.current, #nav a.current a:hover{ /* menu (not drop-down) active page*/
	background-position: 0 -40px;
}

#btn_festprogramm {
	background-image: url(../images/btn_festprogramm.gif);
	width: 160px;
	height: 40px;
}
#btn_wandertheater {
	background-image: url(../images/btn_wandertheater.gif);
	width: 160px;
	height: 40px;
}
#btn_weinundwinzer {
	background-image: url(../images/btn_weinundwinzer.gif);
	width: 160px;
	height: 40px;
}
#btn_presse {
	background-image: url(../images/btn_presse.gif);
	width: 160px;
	height: 40px;
}
#btn_service {
	background-image: url(../images/btn_service.gif);
	width: 158px;
	height: 40px;
}

#btn_info {
	background-image: url(../images/btn_info.gif);
	width: 158px;
	height: 40px;
}

/* NAVI DROPDOWN */

#nav ul { /*drop-down box */
	padding-bottom: 5px;
	background-color:#FFFFFF;
/*	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #4F7326;
*/
}

#nav li { /* all list items */
	float: left;
/*	width: 10em; maybe needed for older Opera*/
	padding-left: 0px;
	font-weight: bold;
}

#nav ul li a{ /*drop-down link*/
	float: left;
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #4F7326;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 12px;
}


#nav li ul { /* drop-down prepared, invisible*/
	position: absolute;
	left: -999em;
	line-height: 12px;
	padding-bottom: 0;
}

#nav li:hover ul, #nav li.sfhover ul { /* drop-down visible */
	left: auto;
	z-index: 100;
}

#nav li ul li a { /* drop-down bottom */
	padding-bottom: 2px;
	float	: left;
	clear	: both;
}

#nav ul li a:hover{ /*drop-down link highlight*/
	color: #b4001f;
	background-color: #FFFFFF;	
}

#nav li ul li{ /* drop-down bottom */
	clear : both;
	white-space:nowrap;
}