﻿body {background-color:#bbb;}
table {text-align:center; height:100%; width:100%;}/*border-spacing*/
/*tr {height:10%;}*/
tr/*:first-child*/ {visibility:hidden;}
tr:last-child {visibility:visible;}
tr:first-child td:last-child {padding:0; visibility:hidden; border:2px solid #aaa;}
td {/*box-sizing:border-box;*/ height:10%; width:20%;}/* border:2px solid #aaa;*/
.e, .rich, .teil {display:inline-block; border-radius:50%;}
.e {width:50px; height:50px;}/* width:1px; height:1px;*/
tr.aktivereihe span:not(.k):not(.aktivezelle)/*.e*/ {border:2px solid grey;}
/*td.aktivezelle span.e:not(#gibtsgarnicht) {border:5px solid grey;}*/
span.aktivezelle {border:5px solid grey;}/*border-width:5px;*/
/*td.aktiv tr {background-color:blue;}*/
span[onclick*=aktiv] {position:absolute;}
.f {display:inline-block; height:96%; width:10%; margin:0 2%; border-radius:16%;}/* height:50px; border:2px solid;*/
/*.k {border-radius:50%;}*//* border:10% solid;*/
.k1, #y0x1 {background-color:#24a; border-color:#24a;}
.k2, #y0x2 {background-color:#4a2; border-color:#4a2;}
.k3, #y0x3 {background-color:#a24; border-color:#a24;}
.k4, #y0x4 {background-color:#aa3; border-color:#aa3;}
.k5, #y0x5 {background-color:#3aa; border-color:#3aa;}
.k6, #y0x6 {background-color:#a3a; border-color:#a3a;}
/*.d {background-color:#bbb; border-color:#bbb;}*/
.rich, .teil {height:25px; width:25px; margin:0 6.25%;}/*height: 25px; width:25px; margin:0 6.25%; height:100%; width:10%; width:8%; height:40%; span#ausw {margin:0 11.5%; width:2%;}*/
.rich {background-color:#444;}
.teil {background-color:#eee;}
#y0x1:hover {background-color:#35b;}
#y0x2:hover {background-color:#5b3;}
#y0x3:hover {background-color:#b35;}
#y0x4:hover {background-color:#bb4;}
#y0x5:hover {background-color:#4bb;}
#y0x6:hover {background-color:#b4b;}
img {height:55px; margin:0 8%;}
img:hover {}/*background-color:rgba(187,187,187,0.8);*/