* {font:1.1rem/1.1rem verdana;}
body {background-color:#ddd; margin:0;}
#formu, th, td, #sort {text-align:center;}
#tabelle {padding:1%; width:98%; height:28%; background-color:#aaa;}
#formu {padding-top:1%; padding-bottom:1%; height:4%; background-color:#888;}
#sort {padding:0 3%; width:94%; height:60%; background-color:#555;}
#bubble,#einfuege, #shell {float:left;}
#bubble {width:30%; height:100%; background-color:#4a2;}
#einfuege {width:30%; height:100%; background-color:#24a; margin:0 5%;}
#shell {width:30%; height:100%; background-color:#a24;}
.unsortiert, .sortiert/* , .zeit*/ {display:block; overflow:hidden; height:auto; padding:0; margin:2% 0;}/* background-color:rgba(100,100,0,0.5); border:1px solid yellow;*/
.unsortiert {height:47%;}
.sortiert {height:47%;}
/*.zeit {margin-top:73%; height:16%;}*/
table {width:80%; height:87.5%; margin:auto; border-spacing:0;}
table, tr, th, td {border:1px solid #bbb;}
th, td {width:12.5%; height:20%;}
form {width:90%; margin-left:10%; border-spacing:0;}
input {margin:0 0.5%; width:9.5%;}
input.fehler {background-color:#b52;}
input, button {line-height:1.3rem; border:0; background-color:#eee;}
button {width:4.25%;}
input:hover, button:hover {background-color:#ccc;}
input.fehler:hover {background-color:#a41;}
img {width:55%; height:55%;}