/*  Character Encoding is  iso-8859-1  ::  ÄÖÜäöüß  */      

div#navi {
   position: absolute;
   top: 200px;
   left: 40px;
   background-repeat: repeat-y; 
   overflow: hidden;
   width: 268px;
   padding-right: 16px; 
   font-size: 15px;
   background-color: #EEE; 
 /* border-left: 9px solid #BBB;   */
}
/* *********   ul   *********************** */

div#navi ul {
    list-style-type: none;
    margin: 12px 0 12px 0;
    padding: 0 0 0 0;
   /* white-space: nowrap;*/
    border: 0px solid blue;
    
}
/* *********   li   *********************** */
div#navi ul.menu li {
    text-align: right;
    line-height: 120%;
    border: 0px solid red;
    padding: 0 0 0 0;
    margin: 0px 0 0px 0;
}
div#navi ul.menu li.menuItem,
div#navi ul.menu li.menuItemSel {
    font-size: 16px;
    margin: 0 0 2px 0;
}
div#navi ul.menu li.subMenuItem, 
div#navi ul.menu li.subMenuItemSel
{
    font-size: 14px;
    margin: 0 24px 2px 0;
}
div#navi ul.menu li.subSubMenuItem,
div#navi ul.menu li.subSubMenuItemSel
{
    font-size: 12px;
    line-height: 100%;
  /*  width: 220px; */
    margin: 0 50px 2px 0;
    border: 0px solid red;
}   
/* *****  a  ******************* */
div#navi a {
  /* white-space: nowrap; */ 
  margin: 0px;
  font-family: arial, helvetica, sans-serif;
  text-decoration: none;
  color: gray;
}
div#navi a:link {
  color: gray;
  text-decoration: none;
}
div#navi a:visited {
  color: gray;
  text-decoration: none;
}
div#navi a:hover {
  color: gray;
  text-decoration: underline;
}
/* *****  img  ******************* */
img.l1-bullet, img.l2-bullet, img.l3-bullet {
   border: 0;
   float: right;
}
div#navi li.menuItemSel img.l1-bullet, 
div#navi li.subMenuItemSel img.l2-bullet, 
div#navi li.subSubMenuItemSel img.l3-bullet {
   background-color: silver;
}
a:link img.l1-bullet, a:link img.l2-bullet, a:link img.l3-bullet {
   background-color: gray;
}
a:visited img.l1-bullet, a:visited img.l2-bullet, a:visited img.l3-bullet {
   background-color: gray;
}
a:hover img.l1-bullet, a:hover img.l2-bullet, a:hover img.l3-bullet {
   background-color: silver;
}
img.l1-bullet {
   /* margin: 0 6px 1px 12px; */
   margin: 5px -16px 0px 8px;
}
img.l2-bullet {
   /* margin: 0 6px 1px 12px; */
   margin: 5px -14px 0px 8px;
}

img.l3-bullet {
  /*  margin: 0 6px 2px 12px; */
   margin: 4px -13px 0px 8px;
}

/* *****  input  ******************* */

div#navi input {
    margin: 4px 0 0 0;
}

div#navi input#suchtext {
   margin: 2px 6px 0 0;
   border: 1px solid silver;
}