/* 
    Document   : sidemeu_right.css
    Created on : 31.12.2019, 15:48
    Author :  Mischa
    Description:  Stylesheet for Main Basics.
*/

div.headermenu li.menuitem, div.headermenu div.openClose {display: inline-block; margin-right: 0px;}
div.headermenu .csc-menu, .sidemenu ul.csc-menu {list-style: outside none none; margin: 0; padding: 0;transition: transform 0.4s ease-in-out 0s, -webkit-transform 0.4s ease-in-out 0s;}
ul, ol {margin-bottom: 15px; margin-top: 0; padding-left: 25px;} 
div.headermenu {position: absolute; width: 100%; height: 40px; right: 0px; }
#sitemenu-logo {width: 100%; max-width: 100px; padding-top: 10px;}
#logo-on-top {width: 150px; position: absolute; top: 0px; z-index: 99999; display: none;}

#social-on-top {width: 150px; position: fixed; top: 0px; z-index: 99999; display: none;}
#social-in-nav {width: 150px; height: 40px; float:none;}
.socialicons {width: 35px; float: left;}

.headermenu a {
 font-size: 1.2rem; color: #2B3035; font-weight: 600; letter-spacing: -2px; display:block; height:40px; line-height: 40px; padding: 0 8px 0 8px; margin: 0; text-decoration:none;
}
.headermenu a:hover {
	text-decoration:none; color: #FFFFFF; background: none;
	} 


div.sidemenu {
    position: fixed;
    padding-top: 30px;
    top: 0px;
	right: -300px;
    width: 300px;
    height: 100%;
    background: rgba(111, 143, 0, 1.0); 
	/*background: white; */
	z-index: 10000;

	box-shadow: 2px 0 0 5px rgba(0,0,0,.30);
} 

div.openClose {position: absolute; top: 30px; right: -0px; z-index: 9999; cursor: pointer;}

.sidemenu-section {padding-top: 50px;}
.sidemenu nav {padding: 10px 10px 25px 25px ; text-align: left;}
.sidemenu nav .csc-layout-1 ul li, .sidemenun nav h3 {margin-bottom: 4px; margin-top: 4px;}


/* Funktioniert für alle NICHT aktiven Buttons. */
.sidemenu nav .sidemenu-section ul.nav-01 {list-style-type:none;padding:0; margin:0;}
.sidemenu nav .sidemenu-section ul.nav-01 li {
	font-size: 1.0rem;
    font-weight: 300;
    line-height: 1.8em; 	
}
.sidemenu nav .sidemenu-section ul.nav-01 li.menu-section-list-01 a {
	color: #FFFFB5;	background: none; padding: 5px 10px; 
  }
  
.sidemenu nav .sidemenu-section ul.nav-01 li.menu-section-list-01 a:hover {
	color: #FFFFB5; background-color: rgba(0,0,0, 0.1); padding: 5px 10px; 
  }
  
/* Funktioniert für aktiven Button. */
.sidemenu nav .sidemenu-section ul.nav-01 li.menu-section-list-01 .act a {

  } 

h3.sidemenu-title {font-size: 1.2rem; text-transform: uppercase; color: #FFFFB5; margin: 15px 0 15px 0; padding: 5px 10px;} 

.sidemenu nav h3 a::after, .sidemenu nav ul a::after {
    color: transparent;
    content: "›";
    margin-left: 7px;
}
*::before, *::after {
    box-sizing: border-box;
}


div#maincontent {max-width: 100%; margin: auto; padding-top: 100px; text-align: center;}

.csc-frame-default {max-width: 1200px; padding: 8%; margin: auto;}
.csc-frame-default p.bodytext {text-align: left;}
.csc-frame-default ul {text-align: left;}
.csc-default {max-width: 1200px; padding: 2%; margin: auto; background: white;  }