@font-face {
    font-family: Lucyville;
    src: url(fonts/Lucy___.ttf);
}
h3
{
	font-family: Lucyville;
}
/*
img
{
	max-width:95%;
	max-height:95%;
	margin:auto;
	margin-top:5px;
	display: block;
}
*/

.bild {
	max-width:95%;
	max-height:95%;
	margin:auto;
	margin-top:5px;
	display: block;
}

body
{
	bgcolor: Black;
}  

#playerlayer{
      width: 9.09%;
      height: 9.09%;      
      position: absolute; 
      z-index: 9;
              
}

#level {
    font-size: 120%;
}

#youwin {
    margin: auto;
    z-index: 50;
    background-size:98% 98%;
    width: 92%;
    height: 40%;
    display: none;
}

#gameover {
    margin: auto;
    z-index: 50;
    width: 66%;
    height: 10%;
    display: none;
    font-size-adjust: 0.5 ;
}

.enemylayer{
      width: 9.09%;
      height: 9.09%;      
      position: absolute; 
      z-index: 1;
             
}

#brett {
    width: 68%;
    height: 100%;
	  float: left;
    position: relative;
}

#interface {
	width: 30%;
    height: 98%;
	float: right;
}

#fool{
  width: 80%;
    height: 80%;
	position: absolute;
  z-index: 999;
}

.beispieltext {
	font-family: "Comic Sans MS", cursive, sans-serif;
}

#Titel {
	font-family: "Comic Sans MS", cursive, sans-serif;
}

#screen
{
	width: 100%;
    height: 1024 px;
	background-color: #FF0000;
  float: left;
}

#canvas
{ 
  background-color: #FF0000;  
	width: 99%;
   height: 98%;
	margin-left: 5px;
	margin-top: 5px;
	float: left;
  
        background-image: url(bilder/pixel/Flames.png);
    background-size:100% 100%;
    
}

.Figur {
  margin: auto;
	width: 98%;
	height: 98%;
	z-index: 996;
  
  max-width:95%;
	max-height:95%;
	
	margin-top:5px;
	display: block;
}

.flags{
  width: 100%;
  height: 10%;
}

.primarytarget{
  height: 200%;
  width: 15%;
  float: left;
}

.primarytargetOff{
  height: 200%;
  width: 10%;
  float: left;
  visibility: hidden;
}

.wachsam{
  height: 100%;
  width: 10%;
  float: right;
}

.ausrufer{
  color: Red;
  height: 98%;
  font-size: 100%;
  font-family: Impact, Charcoal, sans-serif;
}

.streifen {
   margin: auto;
   height: 7%;
   position: absolute;
   top: 80%;
   color: Red;
   z-index: 500;
} 

.feldreihe {
    width: 98%;
    height: 9.09%;
    float: left;
}

.ausgabefeld {
	
  background-color: Black;
	width: 98%;
	height: 98%;
	border-Radius: 0%;
  margin: auto;
  margin-top: 5%;
  margin-right: 5%;
  /*
  background: url(bilder/picturesForFC/tajmahal.png);
    background-size:100% 100%;
    */
}
.green {
    color: lawngreen;
}

.red {
    color: Red;
}

.toptextfeld {
	width: 90%;
	height: 18%;
	margin: auto;
        text-align: center;
	background-color: none;
        font-family: Lucyville;
        font-size:400%;
}

.textfeld {
        display: none;
	width: 80%;
	height: 20%;
	margin: auto;
        text-align: center;
	background-color: none;
        font-family: Lucyville;
        font-size:150%;
}

.textfeld2 {
        display: block;
	width: 95%;
	height: 10%;
	margin: auto;
        text-align: center;
	background-color: none;
        font-family: Lucyville;
        font-size:30%;
}

#score
{
    display: block;
    width: 80%;
    height: 40%;
    margin: auto;
    text-align: center;
    background-color: white;
    border-radius: 0px;
    border: 5px solid black;
    font-family: Lucyville;
    font-size:220%;
    
}

#hiscore
{
    display: block;
    width: 80%;
    height: 23%;
    margin: auto;
    margin-top: 2%;
    text-align: center;
    background-color: white;
    border-radius: 0px;
    border: 5px solid black;
    font-family: Lucyville;
    font-size:120%;
    
}

#sessionhiscore
{
    display: block;
    width: 80%;
    height: 23%;
    margin: auto;
    margin-top: 2%;
    text-align: center;
    background-color: white;
    border-radius: 0px;
    border: 5px solid black;
    font-family: Lucyville;
    font-size:120%;
    
}

