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

/* allgemeine Positionierung und Definitionen */
.treemenu {
  padding: 0;
  margin: 10px 0 0 0;
  text-align: right;
  font-size: 130%;
}

.treemenu ul, .treemenu li { 
  padding: 0;
  margin: 0;
  list-style-type: none;
  clear: both;
  background-image: none;
}

/* Stildefinition für 1. Ebene */

.treemenu ul li a { 
  padding: 2px 20px 2px 0px;
  margin: 0px 0;
  display: block; /* damit gesamte Zeile als Link aktiv wird */
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
}

/* Stildefinition für 2. Ebene */

.treemenu ul ul li a { 
  padding: 2px 20px 2px 0px;
  margin: 0px 0;
  display: block; /* damit gesamte Zeile als Link aktiv wird */
  background-color: #C0C0C0;
  color: #000;
  font-size: 78.5%;
  font-weight: normal;
}

/* Stildefinition für 3. Ebene */

.treemenu ul ul ul li a { 
  padding: 2px 20px 2px 0;
  margin: 0;
  display: block; /* damit gesamte Zeile als Link aktiv wird */
  background-color: #EFEFEF;
  color: #000; 
  font-size: 78.5%;
  font-weight: normal;
}

/* Stildefinition für 4. Ebene */

.treemenu ul ul ul ul li a { 
  padding: 2px 15px 2px 0;
  margin: 0;
  display: block; /* damit gesamte Zeile als Link aktiv wird */
  color: #FFF;
  font-size: 90%;
  font-weight: normal;
}

/* für Mozilla/Firefox */
.treemenu ul > li { display: list-item; }
.treemenu li > a { width: auto; height: auto; }

/* Style MouseOver */
.treemenu li a:hover { 
  background-color: #F00;
  color: #FFF;
  cursor: pointer;
}

/* Style aktiver Menupunkt */
.treemenu li a.activePage { 
  background-color: #333;
  color: #FFF;
}