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

#main_menu {
  border:0;margin: 0;padding:0;
  height: 27px;
  display: inline;
  background-color: #008bc3;
}

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

ul.mainmenu, ul.mainmenu ul {
    list-style-type: none;
    z-index: 100;
    float: left;
    width: 870px;
}

ul.mainmenu li {
  padding:0;margin:0;border:0;
  float: left;
  height: 27px;
  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: 215px;
        }

/* 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: -27px; /* 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: 27px;
  overflow: hidden;
}

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

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