div.raten {
  margin:20px auto;
  text-align:left;
  width:400px;
}

form.eingabe {
  text-align:center;
}

h2 {
  margin-bottom:5px;
}

input.fehler {
  background-color:#ffcccc;
  border:1px solid #800000;
  color:#800000;
  font-weight:bold;
  height:20px;
  margin:5px;
  padding:2px 0 0 0;
  text-align:center;
  width:22px;
}

input.ok {
  background-color:#ffffff;
  border:0;
  color:#008000;
  font-weight:bold;
  height:20px;
  margin:5px;
  padding:2px 0 0 0;
  text-align:center;
  width:22px;
}

input.user {
  background-color:#ffffff;
  border:0;
  color:#6e7d9a;
  font-weight:bold;
  height:20px;
  margin:5px;
  padding:2px 0 0 0;
  text-align:center;
  width:22px;
}

input.zahlen {
  border:0;
  font-weight:bold;
  height:20px;
  margin:5px;
  padding:2px 0 0 0;
  text-align:center;
  width:22px;
}

select {
  border:1px solid #6e7d9a;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  margin:0 5px 0 0;
}

table {
  border:3px solid #6e7d9a;
  border-collapse:collapse;
  margin:0 auto;
}

td {
  border-color:#6e7d9a;
  border-style:solid;
  cursor:text;
  height:40px;
  text-align:center;
  width:40px;
}

td.bottom {
  border-width:0 1px 3px 0;
}

td.normal {
  border-width:0 1px 1px 0;
}

td.right {
  border-width:0 3px 1px 0;
}

td.right_bottom {
  border-width:0 3px 3px 0;
}

tr {
  vertical-align:middle;
}

.falsch {
  background-color:#fff;
  color:#800000;
  font-weight:bold;
}

.fehlermeldung {
  background-color:#fff;
  color:#800000;
}

.richtig {
  background-color:#fff;
  color:#008000;
  font-weight:bold;
}