/* Basis Style Menu-Zeile */
.menu-collapser {position:relative; width:100%; height:48px;
  background-color:transparent; color:#416482; font-weight:bold;
  text-shadow:0 1px 0 rgba(0,0,0,0.5); line-height:48px; font-size:1em;
  padding:0 8px;
/*   border:1px solid #5CA8D7;  */
   border:none;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box}
.collapse-button {position:absolute; right:8px; top:50%; width:40px;
  background-color:#416482;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius:4px; border-style:solid; border-width:1px; color:#FFF;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
  padding:7px 10px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  cursor:pointer; font-size:14px; text-align:center;
  transform:translate(0, -50%);
  -o-transform:translate(0, -50%);
  -ms-transform:translate(0, -50%);
  -moz-transform:translate(0, -50%);
  -webkit-transform:translate(0, -50%);
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box}
.collapse-button:hover, .collapse-button:focus {
  background-image:none; background-color:#6496CD; color:#FFF}
.collapse-button .icon-bar {background-color: #F5F5F5;
  border-radius:1px 1px 1px 1px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  display:block; height:2px; width:18px; margin:2px 0}

/* Basis Style Liste */
ul.slimmenu {list-style-type:none; margin:0; padding:0; width:100%}
ul.slimmenu li {position:relative; display:inline-block; background:#FFF}
ul.slimmenu > li {margin-right: -20px;
  border-top:1px solid #B4D7F5;
  border-bottom:1px solid #B4D7F5;
  border-left: 1px solid #B4D7F5}
ul.slimmenu > li:last-child {border-right:1px solid #B4D7F5}
ul.slimmenu li a {display:block; color:#1A3880; padding:7px 48px 6px 6px;
  font-size:0.875em; font-weight:bold;
  text-shadow:0 1px 0 rgba(255,255,255,0.2); text-decoration:none;
  transition:background-color 0.5s ease-out;
  -o-transition:background-color 0.5s ease-out;
  -moz-transition:background-color 0.5s ease-out;
  -webkit-transition:background-color 0.5s ease-out;}

/* 1. Ebene */
ul.slimmenu li a:link, ul.slimmenu li a:visited {background:#FFF; margin:0}
ul.slimmenu li a:hover {color: #BA3520; text-decoration: none}
ul.slimmenu li a#active {background: #EFEFEF; text-decoration: none}

/* 2. Ebene */
ul.slimmenu li ul li a {background-color:#FFF; font-size:0.8em; text-decoration: none
  margin:0; padding-right:6px; width:120px;
  border-bottom:1px solid #B4D7F5;
  border-left:1px solid #B4D7F5;
  border-right:1px solid #B4D7F5}
ul.slimmenu li ul li:first-child {border-top:1px solid #B4D7F5}
ul.slimmenu li ul li a:link, ul.slimmenu li ul li a:visited {color:#416482}
ul.slimmenu li ul li a:hover {color:#BA3520}
ul.slimmenu li ul li a#default {background:#EBF0F5}

/* Styles im Collapse (Dreieck) */
ul.slimmenu li .sub-collapser {background:none repeat scroll 0 0 rgba(78, 126, 150, 0.09);
  position:absolute; right:0; top:0; width:48px; height:100%; text-align:center;
  z-index:999; cursor:pointer}
ul.slimmenu li .sub-collapser:before {content: '';
  display:inline-block; height:100%;  vertical-align:middle; margin-right:-0.25em}
ul.slimmenu li .sub-collapser > i {color:#933E86; font-size:18px;
  display:inline-block; vertical-align:middle}

/* Dreieck nur bei  kollabiertem Menu */
@media only screen and (min-width:700px){
ul.slimmenu li .sub-collapser {background:none repeat scroll 0 0 transparent}
ul.slimmenu li .sub-collapser > i {color:transparent;}
}

ul.slimmenu li ul {margin:0; list-style-type:none}
ul.slimmenu li ul li {background-color:#FFF}
ul.slimmenu li > ul {display:none; position:absolute; left:0; top:100%; z-index:999; width:100%}
ul.slimmenu li > ul > li ul {display:none; position:absolute; left:100%; top:0; z-index:999; width:100%}
ul.slimmenu.collapsed li {display:block; width:100%; border:1px solid #B4D7F5;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box}
ul.slimmenu.collapsed li a {display: block;
  border-bottom:1px solid rgba(0, 0, 0, 0.075); border-top:none;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box}
ul.slimmenu.collapsed li .sub-collapser {height:40px}
ul.slimmenu.collapsed li > ul {display:none; position:static}
ul.slimmenu.collapsed li > ul li a {width:100%; font-size:12px; font-style:italic}
