.ui-input-text {
   -webkit-box-shadow: 0px 0px 0px 0px;
   box-shadow: 0px 0px 0px 0px;
   border-width: 1px;
   border-style: inset;
   background-color:#96C;
   text-align:center;
}

.uebung {
	margin: auto;
	height: 450px;
	width: 433px;
	position: relative;
}

.Navi {
  width: 160px;
  left: 50%;
  right: 50%;
  position: absolute;
  margin-left: -80px;
  top: 215px;
}

#TBPruef {
  width: 310px;
  background-repeat: no-repeat;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  height: 248px;
}

#titelbild {
  width: 152px;
  left: 50%;
  right: 50%;
  position: absolute;
  margin-left: -76px;
}

#HG1      {
   width: 170px;
   height: 102px;
   position: absolute;
   border-radius: 17px;
   border: thin double #333333;
   -webkit-box-shadow: 2px 2px 5px 0px #396B9E;
   box-shadow: 2px 2px 5px 0px #396B9E;
   background-image: url(../images/10Fehler170.png);
   background-color: #01073A;
   left: 131px;
}
#HG2      {
   width: 433px;
   height: 260px;
   left: 0px;
   position: absolute;
   background-image: url(../images/Bild5.png);
   background-size: contain;
   background-repeat: no-repeat;
   z-index: 0;
   top: 0px;
}

.zahl {
   width: 168px;
   top: 10px;
   height: 30px;
   position: absolute;
   text-align: center;
   background-color: rgba(255,204,0,0.8);
   left: 133px;
   color: #FFFFFF;
   font-weight: bold;
   border-radius: 4px;
   border: 2px inset #000000;
   font-size: large;
}

.l1      {
   width: 30px;
   height: 30px;
   left: 201px;
   position: absolute;
   text-align: center;
   top: 50px;
}

.l3      {
   width: 50px;
   height: 30px;
   left: 192px;
   position: absolute;
   text-align: center;
   top: 50px;
}

.l4      {
   width: 60px;
   height: 30px;
   left: 187px;
   position: absolute;
   text-align: center;
   top: 50px;
}

.l5      {
   width: 70px;
   height: 30px;
   left: 183px;
   position: absolute;
   text-align: center;
   top: 50px;
}

.l6      {
   width: 80px;
   height: 30px;
   left: 178px;
   position: absolute;
   text-align: center;
   top: 50px;
}

.l7      {
   width: 90px;
   height: 30px;
   left: 173px;
   position: absolute;
   text-align: center;
   top: 50px;
}

.l8      {
   width: 100px;
   height: 30px;
   left: 165px;
   position: absolute;
   text-align: center;
   top: 50px;
}

.l9      {
   width: 110px;
   height: 30px;
   left: 163px;
   position: absolute;
   text-align: center;
   top: 50px;
}

.l10      {
   width: 120px;
   height: 30px;
   left: 157px;
   position: absolute;
   text-align: center;
   top: 50px;
}

.l2      {
   width: 40px;
   height: 30px;
   left: 198px;
   position: absolute;
   text-align: center;
   top: 50px;
}

.B0 {
   width: 50px;
   position: absolute;
   top: 298px;
   left: 133px;
}

.B1 {
   width: 50px;
   position: absolute;
   top: 115px;
   left: 133px;
}

.B2 {
   width: 50px;
   position: absolute;
   top: 115px;
   left: 194px;
}

.B3 {
   width: 50px;
   position: absolute;
   top: 115px;
   left: 255px;
}

.B4 {
   width: 50px;
   position: absolute;
   top: 176px;
   left: 133px;
}

.B5 {
   width: 50px;
   position: absolute;
   top: 176px;
   left: 194px;
}

.B6 {
   width: 50px;
   position: absolute;
   top: 176px;
   left: 255px;
}

.B7 {
   width: 50px;
   position: absolute;
   top: 237px;
   left: 133px;
}

.B8 {
   width: 50px;
   position: absolute;
   top: 237px;
   left: 194px;
}

.B9 {
   width: 50px;
   position: absolute;
   top: 237px;
   left: 255px;
}

.BX {
   width: 111px;
   position: absolute;
   top: 305px;
   left: 194px;
}

.BY {
   width: 115px;
   position: absolute;
   top: 359px;
   left: 172px;
}

.pyl {
   width: 200px;
   left: 10px;
   color: #FFF;
   font-weight: bold;
   text-align: right;
   z-index: 2;
   position: absolute;
}

.pyr {
   color: #00FF00;
   font-weight: bold;
   width: 200px;
   left: 219px;
   position: absolute;
   text-align: left;
}

#pyl1, #pyr1 {
   top: 16px;
}

#pyl2, #pyr2 {
   top: 40px;
}

#pyl3, #pyr3 {
   top: 64px;
}

#pyl4, #pyr4 {
   top: 88px;
}

#pyl5, #pyr5 {
   top: 112px;
}

#pyl6, #pyr6 {
   top: 136px;
}

#pyl7, #pyr7 {
   top: 160px;
}

#pyl8, #pyr8 {
   top: 184px;
}

#pyl9, #pyr9 {
   top: 208px;
}

#pyl10, #pyr10 {
   top: 232px;
}

.IF0 {
  float: left;
  top: 0px;
  bottom: 0px;
}

.TF0 {
  width: 300px;
  position: absolute;
  margin-left: -150px;
  left: 50%;
  margin-top: 0px;
}

.u1 {
   width: 90px;
   left: 50%;
   right: 50%;
   margin-left: -40px;
   position: relative;
}

.GPlay {
   width: 48px;
   left: 50%;
   right: 50%;
   margin-left: -24px;
   position: relative;
}

.g1 {
   position: absolute;
   width: 155px;
   left: 50%;
   right: 50%;
   margin-left: -160px;
   top: 80px;
}

#codefalsch {
   color: #FF0000;
   font-weight: bold;
}

.verlassen p {
   text-align: center;
}