nav {
    
	z-index: 5;
	
}
nav ul {
    padding: 0px;
    margin: 0px;
	z-index: 5;

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

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

nav ul,nav ul li{
    background-color: #FAFAFA;
	z-index: 5;
}
nav ul li {
    list-style: none;
    float:left;

    border-right: 1px solid #dfdfdf;
	z-index: 5;
}
nav ul li a.cat30 {
    text-decoration: none;
    display: block;
    color: #333;
    padding: 10px 16px 10px 46px;
	z-index: 5;

    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 */
	
	
	background: #FAFAFA; 
	background-image: url(home2.svg);
	background-repeat: no-repeat;
	background-position: initial;
	background-size: 40px  40px;
}


nav ul li a.cat30:hover {
    text-decoration: none;
    display: block;
    color: #FAFAFA;
    padding: 10px 16px 10px 46px;
	z-index: 5;

    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 */
	
	background: #332B40;
	background-image: url(home1.svg);
	background-repeat: no-repeat;
	background-position: initial;
	background-size: 40px  40px;
	
}



nav ul li a.cat40 {
    text-decoration: none;
    display: block;
    color: #333;
    padding: 10px 16px 10px 46px;
	z-index: 5;

    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 */
	
	
	background: #FAFAFA; 
	background-image: url(tool_sw.svg);
	background-repeat: no-repeat;
	background-position: initial;
	background-size: 40px  40px;
	
	font-size: 20px;
}


nav ul li a.cat40:hover {
    text-decoration: none;
    display: block;
    color: #FAFAFA;
    padding: 10px 16px 10px 46px;
	z-index: 5;

    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 */
	
	background: #332B40;
	background-image: url(tool_ws.svg);
	background-repeat: no-repeat;
	background-position: initial;
	background-size: 40px  40px;
	
}



nav ul li a.cat41 {
    text-decoration: none;
    display: block;
    color: #333;
    padding: 10px 16px 10px 46px;
	z-index: 5;

    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 */
	
	
	background: #FAFAFA; 
	background-image: url(bestellung_sw.svg);
	background-repeat: no-repeat;
	background-position: initial;
	background-size: 40px  40px;
	
	font-size: 20px;
}


nav ul li a.cat41:hover {
    text-decoration: none;
    display: block;
    color: #FAFAFA;
    padding: 10px 16px 10px 46px;
	z-index: 5;

    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 */
	
	background: #332B40;
	background-image: url(bestellung_ws.svg);
	background-repeat: no-repeat;
	background-position: initial;
	background-size: 40px  40px;
	
}




nav ul li a.cat42 {
    text-decoration: none;
    display: block;
    color: #333;
    padding: 10px 16px 10px 46px;
	z-index: 5;

    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 */
	
	
	background: #FAFAFA; 
	background-image: url(zertifikat_sw.svg);
	background-repeat: no-repeat;
	background-position: initial;
	background-size: 40px  40px;
	
	font-size: 20px;
}


nav ul li a.cat42:hover {
    text-decoration: none;
    display: block;
    color: #FAFAFA;
    padding: 10px 16px 10px 46px;
	z-index: 5;

    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 */
	
	background: #332B40;
	background-image: url(zertifikat_ws.svg);
	background-repeat: no-repeat;
	background-position: initial;
	background-size: 40px  40px;
	
}



nav ul li a.cat43 {
    text-decoration: none;
    display: block;
    color: #333;
    padding: 10px 16px 10px 46px;
	z-index: 5;

    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 */
	
	
	background: #FAFAFA; 
	background-image: url(kontakt_sw.svg);
	background-repeat: no-repeat;
	background-position: initial;
	background-size: 40px  40px;
	
	font-size: 20px;
}


nav ul li a.cat43:hover {
    text-decoration: none;
    display: block;
    color: #FAFAFA;
    padding: 10px 16px 10px 46px;
	z-index: 5;

    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 */
	
	background: #332B40;
	background-image: url(kontakt_ws.svg);
	background-repeat: no-repeat;
	background-position: initial;
	background-size: 40px  40px;
	
}





nav ul li a.cat44 {
    text-decoration: none;
    display: block;
    color: #333;
    padding: 10px 16px 10px 46px;
	z-index: 5;

    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 */
	
	
	background: #FAFAFA; 
	background-image: url(info_sw.svg);
	background-repeat: no-repeat;
	background-position: initial;
	background-size: 40px  40px;
	
	font-size: 20px;
}


nav ul li a.cat44:hover {
    text-decoration: none;
    display: block;
    color: #FAFAFA;
    padding: 10px 16px 10px 46px;
	z-index: 5;

    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 */
	
	background: #332B40;
	background-image: url(info_ws.svg);
	background-repeat: no-repeat;
	background-position: initial;
	background-size: 40px  40px;
	
}



nav ul li a.cat47 {
    text-decoration: none;
    display: block;
    color: #333;
    padding: 10px 16px 10px 46px;
	z-index: 5;

    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 */
	
	
	background: #FAFAFA; 
	background-image: url(login_sw.svg);
	background-repeat: no-repeat;
	background-position: initial;
	background-size: 40px  40px;
	
	font-size: 20px;
}


nav ul li a.cat47:hover {
    text-decoration: none;
    display: block;
    color: #FAFAFA;
    padding: 10px 16px 10px 46px;
	z-index: 5;

    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 */
	
	background: #332B40;
	background-image: url(login_ws.svg);
	background-repeat: no-repeat;
	background-position: initial;
	background-size: 40px  40px;
	
}




nav ul li a.cat31 {
    text-decoration: none;
    display: block;
    color: #FAFAFA;
    padding: 10px 26px 10px 26px;
	z-index: 5;

    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 ul li a.cat31:hover {
    text-decoration: none;
    display: block;
    color: #333;
    padding: 10px 26px 10px 26px;
	z-index: 5;

    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 ul li.cat1:hover a, nav ul li.cat1:hover > ul li a  {
    background-color: #A4A4A4;
}
nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a  {
    background-color: #332B40;
}
nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a {
    background-color: #008C74;
}
nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a {
    background-color: #004C66;
}
nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a {
    background-color: #084B8A;
}
nav ul li.cat6:hover a, nav ul li.cat5:hover > ul li a {
    background-color: #A4A4A4;
	z-index: 5;
}

nav ul li:hover > a {
    color: #FAFAFA;
}
nav ul li:hover > ul {
    visibility: visible;
}

nav ul li ul{
    display: inline;
    visibility: hidden;
    position: absolute;
    padding:0px;
}
nav ul li ul li{
	float: none;
}
nav ul li ul li a {
    color: #FAFAFA;
}
nav ul li ul li a:hover{
	color: #333;
	background-color: #FAFAFA !important;
}