.BG_Pinokkios{
text-align: left;
height: 100%;
width: 100%;
border: 0px;
background-image: url(../Paginas/PaginaPlaatjes/Pinokkio/Schut_24_4pct.png);
}
.NieuwsregelPin{
  position: relative;
  z-index: 102; 
}
            

.rowPinok{
  max-width: 1280px;
  padding: 5px;
  margin: auto;
}
.rowPinok:after {
  content: "";
  display: table;
  clear: both;
}
.columnPinokXXXXX {
  float: left;
  width: 100%;
  padding: 0px 0px;
}

 /* Responsive layout - KOLOMMEN Pinokkio */

@media screen and (min-width:900px) {
  div.BreedtePinFoto{
 margin: auto;
  width: 840px;
  }
}

@media screen and (min-width:1250px) {
  
  .BreedteCitaten{
  float: left;
  width: 16.66%;
  }
  div.BreedtePinFoto{
  float: left;
  width: 66%;
  }

  div.CitatenLinks1{
  display: block;
  }
  div.CitatenLinks2{
  display: none;
  }
  div.CitatenRechts1{
  display: block;
  }
  div.CitatenRechts2{
  display: none;
  }
  div.absoluteDrupTweedeDruk{
  display: block;
  }

}


.CitatenRechts1{
  position: relative;
  text-align: center;
  display: none;
  }

.CitatenRechts2{
  position: relative;
  text-align: center;
  display: block;
  }
.CitatenLinks1{
  position: relative;
  text-align: center;
  display: none;
  }
.CitatenLinks2{
  position: relative;
  text-align: center;
  display: block;
  }
.absoluteDrupTweedeDruk{
  display: none;
  }



<!---->
<!----><!---->
<!---->
<!---->
.KolomBreedtePin{
   width: 100%;
   padding: 5px;
   border: 0px solid #73AD21;
}

@media only screen and (min-width: 820px) {
  div.KolomBreedtePin{
  width: 800px;
height: 100%;

  }
}
<!---->
<!---->
<!---->

.rowPinokTek{
  max-width: 1275px;
  margin: auto;
}
.rowPinokTek:after {
  content: "";
  display: table;
  clear: both;
}
/* VOOR MOBIEL: EEN KOLOM */
.columnPinokTek {
  float: left;
  width: 100%;
  padding: 0px 3px;
}
<!---->  
/* Responsive layout - TWEE KOLOMMEN*/
 @media screen and (min-width:200px) {
  .columnPinokTek{
   width: 50%;
  }
}
<!---->  
 /* Responsive layout - Drie KOLOMMEN*/
@media screen and (min-width:400px) {
  .columnPinokTek{
   width: 33.3%;
padding: 0px 3px;

   }
 }
<!---->
<!---->
/*   Pinokkio   */
.absoluteTweedeDruk {
  position: absolute;
  top: -75px;
  left: -60px;
  -ms-transform: rotate(-18deg); /* IE 9 */
  transform: rotate(-18deg);
  border: 0px solid #73AD21;
}
.absoluteDrupTweedeDruk {
  position: absolute;
  top: 90px;
  left: -215px;
   -ms-transform: rotate(75deg); /* IE 9 */
  transform: rotate(75deg);
  margin: auto;
}
.absolutePodCast {
  position: absolute;
  top: 550px;
  left: 82%;
  -ms-transform: rotate(0deg); /* IE 9 */
  transform: rotate(0deg);
  border: 0px solid #73AD21;
}


.PinFoto1{
display: none;
} 
.PinFoto2{
display: block;
} 
.absolutePodCast{
    display: none;
  }
 .absoluteTweedeDruk{
    display: none;
  }

@media screen and (min-width:950px) {
  .PinFoto1{
    display: block;
  } 
  .PinFoto2{
    display: none;
  }
  .absolutePodCast{
    display: block;
  }
  .absoluteTweedeDruk{
    display: block;
  }
 
}




.IllustratiesTitel_2 {
display: none;
}

.MakingOfTitel_2 {
display: none;
}

@media screen and (max-width:580px) {
  .IllustratiesTitel_1 {
    display: none;
  }
  .IllustratiesTitel_2 {
    display: block;
  }
  .MakingOfTitel_1 {
    display: none;
  }
  .MakingOfTitel_2 {
    display: block;
  }
}