body, table, input {
  font-family:"Helvetica-Neue",Helvetica,Arial,sans-serif;
  font-size:14px;
}
table#anweisung, table#statistiktabelle, table#steuerung, div#hinweis {
  width:640px;
}
div#hinweis {
  color:#666666;
}
input[type=button] {
  padding:4px;
  margin-top:5px;
  cursor:pointer;
  height:48px;
  min-width:169px;
} 
input[type=button]#b_richtig, input[type=button]#b_falsch, input[type=button]#b_loesung_anzeigen {
  border-style:solid;
  border-color:#bebebe;
  border-width:1px;
  border-radius:5px;
}

input[type=button]#b_loesung_anzeigen {
  background-color:lightgrey;
  color:#000000;
}
input[type=button]#b_loesung_anzeigen:hover {
  background-color:#DFEAF2;
  color:#008EDA;
  border-color:#008EDA;
}
input[type=button]#b_loesung_anzeigen:disabled {
  background-color:#f5f5f5;
  color:#666666;
  cursor:auto;
}
input[type=button]#b_loesung_anzeigen:disabled:hover {
  background-color:#f5f5f5;
  color:#666666;
  border-color:#bebebe;
}
input[type=button]#b_richtig {
  background-color:#e5ffd5;
  color:#338800;
  width:320px;
}
input[type=button]#b_falsch {
  background-color:#ffd5d5;
  color:#d40000;
  width:320px;
}
input[type=button]#b_richtig:disabled {
  background-color:#f5f5f5;
  color:#666666;
  cursor:auto;
}
input[type=button]#b_falsch:disabled {
  background-color:#f5f5f5;
  color:#666666;
  cursor:auto;
}
.zentriert {
  text-align:center;
}
.nach_rechts {
  text-align:right;
}
.nach_unten {
  vertical-align:bottom;
}
.nach_oben {
  vertical-align:top;
  padding-top:5px;
}
table#statistiktabelle,table#statistiktabelle td {
  border-collapse:collapse;
  border-style:solid;
  border-color:#ffffff;
  border-width:1px;
}
input[type=text][readonly=true] {
  background-color:#ffffff;
  border-style:dotted;
  border-color:#ffffff;
  border-width:1px;
}
.karte {
  width: 169px;
  height: 245px;
  border-style:solid;
  border-color:#bebebe;
  border-width:1px;
  border-radius:10px;
  -moz-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  user-select:none;
}
.front {
  background:#fff6d5;
}
.back {
  background:#DFEAF2;
}
.stapel {
  width: 169px;
  height: 245px;
  border-style:solid;
  border-color:#ffffff;
  border-width:1px;
  border-radius:10px;
  background:url(../img/back.png);
}
#anzeigebereich {
  padding:5px;
}
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;
}