/* ************************ slideMenu CSS ******************* */

nav.menu-left, nav.menu-right{
	position:fixed;
	top:0px;
	height:100%;
	padding:0;
	background:white;
	z-index:10;
	overflow:auto;
}

nav.menu-left{
	width:500px;
	left:-500px;
}

nav.menu-right{
	width:300px;
	right:-300px;
}

nav.menu-left p.headline, nav.menu-right p.headline{
    width: 100%;
    background-color: black;
    padding:10px 50px 10px 50px;
    color: white;
    line-height:150%;
}


nav.menu-left a.closeNav{
	position:absolute;
	right:10px;
	text-decoration:none;
	line-height:inherit;
}

nav.menu-right a.closeNav{
	position:absolute;
	left:10px;
	text-decoration:none;
	line-height:inherit;
}


nav.menu-left a.closeNav::before, nav.menu-right a.closeNav::before{
	font-family:FontAwesome;
	content:"\f00d";
	display:block;
	font-size:30px;
	color: #ff3e02;
}


nav.menu-left ul, nav.menu-right ul{
	padding:0 10px 0 10px;
}

nav.menu-left ul li, nav.menu-right ul li{
	list-style:none;
}

nav.menu-left a, nav.menu-right a{
	padding: 5px 0 5px 0;
	display: block;
	color:black;
	text-decoration:none;
}

nav.menu-left a::before, nav.menu-right a::before{
	font-family:FontAwesome;
	margin-right:5px;
	font-size:18px;
}

nav.menu-left a::before,
nav.menu-right a::before{
	content:"\f0da";
}

nav.menu-left a.menu1, nav.menu-right a.menu1{
	/* font-family:'WWType_Bold'; */
	font-size:115%;
	background:#e7f5f5;
	margin:2px 0 2px 0;
	padding:5px;
}

nav.menu-left a.menu1hit::before,
nav.menu-right a.menu1hit::before,
nav.menu-left a.menu2hit::before,
nav.menu-right a.menu2hit::before,
nav.menu-left a.menu3hit::before,
nav.menu-right a.menu3hit::before{
	color:#ff3e02;
}

nav.menu-left a.menu1hit,
nav.menu-right a.menu1hit,
nav.menu-left a.menu2hit,
nav.menu-right a.menu2hit,
nav.menu-left a.menu3hit,
nav.menu-right a.menu3hit{

	font-weight:600;
	border-bottom:1px solid red;
}

nav.menu-left a.menu1back::before,
nav.menu-right a.menu1back::before,
nav.menu-left a.menu2back::before,
nav.menu-right a.menu2back::before,
nav.menu-left a.menu3back::before,
nav.menu-right a.menu3back::before{
	content:"\f0d7";
}

nav.menu-left a.menu1back,
nav.menu-right a.menu1back{
	font-size:115%;
	border-bottom: 2px solid gray;
	padding: 5px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	font-family: 'WwType_Bold';
}

nav.menu-left a.menu2back,
nav.menu-right a.menu2back{
	font-weight:bold;
	border-bottom:2px dotted gray;
}

nav.menu-left a.menu1back + ul, nav.menu-right a.menu1back + ul {
    background: #e7f5f5;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}

@media only screen and (max-width:499px){

main section{
	width:100%;
}

nav.menu-left{
	width:100%;
	left:-100%;
}

nav.menu-right{
	width:100%;
	right:-100%;
}
}