/********************** Ebene 1 *********************/
#topmenu ul.menu { 
  /* top: -30px; */
	margin: 8px auto 2px 10px;
	padding: 0 0 0 0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1em; 
	z-index:100;
	display:inline-block;
	border-radius: 0px !important;
  /* background-color: rgba(255,255,255,0.8); */
  /* background: url('../images/trbk.png') repeat; */
}

#topmenu ul#sub  { 
  border-left: 0px solid #fff;
}
	
#topmenu ul.menu li {
	list-style:none;
   font-size:90%;
   font-weight: bold;
	float:left;
	position:relative;
   padding: 0px;
   margin: 0px 0px 0.2em 0px;
}

#topmenu ul.menu li a {
  text-align:left;
  display:block;
  padding: 0 2.2em 2px 0.2em;	/* height of level1 links */
  margin-left: 0px;
  /* min-width: 4em; */
  text-decoration: none;
  color: #222;
  background-color: transparent; /* Hintergrund normal */
  border-left: 1px solid #bbbbbb;
}

#topmenu ul.menu li a span {
	vertical-align:middle;
}

/***************** Ebene 2 ********************/

#topmenu ul.menu ul {
	display:none;
	margin:0px auto 0 auto;
	padding:1em 0 0 0;

	list-style-type:none;
	list-style-position:outside;
	
   position:absolute;
   top: 100%;
   left: 0px;   
   
	line-height:1em; 
	z-index:999;
 
  -webkit-box-shadow: #666 4px 4px 4px;
  -moz-box-shadow: #666 4px 4px 4px;
  box-shadow: #666 4px 4px 4px; 

  background-color: rgb(250,250,250);
  border-left: 1px solid #bbb;
	border-radius: 0px !important;
}

#topmenu ul.menu ul li {
	list-style:none;
   font-size:90%;
   font-weight: bold;
	float:left;
	position:relative;
   padding: 0;
   margin: 0;
	border: 0 !important;
	text-align:left;
   /* width: 100%; */
   height: 100%;
}

#topmenu ul.menu li ul li a {
  padding:6px 8px 4px 8px !important; /* height of level2 links */ 
  min-width:16em;
  margin-left: 0px;
  border-left: 0px;
}

/* Icon bei Menüeinträgen anzeigen, die weitere Unterpunkte enthalten */
#topmenu ul.menu ul li.parent a {
  background: transparent url("../images/j_arrow_blue.png") no-repeat scroll right 50%;
}

#topmenu ul.menu li ul li a, 
#topmenu ul.menu li.active ul li a { /* #topmenu ul.menu li ul li span.separator,  */
  color: #222;
  background-color: transparent;
}

#topmenu ul.menu li ul li a:hover, #topmenu ul.menu li.active ul li a:hover {
  color: rgb(255,255,255);
  background-color: #6699CC; /* rgb(114, 180, 202); */ /* graublau */
}

/* Level 2 anzeigen, beim Hovern */
#topmenu ul.menu li:hover > ul {
   display:block;
}

/***************** Ebene 3 ********************/

#topmenu ul.menu li ul li ul {
  display:none;
  position:absolute;
  top:0em;
  left:100%;
  padding: 0;

  margin:0px auto;
	list-style-type:none;
	list-style-position:outside;
}

#topmenu ul.menu li ul li ul li {
	list-style:none;
   font-size:90%;
   font-weight: bold;
	float:left;
	position:relative;
   padding: 0;
   margin: 0;
	border: 0 !important;
	text-align:left;
   width: 100%;
   height: 100%;
}

/* keine Icons bei Menueeintraegen anzeigen */
#topmenu ul.menu ul li.parent ul li a {
  background: none;
  background-color: transparent;
}

/* Level 3 anzeigen, beim Hovern */
#topmenu ul.menu li ul li:hover > ul {
   display:block;
   filter: none;
}

/** LEVEL 1 **/

#topmenu ul.menu li.active a, ul.level1 li.active a {
  background-color: transparent;
  color: #315f8c; /* logohellblau abgedunkelt */ /* altes grünblau rgb(4, 137, 182); */ /* #6699CC; logohellblau */ 
}

#topmenu ul.menu a:hover, ul.level1 a:hover, #topmenu ul.menu li.active a:hover, ul.level1 li.active a:hover {
  /*background-color: rgb(114, 180, 202);*/
  color: #315f8c; /* logohellblau abgedunkelt */ /* altes grünblau rgb(4, 137, 182); */
}

/** LEVEL 2 **/


/** LEVEL 3 **/

#topmenu ul.menu li ul li ul li a {
  color: #222;
  background-color: transparent;
  border-bottom: 0px;
}

#topmenu ul.menu li ul li ul li a:hover, #topmenu ul.menu li.active ul li a:hover {
  color: rgb(255,255,255);
  background-color: #6699CC; /* rgb(114, 180, 202); */
}