/* Styles für Baummenu (Listenelemente) */

/* allgemeine Positionierung und Definitionen */
#TreeMenu { 
  padding: 0;
  margin-top: -3px;
}

#TreeMenu ul, #TreeMenu li { 
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  text-align: left;
  font-style: normal;
  background-color: #CCC;
}
  

/*** Stildefinition für 1. Ebene ***/

#TreeMenu ul li { 
  width: 100%;
  padding: 0; margin: 0;
  line-height: 0.8em;
}

#TreeMenu ul li a { 
  padding: 5px 0 5px 6px;
  display: block; /* damit gesamte Zeile als Link aktiv wird */
  color: #000; 
  font-weight: normal;
  font-size: 10pt;
  text-decoration: none;
}


/*** Stildefinition für 2. Ebene ***/

#TreeMenu ul ul li { 
  width: 100%;
  padding: 0; margin: 0;
}

#TreeMenu ul ul li a { 
  padding: 2px 4px 2px 8px;
  margin: 0 0 0 0;
  display: block; /* damit gesamte Zeile als Link aktiv wird */
  color: #000; 
  font-weight: normal;
  font-size: 75%;
  text-decoration: none;
}


/*** Stildefinition für 3. Ebene ***/

#TreeMenu ul ul ul li { 
  width: 100%;
  padding: 0; margin: 0;
}

#TreeMenu ul ul ul li a {
  padding: 2px 0 2px 6px;
  margin-left: 6px;
  display: block; /* damit gesamte Zeile als Link aktiv wird */
  color: #000; 
  font-size: 75%;
  font-weight: normal;
}


/* Style MouseOver */
#TreeMenu ul a:hover { 
  background-color: #98cbea;
  /*border-top: 1px solid #1f5b99;
  border-bottom: 1px solid #1f5b99;*/
  color: #000;
}

/* Style aktiver Menupunkt */
#TreeMenu li a.activePage { 
  background-color: #CCC;
  color: #1f5b99;
}