body, table {
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:14px;
  padding:0px;
  margin:0px;
}
table, td {
  border-collapse:collapse;
  padding:0px;
  margin:0px;
  border-style:dotted;
  border-color:#bebebe;
  border-width:1px;
}

td.abstand_links {
  padding-left:15px;
}

div.anleitung {
  background-color:white;
  padding:2px;
  /*width:320px;*/
}

div#erklaerung {
  /*width:700px;*/
  padding:4px;
}

span.leer {
  background-color:#fea;
  /*display:inline-block;
  width:10px;*/
}
span.knopf {
  font-size:12px;
  border-style:solid;
  border-color:#bebebe;
  border-width:1px;
  border-radius:5px;
  padding:2px;
  background-color:#f5f5f5;
}
span.leer_text {
  background-color:#fea;
}

.nach_links {
  text-align:left;
}

span.hoch {
  color:#f60;
  font-weight:bold;
}
span.pfeil {
  color:magenta;
  font-weight:bold;
}
a:focus {
  outline: thin dotted;
}

a:active, a:hover {
  outline: 0;
}
a {
  color: #428bca;
  text-decoration: none;
}
a:hover, a:focus {
  color: #2a6496;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}