/* 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;
}

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

/* Stildefinition für 1. Ebene */
#TreeMenu ul li a { 
  padding: 5px 0 0 5px;
  margin: 0;
  height: 22px;
  color: #000; 
  font-size: 100%;
}

/* Stildefinition für 2. Ebene */
#TreeMenu ul ul li a { 
  padding: 5px 0 0 5px;
  margin: 0;
  height: 22px;
  color: #000; 
  font-weight: normal;
  font-size: 80%;
}

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

/* Stildefinition für 4. Ebene */
#TreeMenu ul ul ul ul li a { 
  padding-left: 2.25em;
  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 { 
  height: 22px;
  background-color: #F8F3ED;
  cursor: pointer;
}

/* Style aktiver Menupunkt */
#TreeMenu li a.activePage { 
  height: 22px;
  color: #952D34;
  font-weight: bold;
}

/* Style aktiver Menupunkt */
#TreeMenu li li a.activePage { 
  height: 22px;
  color: #952D34;
  font-weight: normal;
}


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

#TreeMenu div.item_active {
  width: 1px; height: 22px;
  margin: 0;
  padding-right: 2px;
  /*background-image: url(../images/menuitem_active.gif);*/
  background-repeat: no-repeat;
  float: left;
  cursor: pointer;
}

#TreeMenu li li div.item {
  width: 15px; height: 22px;
  margin: 0;
  padding-right: 2px;
  background-image: url(../images/menuitem.gif);
  background-repeat: no-repeat;
  float: left;
  cursor: pointer;
}

#TreeMenu li li div.item_active {
  width: 15px; height: 22px;
  margin: 0;
  padding-right: 2px;
  background-image: url(../images/menuitem_active.gif);
  background-repeat: no-repeat;
  float: left;
  cursor: pointer;
}


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

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

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

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