@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

body {
        background: rgb(229,229,229);
        background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1)));
        background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );
        background-attachment: fixed;
}

#menu {
        width: 100%;
        height: 48px;
        margin: 0px auto;
        font-family: 'Droid Sans', sans-serif;
        background: #fff;
        box-shadow: 0 0 0px #aaa;
}

#menu a {
        color: #000;
        text-decoration: none;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
}

#menu .inhalt {
        width: 100%;
        margin: 0 auto;
}

#menu .inhalt ul {
        position: absolute;
        margin: 0px auto;
        list-style: none;
}

#menu .inhalt ul li {
        float: left;
        margin: 0 0 0 45px;
        padding: 0 0px;
        font-size: 24px;
        font-weight: bold;
        line-height: 50px;
}

#menu .inhalt>ul>li:hover {
        height: 50px;
        margin-top: -5px;
        background: #eee;
        border-top: 5px solid #333;
        box-shadow: 0 0 5px #aaa;
}

#menu .inhalt ul li img {
        float: left;
        width: 16px;
        height: 16px;
        margin: 14px 5px ;
        padding: 6px;
        background: #000;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
}

#menu .inhalt ul li ul {
        top: -9999px;
        min-width: 100px;
        background: #eeeeee;
        background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff));
        background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
        background: -o-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
        background: -ms-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
        background: linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
        padding: 0;
        margin: 0 0 0 0px;
        box-shadow: 0 1px 5px #aaa;
}

#menu .inhalt ul li:hover ul {
        top: 47px;
}

#menu .inhalt ul ul li {
        float: none;
        font-size: 18px;
        padding: 10px 10px;
        text-align: left;
        margin: 0;
        border-bottom: 1px solid #ddd;
        line-height: 20px;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
}

#menu .inhalt ul ul li:hover {
        background: #333;
        color: #fff;
}

#menu .inhalt ul ul li a {
        display: block;
}

#menu .inhalt ul ul li a:hover {
        color: #fff;
}

#menu li ul li ul {
        position: absolute;
        left: -9999px;
}

#menu .inhalt ul ul li:hover ul {
        left: 100%;
        top: auto;
        margin-top: -20px;
}