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

/* allgemeine Positionierung und Definitionen */
.TreeMenu {
  padding: 0;
}

.TreeMenu ul, .TreeMenu li { 
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  clear: both;
}

/* Stildefinition für 1. Ebene */

.TreeMenu ul li a { 
  padding: 3px 0 3px 0px;
  margin: 0;
  display: block; /* damit gesamte Zeile als Link aktiv wird */
  color: #000;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none;
}

/* Stildefinition für 2. Ebene */

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

/* Stildefinition für 3. Ebene */

.TreeMenu ul ul ul li a { 
  padding: 2px 0 2px 30px;
  margin: 0;
  display: block; /* damit gesamte Zeile als Link aktiv wird */
  color: #000;
  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: #005192;
  color: #fff;
  cursor: pointer;
}

/* Style aktiver Folder */
.TreeMenu li a.activeFolder {
  color: #000;
}

/* Style aktiver Folder */
.TreeMenu li a.activeFolder:hover {
  color: #fff;
}

/* Style aktiver Menupunkt */
.TreeMenu li a.activePage { 
  /*background-color: #005192;*/
  color: #005192;
}
.TreeMenu li a.activePage:hover { 
  color: #fff;
}