/* popbox */
#sl-lockpane {
  display: none;
  position: absolute;
  top: 0px;
  bottom: 50px;
  left: 0px;
  right: 0px;
  z-index: 1000; }

.sl-lockpane-visible {
  /*background-color: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7F000000', endColorstr='#7F000000');*/ }

.sl-lockpane-invisible {
  /*background-color: rgba(0, 0, 0, 0.0);
    filter: none;*/ }

#sl-lockpane .gdl {
  height: 100%; }

.viewport-box {
  border: 2px solid red;
  width: 640px;
  height: 480px;
  overflow: hidden;
  margin: 10px;
  position: relative;
  float: left; }

#sl-preloaderpane {
  display: none;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1000;
  height: 100%;
  background-color: #830b82; }

#sl-preloaderbox {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -169px;
  margin-top: -52px;
  width: 338px;
  height: 104px;
  padding: 0px; }

#sl-preloader-outer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 338px;
  height: 93px;
  background-image: url("../assets/global/loading_ani-3.gif");
  background-repeat: no-repeat; }

#sl-preloader-logo {
  position: absolute;
  top: 18px;
  left: 22px;
  width: 293px;
  height: 56px;
  background-image: url("../assets/global/logo_de.png");
  background-repeat: no-repeat; }

#sl-preloader-inner {
  position: absolute;
  left: 226px;
  top: 7px;
  width: 42px;
  height: 42px;
  background-image: url("../assets/global/loading_in.gif");
  background-repeat: no-repeat; }

#sl-preloader-bar {
  position: absolute;
  left: 22px;
  top: 101px;
  width: 293px;
  height: 2px;
  background-color: white;
  overflow: hidden; }

#sl-preloader-filler {
  height: 2px;
  width: 0%;
  background-color: #FEDB00;
  margin: 0px;
  padding: 0px; }

#sl-preloader-text {
  position: absolute;
  left: 22px;
  top: 105px;
  height: 20px;
  width: 220px;
  color: #FEDB00;
  margin: 0px;
  padding: 0px; }

#sl-preloader-percent {
  position: absolute;
  right: 22px;
  top: 105px;
  text-align: right;
  color: #FEDB00;
  margin: 0px;
  padding: 0px; }

/*reassigning the urls from the imported css-file.*/
#sl-preloader-outer {
  background-image: url("../assets/global/loading_ani-3.gif"); }

#sl-preloader-logo {
  background-image: url("../assets/global/logo_de.png"); }

#sl-preloader-inner {
  background-image: url("../assets/global/loading_in.gif"); }

/* main */
#gameContent {
  position: relative;
  margin: 0;
  border: none;
  width: 824px;
  height: calc(562px + 50px);
  overflow: hidden; }

#gameContent.is-mobile-game-content {
  width: calc(824px + 50px);
  height: 562px; }

#glueCanvas {
  position: relative;
  margin: 0;
  background-color: #CCC;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  image-rendering: optimizeSpeed;
  /* Older versions of FF          */
  image-rendering: -moz-crisp-edges;
  /* FF 6.0+                       */
  image-rendering: -webkit-crisp-edges;
  /* Safari                        */
  image-rendering: -o-crisp-edges;
  /* OS X & Windows Opera (12.02+) */
  image-rendering: pixelated;
  /* Awesome future-browsers       */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE                            */
  imageSmoothingEnabled: true;
  mozImageSmoothingEnabled: true;
  webkitImageSmoothingEnabled: true;
  text-rendering: geometricPrecision;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0); }

#gameContent.is-mobile-game-content {
  width: calc(824px + 50px);
  height: 562px; }

#gameContent.is-mobile-game-content #sl-lockpane {
  height: 562px; }

#gameContent.is-mobile-game-content .gdl.gdl___clix {
  height: 562px; }

#glueSWF {
  outline: none; }