/* ksr: Modifizierte Kombination aus superfish.css und superfish-navbar.css */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu li {
  position: relative;
}
.sf-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}
.sf-menu > li {
  float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  display: block;
}

.sf-menu a {
  display: block;
  position: relative;
  font-size: 1.3em;
  font-weight: normal;
}
.sf-menu ul ul {
  top: 0;
  left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {
  float: left;
  margin-bottom: 1.3em;
  width: 100% /* damit Untermenü volle Breite hat, 9.4.2015, ksr */
}
.sf-menu ul {
  box-shadow: 2px 2px 6px rgba(0,0,0,.2);
  min-width: 12em; /* allow long menu items to determine submenu width */
  *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
  border-left: 1px solid #fff;
  border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
  border-top: 1px solid rgba(255,255,255,.5);
  padding: .75em 1em;
  text-decoration: none;
  zoom: 1; /* IE7 */
}

*/
.sf-menu a {
  color: #fff;
}

.sf-menu a:hover {
  color: #000;
}

.sf-menu li {
  background: transparent;
  white-space: nowrap; /* no need for Supersubs plugin */
  *white-space: normal; /* ...unless you support IE7 (let it wrap) */
  -webkit-transition: background .2s;
  transition: background .2s;
}
.sf-menu ul li {
  background: transparent;
}
.sf-menu ul ul li {
  background: transparent;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
  background: #D1DEEE;
  color: #000;
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
}


/* navbvar */

/*** 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: 3.4em;
}
/* 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: 200%;
  width: 100%;
}
.sf-navbar ul {
  box-shadow: none;
}
.sf-navbar li {
  background: transparent;
  position: static;
}
.sf-navbar > li > a
{
  border: none;
  color: #fff;
}

.sf-navbar > li > ul > li > a
{
  border: none;
  color: #195cab;
}

.sf-navbar > li > ul {
  width: 100%;
  background: #D1DEEE;
}
.sf-navbar ul li {
  background: transparent;
  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.current {
  background: #D1DEEE;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar ul li.current {
  background: #D1DEEE;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
.sf-navbar ul ul li {
  background: #D1DEEE;
}
.sf-navbar ul ul li:hover,
.sf-navbar ul ul li.sfHover,
.sf-navbar ul ul li.current {
  background: #D1DEEE;
}
.sf-navbar ul li.current > a {
  font-weight: bold;
}