html, body {
background: url('pictures/Background.png');
overflow-x: hidden;
}


#level_description_container {
	position: absolute;
	visibility: hidden;
}

#level_image {
	position: absolute;
	height:100%;
	width:35%;
	box-sizing: border-box;
	background-repeat:no-repeat;
    background-size:100% 100%;

}

#level_text {

	position: absolute;
	height:100%;
	width:60%;
	left:40%;
	box-sizing: border-box;
	font-family: 'Finger Paint', cursive;

}

#level_text span {
	display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);

}

#go_button {
	width:4.5%;
	background-color: rgba(44, 58, 77, 0.17);
	position: absolute;
	text-align: center;
	font-family: 'Finger Paint', cursive;
	cursor:pointer;
	border-style: solid;
	visibility:hidden;
}


#go_button span {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);

}

#headline {
	position: absolute;
	font-family: 'Finger Paint', cursive;
	text-align: center;
	height:9%;
	width:100%;
}

#form_container {
	position:absolute;
	font-family: 'Finger Paint', cursive;
	background: rgba(0,0,0,0.3);
	vertical-align: middle;
	display: inline;
}

#usercode_input {
	-moz-appearance:none;
	-webkit-appearance:none;
	vertical-align: middle;
	display: inline;
	font-family: 'Finger Paint', cursive;
	box-sizing: border-box;
}

#usercode_form {
	-moz-appearance:none;
	-webkit-appearance:none;
	vertical-align: middle;
	display: inline;
}


#usercode_label {
	display: inline;

}

#usercode_submit {
	-moz-appearance:none;
	-webkit-appearance:none;
	display: inline;
	font-family: 'Finger Paint', cursive;
	box-sizing: border-box;
}

#break {
}

#break_2 {
}

#info_text_container {
	position:absolute;
	font-family: 'Finger Paint', cursive;
	background: rgba(0,0,0,0.3);
	overflow-x: hidden;
}

#link_container {
	position:absolute;
	font-family: 'Finger Paint', cursive;
	background: rgba(0,0,0,0.3);
	overflow-x: hidden;
	visibility:hidden;
}

#link_container_span_container {
	  display: block;
	  position: relative;
	  top: 50%;
	  transform: translateY(-50%);
}


#link_container_span_container span {
  display: inline;
}


#headline_div_credits {
	position: absolute;
	text-align: left;
	font-family: 'Finger Paint', cursive;
	z-index:10000;
}

#headline_div_credits span {
  display: block;
  position: relative;
}




table a {
    color:white;
	text-decoration: none;
}

.class_white_color {
	color: white;
}

.table_class_vertical_align_middle {
	vertical-align: middle;
}

.credis_table_headline  {
	font-size:xx-large;
}

.impressum_table  {
	text-align:center;
}

.credis_table_text  {
	font-size:x-large;
}

.class_table_100_percent {
	width:100%;
}

.class_text_align_left {
	text-align:left;
}

.class_table_70_percent {
	width:100%;
	text-align:left;
}

.class_table_30_percent {
	width:100%;
	text-align:left;
}


#credits_container {
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.90);
	z-index: 100000;
	position: absolute;
	overflow:hidden;
	visibility:hidden;
}

#credits_text_container {
	height:80%;
	width:80%;
	top:10%;
	left:10%;
	background: url('pictures/Background_credits.png');
	position: absolute;
	overflow:hidden;
	font-family: 'Finger Paint', cursive;
	border-style:solid;
	border-color:black;
}

#credits_text_container_close_button {
	width:5%;
	background-color: rgba(44, 58, 77, 0.17);
	position: absolute;
	text-align: center;
	font-family: 'Finger Paint', cursive;
	cursor:pointer;
	border-style: solid;
}

#credits_text_container_close_button span {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);

}

#credits_text {
	position: absolute;
	overflow:hidden;
	font-family: 'Finger Paint', cursive;
	overflow-y:auto;
	overflow-x:hidden;
}

#credits_headline {
	position: absolute;
	overflow:hidden;
	font-family: 'Finger Paint', cursive;
	text-align:center;
}



#impressum_container {
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.90);
	z-index: 100000;
	position: absolute;
	overflow:hidden;
	visibility:hidden;
}

#impressum_text_container {
	height:80%;
	width:80%;
	top:10%;
	left:10%;
	background: url('pictures/Background_credits.png');
	position: absolute;
	overflow:hidden;
	font-family: 'Finger Paint', cursive;
	border-style:solid;
	border-color:black;
	text-align: center;
}

#impressum_text_container_close_button {
	width:5%;
	background-color: rgba(44, 58, 77, 0.17);
	position: absolute;
	text-align: center;
	font-family: 'Finger Paint', cursive;
	cursor:pointer;
	border-style: solid;
}

#impressum_text_container_close_button span {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);

}

#impressum_text {
	position: absolute;
	overflow:hidden;
	font-family: 'Finger Paint', cursive;
	overflow-y:auto;
	overflow-x:hidden;
	text-align: center;
}

#impressum_headline {
	position: absolute;
	overflow:hidden;
	font-family: 'Finger Paint', cursive;
	text-align:center;
}

.disable-select {
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}

.class_hover_white:hover {
color:white;
cursor:pointer;
}

.class_hover_white_border:hover {
border-color:white;
}

#last_level a:hover {
color:white;
}

#next_level a:hover {
color:white;
}