body {
  font-family: Verdana, Arial, Sans-serif;
  font-size: 11px;
  background: #F4F4F4;
}
h3 {
  margin-left: 30px;
  margin-top: 12px;
  font-family: Verdana, Arial, Sans-serif;
  font-size: 14px;
}
p {
  font-family: Verdana, Arial, Sans-serif;
  font-size: 11px;
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 12px;
  margin-bottom: 12px;
}
div {
  font-family: Verdana, Arial, Sans-serif;
  font-size: 11px;
  margin-left: 30px;
  margin-right: 30px;
}
a {
  color: #FF0000;
}
table.puzzel {
  border-collapse: collapse;
  border: 2px solid #000000;
  font-family: Verdana, Arial, Sans-serif;
  font-size: 18px;
  color: #000000;
  margin: 20px;
  padding: 0;
}
td {
  font-family: Verdana, Arial, Sans-serif;
  font-size: 11px;
}
td.ii {
  width: 30px;
  height: 30px;
  border: 1px solid #000000;
  text-align: center;
  font-size: 18px;
}
td.iv {
  width: 30px;
  height: 30px;
  border: 1px solid #000000;
  text-align: center;
  border-right: 2px solid #000000;
  font-size: 18px;
}
td.vi {
  width: 30px;
  height: 30px;
  border: 1px solid #000000;
  text-align: center;
  border-bottom: 2px solid #000000;
  font-size: 18px;
}
td.vv {
  width: 30px;
  height: 30px;
  border: 1px solid #000000;
  text-align: center;
  border-right:   2px solid #000000;
  border-bottom: 2px solid #000000;
  font-size: 18px;
}
td.iig {
  width: 30px;
  height: 30px;
  border: 1px solid #000000;
  text-align: center;
  background: #CCFFCC;
  font-size: 18px;
}
td.ivg {
  width: 30px;
  height: 30px;
  border: 1px solid #000000;
  text-align: center;
  border-right: 2px solid #000000;
  background: #CCFFCC;
  font-size: 18px;
}
td.vig {
  width: 30px;
  height: 30px;
  border: 1px solid #000000;
  text-align: center;
  border-bottom: 2px solid #000000;
  background: #CCFFCC;
  font-size: 18px;
}
td.vvg {
  width: 30px;
  height: 30px;
  border: 1px solid #000000;
  text-align: center;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  background: #CCFFCC;
  font-size: 18px;
}
input {
  width: 18px;
  height: 22px;
  border-width: 0px;
  font-family: Verdana, Arial;
  font-size: 18px;
  color: #999999;
  margin-top: 0px;
  margin-left: 5px;
}
input.error {
  color: #FF0000;
}
fieldset {
  border: silver 1px solid; 
  width: 340px; 
  height: 135px
}
legend {
  font-family: Verdana, Arial;
  font-size: 11px; 
  color: black; 
}
.button {
  width: 100px;
  height: 20px;
  border: solid black 1px;
  font-family: verdana, tahoma, arial;
  font-weight: bold;
  font-size: 11px;
  color: #000000;
  width: 100px;
  background-color: #cccccc;
}
.copyright {
  font-size: 9px;
  color: #cccccc;
}