div.gui_element {
    position: absolute;
    float:left;
    background-repeat: no-repeat;
    background-size: cover;
}
div.gui_element.clickable {
    cursor:pointer;
}

.overlay_full {
    z-index: 9999999;
}

span.mb_button {
    position: absolute;
    border-radius: 8px;
    padding: 8px 16px 8px 16px;
    display: block;
    margin:8px;
}

span.mb_button.actief {
    cursor: pointer;
    color: #ffffff;
    background-color: #116e8a;
}

span.mb_button.inactief {
    cursor: default;
    color: #000000;
    background-color: #999999;
}

#weer_mini_bg img {
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:auto;
}

div.keuze_zeilen {
    background-repeat: no-repeat;
    background-size: cover;
}
#keuze_zeilen_0 {
    background-image: url('../assets/molenbediening/keuze_zeilen_0_blank.png');
}
#keuze_zeilen_0.chosen {
    background-image: url('../assets/molenbediening/keuze_zeilen_0_chosen.png');
}
#keuze_zeilen_1 {
    background-image: url('../assets/molenbediening/keuze_zeilen_1_blank.png');
}
#keuze_zeilen_1.chosen {
    background-image: url('../assets/molenbediening/keuze_zeilen_1_chosen.png');
}
#keuze_zeilen_2 {
    background-image: url('../assets/molenbediening/keuze_zeilen_2_blank.png');
}
#keuze_zeilen_2.chosen {
    background-image: url('../assets/molenbediening/keuze_zeilen_2_chosen.png');
}

#wieken {
    background-repeat: no-repeat;
    background-size: cover;
}

#wieken.zeil_0 {
    background-image: url('../assets/molenbediening/wieken_0.png');
}
#wieken.zeil_1 {
    background-image: url('../assets/molenbediening/wieken_1.png');
}
#wieken.zeil_2 {
    background-image: url('../assets/molenbediening/wieken_2.png');
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
      -webkit-transform: rotate(359deg);
      -o-transform: rotate(359deg);
      transform: rotate(359deg);
    }
    to {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  }
  @keyframes rotating {
    from {
      -ms-transform: rotate(359deg);
      -moz-transform: rotate(359deg);
      -webkit-transform: rotate(359deg);
      -o-transform: rotate(359deg);
      transform: rotate(359deg);
    }
    to {
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  }

  .wiek_draai_optimaal_min_2 {
    -webkit-animation: rotating 12s linear infinite;
    -moz-animation: rotating 12s linear infinite;
    -ms-animation: rotating 12s linear infinite;
    -o-animation: rotating 12s linear infinite;
    animation: rotating 12s linear infinite;
  }

  .wiek_draai_optimaal_min_1 {
    -webkit-animation: rotating 8s linear infinite;
    -moz-animation: rotating 8s linear infinite;
    -ms-animation: rotating 8s linear infinite;
    -o-animation: rotating 8s linear infinite;
    animation: rotating 8s linear infinite;
  }

  .wiek_draai_optimaal {
    -webkit-animation: rotating 4s linear infinite;
    -moz-animation: rotating 4s linear infinite;
    -ms-animation: rotating 4s linear infinite;
    -o-animation: rotating 4s linear infinite;
    animation: rotating 4s linear infinite;
  }

  .wiek_draai_optimaal_plus_1 {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
  }

  .wiek_draai_optimaal_plus_2 {
    -webkit-animation: rotating 1s linear infinite;
    -moz-animation: rotating 1s linear infinite;
    -ms-animation: rotating 1s linear infinite;
    -o-animation: rotating 1s linear infinite;
    animation: rotating 1s linear infinite;
  }