.ElementsCanvas.InvisibleText{
		opacity:1;
		fill-opacity:1;
		color: #ff0000;
	}

body{
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	/*background:#202020 url(../images/background/index.png) no-repeat top center fixed;
	
	background-size: cover;*/
	background-color: #202020;
}

.iconbutton{
	width:60px;
	height:60px;
}

.icon{
	width:45px;
	/*background:url('../images/Bewertungsicon/back.png');*/
}

#id_solutionbutton{
	/*display:;*/
	/*width:200px;
	height:50px*/
}

#id_solutionvalue{
	width:200px;
	height:40px;
	background-color:#0061dd; /*Pink:#dd00dd;*/
}

#id_namevalue{
	width:200px;
	height:40px;
	background-color:#0061dd;
}

#id_centerimage{
	/*display:;*/
	width:1000px;/*512px;*/
	/*position: fixed;
	//top:0%;
	//left:50%;
	//transform: translate(-50%,-50%);
	//height:150px
	*/
	
}	

#id_centerraetselh1{
	/*display:;*/
/*
	//top:0%;
	//left:50%;
	//transform: translate(-50%,-50%);
	//height:150px
*/
	background-color:#000000;
	opacity:80%;	
	padding=10px;
}

#id_centerraetsel{
	/*display:;*/
/*
	//top:0%;
	//left:50%;
	//transform: translate(-50%,-50%);
	//height:150px
*/
	background-color:#000000;
	opacity:80%;		
	padding=10px;
}	


#img_map{
	width:512px;
}

.centerimg{
	position: fixed;
	/*you cannot change this property unless you also change areaeasy, areamiddle, etc*/
	top:55%;
	left:50%;
	transform: translate(-50%,-50%);
}

.centerraetselabove{
	position: fixed;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}

.centerraetsel{
	position: fixed;
	top:35%;
	left:50%;
	transform: translate(-50%,-50%);
}
.centerraetselbelow{
	position: fixed;
	top:80%;
	left:50%;
	transform: translate(-50%,-50%);
}


.divsolve{
	position: fixed;
	top:0%;
	left:0%;
	transform: translate(10px,10px);
}

.divback{
	position: fixed;
	top:0%;
	left:0%;
	transform: translate(80px,10px);
}
.divhelp{
	position: fixed;
	top:0%;
	left:0%;
	transform: translate(150px,10px);
}


.iconsolve{
	width:75px;
	/*background:url('../images/Bewertungsicon/back.png');*/
}


.dot{
	padding:60px;
	height:30px;
	width:30px;
	background-color:#ff0055;
	border-radius:50%;
	display:inline-block;
	font-size:11px;
	position: fixed;
	top:25%;
	left:15%;
	transform: translate(-50%,-50%);
}


.area{
	background-color:#777777;
	border-radius:5px;
	display:inline-block;
	font-size:11px;
	position: fixed;
	top:55%;
	left:50%;
	}
.area.easy:hover{
	background-color:#70ff61;
	}
.area.middle:hover{
	background-color:#eeff61;
	}
.area.hard:hover{
	background-color:#e574ff;
	}
.areabg{
	background-color:#777777;
	border-radius:5px;
	display:inline-block;
	font-size:11px;
	position: fixed;
	top:55%;
	left:50%;
	}
.areabg.master{
	background-color:#00326f;
	}
/*.nohover:hover{
	opacity:0;
	}*/
.area.nohover:hover{
	background-color:#777777;
	opacity:0;
	}
.areabg.normal{
	background-color:#0061ff;
	}

td{
	background-color:#111111;
	height:30px;
	width:400px;
	opacity:80%;
}