@charset "utf-8";
/* CSS Document */

/*=========== Ausploppendes Menü ===========*/

#popupmenu{
	/*position: relative;*/
	width:130px;
    margin: 5px;
    padding:5px;
    text-align:center;
    font: normal 13px "Trebuchet MS",verdana, sans-serif;
    background:TRANSPARENT;	
}

#popupmenu ul{
	list-style-type: none;
	margin: 0;  
	padding: 0;
	z-index:1000;  
}


#popupmenu ul li,
#popupmenu ul li ul li,
#popupmenu ul li ul li ul li,
#popupmenu ul li ul li ul li ul li
{ 
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: static;
		z-index:1000;  
}
/* add more for each extra submenu level*/
#popupmenu ul li ul,
#popupmenu ul:hover li ul li ul,
#popupmenu ul:hover li ul li ul li ul,
#popupmenu ul:hover li ul li ul li ul li ul
{ 
	display: none;
	z-index: 1000;
}



/* First submenu level*/       /*  HIER SPIELT DIE MUSIK !!!!  DIES IST DAS SUBMENÜ */
#popupmenu  > ul > li:hover > ul{
	display: block; /*unhide it*/
	position: relative; /* It needs to be absolute
	for the effect to work.*/
	z-index:1000;
	left:0px;  /* original 110px */
	width: 130px; /*original 100px */
	bottom: 0px;  /*original 15px*/ /* This places the the bottom of the 
	ul 1.1em from the bottom of the enclosing li. This 
	is the important part of the effect.*/
	
	
}
/* For the remaining submenu levels*/
/* add more for each extra submenu level*/
#popupmenu  ul  li  ul  li:hover  ul,
#popupmenu  ul  li  ul li ul li:hover  ul,
#popupmenu  ul  li  ul li ul li ul li:hover  ul{
	/*float: right;*/
	display: block;
	position: absolute;
	
	width: 7em;
	left: 6em;
	bottom: 3px; /* Required with some value or
	the effect will not work*/
}
#popupmenu ul li:hover ul li{ 
	display: block;  
 	width: 100%;
}



#popupmenu ul li a{
display: block;
border: solid 1px #000;
background-color:#FFBF00;
color:#800000;
text-decoration:none;
margin-bottom: 1px;
margin-top: 1px;
padding-left: 5px;
height: 24px;
line-height: 24px;
}
/* The on state for the link when you are on the submenu.
This should be before the hover state for the link itself*/
#popupmenu ul li:hover > a{
background-color:#FF7F00;
                color:#000;
                border: solid 1px #000;

}
#popupmenu ul li a:hover
{ 
	background-color:#FF7F00;
                color:#FFF;
                border: solid 1px #000;
}

#popupmenu ul li ul li a{ 

border: solid 1px #000;
background-color:#e1dcc6;
color:#800000;
text-decoration:none;
margin-bottom: 1px;
margin-top: 1px;
padding-left: 5px;
height: 24px;
line-height: 24px; 
 }

#popupmenu ul li ul li:first-child a{
	border-width: 1px 1px 1px 1px;
}