.menu-collapser{position:relative; max-width:100%; background-color:#369; padding:8px; margin:0;
color:#f5f5f5; font-size:14px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}

/* BG MENU (small)*/
.collapse-button{position:absolute; right:8px; top:50%; width:40px; padding:7px 10px;
color:#f9f9f9; font-size:14px; text-align:center; background-color:#369; border-radius:2px; cursor:pointer;
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{color:#f50; background-color:#47a}
/* Mobile Button*/
.collapse-button .icon-bar{display:block; height:2px; width:18px; margin:2px 0;background-color:#F5F5F5;border-radius:1px}

ul.slimmenu{width:100%;margin:0;padding:0;list-style-type:none}
ul.slimmenu:before,ul.slimmenu:after{content:'';display:table}
ul.slimmenu:after{clear:both}

ul.slimmenu.collapsed li{display:block; width:100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
ul.slimmenu.collapsed li>ul{position:static; display:none; margin-left:-30px;}

ul.slimmenu.collapsed li a{display:block;border-bottom:1px solid rgba(0,0,0,0.075);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
ul.slimmenu.collapsed li .sub-toggle{height:34px}

/* Haupt Navi */
ul.slimmenu li { position:relative; float:left; display:inline-block;
background:#EFF4FA; background:linear-gradient(#EFF4FA, #B4CDE7); color:#369; max-width:100%; padding:0; margin:0; }

ul.slimmenu li a:hover{ background-color:#D0E0F0; color:#47a; }

/* Nur wenn submenu */
ul.slimmenu>li.has-submenu a { padding:8px 48px 8px 8px; }
 /* mit submenu */
ul.slimmenu li a{ display:block; padding:8px 8px 8px 8px; color:#369; font-size:14px; font-weight:500;
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;  }

ul.slimmenu li ul{margin:0;list-style-type:none}

/* Drop Down - BG   D: B4CDE7, M: D0E0F0, H: EFF4FA */
ul.slimmenu li ul li{ background:#B4CDE7; min-width:200px;
border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
/* Drop Down - Hover */
ul.slimmenu li ul li a:hover{ background:#D0E0F0; }

/* Drop Down */
ul.slimmenu li>ul{position:absolute; left:-40px; top:100%; z-index:999; display:none; min-width:200px; }
ul.slimmenu li>ul>li ul{position:absolute; left:100%; top:0; z-index:999; display:none; width:100%}

/* Arrows up/down */
ul.slimmenu li .sub-toggle{background:none repeat scroll 0 0 rgba(0,0,0,0.040);position:absolute;right:0;top:0;z-index:999;
width:42px;height:100%;text-align:center;cursor:pointer; }

/* Arrow Down */
ul.slimmenu li .sub-toggle:before{content:'';display:inline-block;height:100%;margin-right:-0.25em;vertical-align:middle}
ul.slimmenu li .sub-toggle>i{display:inline-block;color:#369;font-size:14px;vertical-align:middle}

ul.slimmenu>li{border-right:1px solid #bbb;}
ul.slimmenu>li:first-child, ul.slimmenu>li.has-submenu+li{border-left:0; }