/*  CSS alleen voor de pagina's INHOUD,  (13 in totaal, vandaar deze file)  */
/*  De CSS voor de content van de pagina's is via deze aparte CSS file */
/*  CSS voor de kop, keuzemenu, scroll-bar en frame van de inhoud  is CSS file main*/

@media only screen and (min-width: 97.5em)   /* 1560px - hoger */
          {
/* gedicht is voor pagina's met een(1) gedicht - dus zonder illustratie! - */
/* dat is in ieder geval bij smalle pagina's dus voor smartphones */

.content-breed
                            {
                             position: relative;
                             top: -47px;
                            }

h1 
     {
      font-family: Verdana, Arial, Cambria, sans-serif;
      text-align: center;
      font-size: 100%;
      font-size: 1.5em;
      position: relative;
      top: 5px;
     }

#scroll-breed
                         {
                          position: relative;
                          top: -5px;
                         }

#titel-b
             {
              font-family: Verdana, Arial, Cambria, sans-serif;
              font-size: 120%;
              font-weight: bold;
              text-align: center;
             }

.gedicht
         {
          max-width: 100%;
          width: 23%;
          text-align: center;
         }
.gedicht img
                 {
                  max-width: 100%;
                  width: 25%;
                  margin-left: auto;
                  margin-right: auto;
                 }

.copy-b
              {
              font-family: Verdana, Arial, Cambria, sans-serif;
              font-size: 0.5em;
              padding: 0;
              }

/* plaat is voor pagina's met TWEE 'platen' dus een gedicht met ernaast een illustratie! */
/* plaat-l is de plaat links, plaat-r is de plaat rechts */
/* smallere pagina's met twee 'platen' worden voor smartphones met een(1) plaat  */
/* smallere pagina's krijgen in het keuze-menu een extra keuze voor naar die andere plaat */

.plaat-l
         {
          max-width: 100%;
          width: 23%;
          padding: 0;
          text-align: right;
         }
.plaat-l img
                 {
                  max-width: 100%;
                  width: 58%;
                 }
.ruimte
           {
             max-width: 100%;
             width: 8%;
            }
.plaat-r
         {
          max-width: 100%;
          width: 23%;
          padding: 0;
          text-align: left;
         }
.plaat-r img
                 {
                  max-width: 100%;
                  width: 58%;
                 }

.copy-b2
              {
              font-family: Verdana, Arial, Cambria, sans-serif;
              font-size: 0.5em;
              position: relative;
              left: 25%;
              padding: 0;
              }
          }

@media only screen and (min-width: 82.5em) and (max-width: 97.4375em)    /* 1320px - 1559px */
          {
/* gedicht is voor pagina's met een(1) gedicht - dus zonder illustratie! - */
/* dat is in ieder geval bij smalle pagina's dus voor smartphones */

.content-breed
                            {
                             position: relative;
                             top: -20px;
                            }

h1 
     {
      font-family: Verdana, Arial, Cambria, sans-serif;
      text-align: center;
      font-size: 100%;
      font-size: 1.5em;
      position: relative;
      top: -20px;
     }

#scroll-breed
                         {
                          position: relative;
                          top: -20px;
                         }

#titel-b
             {
              font-family: Verdana, Arial, Cambria, sans-serif;
              font-size: 120%;
              font-weight: bold;
              text-align: center;
             }

.gedicht
         {
          max-width: 100%;
          width: 23%;
          text-align: center;
         }
.gedicht img
                 {
                  max-width: 100%;
                  width: 25%;
                  margin-left: auto;
                  margin-right: auto;
                 }

.copy-b2
              {
              font-family: Verdana, Arial, Cambria, sans-serif;
              font-size: 0.5em;
              position: relative;
              left: 23%;
              padding: 0;
              }

/* plaat is voor pagina's met TWEE 'platen' dus een gedicht met ernaast een illustratie! */
/* plaat-l is de plaat links, plaat-r is de plaat rechts */
/* smallere pagina's met twee 'platen' worden voor smartphones met een(1) plaat  */
/* smallere pagina's krijgen in het keuze-menu een extra keuze voor naar die andere plaat */

.plaat-l
         {
          max-width: 100%;
          width: 23%;
          padding: 0;
          text-align: right;
         }
.plaat-l img
                 {
                  max-width: 100%;
                  width: 59%;
                 }
.ruimte
           {
             max-width: 100%;
             width: 8%;
            }
.plaat-r
         {
          max-width: 100%;
          width: 23%;
          padding: 0;
          text-align: left;
         }
.plaat-r img
                 {
                  max-width: 100%;
                  width: 59%;
                 }

.copy-b
              {
              font-family: Verdana, Arial, Cambria, sans-serif;
              font-size: 0.5em;
              position: relative;
              left: 0%;
              padding: 0;
              }
          }

