* {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Small screens (default) */
html {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
  text-decoration: none;
  width: 100%;
  height: 100%;
  font-size: 100%;
  background-color: #69d4ff;
}
/* Medium screens */
@media (min-width: 40rem) {
  html {
    font-size: 112%;
  }
}
/* Large screens */
@media (min-width: 64rem) {
  html {
    font-size: 120%;
  }
}
.container {
  position: relative;
  margin: 0 auto;
  max-width: 64rem;
  width: 90%;
}
body {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
  text-decoration: none;
  width: 100%;
  height: 100%;
  font-family: Arial;
  font-size: 14px;
}
#header {
  position: absolute;
  z-index: 10;
  top: 0;
  width: 100%;
  height: 80px;
  background-color: #fff;
}
#header #header-logo {
  position: relative;
  height: 101px;
  width: 148px;
  left: -74px;
  top: 8px;
  margin: 0 50% 50% 50%;
  background-image: url('/images/footer-top.png');
}
#content {
  z-index: 5;
  background-color: #69d4ff;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#content .menu {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  width: 116px;
  height: 64px;
  background-image: url('/images/menu.png');
}
#content .hovermenu {
  background-image: url('/images/menu-hover.png');
}
#content #content-wrapper {
  background-color: #fff;
  position: relative;
  top: 130px;
  width: 962px;
  height: 542px;
  margin-left: auto;
  margin-right: auto;
}
#content #content-welcome {
  display: block;
  position: absolute;
  background-image: url('/images/background_blur.png');
  background-repeat: no-repeat;
  background-position: center center;
  top: 1px;
  left: 1px;
  width: 960px;
  height: 540px;
  margin-left: auto;
  margin-right: auto;
}
#content #content-welcome .welcome-language {
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 23px;
  height: 23px;
}
#content #content-welcome .welcome-language.uk {
  left: 861px;
  background-image: url('/images/lang_uk.png');
}
#content #content-welcome .welcome-language.nl {
  left: 894px;
  background-image: url('/images/lang_nl.png');
}
#content #content-welcome .welcome-language.it {
  left: 927px;
  background-image: url('/images/lang_it.png');
}
#content #content-welcome #welcome-professor {
  position: absolute;
  top: 63px;
  left: 2px;
  width: 352px;
  height: 425px;
  background-image: url('/images/professor.png');
}
#content #content-welcome #welcome-empty {
  position: absolute;
  top: 99px;
  left: 312px;
  width: 612px;
  height: 344px;
  background-image: url('/images/welcome-empty.png');
}
#content #content-welcome #welcome-text {
  cursor: pointer;
  position: absolute;
  top: 99px;
  left: 312px;
  width: 612px;
  height: 344px;
  background-image: url('/images/welcome-text-uk.png');
}
#content #content-video {
  display: none;
  position: absolute;
  background-image: url('/images/introback.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  top: 1px;
  left: 1px;
  width: 960px;
  height: 540px;
  margin-left: auto;
  margin-right: auto;
}
#content #content-video-play {
  display: none;
  position: absolute;
  background-image: url('/images/playbutton.png');
  background-repeat: no-repeat;
  background-position: center center;
  left: 50%;
  top: 50%;
  width: 960px;
  height: 540px;
  margin-left: -480px;
  margin-top: -270px;
}
#content #content-video-next {
  cursor: pointer;
  position: absolute;
  top: 462px;
  left: 718px;
  width: 229px;
  height: 69px;
  background-image: url('/images/next-uk.jpg');
}
#content .mejs-container .mejs-controls {
  display: none !important;
}
#content #content-explore {
  display: none;
  position: absolute;
  background-image: url('/images/background.png');
  background-repeat: no-repeat;
  background-position: center center;
  top: 1px;
  left: 1px;
  width: 960px;
  height: 540px;
  margin-left: auto;
  margin-right: auto;
}
#content #content-explore .explore-score {
  position: absolute;
  top: 66px;
  width: 30px;
  height: 18px;
}
#content #content-explore .explore-score.score1 {
  left: 29px;
  background-image: url('/images/score-0.png');
}
#content #content-explore .explore-score.score2 {
  left: 92px;
  background-image: url('/images/score-0.png');
}
#content #content-explore .explore-score.score3 {
  left: 151px;
  background-image: url('/images/score-0.png');
}
#content #content-explore .explore-kwis {
  cursor: pointer;
  position: absolute;
  top: 0px;
  width: 61px;
  height: 70px;
}
#content #content-explore .explore-kwis.kwis1 {
  left: 14px;
  background-image: url('/images/kwis_1.png');
}
#content #content-explore .explore-kwis.kwis2 {
  left: 75px;
  background-image: url('/images/kwis_2.png');
}
#content #content-explore .explore-kwis.kwis3 {
  left: 136px;
  background-image: url('/images/kwis_3.png');
}
#content #content-explore #explore-kwisstartext {
  position: absolute;
  top: 26px;
  left: 216px;
  width: 190px;
  height: 20px;
  background-image: url('/images/start-uk.png');
}
#content #content-explore .explore-infobutton {
  cursor: pointer;
  position: absolute;
  width: 28px;
  height: 28px;
  background-image: url('/images/infobutton.png');
}
#content #content-explore .explore-infobutton.steamgenerator {
  left: 216px;
  top: 246px;
}
#content #content-explore .explore-infobutton.controlrods {
  left: 160px;
  top: 350px;
}
#content #content-explore .explore-infobutton.reactorcore {
  left: 214px;
  top: 430px;
}
#content #content-explore .explore-infobutton.turbine {
  left: 442px;
  top: 340px;
}
#content #content-explore .explore-infobutton.pumps {
  left: 346px;
  top: 444px;
}
#content #content-explore .explore-infobutton.pumps2 {
  left: 558px;
  top: 414px;
}
#content #content-explore .explore-infobutton.watertower {
  left: 680px;
  top: 176px;
}
#content #content-explore .explore-infobutton.electricity {
  left: 730px;
  top: 322px;
}
#content #content-explore .explore-infobutton.watersource {
  left: 788px;
  top: 450px;
}
#content #content-explore .explore-infolabel {
  display: none;
  position: absolute;
  top: 426px;
  left: 216px;
  width: 293px;
  height: 54px;
  background-image: url('/images/Pumps-uk.jpg');
  background-repeat: no-repeat;
}
#content #content-quiz {
  display: none;
  position: absolute;
  background-image: url('/images/background.png');
  background-repeat: no-repeat;
  background-position: center center;
  top: 1px;
  left: 1px;
  width: 960px;
  height: 540px;
  margin-left: auto;
  margin-right: auto;
}
#content #content-quiz #quiz-icon {
  position: absolute;
  top: 0px;
  left: 14px;
  width: 61px;
  height: 70px;
  background-image: url('/images/kwis_1.png');
}
#content #content-quiz #quiz-score {
  position: absolute;
  top: 66px;
  left: 29px;
  width: 30px;
  height: 18px;
  background-image: url('/images/score-0.png');
}
#content #content-quiz #quiz-question {
  display: none;
  position: absolute;
  top: 72px;
  left: 118px;
  width: 721px;
  height: 208px;
  background-image: url('/images/question-1-1-uk.jpg');
}
#content #content-quiz .quiz-answer {
  cursor: pointer;
  display: none;
  position: absolute;
  top: 300px;
  width: 228px;
  height: 169px;
}
#content #content-quiz .quiz-answer.answer1 {
  left: 118px;
  background-image: url('/images/answer-1-1-1-uk.jpg');
}
#content #content-quiz .quiz-answer.answer2 {
  left: 365px;
  background-image: url('/images/answer-1-1-2-uk.jpg');
}
#content #content-quiz .quiz-answer.answer3 {
  left: 612px;
  background-image: url('/images/answer-1-1-3-uk.jpg');
}
#content #content-quiz #quiz-feedback {
  display: none;
  position: absolute;
  top: 65px;
  left: 116px;
  width: 728px;
  height: 410px;
  background-image: url('/images/feedback-1-1-uk.jpg');
}
#content #content-quiz #quiz-result {
  display: none;
  position: absolute;
  top: 368px;
  left: 160px;
  width: 70px;
  height: 62px;
  background-image: url('/images/result-correct.png');
}
#content #content-quiz #quiz-next {
  cursor: pointer;
  display: none;
  position: absolute;
  top: 462px;
  left: 718px;
  width: 229px;
  height: 69px;
  background-image: url('/images/next-uk.jpg');
}
#footer {
  z-index: 10;
  background-color: #33484a;
  height: 100%;
  position: fixed;
  Width: 100%;
  top: 722px;
}
#footer h2 {
  font-size: 18px;
  color: #69d2e7;
}
#footer p {
  font-size: 12px;
  color: white;
}
#footer a {
  font-size: 12px;
  text-decoration: none;
  color: #c7f464;
}
#footer #footer-wrapper {
  width: 928px;
  height: auto;
  margin: 0 auto;
  padding: 0 48px;
  position: relative;
}
#footer #footer-wrapper .left-column {
  width: 449px;
  margin: 20px 30px 0 0;
  float: left;
}
#footer #footer-wrapper .left-column #copyright {
  margin-top: 20px;
}
#footer #footer-wrapper .right-column {
  float: left;
  width: 449px;
  margin-top: 20px;
}
#footer #footer-wrapper #footer-logo-bottom {
  position: absolute;
  width: 64px;
  height: 42px;
  background-image: url('/images/footer-bottom.png');
  top: 188px;
  left: 470px;
}