/* Drop menu styles for a-weinert.de etc.
1 (23.01.2017 by A. Weinert)

R.353  21.02.2014 : new (get rid of superfish)

Use for: <div id="topnavbar"><ul class="sf-menu"><li><a>[<ul><li><a> .
a class has-sub says the parent li has ul submenu.
class sf-menu designated (fish backward comp.) the drop down menu's root ul.
*/
.sf-menu ul {display: none ; }
.sf-menu li:hover > ul { display:  block; }

/** layout **/
.sf-menu li { float:         left;  position:      relative; }
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height:   0.65; }
.sf-menu ul { position: absolute;    top:  100%; 
   margin-top: -6pt;  /* bond to top */
   margin-left: 3pt; /*and a bit right */
   width:   10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li { float: none;  position : relative; }

.sf-menu ul ul { position:  absolute; top: 0; left: 100%;
   margin-left: -8pt;  /* bond to left */  }

.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul { left: 0; z-index: 99;
   top: 2.5em; /* match top ul list item height */ }
ul.sf-menu li:hover li ul { top: -999em; }
ul.sf-menu li li:hover ul { top:  0; left: 10em; /* match ul width */ }
ul.sf-menu li li:hover li ul { top: -999em; }
ul.sf-menu li li li:hover ul { top: 0; left: 10em; /* match ul width */ }

/** design **/
.sf-menu { float: left; margin-bottom: 1em; }
.sf-menu a { border-left:   1px solid #fff;
   border-bottom: 1px solid #e8e8de;
   padding:.75em 1em; text-decoration:none; }
.sf-menu a, .sf-menu a:visited  {  color: #13a; }
.sf-menu li {  background:   #E8F8FF;
   border-bottom: 1px solid  #F2F2F6; /* #e8e8de; */ }
.sf-menu li li { background: #AABDE6; }
.sf-menu li li li { background: #9AAEDB; }
.sf-menu  li.linkSelf, /* link to self looks like already hovered */
.sf-menu li:hover, 
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
   background:  #CFDEFF; outline:  0; }

/** arrows (must have set has-sub in a; by source or javascript) **/
.sf-menu a.has-sub:after {  content: url(../images/arrow-d-dbl.png); } 
.sf-menu ul li a.has-sub:after {
   content: url(../images/arrow-r-dbl.png); }