@media only screen and (min-width: 66.875em) and (max-width: 82.4375em)    /* 1070px - 1319px */
          {
/* gedicht is voor pagina's met een(1) gedicht - dus zonder illustratie! - */
/* dat is in ieder geval bij smalle pagina's dus voor smartphones */

.content-breed
                            {
                             position: relative;
                             top: -20px;
                            }

h1 
     {
      font-family: Verdana, Arial, Cambria, sans-serif;
      text-align: center;
      font-size: 100%;
      font-size: 1.5em;
      position: relative;
      top: -20px;
     }

#scroll-breed
                         {
                          position: relative;
                          top: -20px;
                         }

#titel-b
             {
              font-family: Verdana, Arial, Cambria, sans-serif;
              font-size: 120%;
              font-weight: bold;
              text-align: center;
             }

.gedicht
         {
          max-width: 100%;
          width: 26%;
          text-align: center;
         }
.gedicht img
                 {
                  max-width: 100%;
                  width: 28%;
                  margin-left: auto;
                  margin-right: auto;
                 }

.copy-b
              {
              font-family: Verdana, Arial, Cambria, sans-serif;
              font-size: 0.5em;
              position: relative;
              left: 0%;
              padding: 0;
              }

/* plaat is voor pagina's met TWEE 'platen' dus een gedicht met ernaast een illustratie! */
/* plaat-l is de plaat links, plaat-r is de plaat rechts */
/* smallere pagina's met twee'platen' worden met een(1) plaat dus voor smartphones */
/* smallere pagina's krijgen in het keuze-menu een keuze voor naar de andere plaat */

.plaat-l
         {
          max-width: 100%;
          width: 23%;
          padding: 0;
          text-align: right;
         }
.plaat-l img
                 {
                  max-width: 100%;
                  width: 68%;
                 }
.ruimte
           {
             max-width: 100%;
             width: 8%;
            }
.plaat-r
         {
          max-width: 100%;
          width: 23%;
          padding: 0;
          text-align: left;
         }
.plaat-r img
                 {
                  max-width: 100%;
                  width: 68%;
                 }

.copy-b2
              {
              font-family: Verdana, Arial, Cambria, sans-serif;
              font-size: 0.5em;
              position: relative;
              left: 20%;
              padding: 0;
              }
            }

@media only screen and (min-width: 52.5625em) and (max-width: 66.8125em)    /* 841px - 1069px */
          {
/* gedicht is voor pagina's met een(1) gedicht - dus zonder illustratie! - */
/* dat is in ieder geval bij smalle pagina's dus voor smartphones */

.content-breed
                            {
                             position: relative;
                             top: -30px;
                            }

h1 
     {
      font-family: Verdana, Arial, Cambria, sans-serif;
      text-align: center;
      font-size: 100%;
      font-size: 1.5em;
      position: relative;
      top: -10px;
     }

#scroll-breed
                         {
                          position: relative;
                          top: -20px;
                         }

#titel-b
             {
              font-family: Verdana, Arial, Cambria, sans-serif;
              font-size: 120%;
              font-weight: bold;
              text-align: center;
             }

.gedicht
         {
          max-width: 100%;
          width: 34%;
          text-align: center;
         }
.gedicht img
                 {
                  max-width: 100%;
                  width: 36%;
                  margin-left: auto;
                  margin-right: auto;
                 }

.copy-b
              {
              font-family: Verdana, Arial, Cambria, sans-serif;
              font-size: 0.5em;
              position: relative;
              left: 1%;
              padding: 0;
              }

/* plaat is voor pagina's met TWEE 'platen' dus een gedicht met ernaast een illustratie! */
/* plaat-l is de plaat links, plaat-r is de plaat rechts */
/* smallere pagina's met twee'platen' worden met een(1) plaat dus voor smartphones */
/* smallere pagina's krijgen in het keuze-menu een keuze voor naar de andere plaat */

.plaat-l
         {
          max-width: 100%;
          width: 23%;
          padding: 0;
          text-align: right;
         }
.plaat-l img
                 {
                  max-width: 100%;
                  width: 85%;
                 }
.ruimte
           {
             max-width: 100%;
             width: 8%;
            }
.plaat-r
         {
          max-width: 100%;
          width: 23%;
          padding: 0;
          text-align: left;
         }
.plaat-r img
                 {
                  max-width: 100%;
                  width: 85%;
                 }

.copy-b2
              {
              font-family: Verdana, Arial, Cambria, sans-serif;
              font-size: 0.5em;
              position: relative;
              left: 15%;
              padding: 0;
              }
            }

