@charset "utf-8";

body
  {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
  }

#abdecker
  {
    position: fixed;
    top: -9999px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: #A0A0A0;
    padding: 10px 20px;
    opacity: 0.3;
    z-index: 99;
  }

#anleitungstitel img
  {
    margin: 10px 0px;
  }

#anleitung, #notfall_kein_ton
  {
    position: fixed;
    width: 500px;
    font-size: 0.85em;
    margin-top: -175px;
    margin-left: -250px;
    top: -9999px;
    left: 50%;
    border: 5px solid #0040FF;
    border-radius: 8px;
    background-image: url("../bilder/HB_Training.jpg");
    text-align: left;
    padding: 10px 20px;
    z-index: 100;
  }

#anleitungstext, #notfalltext
  {
    height: 250px;
    overflow-y: scroll;
    background: #FFFFFF;
    padding: 5px 10px;
    border: 2px solid black;
  }

#holder
  {
    width: 760px;
    background: #FFFF22;
    background-image: linear-gradient(#EEEE00, #FFFF66);
    margin: 0 auto 0 auto;
  }

#Arbeitscontainer
  {
    position: relative;
    height: 900px;
    overflow-y: hidden;
    z-index: 9;
  }

#Vorgaben_Fragen
  {
    width: 720px;
    margin: 0px auto;
    background: #FFFFCC;
    border: 1px solid black;
    text-align: center;
  }

#Vorgaben_Fragen tr
  {
    height: 50px;
  }

#schluesselauswahl
  {
    width: 240px;
    float: left;
    border-right: 1px solid black;
  }

#schluesselauswahl td
  {
    text-align: left;
  }

#vorzeichenauswahl
  {
    width: 240px;
    float: right;
    border-left: 1px solid black;
  }

#vorzeichenauswahl td
  {
    width: 100px;
  }

#klavier_v
  {
    position: relative;
    width: 720px;
    height: 200px;
    margin: 0px auto;
    background: #000000;
    border: 1px solid black;
    overflow-y: hidden;
  }

#klavier_b
  {
    position: relative;
    width: 720px;
    height: 0px;
    margin: 0px auto;
    background: #000000;
    border: 1px solid black;
    overflow-y: hidden;
  }