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

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

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

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

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

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

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

/* Stildefinition für 4. Ebene */
div#TreeMenu ul ul ul ul li a { 
  padding-left: 40px;
  color: #fff;
  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: #F00; 
  background-color:#DBDBDB; 
}

/* Style aktiver Menupunkt */
div#TreeMenu li a.activePage { 
  color: #ff0; 
  /*font-weight: bold;
  background-color: #DBDBDB;*/
}

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

div#TreeMenu div.item {
  /*width: 9px; height: 9px;
  margin: 2px 0 0 0;
  background-image: url(../images/blank.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 0;
  background-image: url(../images/blank.gif);
  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 0;
  background-image: url(../images/blank.gif);
  background-image: url(../images/plus.gif);
  background-repeat: no-repeat;*/
  float: left;
  cursor: pointer;
}

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

* html div#TreeMenu div.imageSpace {
  margin-left: 5px;
}