#tipps {
    
    position: absolute;
    background-color: white;
    border-radius: 0px;
    border: 5px solid black;
    width: 7%;
    height: 5%;
    margin-top: 0%;
    text-align: center;
    font-family: Lucyville;
    font-size:120%;
    z-index: 997;
       
}

#tutback
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1px:
    height: 1px;
    display: none;
    z-index: 998;
}

#tut1
{
    position: relative;
    display: none;
    margin: auto;
    margin-top: 10%;
    width: 80%;
    height:60%;
    z-index: 999;
}

#tut2
{
    position: relative;
    display: none;
    margin: auto;
    margin-top: 10%;
    width: 80%;
    height:60%;
    z-index: 999;
}

#tut3
{
    position: relative;
    display: none;
    margin: auto;
    margin-top: 10%;
    width: 80%;
    height:60%;
    z-index: 999;
}

#tut4
{
    position: relative;
    display: none;
    margin: auto;
    margin-top: 10%;
    width: 80%;
    height:60%;
    z-index: 999;
}

#anotherlevel {
    
    
    background-color: white;
    border-radius: 0px;
    border: 5px solid black;
    width: 80%;
    height: 33%;
    margin: auto;
    margin-top: 3%;
    text-align: center;
    font-family: Lucyville;
    font-size:120%;
       
}

#thewyld {
    
    
    background-color: white;
    border-radius: 0px;
    border: 5px solid black;
    width: 80%;
    height: 33%;
    margin: auto;
    margin-top:3%;
    text-align: center;
    font-family: Lucyville;
    font-size:120%;
    
}

#restart {
    
    display: none;
    background-color: white;
    border-radius: 0px;
    border: 5px solid black;
    width: 80%;
    height: 33%;
    margin: auto;
    margin-top:3%;
    text-align: center;
    font-family: Lucyville;
    font-size:140%;
    
}

#gameover {
    
    background-color: white;
    border-radius: 0px;
    border: 5px solid black;
    width: 83%;
    height: 45%;
    margin: auto;
    margin-top: 10%;
    text-align: center;
    font-family: Lucyville;
    font-size:400%;
    
}

.maintextfeld {
	width: 90%;
	height: 35%;
	background-color: White;
	margin : auto;
	margin-top : 2%;
	overflow: scroll;
	border-Radius: 0%;
}

.loadtextfeld {
	width: 90%;
	height: 20%;
	background-color: White;
	margin : auto;
	margin-top : 2%;
	overflow: scroll;
	border-Radius: 0px;
}

.platzhalter {
    background-color: none;
    width: 98%;
    height: 25%;
    float: left;
    
}

#jokerdiv {
    margin: auto;
    width: 50%;
    height: auto;
}

#reset {
	margin: auto;
	width: 30%;
	height: 10%;
        display: none;
}

.wuerfelfeld {
	width: 90%;
	height: 15%;
	background-color: none;
  margin: auto;
  margin-top: 3%;
}

.wuerfel {
	width: 30%;
	height: 80%;
	display: inline;
	margin : auto;
}

#wbutton {
    
    background-color: white;
    border-radius: 0px;
    border: 5px solid black;
    width: 87%;
    height: 220%;
    margin: auto;
    margin-top: 3%;
    text-align: center;
    font-family: Lucyville;
    font-size:200%;
    display: none;
    
}
#enemymove {
    
    background-color: white;
    border-radius: 0px;
    border: 5px solid black;
    width: 87%;
    height: 220%;
    margin: auto;
    margin-top: 3%;
    text-align: center;
    font-family: Lucyville;
    font-size:200%;
    display: none;
    
}

#wbutton2 {
    height: 90%;
    width: 98%;
    margin: auto;
    margin-top: 10%;
    //float: left;
    //display: none;
}

#wleft {
	float: left; 
        display: none;
        margin-left:5%;
}
#wcenter {
	float: left;  
  display: none;
}
#wright {
	float: left;  
  display: none;
}

.feld {
	width: 9.09%;
    height: 100%;
    float: left;
}

#p0-0  { background-color: White; }
#p1-0  { background-color: Black; }
#p2-0  { background-color: White; }
#p3-0  { background-color: Black; }
#p4-0  { background-color: White; }
#p5-0  { background-color: Black; }
#p6-0  { background-color: White; }
#p7-0  { background-color: Black; }
#p8-0  { background-color: White; }
#p9-0  { background-color: Black; }
#p10-0  { background-color: White; }

#p0-1  { background-color: Black; }
#p1-1  { background-color: White; }
#p2-1  { background-color: Black; }
#p3-1  { background-color: White; }
#p4-1  { background-color: Black; }
#p5-1  { background-color: White; }
#p6-1  { background-color: Black; }
#p7-1  { background-color: White; }
#p8-1  { background-color: Black; }
#p9-1  { background-color: White; }
#p10-1  { background-color: Black; }

