#stage {
  background-image: url("img/def/verteidigung.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;
}

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

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

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

#def-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;
}

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

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

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

#def-info-btn07 {position: absolute; width:  9.90%; height: 14.44%; left:  3.96%; top: 79.54%; background-image: url("img/def/btn/info-pech-t.png");       background-repeat: no-repeat; background-size: contain;}
#def-info-btn10 {position: absolute; width:  9.90%; height: 14.35%; left:  4.01%; top: 63.89%; background-image: url("img/def/btn/info-krokodil-t.png");   background-repeat: no-repeat; background-size: contain;}

#def-info-btn01-hi  {position: absolute; width: 3.02%; height:  6.02%; left: 53.49%; top: 48.89%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}
#def-info-btn02-hi  {position: absolute; width: 3.02%; height:  6.02%; left: 61.56%; top: 54.26%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}
#def-info-btn03-hi  {position: absolute; width: 3.02%; height:  6.02%; left: 24.01%; top: 33.98%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}
#def-info-btn04-hi  {position: absolute; width: 3.02%; height:  6.02%; left: 31.25%; top: 44.44%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}
#def-info-btn05-hi  {position: absolute; width: 3.02%; height:  6.02%; left: 54.95%; top: 68.06%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}
#def-info-btn06-hi  {position: absolute; width: 3.02%; height:  6.02%; left: 44.06%; top: 40.74%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}
#def-info-btn07-hi  {position: absolute; width: 3.02%; height:  6.02%; left:  6.15%; top: 67.87%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}
#def-info-btn08-hi  {position: absolute; width: 3.02%; height:  6.02%; left: 39.58%; top: 63.61%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}
#def-info-btn09-hi  {position: absolute; width: 3.02%; height:  6.02%; left: 22.97%; top: 62.78%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}
#def-info-btn10-hi  {position: absolute; width: 3.02%; height:  6.02%; left:  6.15%; top: 83.43%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}
#def-info-btn05a-hi {position: absolute; width: 3.02%; height:  6.02%; left: 76.88%; top: 67.41%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}
#def-info-btn09a-hi {position: absolute; width: 3.02%; height:  6.02%; left: 50.26%; top: 81.67%; background-image: url("img/sehstein-minix3.png"); background-repeat: no-repeat; background-size: contain;}
                                                                               
#def-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;}
#def-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;}
#def-info-cluebanner     {position: absolute; width: 24.38%; height: 16.30%; left: 28.0%; top:  0%; background-image: url("img/sehstein-banner.png"); background-repeat: no-repeat; background-size: contain;}
#def-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;}

#debugTest {position: absolute; width: 80%; height: 20%; left:  10%; top: 70%; background: #fff; font-size: 2em; display:none;}