ul.slimmenu ul, ul.slimmenu li {display: block; float: left; box-sizing:border-box;}

/* 1. Menüebene */
ul.slimmenu {width:100%; display: block; float: left; padding:0; margin:0; list-style-type:none; border-top: 1px solid #808f83; border-left: 1px solid #808f83; box-sizing:border-box;}
ul.slimmenu li {background:#c0c6c9 url(../images/bgslimmenuh1.jpg)top left no-repeat; width: 25%; box-sizing:border-box; position:relative; float:left; display:inline-block; font-size:15px; border-right:1px solid #808f83; border-bottom:1px solid #808f83; padding:0; margin:0;}
ul.slimmenu li:last-child {border-right: 1px solid #808f83;}

/* 2. Menüebene */
ul.slimmenu li ul {position:absolute; left:-6%; top:86%; z-index:999; display:none; width:100%; border: 2px solid #606f63; border-radius: 2px; padding:0; margin:0; list-style-type:none;}
ul.slimmenu li ul li {background:#d0d6d9; width:100%; font-size:14px; padding:0; margin:0; border-top: 1px solid #a0a6a9; border-right: 0; border-bottom: 0; border-left: 0;}
ul.slimmenu li ul li:first-child {border-top: 0;}
ul.slimmenu li ul li:last-child {border-right: 0;}

/* 3. Menüebene */
ul.slimmenu li ul li ul {position:absolute; left:100%; top:10px; z-index:999; display:none; width:100%; border: 3px solid #606f63; border-radius: 3px; padding:0; margin:0 0 0 -12px;;}
ul.slimmenu li ul li ul li {background:#f0f6f9; width: 100%; top:0; right:0; padding:0; margin:0; border: 0; border-bottom: 1px solid #a0a6a9;}
ul.slimmenu li ul li ul li:first-child {border-left: 0;}
ul.slimmenu li ul li ul li:last-child {border-bottom: 0;}
ul.slimmenu li:nth-child(4n) ul li ul {left:-90%;}

/* Links */
ul.slimmenu a {height: 40px; display:block; padding: 6px 10px;color:#404649; font-weight:400; border: 1px solid transparent; overflow: hidden;}
ul.slimmenu li.docs a, ul.slimmenu li.sdocs a {padding:6px 56px 6px 10px;}
ul.slimmenu li ul li.docs a, ul.slimmenu li ul li.sdocs a {padding:6px 10px 6px 56px;}
ul.slimmenu li:nth-child(4n) ul li.docs a, ul.slimmenu li:nth-child(4n) ul li.sdocs a {padding:6px 56px 6px 10px;}
ul.slimmenu li.doc a, ul.slimmenu li.sdoc a {padding: 6px 10px;}
ul.slimmenu li ul li.doc a, ul.slimmenu li ul li.sdoc a {padding: 6px 10px;}

ul.slimmenu li a:hover {text-decoration:none; background-color:#fc6; border: 1px solid transparent;}
ul.slimmenu li ul li a {height: auto; min-height: 30px;}
ul.slimmenu li ul li ul li a {min-height: 0; padding: 6px 10px;}

/* Toggle Buttons ml1 */
ul.slimmenu li .sub-toggle {background: #607c60; position:absolute; right:0; top:0; z-index:998; width:46px; height:42px; text-align:center; border: 0px solid #ccc; border-radius: 0 0 0 15px; cursor:pointer;}
ul.slimmenu li .sub-toggle:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
ul.slimmenu li .sub-toggle {display:inline-block; font-size:24px; color: #dcc; vertical-align:middle; text-align: center;}
ul.slimmenu li .expanded {color: #fc0;}

/* Toggle Buttons ml2 */
ul.slimmenu li ul li .sub-toggle {background: #607c60; position:absolute; right: auto; left:0; top:0; z-index:998; width:46px; height:42px; text-align:center; border: 0px solid #ccc; border-radius: 0 0 15px 0; cursor:pointer;}
ul.slimmenu li ul li .sub-toggle:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
ul.slimmenu li ul li .sub-toggle {display:inline-block; font-size:24px; color: #dcc; vertical-align:middle; text-align: center;}
ul.slimmenu li ul li .expanded {color: #fc0;}

/* Toggle Buttons ml2 rechts*/
ul.slimmenu li:nth-child(4n) ul li .sub-toggle {background: #607c60; position:absolute; left: auto; right:0; top:0; z-index:998; width:46px; height:42px; text-align:center; border: 0px solid #ccc; border-radius: 0 0 0 15px; cursor:pointer;}
ul.slimmenu li:nth-child(4n) ul li .sub-toggle:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
ul.slimmenu li:nth-child(4n) ul li .sub-toggle {display:inline-block; font-size:24px; color: #dcc; vertical-align:middle; text-align: center;}
ul.slimmenu li:nth-child(4n) ul li .expanded {color: #fc0;}

/* Kennzeichnung der aktiven Seite */
ul.slimmenu li.sdoc, ul.slimmenu li.sdocs {background:#909f93;}
ul.slimmenu li ul li.sdoc, ul.slimmenu li ul li.sdocs {background:#909f93;}
ul.slimmenu li ul li ul li.sdoc, ul.slimmenu li ul li ul li.sdocs {background:#909f93;}



/* Responsive Design (sollte mit dem Wert für resizeWidth: in der Initialisierung in der template.htm übereinstimmen) */

@media (max-width: 959px) {

/* Expand-Collapse-Button */
.menu-collapser {background:#c0c6c9 url(../images/bgslimmenuh1.jpg)top left no-repeat; color:#404649; position:relative; width:100%; height: 50px; line-height: 36px; font-size:18px; box-sizing:border-box; border: 1px solid #909699; padding: 5px 5px 5px 16px; margin: 0;}
.collapse-button {background-color:#606669; color:#fff; float: right; padding:4px 9px; border: 0px solid #aaa; border-radius:3px; cursor:pointer; box-sizing:border-box;}
.collapse-button:hover,.collapse-button:focus {background-color:#686; color:#fff;}
.collapse-button .icon-bar {background-color:#eee; display:block; height:3px; width:24px; margin:5px 0; font-size: 60px; border-radius:1px;}

/* 1. Menüebene */
ul.slimmenu {border: 1px solid #909699; border-top: 0; border-radius: 0;}
ul.slimmenu li {display:block; width:100%; border:0; border-bottom: 1px solid #909699; box-sizing:border-box;}
ul.slimmenu li:first-child {border-top: 0;}
ul.slimmenu li:last-child {border-right: 0; border-bottom: 0;}

/* 2. Menüebene */
ul.slimmenu li ul {position:static; display:none; border: 0; border-top: 1px solid #909699;}
ul.slimmenu li ul li {border: 0; border-top: 1px solid #909699; padding: 0; margin: 0;}

/* 3. Menüebene */
ul.slimmenu li ul li ul {background: #f0f6f9; position:static; display:none; border:0; padding: 9px 0; margin: 0;}
ul.slimmenu li ul li ul li {min-height: 0; left:0; top:0; border: 0;}
ul.slimmenu li ul li ul li:first-child {border: 0;}
ul.slimmenu li ul li ul li:last-child {top:0; left:0;}

/* Links */
ul.slimmenu li a {height: auto; min-height: 48px; display:block; box-sizing:border-box;}
ul.slimmenu li ul li a {min-height: 46px;}
ul.slimmenu li ul li ul li a {height: auto; min-height: 0;}
ul.slimmenu li:nth-child(4n) ul li.docs a, ul.slimmenu li:nth-child(4n) ul li.sdocs a {padding:6px 10px 6px 56px;}

/* Toggle buttons */
ul.slimmenu li .sub-toggle{height:40px;}
ul.slimmenu li:nth-child(4n) ul li .sub-toggle {background: #607c60; position:absolute; left: auto; left:0; top:0; z-index:998; width:46px; height:42px; text-align:center; border: 0px solid #ccc; border-radius: 0 0 15px 0; cursor:pointer;}
ul.slimmenu li:nth-child(4n) ul li .sub-toggle:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
ul.slimmenu li:nth-child(4n) ul li .sub-toggle {display:inline-block; font-size:24px; color: #dcc; vertical-align:middle; text-align: center;}
ul.slimmenu li:nth-child(4n) ul li .expanded {color: #fc0;}
}