body {
  
}

html{
  width:100%;
}



#mainPreloader {
  position: fixed;
  left:50%;
  top:50%;
  z-index: 2001;
  display: none;
}

#mainPreloader img, #status img {
  width:50px;
  
  margin-left:-25px;
  margin-top:-25px;
}

#startpreloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    height:100%;
    width:100%;
    background-color:#fafbfd; /* change if the mask should have another color then white */
    z-index:1000; /* makes sure it stays on top */
    display: block;
}

#status {
    width:50px;
    height:50px;
    position:fixed;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%;
}

#soundstatus {
  display: none;
}

.relative{
  position: relative;
}