@charset "iso-8859-1";
/* CSS Document */
@media screen and (max-width: 1440px) {
  #indicator {
    background-color: #f0f /*pink*/;
  }
}
/*pink*/
@media screen and (max-width: 1279px) {
  #indicator {
    background-color: #0f0;
/*Lime*/
  }
  .limeHide {
    display: none;
  }
  .limeNoMT {
    margin-top: 0px;
  }
}
/*lime*/
@media screen and (max-width: 1150px) {
  #indicator {
    background-color: #00c;
/*blauw*/
  }
  .blueW100 {
    width: 100%;
  }
  .blueShowIL {
    display: inline;
  }
  .blueHide {
    display: none;
  }
  .blueShow {
    display: block;
  }
  .blueMT20px {
    margin-top: 20px;
  }
  body {
    font-size: 15px;
  }
  .startPad {
    padding-top: 210px;
  }
  .blueSpan1 {
    width: 4.166666666666667%;
  }
  .blueSpan4 {
    width: 16.666666666666668%;
  }
  .blueSpan8 {
    width: 33.333333333333336%;
  }
}
/*blauw*/
@media screen and (max-width: 1023px) {
  #indicator {
    background-color: #660;
/*kakkie*/
  }
  .kakkieRFLL {
    float: left;
  }
  .kakkieRFLR {
    float: right;
  }
  .kakkieW100 {
    width: 100%;
  }
  .kakkieHide {
    display: none;
  }
  .kakkieShowIL {
    display: inline;
  }
  .kakkieW40 {
    width: 320px;
  }
  .kakkieW60 {
    width: auto;
  }
  .kakkieTxtLeft {
    text-align: left;
  }
  .kakkieTxtCenter {
    text-align: center;
  }
  .kakkieMT30 {
    margin-top: 30px;
  }
  .kakkiePTB50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  body {
    font-size: 14px;
  }
  #bannerVid {
    margin-left: 10%;
  }
}
/*kakkie*/
@media screen and (max-width: 900px) {
  #indicator {
    background-color: #999;
/*Grijs*/
  }
  .grayDetable {
    position: relative;
    float: left;
    width: 100%;
  }
  .grayW100 {
    width: 100%;
  }
  .grayHide {
    display: none;
  }
  .grayShow {
    display: block;
  }
  .grayShowIL {
    display: inline;
  }
  .grayMT10 {
    margin-top: 10px;
  }
  .grayMT40 {
    margin-top: 40px;
  }
  .grayNoMT {
    margin-top: 0px;
  }
  body {
    font-size: 12px;
  }
  #bannerVid {
    margin-left: 17%;
  }
  .graySpan11 {
    width: 45.833333333333336%;
  }
}
/*Grijs*/
@media screen and (max-width: 767px) {
  #indicator {
    background-color: #ff9;
/*yellow*/
  }
  .yellowDetable {
    position: relative;
    float: left;
    width: 100%;
  }
  .yellowBGCenter {
    background-position: center;
  }
  .yellowHide {
    display: none;
  }
  .yellowShow {
    display: block;
  }
  .yellowRelative {
    position: relative;
    float: left;
    width: 100%;
  }
  .yellowAbsolute {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .yellowVierkant {
    height: auto;
    position: relative;
  }
  .yellowVierkant:before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  .yellowW100 {
    width: 100%;
  }
  .yellowNoMGLR {
    margin-left: 0px;
    margin-right: 0px;
  }
  .yellowClear {
    clear: both;
  }
  .yellowFll {
    float: left;
  }
  .yellowCenter {
    text-align: center;
  }
  .yellowNoAspect {
    content: normal;
    display: inherit;
    padding-top: 0;
  }
  .yellowUndoVierkant {
    position: relative;
    float: left;
  }
  .yellowUndoVierkant::before {
    content: normal;
    display: inherit;
    clear: none;
  }
  .yellowUndoVierkant::after {
/* to clear float */
    content: normal;
    display: inherit;
    clear: none;
  }
  .yellowTxtLeft {
    text-align: left;
  }
  .yellowTxtCenter {
    text-align: center;
  }
  .yellowMax280 {
    max-width: 280px;
    margin: 0px auto;
  }
  .yellowMT60 {
    margin-top: 60px;
  }
  .yellowMT40 {
    margin-top: 40px;
  }
  .yellowMT80 {
    margin-top: 80px;
  }
  .yellowMT30 {
    margin-top: 30px;
  }
  .yellowMT10 {
    margin-top: 10px;
  }
  .yellowNoFlow {
    float: none;
  }
  .yellowMT100 {
    margin-top: 100px;
  }
  .yellowSpan2 {
    width: 8.333333333333334%;
  }
  .yellowSpan20 {
    width: 83.33333333333334%;
  }
  body {
    font-size: 12px;
  }
  #bannerVid {
    margin-left: 0%;
  }
  .cutout1Pos {
    position: relative;
    float: left;
    margin-left: -20%;
/*width:(100+$zeNum)%;*/
    width: 140%;
  }
  .startPad {
    padding-top: 170px;
  }
  .topBlock {
    background-size: 160%;
  }
  .yellowMB40 {
    margin-bottom: 40px;
  }
  .botVid {
    height: 600px;
  }
  .yellowW300 {
    width: 300px;
  }
}
/*yellow*/
@media screen and (max-width: 600px) {
  #indicator {
    background-color: #c3f;
/*purple */
  }
  .purpleDetable {
    position: relative;
    float: left;
    width: 100%;
  }
  .purpleHide {
    display: none;
  }
  .purpleShow {
    display: block;
  }
  .purpleNoMGLR {
    margin-left: 0px;
    margin-right: 0px;
  }
  .purpleTxtCenter {
    text-align: center;
  }
  .purpleW100 {
    width: 100%;
  }
  .purpleShowIL {
    display: inline;
  }
  .purple_No_offset {
    padding-left: 0%;
    padding-right: 0%;
  }
  .purpleMT40 {
    margin-top: 40px;
  }
  .purpleMT60 {
    margin-top: 60px;
  }
  .purpleMT80 {
    margin-top: 80px;
  }
  .purplePT30 {
    padding-top: 25px;
  }
  .purpleNoPT {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .purpleMax {
    max-width: 300px;
  }
}
/*purple */
@media screen and (max-width: 479px) {
  #indicator {
    background-color: #f90;
/*orange */
/*I Phone staand*/
  }
  .orangeCenter {
    text-align: center;
  }
  .orangeMT20 {
    margin-top: 20px;
  }
}
/*orange */
@media screen and (max-width: 401px) {
  #indicator {
    background-color: #000;
/*black */
/*I Phone staand*/
  }
  .blackHide {
    display: none;
  }
  .blackShow {
    display: block;
  }
  .blackMT10 {
    margin-top: 10px;
  }
  .blackNoMT {
    margin-top: 0px;
  }
  .blackMT20 {
    margin-top: 20px;
  }
  .blackMT30 {
    margin-top: 30px;
  }
  .blackNoMB {
    margin-bottom: 0px;
  }
  .blackNoM {
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .blackNoPT {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .blackPT10 {
    padding-top: 10px;
    padding-bottom: 0px;
  }
}
/*black */
@media screen and (max-width: 319px) {
  #indicator {
    background-color: #600;
/*brown */
  }
}