@charset "utf-8";
/* CSS Document */
/******************************************************************************************
// Datei: fluid-sidenav.css
// Author: DH
// Änderungsdatum: 16.08.17
// Beschreibung: 	- Seitennavigation
//					- Besonderheit EDGE Browser -ms-overflow-style: -ms-autohiding-scrollbar;
//					- funktional auch unter iOS
*******************************************************************************************/



/**** Layout für Mobilgeräte. */
.SPAN-CLASS-SideNavMenue{
	position: absolute;
	font-size:20pt;
	cursor:pointer;
	color:#000;
	top: 35px;
	z-index: 3;
	padding-left: 15px;
	
	}
.DIV-CLASS-SideNav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 0;
    left: -20px;
    background-color: #FFF;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 40px;
	margin-top:0;
	
	border-right-style:solid;
	border-right-width:2px;
	border-right-color:#C20000;
	
		
	box-shadow:0px 20px 10px #999999;
}

.DIV-CLASS-SideNav a {
    padding: 10px 10px 10px 0px;
    text-decoration: none;
    font-size: 12pt;
    color: #000000;
    display: block;
    transition: 0.3s
}

.DIV-CLASS-SideNav a:hover, .offcanvas a:focus{
    color: #C20000;
}

.DIV-CLASS-SideNav .LINK-CLASS-SideNavClose {
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 20pt;
    margin-left: 50px;
	z-index:110;
	transition: 0.5s;
}


#LINK-ID-SideNavSubClose{
	
}

#LINK-ID-SideNavSubInnerClose{
	 font-size: 12pt;
	 padding-top:20px;
	 border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#C20000;
	width:100%;
	background-color: #FFFFFF;
	overflow-x: hidden; 
	z-index: 1;
	
	
}
#LINK-ID-SideNavSubInnerClose2{
	
	 font-size: 12pt;
	 padding-top:20px;
	 border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#C20000;
	width:100%;
	background-color: #FFFFFF;
	overflow-x: hidden; 
	
}

.DIV-CLASS-SideNav .UL-CLASS-SideNav{
	list-style-type: none;
	text-align:right;
	padding-right:40px;
	padding-left:0;
}

.DIV-CLASS-SideNav .UL-CLASS-SideNav li{
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#999;
}

.UL-CLASS-SideNavSub{
	height: 100%;
    width: 0;
    position: fixed;
    z-index: 103;
    top: 0;
    left: 0;
    background-color: #FFF;
    overflow-x: hidden;
	transition: 0.5s;
	padding-top: 69px;
	padding-left:0;
	list-style-type: none;
 	margin-top:0;
}



.LI-CLASS-SideNavSub{
	background-color:#eeeeee;
	width:40px;
	height:100%;
	position: fixed;
    z-index: 102;
    top: 0;
    left: -40px;
	transition: 0.5s;
	padding-top:80px;
	margin-top:0;

}
.LI-CLASS-SideNavSub div{

	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	
	color:#000000;
	font-style:italic;
	text-align:left;
	white-space: nowrap;
	
	
}


.UL-CLASS-SideNavSubInner{
	height: 100%;
    width: 0;
    position: fixed;
    z-index: 103;
    top: 0;
    left: 0;
    background-color: #FFF;
    overflow-x: visible;
    overflow-y: scroll;
	transition: 0.5s;
	padding-top:69px;
	padding-left:0;
	margin-top:0;
    
   
	box-shadow:0px 20px 10px #000000;
	list-style-type: none;
	box-sizing: border-box;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.LI-CLASS-SideNavInner{
	overflow-x: hidden;
	}


/**** Layout für Tablet-PCs. Erbt Stile vom: Layout für Mobilgeräte. */
@media only screen and (min-width: 481px) {
	

	
}

/**** Desktoplayout. Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */
@media only screen and (min-width: 979px) and (orientation : landscape) {

.SPAN-CLASS-SideNavMenue{
	font-size:16pt;
	top: 13px;
	padding-left: 0;
	}
	
	
}