.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; }
/* start commented backslash hack \*/
* html .group { height: 1%; }
.group { display: block; }
/* close commented backslash hack */



.top-demo div {  width: 100px; height:100px; float: left; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50%; }
.top-demo div span{  width: 100px; height:100px; display:table-cell; text-align:center; vertical-align:middle; font-size:28px; font-family: inherit; font-weight:200; color:#FFF}

/*.top-demo div:nth-child(5n) {  border:2px red solid; }
.top-demo div:nth-child(5n+1) { background: transparent; border:2px red solid;}
.top-demo div:nth-child(5n+2) { background: transparent; border:2px red solid; }
.top-demo div:nth-child(5n+3) { background: transparent; border:2px red solid; }
.top-demo div:nth-child(5n+4) { background: transparent; border:2px red solid; }
.top-demo div:nth-child(5n+5) { background: transparent; border:2px red solid; }
.top-demo div:nth-child(5n+6) { background: transparent; border:2px red solid; }
.top-demo div:nth-child(5n+7) { background: transparent; border:2px red solid; }
.top-demo div:nth-child(5n+8) { background: transparent; border:2px red solid; }*/
.ball_0 { background: transparent;   }
.ball_1 { background:transparent url(../images/Kreis01.png);background-size: cover; box-shadow: 5px 5px 44px 5px rgba(0,0,0,0.4);}
.ball_2 { background:transparent url(../images/Kreis02.png) ;background-size: cover; box-shadow: 5px 5px 44px 5px rgba(0,0,0,0.4);}
.ball_3 { background:transparent url(../images/Kreis03.png) ;background-size: cover; box-shadow: 5px 5px 44px 5px rgba(0,0,0,0.4);}
.ball_4 { background:transparent url(../images/Kreis04.png) ;background-size: cover; box-shadow: 5px 5px 44px 5px rgba(0,0,0,0.4);}
.ball_5 { background:transparent url(../images/Kreis05.png) ;background-size: cover; box-shadow: 5px 5px 44px 5px rgba(0,0,0,0.4);}
.ball_6 { background:transparent url(../images/Kreis15.png) ;background-size: cover; box-shadow: 5px 5px 44px 5px rgba(0,0,0,0.4);}
.ball_7 { background:transparent url(../images/Kreis07.png) ;background-size: cover; box-shadow: 5px 5px 44px 5px rgba(0,0,0,0.4);}
.ball_8 { background:transparent url(../images/Kreis08.png) ;background-size: cover; box-shadow: 5px 5px 44px 5px rgba(0,0,0,0.4);}
.ball_9 { background:transparent url(../images/Kreis09.png) ;background-size: cover; box-shadow: 5px 5px 44px 5px rgba(0,0,0,0.4);}
.ball_10 { background:transparent url(../images/Kreis10.png) ;background-size: cover; box-shadow: 5px 5px 44px 5px rgba(0,0,0,0.4);}
.ball_11 { background:transparent url(../images/Kreis11.png) ;background-size: cover; box-shadow: 5px 5px 44px 5px rgba(0,0,0,0.4);}
.ball_12 { background:transparent url(../images/Kreis12.png) ;background-size: cover; box-shadow: 5px 5px 44px 5px rgba(0,0,0,0.4);}