div#mainmenu {
	
	padding: 0px;
   	display: block;
	
   	font-family: Arial, sans-serif;
 	width:800px;
	z-index: 16;
	background:transparent;
        margin-left: -3px;
}



#menue_oben
{
    position:absolute;
    top: 120px;
    left: 1px;
    background-color:transparent;  
    padding:0px;
    z-index: 16;
background-color:transparent;
background-image: url(../img/header1.jpg);
	height: 24px;width:798px;min-width:798px;
}

#menue_oben a {
  display:block;
  font-family: Verdana,Helvetica,Geneva,sans-serif;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  background-color:transparent;
  color: #FFFFFF;
}

#menue_oben a:hover {

  color: #eceaF4;

}
#menue_oben a:visited {
}
#menue_oben .active {

  background-color:transparent;
  color: #ffffff;

}



.topmenul1 {
	list-style:none;			/* Default styles for all menu's */
	margin:0px;
	padding:0px 0px;
        background-color:transparent;
}

.topmenul2 {
    list-style:none;			/* Default styles for all menu's */
	margin:0px;
	padding:0px 0px;
}

.topmenul1 li {
	float:left;			/* First level menu's needs to float left */
	position:relative;			/* Relative positiong because lower level menu's needs to be absolute */
        background-color:transparent;
}



.topmenul1 a {
 
  width: 160px;
  font-size: 14px;
  background-color:transparent;
  color: #000099;
  
  
  font-family: Verdana,Helvetica,Geneva,sans-serif;
  font-weight: normal;
  text-align: center;
  vertical-align: bottom;
  text-decoration: none;
}

.topmenul1  a:hover {			/* Needed for IE aswell */
	color:white;
	background-color:transparent;
	border-bottom: 4px solid #eceae4;
	/*border-bottom: 1px solid #eceae4;*/	/* no border, remove the style from level1 a tags */
}


/* Start second level and lower menu's */
.topmenul1 .topmenul2  {
	display:none;				
	position:absolute;			/* We position absolute (relative to l1) */
	width:auto;				/* Default width for sub-menu's */
	/*border:1px solid black;	*/	/* Border around the sub-menu's */
	z-index:16;				/* We set a z-index these menu's will show up above other menu items, works in non IE */
	left:0px;				/* Left to 0 and for IE we move one extra pixel down */	
	top:20px !important;
	top:20px;
	/*border-bottom: 1px solid #eceae4;*/
        padding: 0px 0px;
    border-left: 1px solid #ccffdd;
    border-right: 1px solid #afcfac;
    border-bottom: 1px solid #669966;
height: auto;

}

.topmenul1 .topmenul2 .topmenul2, .topmenul1 .topmenul2 .topmenul2 .topmenul2 {
	left:159px;				/* Move away from second level menu for second level and lower */
	top:-1px !important; 			/* Border = 1px so we need to move one up aswell !important to overrule the !important above*/
}

.topmenul1 li {
	padding:0px 0px;  			/* Controls the height per menu item on second level and lower */
	
	border-bottom: 4px transparent;
        font-size:14px;
	/* ICON LINKS VOR LINK */
	/*
	background-image:url(../images/arrow-b1.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	*/	
}

/* TOPMENU 2 */

.topmenul2 {

	height:26px;
        border-bottom: 1px solid #000000;
	/* ICON LINKS VOR LINK */
        background:transparent;

} 

.topmenul2 a {
  display:block;
  padding: 4px 0px;
  
  border-bottom: 1px solid #EFEFEF;
  font-size: 11px;
  color: #005500;
  padding-left: 0px;
  background: #EEFFEE;
  font-family: Verdana,Helvetica,Geneva,sans-serif;
  font-weight: normal;
  text-align: center;
  vertical-align: bottom;
  text-decoration: none;
}

.topmenul2 a:hover {			/* Needed for IE aswell */
	color:#ffffff;
        background-color: #aaffaa;
}



/* TOPMENU 3 */



 .topmenul3 li {
	padding:1px 0px;  			/* Controls the height per menu item on second level and lower */
	background-color: #202020;
	border-bottom: 1px solid  #EFEFEF;
	/* ICON LINKS VOR LINK */
	margin-left: 150px;
	/*
	background-image:url(../images/arrow-b1.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	*/	
	/*opacity:0.85; filter:alpha(opacity=85);*/
} 
.topmenul3 a {
	display: block;
	vertical-align: top;
	width: 150px;
	font-size: 11px;
	background-color: #EFEFEF;

}

.topmenul3 a:hover {			/* Needed for IE aswell */
	color:white;
	background-color:#404040;
	/*border-bottom: 1px solid #eceae4;*/	/* no border, remove the style from level1 a tags */
}




/* TOPMENU 4 */


/* Little arrows for the menus */
.topmenul1-ifsub a {
	width:158px; height: 20px;
        color: #FF0000;
        
}

.topmenul2-ifsub a {
	background-image:url(../img/arrow1.gif);
        color: #FF0000;
        
}


.topmenul1 .hoveratag {
	background-color:#aaffaa;		/* Hack in javascript, this will highlite teh a tag of the menu above */
	border:0px solid black;			/* We could do this with CSS (.topmenul1 li:hover > a) But IE doesn't support that */
}