body {
  background-color:#f5f5f5;
  touch-action: none; /* Disable touch behaviors, like pan and zoom */
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
body, table#tastatur, input.akkordknopf {
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:14px;
}
table#tastatur, table#tastatur td {
  /*background-color:#ffffff;*/
  border-collapse:collapse;
  padding:0px;
}
input.akkordknopf {
  border-style:solid;
  border-color:#bebebe;
  border-width:1px;
  border-radius:5px;
  padding:4px;
  background-color:#f5f5f5;
  width:60px;
  margin-top:20px;
  margin-right:4px;
}
input.akkordknopf:hover {
  background-color:#ffffff;
  cursor:pointer;

}
.taste {
  background-color:#ffffff;
  width:40px;
  height:160px;
  border-style:solid;
  border-width:1px;
  border-color:#bebebe;
  font-weight:bold;
  position:relative;
  margin:0px;
  -webkit-border-bottom-left-radius: 7px 15px;
  -moz-border-radius-bottomleft: 7px 15px;
  border-bottom-left-radius: 7px 15px;
  -webkit-border-bottom-right-radius: 7px 15px;
  -moz-border-radius-bottomright: 7px 15px;
  border-bottom-right-radius: 7px 15px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor:pointer /*  url(../img/hand.gif), hand; crosshair, pointer */
}
svg {
  background-color:#ffffff;
  border-style:none;
}
.halbton {
  background-color:#000000;
  width:10px;
  height:100px;
}
.halbton_links {
  position:absolute;
  left:-1px;
  top:0px;
  -webkit-border-bottom-right-radius: 4px 4px;
  -moz-border-radius-bottomright: 4px 4px;
  border-bottom-right-radius: 4px 4px;
}
.halbton_rechts {
  position:absolute;
  right:-1px;
  top:0px;
  -webkit-border-bottom-left-radius: 4px 4px;
  -moz-border-radius-bottomleft: 4px 4px;
  border-bottom-left-radius: 4px 4px;
}
.taste:active {
  border-color:#ff6600;
  background-color:#ffe6d5;
}
.textinhalt {
  position:absolute;
  width:38px;
  bottom:10px;
  left:1px;
  text-align:center;
  /*background-color:yellow;*/
}
.gerade_aktiv {
  border-color:#ff6600;
  background-color:#ffe6d5;
}