#navAbstand{
  margin:10px;
  margin-left:0px;
  padding:0px;
  float:left;
  width:210px;
  height:100% ! important;
}



#navheight_vert {
  margin:0px;
  padding:0px;
  
}

.nav1st {
  text-indent:10px;
  margin:0px;
  padding:0px;
}

.nav1st li {
  list-style-type:none;
   border-left:1px solid #e0e0e0;
   border-right:1px solid #e0e0e0;
   border-top:1px solid #ffffff;
   background-color:#e0e0e0;
   line-height:20px;  
}

.nav1st li a:link{
   text-decoration:none;
   color:#e14e99;
}

.nav1st li a:visited{
   text-decoration:none;
   color:#e14e99;
}

.nav1st li a:hover{
   text-decoration:none;
   color:#e14e99;
}



.nav2nd {
  text-indent:20px;
  border-top:1px solid #e0e0e0;
  border-bottom:1px solid #e0e0e0;
  margin:0px;
  padding:0px;
}


.nav2nd li {
  list-style-type:none;
  list-style-position:outside;
  background-color:#ffffff; 
}


.nav2nd li a{
  color:#727677;
}

.current{
  background:url(navhg.gif) repeat-x;
  display:block;
}

.active a{
  color:#727677 ! important;
}


.nav3rd li a{
  color:#727677;
}

.nav3rd li {
  border-right: 0px;
}










/*       <div id="navheight_vert">
        <ul class="nav1st">
         <li><a href="index.php?article_id=22">Testkategorie</a></li>
         <li><a href="index.php?article_id=21">Home</a></li>
         <li><a href="index.php?article_id=2">Team</a></li>
         <li><a class="current" href="index.php?article_id=3">System</a></li>
           <ul class="nav2nd">
             <li class="active"><a href="index.php?article_id=8">Was ist REDAXO</a></li>
             <li><a href="index.php?article_id=9">F? ist REDAXO</a></li>
             <li><a href="index.php?article_id=10">Features</a></li>
             <li><a href="index.php?article_id=11">Screenshots</a></li>
           </ul>
           <li><a href="index.php?article_id=4">Erste Schritte</a></li>
           <li><a href="index.php?article_id=6">Kontakt / Impressum</a></li>
         </ul>
       </div> */