.korpus > div, .korpus > input { display: none; }

.korpus label {padding: 12px; border: 0px solid #aaa; line-height: 28px; cursor: pointer; position: relative; bottom: 0px; background: #0471a9; color: white; border-radius: 5px 5px 0px 0px;}

.korpus input[type="radio"]:checked + label 

{border-bottom: 0px solid #fff;  background: #435982;} 
   
.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),  
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),  
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3),   
.korpus > input:nth-of-type(4):checked ~ div:nth-of-type(4),  
.korpus > input:nth-of-type(5):checked ~ div:nth-of-type(5),  
.korpus > input:nth-of-type(6):checked ~ div:nth-of-type(6),  
.korpus > input:nth-of-type(7):checked ~ div:nth-of-type(7),  
.korpus > input:nth-of-type(8):checked ~ div:nth-of-type(8) 

{display: block;  border: 0px solid #aaa;}