<!--
body {background: #FfFcD6;
      font-family: verdana, arial, courier;
      color: #1C5525;}
// div {border-style: solid;
//     border-width: 1px;
//     border-color: #990000;}
.pagina {clear: both;}
div.menu {border-left: 3px solid #182D21;
          border-right: 3px solid #182D21;
          border-bottom: 3px solid #182D21;
          text-align: left;
          padding-left: 10px;
          margin-left: 11px;
          float: left;}
.logo {float: left;
       background-repeat: no-repeat;
       background-position: center top;}
.midden {text-align: left;}
.kop {background: #FfFcD6;
      font-size: 18px;
      font-weight: 900;
      text-shadow: 2px 2px #DEA764;
      text-align: right;}
.vijftig {text-align: left;}
.vijftig1 {text-align: left;}
b.menulinks, h2.menulinks {color: #1C5525;}
p {clear: both;}
h2 {font-family: Verdana, MS Sans Serif, Arial, Times New Roman, Courier;
    font-weight: 900;
    color: #1C5525;}
.balk {background-color: #1C5525;
       width: 30px;
       height: 6px;
       margin: 4px 0;}
.smalmenu {position: fixed;
           top: 0;
           left: 5px;
           padding: 2px; }
.foto, iframe {display: block;
      width: 75%;
      height: auto;}
.pictogrammen {display: inline-block}
.pictogram {display: block;
            text-align: left;
            font-size: 30px;
            height: 60px;}
.invoer {width: 60px;}
.button {background-color: #1C5525;
         border: none;
         color: #FfFcD6;
         padding: 5px 12px;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 16px;
         margin: 4px 2px;
         cursor: pointer;
         border-radius: 8px;
         box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}
.button:hover {background-color: #3e8e41;}
.button:active {background-color: #3e8e41;
                box-shadow: 0 5px #666;
                transform: translateY(4px);}
b {color: #1C5525;}
b.rood {color: #ff0000;}
A {text-decoration: none;}
A:hover {color: #006600;
  text-decoration: underline;}
.menu A:link {color: #006600;}
.menu A:visited {color: #006600;}
A:link {color: #ff0000;}
A:visited {color: #ff0000;}


* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}


/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}


@media (max-width: 599px) {
body {font-size: 16px;}
.pagina {text-align: center;}
div.menu {width:250px;
          background: #FfFcD6;
          border-top: 3px solid #182D21;
          display: none;
//          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);}
iframe {height: 300px;}
.midden {width: 100%;
         clear: both;
         margin-left: 0px;}
.kop {height: 100px;
      background-image: url(/indexklein.png);
      background-repeat: no-repeat;
      background-position: right top;
      background-size: 640px 100px;}
.smalmenu {display: block;}
h2 {font-size: 16.5px;}
.pictogram {font-size: 20px;}
}

@media (min-width: 600px) and (max-width:899px) {
body {font-size: 15px;}
.pagina {width: 580px;}
.logo {width: 150px;
       background-image: url(/vleesuitstaphorst.png);
       background-size: 150px 158px;}
div.menu {width: 134px;
          border-top: 0px solid #182D21;
          display: block!important;
          margin-top: 54px;
          padding-top: 115px;
          -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);}
iframe {height: 300px;}
.midden {width: 380px;
         float: right;
         margin-left: 20px;
         padding-right: 10px;
         padding-left: 20px;}
.kop {display: none;}
.vijftig {float: left;
          width: 350px;;}
.vijftig1 {float: left;
           width: 350px;}
h2 {font-size: 15.5px;}
.pictogram {font-size: 18px;}
.smalmenu {display: none;}
}

@media (min-width: 900px) and (max-width:1199px) {
body {font-size: 16px;}
.pagina {width: 880px;}
.logo {width: 200px;
       background-image: url(/vleesuitstaphorst.png);
       background-size: 200px 210px;}
div.menu {width:184px;
          border-top: 0px solid #182D21;
          display: block!important;
          margin-top: 72px;
          padding-top: 149px;
          -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);}
iframe {height: 500px;}
.midden {width: 610px;
         float: left;
         margin-left: 20px;
         padding-right: 10px;
         padding-left: 30px;}
.kop {display: none;}
.vijftig {float: left;
          width: 280px;;}
.vijftig1 {float: left;
           padding-left: 20px;
           width: 280px;}
h2 {font-size: 16.5px;}
.smalmenu {display: none;}
}

@media (min-width: 1200px) and (max-width:1499px) {
body {font-size: 16px;}
.pagina {width: 1180px;}
.logo {width: 250px;
       background-image: url(/vleesuitstaphorst.png);
       background-size: 250px 262px;}
div.menu {width:226px;
          border-top: 0px solid #182D21;
          display: block!important;
          margin-top: 90px;
          padding-top: 183px;
          -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: 860px;
         float: left;
         margin-left: 20px;
         padding-right: 10px;
         padding-left: 30px;}
iframe {height: 600px;}
.kop {display: none;}
.vijftig {float: left;
          width: 410px;;}
.vijftig1 {float: left;
           padding-left: 20px;
           width: 410px;}
h2 {font-size: 16.5px;}
.smalmenu {display: none;}
}

@media (min-width: 1500px) {
body {font-size: 20px;}
.pagina {width: 1480px;}
.logo {width: 250px;
       background-image: url(/vleesuitstaphorst.png);
       background-size: 250px 262px;}
div.menu {width:226px;
          border-top: 0px solid #182D21;
          display: block!important;
          margin-top: 90px;
          padding-top: 183px;
          -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: 1160px;
         float: left;
         margin-left: 20px;
         padding-right: 10px;
         padding-left: 30px;}
iframe {height: 750px;}
.kop {display: none;}
.vijftig {float: left;
          width: 560px;;}
.vijftig1 {float: left;
           padding-left: 20px;
           width: 560px;}
h2 {font-size: 20.5px;}
.smalmenu {display: none;}
}
// -->