.LueckeZ{
  display: inline-block;
  background-color:#e9e9e9;
  cursor:pointer;
  min-width:2em;
  text-align:center;
  padding:3px;
  border:2px solid white;
}

.LueckeS span{
  display: inline-block;
  background-color:#e9e9e9;
  cursor:pointer;
  min-width:2em;
  text-align:center;
  margin:4px;
}

.LueckeZPi{
  display: inline-block;
  background-color:#e9e9e9;
  cursor:pointer;
  min-width:1em;
  text-align:center;
  border:2px solid white;
}

.LueckeSPi span{
  display: inline-block;
  background-color:#ccc;
  cursor:pointer;
  min-width:1em;
  text-align:center;
  margin:4px;
}

.LueckeZUDp{
  display: inline-block;
  background-color:#e9e9e9;
  cursor:pointer;
  min-width:2em;
  text-align:center;
  border:2px solid white;
  min-width:4em;
}

.LueckeSUDp span{
  display: inline-block;
  background-color:#ddd;
  cursor:pointer;
  min-width:4em;
  text-align:center;
  margin:4px;
}

.em1 input{
	width:1em;
        font-size:1em
}

.em2 input{
	width:2em;
        font-size:1em
}

.em3 input{
	width:3em;
        font-size:1em
}

#KreiseA input, #KreiseB input, #KreiseG input, #KreiseAUm input, #KreiseBUm input{
	width:2em;
	font-size:1em;
	text-align:right;
}

#KreisBerCTab input{
	width:3em;
	font-size:1em;
	text-align:right;
}

#KreisinKreisTab1 td{
	padding:0.2em 1em 0.2em 1em; 
	}
	
#cell 
{
	border-color:#000000;
	border-width:1px;
	border-style:solid;
}
#white
{
	font-family:sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	color:#ffffff;
}
#black
{
	font-family:sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	color:#000000;
}

#KrUDR0,#KrUDR1,#KrUDR2{
	position: absolute;
	cursor: pointer;
}

#KrUDR0{
	top:15px;
	left: 20px;	
}

#KrUDR1{
		
}

#KrUDR2{
	
}

#KrUDRZ0,#KrUDRZ1,#KrUDRZ2{
	width:28px;
	height:28px;
	background-color: #fffac8;
	text-align: center;
	line-height: 28px;
	border-radius: 14px;
	font-size: 18px;
	font-weight: bold;
	float: right;
	cursor: pointer;
} 

#KrUDRZAn0{
	animation-name:AnKrUDRZ0;
	animation-duration:20s;
	animation-timing-function:linear;
	animation-delay:0s;
	animation-iteration-count:infinite;
	animation-direction:normal;
	animation-fill-mode:none;
	animation-play-state:running;
	
	position: absolute;
	text-align: right;
	width:61px;
	height: 28px;
	left:70px;
	top:65px;
	cursor: pointer;

}

@keyframes AnKrUDRZ0 {
	0%{transform-origin: top left;transform:rotate(0deg)}
	100%{transform-origin: top left;transform:rotate(360deg)}	
}

#KrUDRDiv1{
	animation-name:AnKrUDRDiv1;
	animation-duration:20s;
	animation-timing-function:linear;
	animation-delay:0s;
	animation-iteration-count:infinite;
	animation-direction:reverse;
	animation-fill-mode:none;
	animation-play-state:running;
	
	position: absolute;
	width:102px;
	height:102px;
	left:140px;
	top:15px;
}

@keyframes AnKrUDRDiv1 {
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}	
}

#KrUDRZ1{
	animation-name:AnKrUDRZ1;
	animation-duration:8s;
	animation-timing-function:ease-in-out;
	animation-delay:0s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-fill-mode:none;
	animation-play-state:running;
	
	position: absolute;
	top:37px;
}

@keyframes AnKrUDRZ1 {
	0%{left:-15px;}
	100%{left:85px;}	
}	

#KrUDRZ2{
	animation-name:AnKrUDRZ2;
	animation-duration:4s;
	animation-timing-function:ease-in-out;
	animation-delay:0s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-fill-mode:none;
	animation-play-state:running;
	left: 35px;
	position: absolute;
}

@keyframes AnKrUDRZ2 {
	0%{top:-5px;}
	100%{top:35px;}	
}		
		
#KrUDRDiv2{
	animation-name:AnKrUDRDiv2;
	animation-duration:20s;
	animation-timing-function:linear;
	animation-delay:0s;
	animation-iteration-count:infinite;
	animation-direction:normal;
	animation-fill-mode:none;
	animation-play-state:running;
	
	position: absolute;
	width:102px;
	height:102px;
	left:260px;
	top:15px;
}

@keyframes AnKrUDRDiv2 {
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}	
}