@media only screen and (min-width: 34.375em)  and (max-width: 52.5em) /* 550px en 840px */
          {
/* gedicht is voor pagina's met een(1) gedicht - dus zonder illustratie! - */
/* dat is in ieder geval bij smalle pagina's dus voor smartphones */

.frame
            {
             max-width: 100%;
             width: 100%;
             }

.content-smal
               {
                  max-width: 100%;
                  width: 94%;
                  height: 100dvh;
                  background-color: #FAFAC8;
                  padding-top: 0px;
                  padding-left: 1em;
                  padding-right: 1em;
                  margin: 0px;
                  margin-left: auto;
                  margin-right: auto;
                  position: relative;
                  top: -45px;
                  font-family: Verdana, Arial, Cambria, sans-serif;
                  font-size: 1.1em;
                  line-height: 1.1em;
               }

h1 
     {
      font-family: Verdana, Arial, Cambria, sans-serif;
      text-align: center;
      font-size: 100%;
      font-size: 1.2em;
      position: relative;
      top: -10px;
     }


#scroll-smal
                       {
                        position: relative;
                        top: -20px;
                       }

#gedicht-s
                       {
                        position: relative;
                        left: -2px;
                       }

#titel-s
             {
              font-family: Verdana, Arial, Cambria, sans-serif;
              font-size: 90%;
              font-weight: bold;
              text-align: center;
             }

#illustratie-s
                       {
                        position: relative;
                        left: -1px;
                       }

.gedichten
         {
          max-width: 100%;
          width: 34%;
          text-align: center;
         }
.gedichten img
                 {
                  max-width: 100%;
                  width: 80%;
                  margin-left: auto;
                  margin-right: auto;
                 }

.copy-s
              {
              font-family: Verdana, Arial, Cambria, sans-serif;
              font-size: 0.5em;
              position: relative;
              left: 1%;
              padding: 0;
              }
            }

@media only screen and (max-width: 34.3125em)   /* 549px en lager */
          {
/* gedicht is voor pagina's met een(1) gedicht - dus zonder illustratie! - */
/* dat is in ieder geval bij smalle pagina's dus voor smartphones */

.frame
            {
             max-width: 100%;
             width: 100%;
             }

.content-smal
                          {
                           max-width: 100%;
                           width: 93%;
                           background-color: #FAFAC8;
                           position: relative;
                           top: -60px;
                          }

h1 
     {
      font-family: Verdana, Arial, Cambria, sans-serif;
      text-align: center;
      font-size: 100%;
      font-size: 1.2em;
      position: relative;
      top: -10px;
     }

#scroll-smal
                       {
                        position: relative;
                        top: -20px;
                        }

#gedicht-s
                       {
                        position: relative;
                        left: -2px;
                       }

#titel-s
             {
              font-family: Verdana, Arial, Cambria, sans-serif;
              font-size: 90%;
              font-weight: bold;
              text-align: center;
             }

#illustratie-s
                       {
                        position: relative;
                        left: -1px;
                       }

.gedichten
         {
          max-width: 100%;
          width: 34%;
          text-align: center;
         }

.gedichten img
                 {
                  max-width: 100%;
                  width: 80%;
                  margin-left: auto;
                  margin-right: auto;
                 }

.copy-s
              {
              font-family: Verdana, Arial, Cambria, sans-serif;
              font-size: 0.5em;
              position: relative;
              left: 1%;
              padding: 0;
              }
             }