body {
   background-image: url("../rvt.png");
}

/*#ptekst {position:absolute; top:5%;left:40%;}*/


.startimg {
   position:absolute;
   /*left:20%;
   top:20%;
   /*width:60%;
   height:60%;*/
   -webkit-transition: opacity 2s ease-in-out;
   -moz-transition: opacity 2s ease-in-out;
   -o-transition: opacity 2s ease-in-out;
   transition: opacity 2s ease-in-out;
   opacity:0;   
}
.opaque{
   opacity:1;   
}
.transparent{
   opacity:0;   
}

.odiv {
   position:relative;
   display:inline-block;
   width:120px;
   height:120px;
   cursor:pointer;
   //border:2px solid blue;
   overflow:hidden; 
}   
.odiv img {  
   position: absolute;
   left:0px;
   top:0px;
   max-width:98%;
   max-height:98%;

   //border:2px solid red;
   -webkit-transition: opacity 0.5s ease-in-out;
   -moz-transition: opacity 0.5s ease-in-out;
   -o-transition: opacity 0.5s ease-in-out;
   transition: opacity 0.5s ease-in-out;
   opacity:0;   
}
.odiv img.opaque {
  opacity:1;
}

#svgVeld {
   position:absolute;
   //border:2px solid red;
   
}
.partikel {
   position:absolute; width:5px; height:5px;
   border-radius:2.5px;
   background-color:#0000EE;
}