nav.kategorien {
    font-size: 80%;
    width: 250px;
    display:inline-block;
    padding:10px;
}
nav.kategorien a{
    text-decoration: none;
    color: #000;
    font-weight:400;
}

nav.kategorien ul {
    padding: 0px;
    margin: 0px;

    /*box-shadow: 2px 2px 2px #dfdfdf;*/
    /*-moz-box-shadow: 2px 2px 2px #dfdfdf;*/
    /*-webkit-box-shadow: 2px 2px 2px #dfdfdf;*/
}

nav.kategorien ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

nav.kategorien ul,nav.kategorien ul li{
    background-color: #C8D200;
}
nav.kategorien ul li ul{
    background-color: #C8D200;
}
nav.kategorien ul li {
    list-style: none;
    float:left;

    /*border-right: 1px solid #dfdfdf;*/
}
nav.kategorien ul li a {
    text-decoration: none;
    display: inline-block;
    color: #333333;
    padding: 7px 17px 7px 17px;
    
    /*transition: background 0.3s ease-out;*/ /* explorer 10 */
    /*-webkit-transition: background 0.3s ease-out;*/ /* chrome & safari */
    /*-moz-transition: background 0.3 ease-out;*/ /* firefox */
    /*-o-transition: background 0.3 ease-out;*/ /* opera */
    
}

nav.kategorien ul li.cat:hover a  {
    background-color: #C8D200;
}

nav.kategorien ul li:hover > a {
    color: #333333;
    background-color: #C8D200;
}
nav.kategorien ul li:hover > ul {
    visibility: visible;
}

nav.kategorien ul li ul{
    display: inline;
    visibility: hidden;
    position: absolute;
    padding:0px;
}
nav.kategorien ul li ul li{
	float: none;
}
nav.kategorien ul li ul li a {
    color: #333333;
    background-color: #C8D200;
}
nav.kategorien ul li ul li a:hover{
	color: #333333;
	background-color: #00aaaa !important;
}