@charset "utf-8";
/* CSS Document */
/* Boxen*/
.style_screen_js_nav_1{
	display: block;
}
#main_field_1 {
  	position:absolute;
	top: 30px;
	left: 68px;
	width:calc(100% - 70px);
	height:calc(100% - 70px);
	}
/* hidden elements*/	
#menu_top_small_1 {
	visibility: hidden;	
	}

/* Boxen*/
#menu_top_big_1 {
  	position:fixed;
	top: 0px;
	left: 0px;
	width:100%;
	height:auto;
	/*background-color:#3E3E3E;*/
	background-color:#F3F3F3;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	z-index: 100;
	text-align: right;
	min-width: 450px;
	}
#menu_left_big_1 {
	position:fixed;
	top: 30px;
	left: 0px;
	text-align: left;
	height:calc(100% - 40px);
	max-height: 600px;
	width:70px;
	min-height: 470px;
	z-index: 100;
	background-color: #F3F3F3;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	box-shadow: 3px 3px 10px 0px #6E6C6C;
	-webkit-transition: all 1s ease-out 0.7s;
	-moz-transition: all 1s ease-out 0.7s;
	-o-transition: all 1s ease-out 0.7s;
	transition: all 1s ease-out 0.7s;
	}

#menu_left_big_1:hover {
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out ;
	transition: all 0.7s ease-out;
	}
#box_left_logo_1 {
	position:absolute;
	bottom: 0px;
	right: 0px;
	}


.menu_left_A{
	background-color: #F3F3F3;
}
.menu_left_A:hover{
	background-color: #CECECE;
}

.menu_left_1{
	width: 100%; 
	min-width: 70px; 
	max-width: 300px; 
	height: 70px;
	overflow: hidden; 
	position: relative; 
	/*border-bottom: 0.5px solid #3D3D3D; */
	transition: all 0.5s ease-out;
		
	}
.menu_left_1:hover{
	
	}
.menu_left_2{
	position: absolute; 
	left: 0px; 
	top: 0px;
	}
.menu_left_3{
	position: absolute; 
	left: 80px; 
	top: 15px; 
	width: 300px; 
	height: 40px;
	z-index: 10;  
	display: flex; 
	align-items:center;
	justify-content:flex-start;
	}
.menu_left_4{
	font-family: abel, sans-serif;
	font-size: 20px;
	color: #4B4B4B; 
	text-align: left; 
	}


.nav_menu{
	margin: 0px;
	padding: 0px;
	background-color:transparent;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	border: 0px;
	text-align: center;
	text-decoration: none;
	font-size: 8px;
	color: #FFFFFF;
	line-height: 82px;
	border-bottom: #8B8B8B dotted 1px;
	}
.nav_menu:hover{
	background-color: #434343;
	transition: all 0.3s ease-in-out;
	color: #E2BC9C;
	}
.nav_button{
	margin: 0px;
	padding: 0px;
	background-color:transparent;
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: center;
	width: 70px;
	height: 70px;
	border: 0px;
	text-align: center;
	text-decoration: none;
	font-size: 8px;
	color: #FFFFFF;
	line-height: 70px;
	}
.nav_button:hover{
	transition: all 0.3s ease-in-out;
	color: #E2BC9C;
	}
.nav_button_disabled{
	margin: 0px;
	padding: 0px;
	background-color:transparent;
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: center;
	width: 70px;
	height: 70px;
	border: 0px;
	text-align: center;
	text-decoration: none;
	font-size: 8px;
	color: #FFFFFF;
	line-height: 70px;
	}
.nav_button_disabled:hover{
	transition: all 0.3s ease-in-out;
	color: #B1B1B1;
	}
.nav_button_1{
	background-image: url("../images/button1c.svg");
	}
.nav_button_1:hover{
	background-image: url("../images/button1b.svg");
	}
.nav_button_1b{
	background-image: url("../images/button1b.svg");
	}
.nav_button_2{
	background-image: url("../images/button5c.svg");
	}
.nav_button_2:hover{
	background-image: url("../images/button5b.svg");
	}
.nav_button_2b{
	background-image: url("../images/button5b.svg");
	}
.nav_button_3{
	background-image: url("../images/button2c.svg");
	}
.nav_button_3:hover{
	background-image: url("../images/button2b.svg");
	}
.nav_button_3b{
	background-image: url("../images/button2b.svg");
	}
.nav_button_4{
	background-image: url("../images/button3c.svg");
	}
.nav_button_4:hover{
	background-image: url("../images/button3b.svg");
	}
.nav_button_4b{
	background-image: url("../images/button3b.svg");
	}
