/* ====================
    Generic
   ====================  */
* {
--font-family: "Droid Sans", sans-serif;
margin: 0;
padding: 0;
}

#topmenue {
width: 100%;
background: url(../img/bgnoise.png);
color: black;
font-size: 14px;
line-height: 1.4em;
}

#mainnav li.submenue a {
	background: url(../img/bgsubmenue.png) no-repeat 240px center;
}


/* ====================
    Navigaiton
   ==================== 
   
    erstes Level
   -------------------- */

#mainnav {
width: 100%;
height: 30px;
margin-top:10px;
padding-top: 5px;
background: url(../img/menubg.jpg) repeat-x;
background: linear-gradient(black 0%, white 33%, #fefefe 50%, white 67%, black 100%);
}

#mainnav a {
color: black;
text-decoration: none;
}

#mainnav ul {
list-style-type: none;
}

#mainnav li {
float: left;
position: relative;
z-index: 10;
margin-right: 25px;
}

#mainnav > li.last {
margin-right: 0;
}

#mainnav li > a {
padding: 20px 0px 0px 5px;
background-position: 0 12px;
font-weight:900;
transition: background .2s ease-in-out; 
}

#mainnav li.current > a, #mainnav li > a:hover {
/* background: url(../img/dot.png) no-repeat 0 21px; */
} 

/*   
    zweites Level
   -------------------- */

#mainnav li ul {
display: none;
width: 250px;
position: absolute;
top: 29px;
left: 0;
background: rgba(255,255,255,.9); 
border-radius: 0 0 5px 5px;
border:1px solid black;
border-top:none;
}

#mainnav li li  {
margin-right: 0px;
}

#mainnav li li.first {
background:linear-gradient(black 0%, rgba(255,255,255,.9) 25%);
}


#mainnav li li.spacer {
border-top:1px dotted black;
}

#mainnav li li a {
font-weight:500;
display: block;
width: 240px;
padding: 5px 5px;
background: none;
/* -webkit-transition: background .2s ease-in-out;
-moz-transition: background .2s ease-in-out;
-o-transition: background .2s ease-in-out;
-ms-transition: background .2s ease-in-out;
transition: background .2s ease-in-out; */
}

#mainnav li li.current a, #mainnav li li a:hover {
background: rgba(0,0,0,.5);
color:white;
}




/*   
    drittes Level
   -------------------- */

#mainnav li li ul {
display: none;
width: 250px;
position: absolute;
top: 10px;
left: 240px;
background: rgba(255,255,255,.9);
border-radius: 5px 5px;
border:1px solid black;
border-top:none;
}
#mainnav li li li.first {
	border-radius: 5px 5px 0 0;
	border-top:1px solid black;
	background: rgba(255,255,255,.9);
}