#main-nav {
float:right
}

#main-nav {
line-height:1em;
margin-top:-5em;
position:relative;
width:100%
}

#main-nav ul {
display:inline;
float:right;
margin-right:22px
}

#main-nav ul li {
display:inline;
float:left;
font-size:1em;
line-height:1em;
list-style-type:none;
margin:0;
padding:0
}

.sf-menu li a,.sf-menu li a:hover,.sf-menu li a:active,.sf-menu li a:visited {
color:#660800;
padding-bottom:6px
}

.sf-menu li li a,.sf-menu li li a:active,.sf-menu li li a:visited {
color:#fff
}

.sf-menu li li a:hover {
background:#eee8e8;
color:#660800
}

.sf-menu,.sf-menu * {
font-family:"Alegreya SC", Georgia, Times, serif;
font-size:20px;
font-weight:700;
list-style:none outside none;
margin:0;
padding:0
}

.sf-menu {
float:left;
line-height:1;
margin-bottom:1em
}

.sf-menu ul {
position:absolute;
top:-999em;
width:10em
}

.sf-menu ul li {
width:100%
}

.sf-menu li:hover {
color:#fff;
visibility:inherit
}

.sf-menu li {
background:none repeat scroll 0 0 transparent;
float:left;
margin-left:5px;
position:relative
}

.sf-menu a {
display:block;
padding:1px 13px;
position:relative;
text-decoration:none
}

.sf-menu li:hover ul,.sf-menu li.sfHover ul {
left:0;
top:27px;
z-index:99
}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {
top:-999em
}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {
left:11em;
top:-9px
}

ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
top:-999em
}

ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
left:10em;
top:0
}

.sf-menu li ul {
background-color:#4e1305;
border-top:3px solid #8f0100
}

.level-1 > .sf-with-ul, .level-1-aktive > .sf-with-ul, .level-1-last > .sf-with-ul, .level-1-last-aktive > .sf-with-ul {
padding:1px 25px 6px 13px
}

.level-1-first,.level-1-first-aktive,.level-1,.level-1-aktive {
background:url(images/border-ver.png) no-repeat scroll right center transparent!important
}

.level-1-first-aktive a:hover,.level-1-aktive a:hover,.level-1-last-aktive a:hover,.level-1 a:hover,.level-1-first a:hover,.level-1-last a:hover {
border-bottom:3px solid #8f0100
}

.sfHover a:hover {
border-bottom:none
}

.level-2-first-aktive a,.level-2-aktive a,.level-2-last-aktive a,.level-2 a,.level-2-first a,.level-2-last a {
margin:0 6px;
padding:6px 7px
}

ul.sf-menu-level2 {
padding:6px 0
}

ul.sf-menu-level3 {
padding:6px 0
}

#main-nav li a .sf-sub-indicator,
#main-nav li a:active .sf-sub-indicator,
#main-nav li a:hover .sf-sub-indicator,
#main-nav li li a .sf-sub-indicator,
#main-nav li li a:active .sf-sub-indicator,
#main-nav li li a:hover .sf-sub-indicator {
display:block;
height:10px;
overflow:hidden;
position:absolute;
text-indent:-999em;
width:10px
}

#main-nav li a .sf-sub-indicator,
#main-nav li a:active .sf-sub-indicator,
#main-nav li a:hover .sf-sub-indicator {
background:url(images/arrows.png) no-repeat scroll 0 -100px transparent;
right:.5em;
top:.32em
}

#main-nav li li a .sf-sub-indicator {
background:url(images/arrows.png) no-repeat scroll -10px 0 transparent;
right:.3em;
top:.6em
}

#main-nav li li a:active .sf-sub-indicator,
#main-nav li li a:hover .sf-sub-indicator {
background:url(images/arrows.png) no-repeat scroll 0 0 transparent;
right:.3em;
top:.6em
}

@media only screen and (max-width: 860px) {
#main-nav {
float:none;
height:30px;
margin-top:1.5em
}

#main-nav ul {
display:table;
float:none;
margin:0 auto
}
}

@media only screen and (max-width: 760px) {
#main-nav {
height:auto;
margin-left:0px;
margin-top:1.5em;
}

#main-nav ul {
min-width:96%;
width: 96%;
padding:0 2%
}

#main-nav ul ul {
min-width:98%;
width:100% !important;
padding:0
}

#main-nav  ul,#main-nav ul ul {
position:relative;
left:0!important;
top:0!important
}

#main-nav ul li {
float:none;
display: table;
width: 100%
}

.sf-menu li ul {
background:none repeat scroll 0 0 transparent;
border:none;
padding:0
}

.sf-menu li a,.sf-menu li a:hover,.sf-menu li a:active,.sf-menu li a:focus,.sf-menu li a:visited {
-moz-border-radius:.5em;
-webkit-border-radius:.5em;
border-radius:.5em;
color:#FFF!important;
line-height:1;
margin:2px 0 0 0;
padding:.6em 1em
}

.level-1 > .sf-with-ul,.level-1-aktive > .sf-with-ul {
padding:.6em 1em
}

.sf-menu li a {
background:#4e1305
}

.sf-menu li a:hover {
background:#712411
}

.sf-menu li li a {
background:#712411;
color:#FFF
}

.sf-menu li li a:hover {
background:#91211e
}

.sf-menu li li li a {
background:#91211e
}

.level-1-first-aktive a:hover,.level-1-aktive a:hover,.level-1-last-aktive a:hover,.level-1 a:hover,.level-1-first a:hover,.level-1-last a:hover {
border-bottom:none
}

#main-nav li a .sf-sub-indicator,
#main-nav li li a .sf-sub-indicator,
#main-nav li li a:hover .sf-sub-indicator,
#main-nav li li a:active .sf-sub-indicator {
background:url(images/arrows.png) no-repeat scroll -10px -100px transparent;
right:1em;
top:.86em
}
}