body { 
  margin: 0; 
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
     
}
/* donker - helder */
#imgModusDH {position:absolute;width:20px; height:10px;}

canvas {
   border: 1px solid silver;
   display: block;
   margin: 5px auto;
    width:810px; height:200px;
}

h5{
   font-family: arial;
   font-size: 12px;
   text-align: center;
   margin: 0px 0px -5px 5px;
}

button { padding: 0px 2px 2px 2px; }
button img { width: 12px; }

table { margin-left: auto; margin-right: auto; }

svg text{
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   pointer-events: none;
}

#divKlavier {
  margin-left: auto; margin-right: auto;
   text-align:center;
   border: 0.5px solid gray;
   width: 810px;
   min-width:630px;
   overflow-x:auto;
}
#divKlavier svg {width: 945px; }

#imgKlavierSettings {position: absolute; width:10px; cursor:pointer;}

/*----- main param */
#tblParam{
   border: 0.5px solid gray;
   border-radius: 4px;
   border-spacing:1px;
   margin-top:5px;
   width: 810px;
}
table#tblParam > tbody > tr > td:nth-child(1) {
   vertical-align:top; 
   background-color:#C0C0C080;
   background-image:linear-gradient(#C0C0C010,#C0C0C0FF);
}

#tblMain td {
   border: 0px solid gray; 
   vertical-align: middle;
   padding: 0px 2px;
   line-height: 8px;
   font-size: 0.6em;
}
#tblMain tr:nth-child(1) td:nth-child(1) {
   text-align: center; background-color:silver;
   border: 0.5px solid gray;
   border-radius: 4px;  
   padding: 4px 2px;
   font-family:verdana;
   font-size: 0.9em;   
}
#tblMain td:nth-child(1) {text-align: center; max-width:8px;}
#tblMain td img { vertical-align: middle;}
#numBuff { font-size: 12px; width: 59px; }
#numMainFreq { font-size:12px; width: 59px;}
#numMainVolume { font-size:12px; width: 59px;}
#numDuur { font-size:12px; width: 42px;}

#divOscillators { 
   width: 720px;
   max-height:220px; 
   overflow:scroll;
}

::-webkit-scrollbar {  width: 5px; height:5px;}
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #888; }
::-webkit-scrollbar-thumb:hover { background: #555; }