.fademenu {
margin-left:5px;
}

.selected {
background: url(/fileadmin/vidaverde/menu/menu_background.png) no-repeat 12px 0px;
position:relative;
z-index:3000;
}

.first a{
margin:0;
text-align:center;
}

.first span {
font-weight:bold;
font-size:1em;
line-height:1em;
color:#8DB475;
display:block;
}

.first {
color:white;
width:90px;
margin-left:-10px;
margin-top:-4px;

}

.second {
position:relative;
z-index:0;
padding-left:10px;
}

.second {
float:left;
}

.second a {
height:30px;  /*height of menu elements in second level */
width:100px;
text-align:left;
}

.fademenu img {
border:0;
margin:0;
padding:0;
}

.second img {
width:30px;
padding:0 !important;
float:left;
}

.second span {
margin-left:4px !important;
float:left;
width:60px;
color:white;
height:30px;
}

.fademenu span {
border:0;
margin:0;
padding:0;
}

/* ################### */

.fademenu ul{
margin: 0;
padding: 0;
width: 80px; /* Main Menu Item widths */
list-style-type: none;
font: 10px Verdana;
}
 
.fademenu ul li{
position: relative;
}

/* Top level menu links style */
.fademenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
text-decoration: none;
color:black;
padding: 6px;
}

.fademenu ul li a:link, .fademenu ul li a:visited, .fademenu ul li a:active{}
.fademenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/}
.fademenu ul li a:hover{}

/*Sub level menu items */
.fademenu ul li ul{
position: absolute;
/* Sub Menu Items width */
width: 260px; 
top:-20px;
margin-left:-4px;
font-weight: normal;
visibility:hidden;
}

/* Holly Hack for IE \*/
* html .fademenu ul li { float: left; height: 1%; }
* html .fademenu ul li a { height: 1%; }
/* End */