/*** Vertical navigation menu ***/

/*
      <div id="navigation">
        <ul>
          <li class="title">Titel</li>
          <li><a href="../index.shtml">Profil</a></li>
          <li class="menuactive"><a href="../leistung/index.shtml">Dienstleistungen</a>
            <ul>
              <li><a href="">Lesen</a></li>
              <li class="menuactive"><a href="">Schreiben</a></li>
              <li><a href="">Anhören</a></li>
            </ul>
          </li>
          <li><a href="../service/index.shtml">Service</a></li>
          <li><a href="../kontakt/index.shtml">Kontakt</a></li>
          <li><a href="../impressum.shtml">Impressum</a></li>
       </ul>
      </div>
*/

/* @import url(nav-vert2.css);*/ /* vert. navigation */

/*
#sidebar-left {
  padding-left: 5px;
}
*/


/* vertical navigation in a sidebar */

#navigation {
  width: 100%; /*160px;*/  /* LC - 20 */
  padding: 10px 0 0 0px;
  background: #f3f2eb;
}
#navigation .title {
  color: #404040;
  background-color: #E6DFCF;
  font-weight: bold;
  margin: 0;
  padding: 0.8ex 1ex;
}
#navigation ul {
  margin-left: 0;
}
#navigation li {
  list-style-type: none;
  margin: 0;
  padding: 4px 8px 4px 18px;
}
#navigation a {
  display: block; /* transform a-element from inline-box to block box */
  text-decoration: none;
  color: #A68C53; 
  background: transparent;
} 
#navigation a:hover {
  color: #404040;
}
#navigation li.menuactive>a {
  color: black;
} 
/****** 2. Ebene ********/
#navigation li ul {
  font-size: 90%;
  margin-top: 2px;
}
#navigation li li {
  padding: 2px 0;
  margin-left: 9px;
}
#navigation li li a {
  color: #A68C53; 
} 
#navigation li li.menuactive>a {
  color: black;
} 
/* IE fixes */
* html #navigation ul,
* html #navigation a,
{ height: 1%; }  /* hasLayout fix for IE5x, IE6 */
* html #navigation li {  /* fix for IE5x */
  float: left;
  width: 100%;
}