body {
}

nav ul {
    list-style: none;
    height: 10px;
   
}
nav li {
    /*vertical-align: top;*/
    display: block;
    background-color: blue;
    color: white;
    margin: 0px;
    padding: 3px 10px;
    width: 205px;  
}
 nav li a {
    /*vertical-align:top;*/
    display:block;
    background-color: blue;
    color:white;
    margin: 0px;
    padding: 3px 10px;
    width: 195px;  
}

/* Unternavigation ausblenden */

nav ul ul {
	font: 0/0 serif;
	/*margin: 0;
	padding: 0;*/
	/*position: absolute;*/
	top: 2.5em;
	z-index: -1;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}
/*  Unternavigation einblenden */

nav ul li:hover ul {
	font: inherit;
	z-index: auto;
}
nav ul:hover li {
    left:170px;
     font: inherit;
     z-index: auto;
}


 nav   ul > li > ul {
        visibility: hidden;
    }

   nav ul > li:hover > ul {
        visibility: visible;
    }

  nav  ul > li > ul > li {
        display: block;
        position: relative;
        left: -50px;
    }

  nav  ul > li a:hover {
    background-color: lightblue;
}
nav a {
    text-decoration: none;
}