/*
|| main menu by condition
*/
ul#menu{
   list-style-type: none;
   /*
   background-image: url(mainmenubg.jpg);
   background-repeat: no-repeat;
   */
   margin: 0;
   padding: 0;
   margin-top: 20px;
   width: 270px;
   float: right;
}
/* all items */
ul#menu li{
   font-size: 12px;
   font-family: Arial, Verdana, Helvetica, Times New Roman;
   /* height should be same as background bullet height*/
   min-height: 15px;
   border: 0;
}
/* vertical menu text alignment */
ul#menu li a:link,
ul#menu li a:visited,
ul#menu li a:active,
ul#menu li span{
   padding-top: 6px;
   padding-bottom: 6px;
}
ul#menu li a:link,
ul#menu li a:visited,
ul#menu li a:active{
   font-family: Arial, Verdana, Helvetica, Times New Roman;
   padding-left: 20px; /* macht platz für background bullets */
   font-size: 12px;
   text-decoration: none;
   min-height: 15px;
   display: block;
}
ul#menu li a:hover,
ul#menu li a:focus{
   font-family: Arial, Verdana, Helvetica, Times New Roman;
}
/* NO Items */
ul#menu li.menu-no{
}
ul#menu li.menu-no a:link,
ul#menu li.menu-no a:visited,
ul#menu li.menu-no a:link,
ul#menu li a:active{
}
ul#menu li.menu-no a:hover,
ul#menu li.menu-no a:focus{
}
/* ACT items */
ul#menu li.menu-act{
}
ul#menu li.menu1-act a:link,
ul#menu li.menu1-act a:visited,
ul#menu li.menu1-act a:link,
ul#menu li.menu1-act a:active{
   background-image: url(pfeil-rechts-blau.gif);
   background-repeat: no-repeat;
   background-position: 20px 8px;
}
ul#menu li.menu1-act a:hover,
ul#menu li.menu1-act a:focus{
   background-image: url(pfeil-rechts-weiss.gif);
   background-repeat: no-repeat;
   background-position: 20px 8px;
}
/* CUR items */
ul#menu li.menu1-cur{
   background-image: url(pfeil-rechts-weiss.gif);
   background-repeat: no-repeat;
   background-position: 20px 8px;
}
ul#menu li.menu2-cur{
   background-image: url(punkt.gif);
   background-repeat: no-repeat;
   background-position: 35px 10px;
}
ul#menu li.menu-cur span{
   display: block;
}
/*
|| main menu by layer
*/
/* layer 0 */
ul#menu li.menu0{
   background-color: #898989;
   color: #ffffff;
}

ul#menu li.menu0-act,
ul#menu li.menu0-cur{
   border-top: 1px dotted #ffffff;
   border-bottom: 1px dotted #ffffff;
   background-color: #707789;
}

ul#menu li.menu0 a:link,
ul#menu li.menu0 a:visited,
ul#menu li.menu0 a:link,
ul#menu li.menu0 a:active{
   color: #ffffff;
   padding-left: 20px;
}
ul#menu li.menu0 a:hover,
ul#menu li.menu0 a:focus{
}
/* layer 1 */
ul#menu li.menu1{
   background-image: url(pfeil-rechts-weiss.gif);
   background-repeat: no-repeat;
   background-position: 20px 8px;
   margin-top: -1px;
   border-bottom: 1px dotted #ffffff;
   background-color: #707789;
   color: #ffffff;
}
ul#menu li.menu1 a:link,
ul#menu li.menu1 a:visited,
ul#menu li.menu1 a:link,
ul#menu li.menu1 a:active{
   background-image: url(pfeil-rechts-blau.gif);
   background-repeat: no-repeat;
   background-position: 20px 8px;
   padding-left: 35px;
   color: #D9E2F1;
}
ul#menu li.menu1 a:hover,
ul#menu li.menu1 a:focus{
   background-image: url(pfeil-rechts-weiss.gif);
   background-repeat: no-repeat;
   background-position: 20px 8px;
   color: #ffffff;
}
/* layer 2 */
ul#menu li.menu2{
   background-color: #707789;
   color: #ffffff;
   margin-top: -1px;
   border-bottom: 1px dotted #ffffff;
}
ul#menu li.menu2 a:link,
ul#menu li.menu2 a:visited,
ul#menu li.menu2 a:link,
ul#menu li.menu2 a:active{
   color: #D9E2F1;
   padding-left: 45px;
}
ul#menu li.menu2 a:hover,
ul#menu li.menu2 a:focus{
   background-image: url(punkt.gif);
   background-repeat: no-repeat;
   background-position: 35px 10px;
   color: #ffffff;
}
/*
|| combindes styles
*/
ul#menu li.menu0-no{
}
ul#menu li.menu1-no{
}
ul#menu li.menu0-act{
}
ul#menu li.menu1-act,
ul#menu li.menu1-act a:link,
ul#menu li.menu1-act a:visited,
ul#menu li.menu1-act a:active,
ul#menu li.menu1-act a:focus,
ul#menu li.menu1-act a:hover{
  background-image: url(pfeil-unten.gif);
  background-repeat: no-repeat;
  background-position: 20px 8px;
  color: #ffffff;
}
ul#menu li.menu0-cur{
/* = ul#menu li.menu0 a:active -> padding-left */
  padding-left: 20px;
}
ul#menu li.menu1-cur{
/* = ul#menu li.menu1 a:active -> padding-left */
  padding-left: 35px;
}
ul#menu li.menu2-cur{
/* = ul#menu li.menu2 a:active -> padding-left */
  padding-left: 45px;
}