.nav_button_5{
	background-image: url("../images/button4c.svg");
	}
.nav_button_5:hover{
	background-image: url("../images/button4b.svg");
	}
.nav_button_5b{
	background-image: url("../images/button4b.svg");
	}
.nav_button_6{
	background-image: url("../images/button6c.svg");
	}
.nav_button_6:hover{
	background-image: url("../images/button6b.svg");
	}
.nav_button_6b{
	background-image: url("../images/button6b.svg");
	}
.nav_button_6d{
	background-image: url("../images/button6d.svg");
	}
.nav_button_6d:hover{
	background-image: url("../images/button6e.svg");
	}
.nav_button_7{
	background-image: url("../images/button7c.svg");
	}
.nav_button_7:hover{
	background-image: url("../images/button7b.svg");
	}
.nav_button_7b{
	background-image: url("../images/button7b.svg");
	}
.nav_button_7d{
	background-image: url("../images/button7d.svg");
	}
.nav_button_7d:hover{
	background-image: url("../images/button7e.svg");
	}
.nav_button_8{
	background-image: url("../images/button8c.svg");
	}
.nav_button_8:hover{
	background-image: url("../images/button8b.svg");
	}
.nav_button_8b{
	background-image: url("../images/button8b.svg");
	}
.nav_button_8d{
	background-image: url("../images/button8d.svg");
	}
.nav_button_8d:hover{
	background-image: url("../images/button8e.svg");
	}
.menu_top_button_1 {
	font-family: abel, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
    background:#FF931E;
	border: #FF931E 1px solid;
	padding: 0px 2px 0px 6px;
	margin: 0px 30px 0px 0px;
	border-radius: 0px 3px 3px 3px;
	
	}
.menu_top_button_1:hover{
  	background:#FF931E;
	color:#FFFFFF;
	border: #FFBC74 1px solid;
	}
.menu_top_helpmodus_1 {
    background:#539253;
	padding: 0px 10px 0px 10px;

	}
.menu_top_helpmodus_1:hover{
  	background:#5BAD5B;
	}
.menu_top_helpmodus_2 {
    background:#925353;
	padding: 0px 10px 0px 10px;
	}
.menu_top_helpmodus_2:hover{
  	background:#AD5B5B;
	}
.menu_top_language_1 {
	text-align: center;
	border: 0px;
	background: transparent;
	color: #FFFFFF;
	}
.menu_top_language_1:hover {
	border: 0px;
	background-color:#363636;
	color: #FF931E;
	}
.menu_top_language_1b {
	text-align: center;
	border: 0px;
	background: transparent;
	color: #FF931E;
	background-color:#363636;
	}
.menu_top_credits_1 {
	padding: 0px 20px 0px 20px;
	text-align: center;
	border: 0px;
	color: #424242!important;
	background: rgba(255,255,255,0.00); 
	}
.menu_top_credits_1:hover {
	border: 0px;
	color: #FFFFFF!important;
	background-color: #FF931E; 
	}
.menu_top_testing_1 {
	padding: 0px 20px 0px 20px;
	text-align: center;
	border: 0px;
	color: #FFFFFF!important;
	background: rgba(150,77,78,1.00); 
	border-radius: 3px;
	}

.menu_top_credits_2 {
	padding: 0px 20px 0px 20px;
	text-align: center;
	border: 0px;
	color: #FFFFFF!important;
	background: rgba(163,7,8,1.00); 
	}
.menu_top_credits_2:hover {
	border: 0px;
	color: #FFFFFF!important;
	background-color: #FF931E; 
	}
.menu_top_login_1 {
	border: 0px;
	padding: 0px 30px 0px 30px;
	background-color:#168DCB;
	}
.menu_top_login_1:hover {
	border: 0px;
	
	}
.menu_top_login_2 {
	border: 0px;
	padding: 0px 30px 0px 30px;
	background-color:#363636;
	}
.menu_top_login_2:hover {
	border: 0px;
	background-color:#1171A3!important;
	}
.menu_top_close_1 {
	border: 0px;
	padding: 0px 10px 0px 10px;
	background-color:#7A0002;
	color: #FFFFFF;
	}
.menu_top_close_1:hover {
	border: 0px;
	background-color:#DD0003!important;
	}
.menu_top_support_1 {
	padding: 0px 30px 0px 30px;
	text-align: center;
	border: 0px;
	background: rgba(255,255,255,0.00); 
	color: #424242!important;
	}
.menu_top_support_1:hover {
	border: 0px;
	background-color:#FF931E; 
	color: #FFFFFF!important;
	}