#stage {
  background-image: url("img/att/angriff.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	left: 0; top: 0; right: 0; bottom: 0;
}

#canvas {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
}

#att-info-normalpage {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
/*
  background-image: url("img/att/canatt.png");
*/
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
}  

#att-info-errorback {
	position: absolute;
	width: 19%;
	height: 50%;
	left: 79.5%;
	top: 47%;
  background-image: url("img/info-error-back.png");
	background-repeat: no-repeat;
	background-size: contain;
}  

#att-info-cluepage {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-size: contain;
	display: none;
}  

#att-info-detailpage {
	position: absolute;
	width: 72%;
	height: 93%;
	left: 14%;
	top: 4%;
  background-image: url("img/info-detail-back.png");
	background-repeat: no-repeat;
	background-size: contain;
	display: none;
}

#att-info-detail-image {
	position: absolute;
	width: 34%;
	height: 60%;
	left: 14%;
	top: 30.8%;
  background-image: url("img/att/info-detail-katapult.png");
	background-repeat: no-repeat;
	background-size: contain;
}

#att-info-detail-head {
	position: absolute;
	width: 25%;
	height: 40%;
	left: 50%;
	top: 10%;
  background-image: url("img/att/head-katapult.png");
	background-repeat: no-repeat;
	background-size: contain;
}

#att-info-detail-text {
	position: absolute;
	width: 33%;
	height:60%;
	left: 50%;
	top: 30%; 
	text-align: left;
	font-size: 85%;
}

#att-info-btn03 {position: absolute; width: 10.42%; height: 15.37%; left: 82.45%; top: 79.07%; background-image: url("img/att/btn/info-drachen-t.png"); background-repeat: no-repeat; background-size: contain;}
#att-info-btn05 {position: absolute; width:  9.90%; height: 14.35%; left: 82.71%; top: 63.98%; background-image: url("img/att/btn/info-gleiter-t.png"); background-repeat: no-repeat; background-size: contain;}

#att-info-btn01-hi  {position: absolute; width: 3.02%; height:	6.02%; left: 33.80%; top: 63.91%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}
#att-info-btn02-hi  {position: absolute; width: 3.02%; height:	6.02%; left: 47.66%; top: 52.31%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}
#att-info-btn03-hi  {position: absolute; width: 3.02%; height:	6.02%; left: 86.20%; top: 83.06%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}
#att-info-btn04-hi  {position: absolute; width: 3.02%; height:	6.02%; left: 12.29%; top: 86.20%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}
#att-info-btn05-hi  {position: absolute; width: 3.02%; height:	6.02%; left: 86.20%; top: 67.78%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}
#att-info-btn06-hi  {position: absolute; width: 3.02%; height:	6.02%; left: 11.09%; top: 30.93%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}
#att-info-btn07-hi  {position: absolute; width: 3.02%; height:	6.02%; left: 40.73%; top: 46.39%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}
#att-info-btn08-hi  {position: absolute; width: 3.02%; height:	6.02%; left: 31.51%; top: 49.54%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}
#att-info-btn09-hi  {position: absolute; width: 3.02%; height:	6.02%; left: 25.36%; top: 46.76%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}
#att-info-btn10-hi  {position: absolute; width: 3.02%; height:	6.02%; left: 53.28%; top: 91.11%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}
#att-info-btn01a-hi {position: absolute; width: 3.02%; height:	6.02%; left: 11.35%; top: 59.91%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}
#att-info-btn02a-hi {position: absolute; width: 3.02%; height:	6.02%; left: 66.72%; top: 34.72%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}

#att-info-homebtn        {position: absolute; width: 14.88%; height: 13.33%; left:  1.0%; top:  3%; background-image: url("img/btn-main.png"); background-repeat: no-repeat; background-size: contain;}
#att-info-cluebtn        {position: absolute; width: 15.63%; height: 30.01%; left: 83.0%; top:  2%; background-image: url("img/sehstein.png"); background-repeat: no-repeat; background-size: contain;}
#att-info-cluebanner     {position: absolute; width: 24.38%; height: 16.30%; left: 25.0%; top:  0%; background-image: url("img/sehstein-banner.png"); background-repeat: no-repeat; background-size: contain;}
#att-info-detail-backbtn {position: absolute; width: 20.67%; height: 18.51%; left:  0.0%; top:  7%; background-image: url("img/btn-back.png"); background-repeat: no-repeat; background-size: contain;}