<!--
body {background: #ffffff;
      font-family: verdana, arial, courier;
      color: 000000;
      background-image: url(/index.png);
      background-repeat: no-repeat;
      background-position: center top;}
// div {border-style: solid;
//     border-width: 1px;
//     border-color: #009900;}
.pagina {clear: both;}
.rijmen {float: right;}
div.menulinks {border-style:solid;
               background: #ffffff;
               border-color: #0000ff;
               border-width: 1px;
               text-align: left;
               padding: 10px;
               float: left;
               margin-top: 20px;}
.midden {text-align: left;}
.middenbreed {text-align: left;}
div.film {background: #ffffff;
          float: left;
          text-align: left;
          width: 180px;
          height: 150px;
          padding: 5px;
          margin: 0px}
.sociaal{text-align: left;
         padding: 0px;
         clear: both;}
.vijftig {text-align: left;}
.vijftig1 {text-align: left;}
.wallpaper {padding-right: 20px;
            padding-bottom: 20px;}
b.menulinks, h2.menulinks {color: #0000cc;}
.menurechts190 {border-style: solid;
                background: #ffffff;
                border-color: #ff0000;
                border-width: 1px;
                margin-top: 20px;}
.inzenden {float: left;}
p {clear: both;}
.stem {width: 60px;
       float: left;
       text-align: right;}
.stemknop {width: 80px;
           float: left;
           height: 40px;
           text-align: left;
           padding-left: 10px;}
.stemtekst {clear: both;}
h2 {font-family: Verdana, MS Sans Serif, Arial, Times New Roman, Courier;
    font-weight: 900;
    color: #000000;}
.balk {background-color: #0000ff;
       width: 30px;
       height: 6px;
       margin: 4px 0;}
.smalmenu {position: fixed;
           top: 0;
           left: 5px;
           padding: 2px; }
.films {background: #ffffff;
           text-align: left;
           padding: 0px;
           margin: 0px}
.foto{display: block;
      width: 100%;
      height: auto;}
.Sinterklaasgedicht {float: right;
                     display: inline-block;}
b {color: #000000;}
b.rood {color: #ff0000;}
A {text-decoration: none;}
A:hover {color: #0000ff;
  text-decoration: underline;}
A:link {color: #ff0000;}
A:visited {color: #006600;}


@media (max-width: 639px) {
body {font-size: 15px;
      background-size: 100%;}
.pagina {text-align: center;}
.rijmen {
 left:0;
         right:0;
         height: 40px;
         top: 74px;
         margin-left: auto;
         margin-right: auto;
         position: absolute;
         width: 100%;
}
.menuplaatje {display: none;}
div.menulinks {width:250px;
               display: none;
               top: 0px;
               position: fixed;
               -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
               -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
               box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);}
.midden {width: 100%;
         clear: both;}
.middenbreed {width: 100%;
              clear: both;}
.films {width: 100%;
              clear: both;}
.middenbreed iframe {max-width: 320px;
                     max-height: 240px;}
.woorden {clear: both;}
.woord {width: 100px;}
.m728 {height: 110px;
       text-align: center;}
.kop {height: 115px;}
.menurechts190 {text-align: center;
                width: 100%;
                -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
                -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
                box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
                padding: 0px;}
textarea {width: 300px;}
.inzendbutton {float: right;}
.smalmenu {display: block;}
h2 {font-size: 15.5px;}
}

@media (min-width: 640px) and (max-width:939px) {
body {font-size: 13px;
      background-size: 600px 99px;}
.pagina {width: 600px;}
.rijmen {
 left:0;
         right:0;
         height: 40px;
         top: 100px;
         margin-left: auto;
         margin-right: auto;
         position: absolute;
         width: 40%;
}
.menuplaatje {display: none;}
div.menulinks {width:75px;
               display: block!important;
               -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
               -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
               box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);}
.midden {width: 470px;
         float: right;
         padding-right: 10px;
         padding-left: 20px;}
.middenbreed {width: 470px;
              float: left;
              padding-left: 30px;}
.films {float: left;
           width: 470px;}
.middenbreed iframe {max-width: 440px;
                     max-height: 330}
.sociaal{width: 400;}
.woorden {width: 150px;
          float: left;}
.m728 {width: 600px;
      height: 70px;}
.kop {width: 600px;
      height: 130px;}
.vijftig {float: left;
          width: 200px;;}
.vijftig1 {float: left;
           padding-left: 20px;
           width: 240px;}
.menurechts190 {width:575px;
                float: left;
                -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
                -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
                box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
                padding: 10px;}
textarea {width: 450px;}
.inzendbutton {float: left;}
.inzending {clear: both;}
.smalmenu {display: none;}
h2 {font-size: 13.5px;}
}

@media (min-width: 940px) and (max-width:1239px) {
body {font-size: 15px;
      background-size: 900px 148px;}
.pagina {width: 900px;}
.rijmen {width: 250px;
         margin-right: 130px;;}
.menuplaatje {display: block!important;}
div.menulinks {width:120px;
               display: block!important;
               -webkit-box-shadow: 14px 14px 10px 0px rgba(50, 50, 50, 0.75);
               -moz-box-shadow:    14px 14px 10px 0px rgba(50, 50, 50, 0.75);
               box-shadow:         14px 14px 10px 0px rgba(50, 50, 50, 0.75);}
.midden {width: 520px;
         float: left;
         padding-right: 10px;
         padding-left: 30px;}
.middenbreed {width: 690px;
              float: left;
              padding-left: 30px;}
.films {float: left;
           width: 630px;}
.middenbreed iframe {max-width: 660px;
                     max-height: 496px;}
.sociaal{width: 510;}
.woorden {width: 170px;
          float: left;}
.m728 {width: 900px;
      height: 100px;}
.kop {width: 900px;
      height: 148px;}
.vijftig {float: left;
          width: 200px;;}
.vijftig1 {float: left;
           padding-left: 20px;
           width: 300px;}
.menurechts190 {width:160px;
                float: left;
                -webkit-box-shadow: 14px 14px 10px 0px rgba(50, 50, 50, 0.75);
                -moz-box-shadow:    14px 14px 10px 0px rgba(50, 50, 50, 0.75);
                box-shadow:         14px 14px 10px 0px rgba(50, 50, 50, 0.75);
                padding: 10px;}
textarea {width: 450px;}
.inzendbutton {float: left;}
.inzending {clear: both;}
.smalmenu {display: none;}
h2 {font-size: 15.5px;}
}

@media (min-width: 1240px) {
body {font-size: 16px;}
.pagina {width: 1200px;}
.rijmen {width: 250px;
         margin-right: 180px;}
.menuplaatje {display: block!important;}
div.menulinks {width:150px;
               display: block!important;
               -webkit-box-shadow: 14px 14px 10px 0px rgba(50, 50, 50, 0.75);
               -moz-box-shadow:    14px 14px 10px 0px rgba(50, 50, 50, 0.75);
               box-shadow:         14px 14px 10px 0px rgba(50, 50, 50, 0.75);}
.midden {width: 760px;
         float: left;
         padding-right: 10px;
         padding-left: 30px;}
.middenbreed {width: 960px;
              float: left;
              padding-left: 30px;}
.films {float: left;
        width: 960px;}
.middenbreed iframe {max-width: 930px;
                     max-height: 700px;}
.sociaal{width: 750;}
.woorden {width: 250px;
          float: left;}
.m728 {width: 1200px;
      height: 100px;}
.kop {width: 1200px;
      height: 198px;}
.vijftig {float: left;
          width: 370px;;}
.vijftig1 {float: left;
           padding-left: 20px;
           width: 370px;}
.menurechts190 {width:190px;
                float: left;
                -webkit-box-shadow: 14px 14px 10px 0px rgba(50, 50, 50, 0.75);
                -moz-box-shadow:    14px 14px 10px 0px rgba(50, 50, 50, 0.75);
                box-shadow:         14px 14px 10px 0px rgba(50, 50, 50, 0.75);
                padding: 10px;}
textarea {width: 600px;}
.inzendbutton {float: left;}
.inzending {clear: both;}
.smalmenu {display: none;}
h2 {font-size: 16.5px;}
}

.bovenkantad { width: 300px; height: 100px; }
//.bovenkantad { width: 100%; height: 100px; }
@media(min-width: 640px) { .bovenkantad { width: 468px; height: 60px; } }
@media(min-width: 940px) { .bovenkantad { width: 728px; height: 90px; } }
@media(min-width: 1240px) { .bovenkantad { width: 970px; height: 90px; } }

.onderkantad { width: 300px; }
@media(min-width: 640px) { .onderkantad { width: 468px; } }
@media(min-width: 940px) { .onderkantad { width: 120px; } }
@media(min-width: 1240px) { .onderkantad { width: 160px; } }
// -->