.preload1 {background: url(img/blank_over.gif);}
.preload2 {background: url(img/blank_overa.gif);}

#summer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	list-style-type:none;
	position:relative;
	margin:0;
	padding:0;
}

#summer li {
	display:block;
	float:left;
}

#summer li a {
 display:block;
	float:left;
	height:40px;
	line-height:40px; 
	color:#efd595; 
	text-decoration:none;
	padding:0 0 0 10px; 
	cursor:pointer;
	background: url(img/blank.gif);
}

#summer li a span {
	float:left; 
	display:block; 
	padding:0 15px 0 5px; 
	height:40px;
	background:url(img/blank.gif) right top;
}

#summer li a span.down {
float:left; 
display:block; 
padding:0 20px 0 8px; 
height:40px; 
background:url(img/blanka.gif) no-repeat right top;
}

#summer li a:hover {color:#fff; background: url(img/blank_over.gif) no-repeat;}
#summer li a:hover span {background:url(img/blank_over.gif) no-repeat right top;}
#summer li a:hover span.down {background:url(img/blank_overa.gif) no-repeat right top;}

/*wenn man auf Untermenu überfährt bleibt der first level angeklickt*/
#summer li:hover > a {color:#fff; background: url(img/blank_over.gif) no-repeat;}
#summer li:hover > a span {background:url(img/blank_over.gif) no-repeat right top;}
#summer li:hover > a span.down {background:url(img/blank_overa.gif) no-repeat right top;}

/* Default list styling */

#summer li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#summer ul, 
#summer li:hover ul ul,
#summer li:hover ul li:hover ul ul,
#summer li:hover ul li:hover ul li:hover ul ul,
#summer li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

/*So erscheinen dann die Untermenüs*/
#summer li:hover ul.sub {
	left:0;
	top:40px; /*Position nach unten der Untermenus*/
	background:#fff; 
	padding:3px; 
	border:1px solid #e3b338; 
	white-space:nowrap; 
	width:140px; 
	height:auto; 
	z-index:300;
}

#summer li:hover ul.sub li {
	display:block; 
	height:20px; 
	position:relative; 
	float:left; 
	width:140px; 
	font-weight:normal;
}

#summer li:hover ul.sub li a {
	display:block; 
	font-size:11px; 
	height:20px; 
	width:130px; 
	line-height:20px; 
	text-indent:5px; 
	color:#000; 
	text-decoration:none; 
	background:none;
}

#summer ul.sub a span 
{background:none; height:20px; line-height:20px;}

#summer li:hover ul.sub li a:hover 
{background:#ecb52e; color:#fff;}

#summer li:hover ul li:hover ul,
#summer li:hover ul li:hover ul li:hover ul,
#summer li:hover ul li:hover ul li:hover ul li:hover ul,
#summer li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #c8371f; white-space:nowrap; width:90px; z-index:310; height:auto;}

/*****************************************************************************
* In this section, we will define what happens when a menu item is selected  *
*****************************************************************************/
#summer li.selected a {
 display:block;
	float:left;
	height:40px;
	line-height:40px; 
	color:#FFFFFF; 
	text-decoration:none;
	padding:0 0 0 10px; 
	cursor:pointer;
	background: url(img/blank_overa.gif);
}

#summer li.selected a span {
	float:left; 
	display:block; 
	padding:0 15px 0 5px; 
	height:40px;
	background:url(img/blank_over.gif) right top;
}

#summer li.selected a span.down {
float:left; 
display:block; 
padding:0 20px 0 8px; 
height:40px; 
background:url(img/blank_overa.gif) no-repeat right top;
}

/*Sottosezione selected*/
#summer ul.sub a span 
{background:none; height:20px; line-height:20px;}

#summer li.selected ul.sub li a.selected 
{background:#c8371f; color:#fff;}