#login_menu {
  border: 0;
  margin: 0;
  padding: 0;
/*  width: 63px;*/
  height: 31px;
  overflow: hidden;
  text-align: right;
}

#main_menu {  
  border:0;margin: 0;padding:0;
  height: 31px;
  display: inline;
  background-color: #0095bd;
}

ul.mainmenu {
  padding:0; margin:0;border:0;
  z-index: 100;
}

ul.mainmenu, ul.mainmenu ul {
    list-style-type: none;
    z-index: 100;
}

ul.mainmenu li {
  padding:0;margin:0;border:0;
  float: left;
  height: 31px;
  width: auto;
}

/* Für Unterpunkte keine Float-Eigenschaft */
ul.mainmenu ul li {
    float: none;
    background-color: transparent;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.mainmenu ul li.hover, 
ul.mainmenu ul li:hover {
    background-color: white;
}

/* Zweite Ebene */
        ul.mainmenu ul {
              margin:0;padding: 0;border:0;
              position: absolute;
              background-color: #26383D;
              display: none;
              width: 180px;
        }

/* Zweite Ebene anzeigen */
        ul.mainmenu li.hover ul, 
        ul.mainmenu li:hover ul  {
              display: block;
        }
        
/* Dritte Ebene */
        ul.mainmenu li.hover ul ul, 
        ul.mainmenu li:hover ul ul {
              display: none;
              margin-left: 180px; /* Breite eines Listenelements - Überlagerung */
              margin-top: -31px; /* Höhe eines Listenelements */              
        }

/* Dritte Ebene anzeigen */
        ul.mainmenu li.hover ul li.hover ul, 
        ul.mainmenu li:hover ul li:hover ul {
              display: block;
        }
        
ul.mainmenu a {
  display: block;
  height: 31px;
  overflow: hidden;  
}

ul.submenu a {
    display: block;
    height: 24px;
    color: white;
    background-color: #a596a3;
    padding-top: 7px;
    padding-left: 13px;
}

ul.submenu a:hover {
  color: #cc3300;
  background-color: #f8f9fa;
}