ul.slimmenu span {color: #fff;}
ul.slimmenu ul, ul.slimmenu li {display: block; float: left;}
/* ul.slimmenu li:hover {background: #dd8700;} */

/* ****************************  1. Menüebene ********************************** */

ul.slimmenu {
	width: 100%; 
	padding: 0; 
	margin: 0; 
	list-style-type: none;
	transition: background .85s ease-in-out;
   -moz-transition: background .85s ease-in-out;
   -webkit-transition: background .85s ease-in-out;
	transition: color .45s ease-in-out;
   -moz-transition: color .45s ease-in-out;
   -webkit-transition: color .45s ease-in-out; 
	}
	
ul.slimmenu li {
	background: none; 
	position:relative; 
	float:left; 
    font-family: pt_sans_narrowbold, Verdana, sans-serif; 
	line-height: 3vw;
	font-size:1.6vw; 
	box-sizing: border-box; 
	padding:0; 
	margin:0px 0px 0 0;
	border-bottom:0px solid #fff;
    text-align:center;
	}
ul.slimmenu li a {
    color:#135a81;
}

ul.slimmenu li a:hover {
    color: #f2920a; 
  /*   background-color: #fff; */
    border-bottom:1px solid #f2920a;
     	transition: border-color .85s ease-in-out;
   -moz-transition: border-color .85s ease-in-out;
   -webkit-transition: border-color .85s ease-in-out; 
         	transition: color .85s ease-in-out;
   -moz-transition: color .85s ease-in-out;
   -webkit-transition: color .85s ease-in-out; 
}

/* ****************************  2. Menüebene ********************************** */

ul.slimmenu li ul {
	position:absolute; 
	left: 0px; 
	z-index:998; 
	display:none; 
	width: 100%;  
	padding: 0; 
	margin:0px; 
	list-style-type:none; 
	opacity: 0.86;
	border:0px !important;
	}

	
ul.slimmenu li ul li {
	background-color: #666; 
	color: #fff; 
	width: 100%; 
/*	padding: 1vw 0vw 1vw 0vw;  */
	margin: 0;
    border-top:1px solid #fff;
	}

ul.slimmenu li ul a:link {
    color: #fff; 
    font-size:1.4vw; 
}

ul.slimmenu li ul a:visited {color: #fff; }	

ul.slimmenu li ul a:hover {
    color: #fff; 
    background-color:#f2920a; 
    width: 100%; 
    margin: 0vw 0vw 0vw 0vw;
    font-size:1.4vw; 
  
    height:100%;
    padding: 0.75vw 0vw 0.75vw 0vw;
 
}

/* ****************************  3. Menüebene ********************************** */


ul.slimmenu li ul li ul {
    background:#f2920a; 
    position:absolute; 
    left:100%; 
    top:10px; 
    z-index:999; 
    width:100%; 
    min-height: 0; 
    border:0px solid #135a81; 
    box-sizing:border-box; 
    padding:0; 
    margin:0 0 0 -12px; 
    opacity: 1;
}

ul.slimmenu li ul li ul li {
    background:#f2920a; 
    color: #fff; 
    width: 100%; 
    padding:0; 
    margin:0;
}


/* docs and sdocs - place for toggle buttons*/
ul.slimmenu li.docs, ul.slimmenu li.sdocs {box-sizing: border-box; padding-right: 0px; padding-left: 0;}
ul.slimmenu li ul li.docs, ul.slimmenu li ul li.sdocs {box-sizing: border-box; padding-left: 0px; padding-right: 0;}

/* ***********************************  Links *************************************/

ul.slimmenu a {
    display:block; 
    padding: 0.75vw 1vw;
    font-weight:400; 
    overflow: hidden;
}
ul.slimmenu li ul a {}
ul.slimmenu li a:hover {text-decoration:none; color:#f2920a;}

/* *********** Toggle Buttons ml1 ************** */

ul.slimmenu li .sub-toggle {
    position:absolute; 
    right:0; 
    top:0; 
    z-index:998; 
    padding: 6vw 3vw 4vw 0vw;
    cursor:pointer; 
    display: none;
}

ul.slimmenu li .expanded {color: #fff;}

/* *************  Toggle Buttons ml2 **************** */

ul.slimmenu li ul li .sub-toggle {position:absolute; right: auto; left:0; top:0; z-index:998; text-align:center; cursor:pointer;}
ul.slimmenu li ul li .expanded {color: #fff;}

/* Kennzeichnung der aktiven Seite 


ul.slimmenu li.sdoc, ul.slimmenu li.sdocs, ul.slimmenu li.sdoc a:link, ul.slimmenu li.sdocs a:link, ul.slimmenu li.sdoc a:visited, ul.slimmenu li.sdocs a:visited {
    color: #f2920a; 
    background-color:#fff; 
    border-bottom:1px solid #f2920a;
} */

/* Kennzeichnung der aktiven Seite */
ul.slimmenu li.sdoc, ul.slimmenu li.sdocs {color:#f2920a; ;background-color:#fff; border-bottom:1px solid #f2920a;} 
ul.slimmenu li.sdoc a, ul.slimmenu li.sdocs  a {color:#f2920a !important;} 
ul.slimmenu li ul li.sdoc, ul.slimmenu li ul li.sdocs {color:#fec500; background-color:#f2920a;} 
ul.slimmenu li ul li ul li.sdoc, ul.slimmenu li ul li ul li.sdocs {color:#fff;}


/* ****************************  Mobile 480 px ********************************** */
/* ****************************  Mobile 480 px ********************************** */
/* ****************************  Mobile 480 px ********************************** */

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

@media (max-width: 480px) {
/* ul.slimmenu li:hover {background: transparent;} */

/* Expand-Collapse-Button */
.menu-collapser {
	float:right;
	height: 38px; 
	position:relative; 
	line-height: 36px; 
	font-size:18px; 
	padding: 2vw 0 1.3vw 0; 
	margin: 0px 5px;
	}
.collapse-button {
	background-color:#f2920a; 
	color:#fff; 
	float: right; 
	margin-left:5px;
	padding:4px 9px; 
	cursor:pointer;
	}
.collapse-button:hover,.collapse-button:focus {
    background-color:#135a81; 
    color:#fff;
    }
.collapse-button .icon-bar {
    background-color:#eee; 
    display:block; 
    height:3px; 
    width:24px; 
    margin:5px 0; 
    font-size: 60px;
    }

/* ****************************  1. Menüebene ********************************** */
    
ul.slimmenu {
	background-color: #135a81; 
	width: 100%; 
	/* display:block; 
	 position:absolute;  */
	position:relative; 
	float:left;  /* notwendig um den gesmaten Content-Bereich nach unten zu schieben */
	text-align: left;  
	padding: 0px 0; 
    margin: 2vw 0 0 0; 
/* 	z-index: 9999; */
    
	}
ul.slimmenu li {
	background-color:#135a81; 
	display:block; 
    font-size:5.6vw; 
    line-height: 6vw; 
    width:100%; 
	text-align: left; 
	padding: 0px 0; 
	margin: 0;
    border-bottom:0px solid #fff;
    position:relative;
	}
ul.slimmenu li a {
	text-align: left;
    padding: 5vw 4vw 4vw 13vw;
    border-bottom:3px solid #fff;
	}
	
	ul.slimmenu li a:hover {
	background-color: #f2920a ;
        border-bottom:3px solid #fff;
                 	transition: background-color .85s ease-in-out;
   -moz-transition: background-color .85s ease-in-out;
   -webkit-transition: background-color .85s ease-in-out; 
	}

/* ****************************  2. Menüebene ********************************** */
    
ul.slimmenu li ul {
	position:static; 
	display:none; 
	padding: 0px 0; 
	margin: 0!important;
	width:100%;
	}
	
ul.slimmenu li ul li {
	background-color: #666;  
	width:100%;
	margin: 0;
    font-size:4.6vw; 
    border-top:0px solid #fff;
    border-bottom:0px solid #fff;
	}
    
    ul.slimmenu li ul a:link {
    color: #fff; 
    font-size:4.6vw; 
}


/* ****************************  3. Menüebene ********************************** */
    
ul.slimmenu li ul li ul {background: #456; position:static; display:none; border:0; padding: 6px 0;}
ul.slimmenu li ul li ul li {background: transparent; margin: 0;}


/* 4. Menüebene */
ul.slimmenu li ul li ul li ul {background: #567; position:static; display:none; border:0; padding: 6px 0;}
ul.slimmenu li ul li ul li ul li {background: transparent; margin: 0;}


/* sdoc and sdocs*/
ul.slimmenu li.docs, ul.slimmenu li.sdocs {
    box-sizing: border-box; 
    text-align: left; 
    padding-right: 0; 
    padding-left: 0;
    
    }
ul.slimmenu li ul li.docs, ul.slimmenu li ul li.sdocs {box-sizing: border-box; text-align: left; padding-left: 32px; padding-right: 0;}
ul.slimmenu li.sdocs, ul.slimmenu li.sdoc {background-color: #fff;}
    /* Button mit Submenu */  
ul.slimmenu li.sdocs a, ul.slimmenu li.docs a {
    padding: 5vw 4vw 4vw 7.5vw!important; 
    margin: 0!important;
    border-bottom:1px solid #fff;
    }

/* Kennzeichnung der aktiven Seite */
ul.slimmenu li.sdoc a, ul.slimmenu li.sdocs a {color: #fff!important;}
ul.slimmenu li.doc a, ul.slimmenu li.docs a {color: #fff!important;}

/* Toggle buttons */

/* *********************** Toggle Buttons ml1 *************************** */

/* docs and sdocs - place for toggle buttons*/
    
    
/* *********** Toggle Buttons ml1 ************** */

ul.slimmenu li .sub-toggle {
    position:absolute; 
    right:0; 
    top:1.8vw; 
    z-index:998; 
    padding: 3vw 3vw 4vw 0vw;
    cursor:pointer; 
    display: none;
}

ul.slimmenu li .expanded {color: #fff;}

 /* ********************** Toggle Buttons mlevel2 rechts ******************** */
ul.slimmenu li .sub-toggle{}
ul.slimmenu li:nth-child(4n) ul li .sub-toggle { 
    background: #000; 	
    position:absolute; 
    left:0; 
    top:0; 
    z-index:998; 
    width:26px; 
    height:22px; 
    text-align:center; 
    border: 1px 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: #000; vertical-align:middle; text-align: center;}
ul.slimmenu li:nth-child(4n) ul li .expanded {color: #fc0;}


ul.slimmenu li .sub-toggle:before {content:''; display:block; height:100%; width:20px; vertical-align:middle;}
ul.slimmenu li .sub-toggle {float:right; display:block; color: #fff; vertical-align:middle; text-align: center;}




/* Kennzeichnung der aktiven Seite */
ul.slimmenu li.sdoc, ul.slimmenu li.sdocs {color:#fff; ;background-color:#f2920a} 
ul.slimmenu li ul li.sdoc, ul.slimmenu li ul li.sdocs {color:#fec500; background-color:#f2920a;}
ul.slimmenu li ul li ul li.sdoc, ul.slimmenu li ul li ul li.sdocs {color:#fff;}

}