#cssmenu > ul {
list-style : none;
margin : 0;
padding : 0;
vertical-align : baseline;
line-height : 1;
}
#cssmenu > ul {
display : block;
position : relative;
width : 198px;
}
#cssmenu > ul li {
display : block;
position : relative;
margin : 0;
padding : 0;
width : 198px;
}
#cssmenu > ul li a {
display : block;
position : relative;
margin : 0;
border-top : 1px solid #fff;
border-bottom : 2px solid #be1b00;
padding : 11px 20px;
width : 158px;
font-family : "Lucida Sans Unicode","Lucida Grande",sans-serif;
color : #000;
text-decoration : none;
text-transform : uppercase;
text-shadow : #fff 0 1px 0;
font-size : 14px;
font-weight : 300;
background-color : #edf1c0;
text-align : right;
}
#cssmenu > ul li:first-child > a {
border-top-left-radius : 4px;
border-top-right-radius : 4px;
border-top : 0;
}
#cssmenu > ul li:last-child > a {
border-bottom-left-radius : 4px;
border-bottom-right-radius : 4px;
border-bottom : 0;
}
#cssmenu > ul li > a:hover, #cssmenu > ul li:hover > a {
color : #fff;
background : #be1b00;
border-color : transparent;
}
#cssmenu > ul .has-sub > a::after {
content : '';
position : absolute;
top : 14px;
right : 180px;
width : 0;
height : 0;
border : transparent solid 4px;
border-left : 4px solid #be1b00;
}
#cssmenu > ul .has-sub > a::before {
content : '';
position : absolute;
top : 17px;
right : 180px;
width : 0;
height : 0;
border : transparent solid 4px;
border-left : 4px solid #fff;
}
#cssmenu > ul li > a:hover::after, #cssmenu > ul li:hover > a::after {
border-left : 4px solid #fff;
}
#cssmenu > ul li > a:hover::before, #cssmenu > ul li:hover > a::before {
border-left : 4px solid rgba(0, 0, 0, 0.25);
}
#cssmenu > ul ul {
position : absolute;
left : 198px;
top : -9999px;
padding-left : 5px;
opacity : 0;
}
#cssmenu > ul li:hover > ul {
top : 0;
opacity : 1;
}
#cssmenuRechts > ul {
list-style : none;
margin : 0;
padding : 0;
vertical-align : baseline;
line-height : 1;
}
#cssmenuRechts > ul {
display : block;
position : relative;
width : 198px;
}
#cssmenuRechts > ul li {
display : block;
position : relative;
margin : 0;
padding : 0;
width : 198px;
}
#cssmenuRechts > ul li a {
display : block;
position : relative;
margin : 0;
border-top : 0 solid #fff;
border-bottom : 0 solid #be1b00;
width : 158px;
font-family : "Lucida Sans Unicode","Lucida Grande",sans-serif;
color : #000;
text-decoration : none;
text-transform : uppercase;
font-size : 14px;
font-weight : bold;
text-align : left;
padding-top : 5px;
padding-right : 20px;
padding-bottom : 5px;
padding-left : 0;
}
#cssmenuRechts > ul li:first-child > a {
border-top-left-radius : 0;
border-top-right-radius : 0;
border-top : 0;
}
#cssmenuRechts > ul li:last-child > a {
border-bottom-left-radius : 0;
border-bottom-right-radius : 0;
border-bottom : 0;
}
#cssmenuRechts > ul li > a:hover, #cssmenu > ul li:hover > a {
color : #fff;
}
#cssmenuRechts > ul .has-sub > a::after {
content : '';
position : absolute;
top : 14px;
right : 180px;
width : 0;
height : 0;
border : transparent solid 4px;
border-left : 4px solid #be1b00;
}
#cssmenuRechts > ul .has-sub > a::before {
content : '';
position : absolute;
top : 17px;
right : 180px;
width : 0;
height : 0;
border : transparent solid 4px;
border-left : 4px solid #fff;
}
#cssmenuRechts > ul li > a:hover::after, #cssmenuRechts > ul li:hover > a::after {
border-left : 4px solid #fff;
}
#cssmenuRechts > ul li > a:hover::before, #cssmenuRechts > ul li:hover > a::before {
border-left : 4px solid rgba(0, 0, 0, 0);
}
#cssmenuRechts > ul ul {
position : absolute;
left : 200px;
top : -9999px;
padding-left : 5px;
opacity : 0;
}