body {
background-color: silver;
background-image: linear-gradient(335deg, #b00 23px, transparent 23px),
linear-gradient(155deg, #d00 23px, transparent 23px),
linear-gradient(335deg, #b00 23px, transparent 23px),
linear-gradient(155deg, #d00 23px, transparent 23px);
background-size: 58px 58px;
background-position: 0px 2px, 4px 35px, 29px 31px, 34px 6px;
}

#tablewrapper{
  padding: auto;
  padding:1.5rem;
}

div.table {
  display:table;
  border: 0.2rem solid black;
  margin: auto;
}
#table2{
  position:relative;
  padding: 2rem;
  margin: auto;
}
#watchborder {
padding: 1rem;
margin: 1rem auto;
border: 1.5rem ridge silver;
background-color: black;
box-shadow: 0.5rem 0.5rem 1rem black;

}
div.sek , .ecke{
  position: absolute;
  border: 0 solid black;
}
div.ecke {
width: 1rem;
height: 1rem;
border-width: 0.2rem;
}
#untenlinks{
  bottom:0.2rem;
  left:0.2rem;
  } /* Bottom -> top */
#obenrechts{
  right:0.2rem;
  top:0.2rem;
  }
#obenlinks{
  left:0.2rem;
  top:0.2rem;}

#untenrechts{
  right:0.2rem;
  bottom:0.2rem;
  }
#seklinks{
  border-left: 0.2rem solid green;
  bottom:0;
  left:0;
  } /* Bottom -> top */
#sekrechts{
  border-right: 0.2rem solid green;
  right:0;
  top:0;
  }
#sekoben{
  border-top: 0.2rem solid green;
  left:0;
  top:0;}

#sekunten{
  border-bottom: 0.2rem solid green;
  right:0;
  bottom:0;
  } /* Bottom -> top */

div.tablerow{
  display:table-row;
}
div.tfield{
  display:table-cell;
  font-size: 2rem;
  background-color: black;
  color: #131212;
  border: 0.1rem solid black;
  width: 2rem;
  text-align: center;
}
div.randlinks{
  border-left-color: darkgreen;
}
div.randrechts{
  border-right-color: darkgreen;
}
div.randoben{
  border-top-color: darkgreen;
}
div.randunten{
  border-bottom-color: darkgreen;
}
div.tfield.ein{
  background-color: black;
  color: green;
}

div.tfield.markiert{
  border: 0.3rem solid red;

}