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

/* allgemeine Positionierung und Definitionen */
div#TreeMenu { 
  font-size: 14px;
}

div#TreeMenu ul, div#TreeMenu li { 
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  text-align: right;
}

div#TreeMenu li a { 
  padding: 3px 10px 3px 3px;
  text-decoration: none; 
  width: 100%; height: 100%; 
  display: block; /* damit gesamte Zeile als Link aktiv wird */
}

/* Stildefinition für 1. Ebene */
div#TreeMenu ul, li a { 
  color: #000; 
  font-weight: bold;
}

/* Stildefinition für 2. Ebene */
div#TreeMenu ul ul li a { 
  /*padding-left: 20px;*/
  color: #000; 
  font-weight: normal;
}

/* Stildefinition für 3. Ebene */
div#TreeMenu ul ul ul li a { 
  padding-left: 30px;
  color: #000; 
  font-weight: normal;
}

/* Stildefinition für 4. Ebene */
div#TreeMenu ul ul ul ul li a { 
  padding-left: 40px;
  color: #0D8074;
  font-weight: normal;
}

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

/* Style MouseOver */
div#TreeMenu li a:hover { 
  color: #0D8074;
  background-color: #EAEAEA;
}

/* Style aktiver Menupunkt */
div#TreeMenu li a.activePage { 
  color: #0D8074;
  /*background-color: #DBDBDB;*/
}

/* Grafiksymbol für Menupunkte */
div#TreeMenu div.item_active {
  width: 9px; height: 9px;
  margin: 2px 0 0 2px;
  /*
  background-image: url(../images/item.gif);
  background-repeat: no-repeat;
  */
  float: left;
}

div#TreeMenu div.item {
  width: 9px; height: 9px;
  margin: 2px 0 0 2px;
  /*
  background-image: url(../images/item.gif);
  background-repeat: no-repeat;
  */
  float: left;
}

/* Grafiksymbol für geöffneter Ordner */
div#TreeMenu div.folderOpened {
  width: 9px; height: 9px;
  margin: 2px 0 0 2px;
  /*
  background-image: url(../images/minus.gif);
  background-repeat: no-repeat;
  */
  float: left;
}

/* Grafiksymbol für geschlossener Ordner */
div#TreeMenu div.folderClosed {
  width: 9px; height: 9px;
  margin: 2px 0 0 2px;
  /*
  background-image: url(../images/plus.gif);
  background-repeat: no-repeat;
  */
  float: left;
  cursor: hand;
}

/* zur Einrückung des Textes neben dem Grafiksymbol */
div#TreeMenu div.imageSpace {
  /*margin-left: 17px;*/
}