/* Pulldown menue  */

ul.menu {
    display:inline;
    float:left;
    /*margin:0.5em 0 0 110px;*/
    margin:0 0 0 110px;
}

ul.menu, ul.menu ul {
    list-style-image:none;
    list-style-type: none !important;
    z-index:99999;
}

ul.menu a {
    display: block;
    padding:8px 14px 11px 14px;
    font-weight:normal;
    color:#FFFFFF;
    font-size:105%;
    background:transparent;
    letter-spacing:0.02em;
}

ul.menu ul a {
    background:#00AFE1;
    padding:10px 10px 9px 10px;
}

ul.menu ul a:hover {
    background:#59CBEB;
}

ul.menu li {
    padding:0;
    margin:0;
    background-image: none;
    background-color: transparent;
    float:left;
    line-height:17px;
    /*border:1px solid #26383D;*/
}

ul.menu li.withSub {
    background-image: url("../../img/navi_dreieck.png");
    background-repeat:no-repeat;
    background-position: 100% 55%;
    /*margin-right:4px;*/
}

ul.menu li.withSub a{
    padding-right:14px;
}

ul.menu li a.active,
ul.menu li a:active,
ul.menu li a:hover,
ul.menu li a:visited,
ul.menu .mainmenuactive
   {text-decoration:none;}

ul.menu li a.active,
ul.menu li a:active,
ul.menu li a:hover,
ul.menu .mainmenuactive
   {text-decoration:none;}

ul.menu ul {
    margin:0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
    display:none;
    min-width:200px;
    margin-left:0;
    -webkit-box-shadow: 2px 2px 2px #626262; /* webkit browser*/
    -moz-box-shadow: 2px 2px 2px #626262; /* firefox */
    box-shadow: 2px 2px 2px #626262;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    display:block;
    background-color: #59CBEB;
}

ul.menu ul li {
    float:none;
    background-color: transparent;
    border-top:1px solid #FFFFFF;
}

ul.menu li:hover{
  background-color: #59CBEB;
}