#navi1 > ul {
list-style: none;
margin: 0;
padding: 0;
vertical-align: baseline;
line-height: 1;
}
#navi1 > ul {
display: block;
position: relative;
width: 150px;
}
#navi1 > ul li {
display: block;
position: relative;
margin: 0;
padding: 0;
width: 100%;
}
#navi1 > ul li a {
display: block;
position: relative;
margin: 0;
line-height:14px;
padding: 10px 0;
color: #be3e23;
text-decoration: none;
text-transform: uppercase;
}
#navi1 > ul li a:focus, #navi1 > ul li a:hover, #navi1 > ul li a:active,
#navi1 > ul li:focus > a, #navi1 > ul li:hover > a, #navi1 > ul li:active > a {
color:#7f8f8c;
}
#navi1 > ul ul li a {
display: block;
position: relative;
margin: 0;
line-height:14px;
padding: 10px 0;
color: #fff;
text-decoration: none;
text-transform: uppercase;
}
/* THE SUBMENUS */
#navi1 > ul ul {
position: absolute;
left:90%;
top: -9999px;
padding:0 10px;
opacity: 0;
width: 160px;
background:#be3e23;
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
#navi1 > ul ul li a {
color:#fff;
}
#navi1 > ul ul li a:focus, #navi1 > ul ul li a:hover, #navi1 > ul ul li a:active,
#navi1 > ul ul li:focus > a, #navi1 > ul ul li:hover > a, #navi1 > ul ul li:active > a {
color:#fff;
text-decoration:underline;
}
/* Showing the submenu when the user is hovering the parent link */
#navi1 > ul li:hover > ul {
top: 0px;
opacity: 1;
z-index: 1;
display:block;
}
/* DRITTE EBENE */
#navi1 > ul ul ul {
display:none;
position: static;
padding:0;
opacity: 0;
width: 160px;
background:#be3e23;
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
#navi1 > ul ul ul li a {
color:#fff;
text-transform:none;
}
#navi1 > ul ul li a:focus, #navi1 > ul ul li a:hover, #navi1 > ul ul li a:active,
#navi1 > ul ul li:focus > a, #navi1 > ul ul li:hover > a, #navi1 > ul ul li:active > a {
color:#fff;
text-decoration:underline;
}
/* Showing the submenu when the user is hovering the parent link */
#navi1 > ul ul li:hover > ul {
display:block;
top: 0px;
opacity: 1;
z-index: 1;
}