/* Haupt-Navigation
--------------------------------------------------------------------------------------------------- */
/* Container für Navigation */
#menu {
	background:url(if/classicbodensee/bg_x.gif) repeat-x 0 0;
	border:1px solid #999;
	font-family:georgia,garamond,serif;
	height:32px;
}

/* Style für die 1. Ebene sowie Standard für alle Nachfolge Ebenen in Navigationsbaum */
#menu a {
    background:url(if/classicbodensee/bg_x.gif) repeat-x 0 0;
    color:#000;
	display:block;
	font-size:12px;
	font-weight:normal;
	padding-right:10px;
	white-space:nowrap;
}

#menu a:hover, #menu a.active {
    background-position:0 -32px;
    color:#FFF;
}

#menu h2 a {
    border-right:1px solid #999;
	font-size:14px;
	padding:8px 9px 8px 9px !important;
	text-transform:uppercase;
}

#menu ul {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
} 

#menu ul ul a {
	color: #333;
}

#menu ul ul a:hover {
	color: #FFF;
}

#menu a.arrow{
	background:url(if/arrow.gif) 98% center no-repeat;
}

#menu a.arrow:hover, #menu ul ul li:hover a.arrow {
	background:url(if/arrow_white.gif) 98% center no-repeat;
	color:#FFF;
}

#menu ul li{
	position: relative;
}

#menu ul ul{
	left:-1px;
	position: absolute; 
	top: 100%;
	width:210px;
	border-top:1px solid #999;
}

#menu ul ul ul{
	left: 100%;
	position: absolute; 
	top: -1px; 
} 

#menu ul ul {
    border-bottom:0;
}

#menu ul li a{
	padding:5px 5px 4px 5px;
}

#menu ul li h2 a{
	padding:5px;
}

div#menu ul ul,div#menu ul li:hover ul ul,div#menu ul ul li:hover ul ul{
	display: none;
} 

div#menu ul li:hover ul,div#menu ul ul li:hover ul,div#menu ul ul ul li:hover ul{
	display: block;
} 

#menu ul li.arrow{
	background:url(if/classicbodensee/bg-submenue.png) repeat-x;
}

#menu ul ul li{
    background:url(if/classicbodensee/bg_x.gif) repeat-x 0 0;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
}

#menu ul ul li:hover {
    background-position:0 -32px;
}

#menu ul:hover h2 a { 
    background-position:0 -32px;
	color:#FFF;
}

#menu ul li a[class="active arrow"] {
    background:url(if/classicbodensee/bg_x.gif) repeat-x 0 -32px;
}

#menu ul li a[class="active arrow"] {
	background:#000 url(if/arrow_white.gif) 98% center no-repeat;
	color:#FFF;
}