#p0-2  { background-color: White; }
#p1-2  { background-color: Black; }
#p2-2  { background-color: White; }
#p3-2  { background-color: Black; }
#p4-2  { background-color: White; }
#p5-2  { background-color: Black; }
#p6-2  { background-color: White; }
#p7-2  { background-color: Black; }
#p8-2  { background-color: White; }
#p9-2  { background-color: Black; }
#p10-2  { background-color: White; }

#p0-3  { background-color: Black; }
#p1-3  { background-color: White; }
#p2-3  { background-color: Black; }
#p3-3  { background-color: White; }
#p4-3  { background-color: Black; }
#p5-3  { background-color: White; }
#p6-3  { background-color: Black; }
#p7-3  { background-color: White; }
#p8-3  { background-color: Black; }
#p9-3  { background-color: White; }
#p10-3  { background-color: Black; }

#p0-4  { background-color: White; }
#p1-4  { background-color: Black; }
#p2-4  { background-color: White; }
#p3-4  { background-color: Black; }
#p4-4  { background-color: White; }
#p5-4  { background-color: Black; }
#p6-4  { background-color: White; }
#p7-4  { background-color: Black; }
#p8-4  { background-color: White; }
#p9-4  { background-color: Black; }
#p10-4  { background-color: White; }

#p0-5  { background-color: Black; }
#p1-5  { background-color: White; }
#p2-5  { background-color: Black; }
#p3-5  { background-color: White; }
#p4-5  { background-color: Black; }
#p5-5  { background-color: White; }
#p6-5  { background-color: Black; }
#p7-5  { background-color: White; }
#p8-5  { background-color: Black; }
#p9-5  { background-color: White; }
#p10-5  { background-color: Black; }

#p0-6  { background-color: White; }
#p1-6  { background-color: Black; }
#p2-6  { background-color: White; }
#p3-6  { background-color: Black; }
#p4-6  { background-color: White; }
#p5-6  { background-color: Black; }
#p6-6  { background-color: White; }
#p7-6  { background-color: Black; }
#p8-6  { background-color: White; }
#p9-6  { background-color: Black; }
#p10-6  { background-color: White; }

#p0-7  { background-color: Black; }
#p1-7  { background-color: White; }
#p2-7  { background-color: Black; }
#p3-7  { background-color: White; }
#p4-7  { background-color: Black; }
#p5-7  { background-color: White; }
#p6-7  { background-color: Black; }
#p7-7  { background-color: White; }
#p8-7  { background-color: Black; }
#p9-7  { background-color: White; }
#p10-7  { background-color: Black; }

#p0-8  { background-color: White; }
#p1-8  { background-color: Black; }
#p2-8  { background-color: White; }
#p3-8  { background-color: Black; }
#p4-8  { background-color: White; }
#p5-8  { background-color: Black; }
#p6-8  { background-color: White; }
#p7-8  { background-color: Black; }
#p8-8  { background-color: White; }
#p9-8  { background-color: Black; }
#p10-8  { background-color: White; }

#p0-9  { background-color: Black; }
#p1-9  { background-color: White; }
#p2-9  { background-color: Black; }
#p3-9  { background-color: White; }
#p4-9  { background-color: Black; }
#p5-9  { background-color: White; }
#p6-9  { background-color: Black; }
#p7-9  { background-color: White; }
#p8-9  { background-color: Black; }
#p9-9  { background-color: White; }
#p10-9  { background-color: Black; }

#p0-10  { background-color: White; }
#p1-10  { background-color: Black; }
#p2-10  { background-color: White; }
#p3-10  { background-color: Black; }
#p4-10  { background-color: White; }
#p5-10  { background-color: Black; }
#p6-10  { background-color: White; }
#p7-10  { background-color: Black; }
#p8-10  { background-color: White; }
#p9-10  { background-color: Black; }
#p10-10  { background-color: White; }


.enemyfield {
	position: absolute;
	width: 100%;
	height: 96%;
	z-index: 500;
}

.enemypic {
	margin: auto;
	width: 70%;
	height: 70%;
	z-index: 500;
}

#enemy0 {
  display: none;     
}

#enemy1 {
  display: none;     
}

#enemy2 {
  display: none;
}

#enemy3 {
  display: none;
}

#enemy4 {
  display: none;
}

#enemy5 {
  display: none;
}

#enemy6 {
  display: none;
}

#enemy7 {
  display: none;
}

#enemy8 {
  display: none;
}

#enemy9 {
  display: none;
}