/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
  background: transparent;
  position: relative;
  margin-bottom: 2.1em;
  margin-bottom: 0;
}
/* provide background colour for submenu strip */
/* you should just set the menu's container bg colour rather than use pseudo-elements */
.sf-navbar:before {
  content: '';
  position: absolute;
  left: 0;
  z-index: -1;
  background-color: transparent;
/*  height: 120%;*/
  width: 100%;
}
.sf-navbar ul {
  box-shadow: none;
}
.sf-navbar li {
  background: #FFF;
  position: static;
}

.sf-navbar > li > a,
.sf-navbar > li > ul > li > a {
  border: none;
  color: #E10019;
}
.sf-navbar > li > ul {
/*  min-width: 840px;*/
  width:100%;
}
.sf-navbar ul li {
  background: #FFF;
  position: relative;
}
.sf-navbar ul ul {
  left: 0;
  top: 100%;
}
.sf-navbar ul ul li {
  width: 100%;
}
.sf-navbar > li > ul > li {
  float: left;
}

.sf-navbar li a:hover,
.sf-navbar li:hover,
.sf-navbar li:hover a
{
  background: #E10019 -moz-linear-gradient(0% 21% 270deg,#BC041A, #E10019, #E10019 100%,#999999 0%);
  background: #E10019 -o-linear-gradient(top, rgb(188,4,25) 0%, rgb(225,0,26) 62%);
  background: #E10019 -moz-linear-gradient(top, rgb(188,4,25) 0%, rgb(225,0,26) 62%);
  background: #E10019 -webkit-linear-gradient(top, rgb(188,4,25) 0%, rgb(225,0,26) 62%);
  background: #E10019 -ms-linear-gradient(top, rgb(188,4,25) 0%, rgb(225,0,26) 62%);
  background: #E10019 linear-gradient(top, rgb(188,4,25) 0%, rgb(225,0,26) 62%);
  color: #FFF;
}

.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li.current {
  background: #E10019 -moz-linear-gradient(0% 21% 270deg,#BC041A, #E10019, #E10019 100%,#999999 0%);
  background: #E10019 -o-linear-gradient(top, rgb(188,4,25) 0%, rgb(225,0,26) 62%);
  background: #E10019 -moz-linear-gradient(top, rgb(188,4,25) 0%, rgb(225,0,26) 62%);
  background: #E10019 -webkit-linear-gradient(top, rgb(188,4,25) 0%, rgb(225,0,26) 62%);
  background: #E10019 -ms-linear-gradient(top, rgb(188,4,25) 0%, rgb(225,0,26) 62%);
  background: #E10019 linear-gradient(top, rgb(188,4,25) 0%, rgb(225,0,26) 62%);
  color: #FFF;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
.sf-navbar ul ul li {

  color: #FFF;
}

.sf-navbar ul ul li:hover,
.sf-navbar ul ul li.sfHover,
.sf-navbar ul ul li.current {
  background: #E10019;
  color: #FFF;
}
.sf-navbar li.current > a {
  color: #FFF;
  text-decoration:underline;
}

/*** point all arrows down ***/
.sf-arrows.sf-navbar ul .sf-with-ul:after {
  margin-top: -3px;
  margin-right: 0;
  border-color: transparent;
  border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
  border-top-color: rgba(255,255,255,.5);
}

.sf-arrows.sf-navbar ul > li > .sf-with-ul:focus:after,
.sf-arrows.sf-navbar ul > li:hover > .sf-with-ul:after,
.sf-arrows.sf-navbar ul > .sfHover > .sf-with-ul:after {
/*  border-color: transparent;*/
}

.sf-navbar li.sfhover {
  background: #E10019 -moz-linear-gradient(0% 21% 90deg,#BC041A, #E10019, #E10019 100%,#999999 0%);
  color: #FFF;  
  border-bottom:1px solid #E10019;
}

.sf-navbar ul li a{
  background: 0 none  !important;
  background: #E10019 !important;
  color: #FFF;  
}

.sf-navbar li {
background: -moz-linear-gradient(top,  #f6f6f6 0%, #e1e1e1 50%, #f1f1f1 68%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(50%,#e1e1e1), color-stop(68%,#f1f1f1), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6f6f6 0%,#e1e1e1 50%,#f1f1f1 68%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6f6f6 0%,#e1e1e1 50%,#f1f1f1 68%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6f6f6 0%,#e1e1e1 50%,#f1f1f1 68%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6f6f6 0%,#e1e1e1 50%,#f1f1f1 68%,#ffffff 100%); /* W3C */

  border-right: 1px solid #CCC;
  border-bottom:1px solid #CCC;
  width: 139px;
  text-align: center;
}

.sf-navbar li.current {
  /*background: #E10019 !important;*/
  color: #FFF;
  border-bottom: 1px solid #E10019;
}

/*.sf-navbar li:hover {
  border-right: 1px solid #CCC;
  border-bottom:1px solid #E10019;
}
*/

/* menu level 2 */
.sf-navbar ul {
  background: #E10019 !important;
}

.sf-navbar li li{
  background: #E10019 !important;
  border-right: 0 none;
  border-bottom:0 none;
  width: auto;
}

.sf-navbar ul li a:hover {
  text-decoration: underline !important;
}

.sf-navbar li.current li.current > a:link {
  text-decoration:underline !important;
}

.sf-navbar li ul li a {
  padding: .3em 0 .3em .9em;
}

/* einzeilig, mehr padding */
.padding-for-one-line {padding: 15px 0 0 0 !important;}
/* einzeilig, mehr padding webkit*/
.padding-for-one-line-webkit {padding: 17px 0 0 0 !important;}

ul li ul,
ul li:hover ul,
ul li.sfHover ul {
#  position: relative;
  left: 0px; /* match ul width */
  top:  50px
}