/* algemeen layout*/

p + ul {
  margin-top: -1em;
}

ul { 
  list-style-position: inside;
  margin-left: 0.5em;
  margin-bottom: 0.25em;
}

ol {
   margin-left: 2em
}

.no-padding {
  padding: 0;
}

.no-marign{
  margin: 0;
}

.margin-bottom-1em{
  margin-bottom: 1em;
}

.clear-fix{
  clear: both;
}

body {
  background-color: #FFFFFF; 
}

.h5-underline {
  margin-top: -5px;
  color: #FFF;
}

.panel {
  border-width: 0px;
  background-color: #F5F5F5;
  border: 1px solid #EAEAEA;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
   border-radius: 4px;
  /*-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);*/
}

.panel, .panel p, .panel dov {
  color: #808080;
}

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6
{
  color: #707070;
}

.panel h3 {
  padding-bottom: 0.375em;
  border-bottom: 1px solid #CCC;
}

.panel h4.underline {
  padding-bottom: 0.375em;
  border-bottom: 1px solid #CCC;
}

/* Formulieren */

fieldset{
  margin: 0;
  padding: 0;
}

fieldset.cms_formulier{
  border-width: 0px;
  margin: 0;
}

fieldset legend {
    font-weight: bold;
    color: #707070;
    background: transparent;
    margin: 0px auto;
    font-size: 1.5em;
}

textarea.error {
  height:auto;
  resize: none;
  margin-bottom: 0px;
  min-height: 1em;
}

span.year, span.month, span.day {
  display: inline-block;
  margin-right: 0.25em;
}

.panel form fieldset div div h6{
  margin-top: 1.25em;
  margin-bottom: 0.125;
}

form input.cms_textfield, 
form input.cms_emailfield, 
form input.cms_password,
form input.cms_checkbox, 
form input.cms_label, 
form small.error
 {
  margin: 0px;
}

label.cms_label {
  display: inline-block;
}

div.row.submit {
}

div.row.margin-bottom-1em, .margin-top-1em{
  margin-top: 1em;
}

div.row.margin-bottom-1em, .margin-bottom-1em{
  margin-bottom: 1em;
}
textarea#bericht.cms_textarea{
  margin: 0;
}

/* Social media leuk */
div.row.social-leuk{
}

h5.social {
  margin-bottom: 0.625em;
}

h5.socialrow-leuk {
  margin-bottom: 0.75em;
}

div.socialrow {
  margin-right: 1em;
  margin-bottom: 1em;
}

table.socialrow {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: top;
  background-color: transparent;
}

table.socialrow > * {
  vertical-align: top;
}

table.socialrow tr td {
  padding: 0;
  padding-right: 1em;
}

/* het weer */
h5.weer-kort {
  margin-bottom: 20px;
}

div.weer-container {
  position: relative;
  width: 100%;
   text-align:center;
}

#widget-frame {
  margin: 0 auto;
}

/* Ledenlijst */
div.bestuur-container div.lid-row:last-child{
  margin-bottom: 20px;
  border: 0;
}

div.row.lid-row {
  margin-left: 0px;
  margin-right:0px;
  margin-bottom: 10px;
  border-bottom: 1px solid #CCC; 
}

div.lid-gegevens span {
   display: block;
   margin-bottom: 0.5em;
   word-wrap:break-word;
}

div.lid-gegevens a.e-mailadres {
   color: inherit;
}

h4.lid-naam {
  font-size: 2em;
  color: #606060;
  margin-top : 0.5em;
  margin-bottom : 0.75em;
}

div.row.lidfoto {
  position: relative;
  margin: 0px;
}

div.row.lidfoto img, 
div.lidfoto img{
  display: block;
  margin: 0px auto;
  min-height: 3.5em;
  width: 100%;
}

div.lid-rollen {
    position: absolute;
    display: block;
    height: 100%;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0.5em;
    z-index: 5;    
}

div.lid-rollen img {
   display: block;
   min-height: 0 !Important;
}
/*--- Zoeken ---*/
search.round, .search.round {
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
}

.search.search-input{
  background-image: url('/uploads/images/search.png');
  background-repeat:no-repeat;
  background-position: 5px 2px;
  line-height: 2em;
  font-size: 0.7em;
  height: 2em;
  padding: 0 10px 0 25px;
  position: relative;
  margin-top: 3px;
}

.button.search-button{
  line-height: 2em;
  font-size: 0.7em;
  height: 2em;
  padding: 0 10px;
  position: relative;
  top: 0px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 0px;
}

.top-bar-section .has-form{
  padding-right: 10px;
}

.contain-to-grid {
    -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 2px 10px;
    -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 2px 10px;
    box-shadow: rgba(0,0,0,0.7) 0 2px 10px;
}

/* dia show */
.dia img {
  width: 100%;
  height: auto;
}

/* pagina opmaak */
.row.full{
  width: 100%;
}

.first-row {
  margin-top: 40px;
}

/* pagina header balk */
div.koptekst-container {
    padding: 0;
    margin-top: 0px;
    margin-bottom: 20px;
}

div.koptekst {
    text-align: center;
    text-transform: uppercase;
    z-index: 10;
    margin: 0;
    padding: 0;
}

#koptekst {
  font-family: 'ProximaNovaRegular',  sans-serif;
  font-size: 1.5em;
  color: #f1f1f1;
  background: #111;
  position: relative;
  margin: 0;
  padding: 10px 0px 5px 0px;
  -webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.25);
}

/* Styles for screens that are at least 768px, this is when the menu changes too; */
@media only screen and (min-width: 768px) {
  #koptekst {
    font-size: 2em;
  }
}

/* Styles for screens that are at least 940px, this is when the menu changes too; */
@media only screen and (min-width: 940px) {
  div.koptekst-container {
      padding: 0;
      margin-top: -3.75em;
      margin-bottom: 2em;
      z-index: 10;
  }
  
  div.koptekst {
    padding: 0px 0.9375em 0px 0.9375em;
  }
  
  #koptekst {
    margin: 0;
    padding: 0.375em 0 0.25em 0;
    font-size: 2.5em;
  }
}

div.row.no-margin {
  margin: 0px;
}

.no-margin{
  marging: 0;
}

.no-padding{
  padding: o;
}


.video-list {
  list-style-type: none;
}

.video-list li {
  float:left; 
  display: inline-block;
}

.video-panel {
  float: left;
  background-color: transparent;
  text-align: center;
  max-width: 220px;
  margin: 10px;
}

.video-image-panel{
  padding-left: 30px;
  padding-right: 30px;
}

.video-title {
  padding-top: 5px;
  text-align:center;
  min-height: 3.2em;
}

.bottom-margin-22{
  margin-bottom: 22px;
}

.on-top{
  z-index: 30;
}

.gray{
 color: #c8cbcb;
   background-color: rgba(43,44,44,0.8);
  filter: alpha(opacity=55);
}

/* Pagination */

ul.pagination {
  margin-bottom: 1em;
}

ul.pagination li.arrow.unavailable, 
ul.pagination li.arrow a{
    display: block;
    padding: 0.0625em 0.4375em 0.0625em;
    color: #DDD;
}
ul.pagination li.arrow a{
    color: #555;
}
ul.pagination li.current {
    color: #2ba6cb;
    background: #fff;
    cursor: default;
    font-weight: normal;
}

ul.pagination li:hover a, ul.pagination li a:focus {
    background: transparent
}

/* Nieuws samenvatting */
div.news-summary-summary p{
  margin-bottom: 0px;
}

div.news-summary-more-link {
  margin-bottom: 10px;
}

/* kop nieuwsartikel */

div.table-news-wrapper 
{
  /* border: 1px solid #EAEAEA;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
   border-radius: 4px; */
  overflow: hidden;
  margin-bottom: 1.25em;
}

table.news-header{
  width: 100%;
  border-width: 0px;
  margin: 0;
  background-color: transparent;
}

td.calendar{
  width: 44px;
}
div.calendar {
    width: 40px;
    height: 50px;
    background: #ccc;
    background: #823C8C;
    margin: 0p;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
}

td.calendar > span {
    display: inline-block;
}

div.calendar > .month {
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    color: #FFF;
    line-height: 1.5;
}

.calendar > .day {
    padding: 2px 0 2px 0;
    font-weight: bold;
    font-size: 18px;
    color: #FFF;
    line-height: 1.3;
}

td.news-header-image{
  width: 75px;
  height: 50px;
  vertical-align: middle;
  padding: 0;
}

img.news-image { 
  height: 50px;
  width: 75px;
  vertical-align: bottom;
  margin: 0;
}

td.news-header-text{
  padding-left: 15px;
  padding-right: 0px;
}

h1.news-title {
  font-size:2.125em;
  margin: 0;
  padding: 0;
}

hr.news-header {
  margin-top: 0.5em;
  margin-bottom: 0;
}

.center-image p {
  text-align: center;
}

/* Geen idee waarvoor dit is*/
.upload {
  padding-top: 5px;
  padding-bottom: 20px;
}

.upload img{
  vertical-align:middle;
  padding-right: 5px;
}

/* Footer */

div.footer {
  margin-top: 20px;
  color: #c8cbcb;
  background-color: #363737;
}

div.footer-row{
    padding: 0px 0.9375em 0px 0.9375em;
}

div.container.logo{
  background-color: #F0F0F0;
  background-color: #363737;
}

img.footer-logo {
  background-color: #FFF;
}

h5.footer{
  text-align: center;
  color: #BBB;
}

h5.footer.snel{
  padding-top: 1.5em;
  padding-bottom: 0.25em;
}

h5.footer.knvvl{
    padding-top: 1.5em;
    padding-bottom: 0;
    margin-bottom: 0.25em;
}
.footer-knvvl-logo-container {
  text-align:center;
}
img.footer-knvvl-logo{
  margin-top: 0.5em;
    width: 6em;
}

ul.footer-list,
ul.footer-list-1 {
   margin-top: 0;
   margin-left: 2.5em;
   padding-left: 1.5em;
   border-left: 1px solid #DDD;
   list-style-type: none;
}

ul.footer-list-1 {
   margin-left: 3em;
}

.copyright{
   margin-left: 2.7em;
  padding-top: 1.25em;
  color: #888;
}
/* Stylesheet: app Modified On 2025-12-03 17:22:40 */
/* Weerplaatjes */
img.weer-plaatje {
  width: 100%;
}

/* veldcamera's */

#camera-container {
  position: relative;
}

/* camera overlay */
#overlay{
  display:none;
  position: absolute;
  left: 0;
  bottom: 0;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 16px;
  height: 100%;  
  width: 100%;  
  z-index: 80;
  cursor:pointer;
}

#overlay-inner{
  position: relative;
  height: 100%;  
  width: 100%;  
  background-color:#CCC;
  opacity:0.5;
}

div.row.camera {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}

div.camera {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

div.camera-panel{
  padding-bottom: 1em;
}

div.camera-panel img{
  width: 100%;
}

#overlayHeader.textblock,
#overlayFooter.textblock{
  background-color:#444;
  color:#fff;
  font-size:2em;
  text-align:center;
}

#overlay #overlayHeader{
  position:absolute;
  width: 100%;
  padding-top:10px;
  padding-bottom:10px;
}

#overlay #overlayFooter{
  position:absolute;
  padding-top:10px;
  padding-bottom:10px;
  width:100%;
  bottom:0;
}

#overlay #overlayButtonbar{
  position:absolute;
  top:50%;
  left:50%;
  height:30%;
  width:50%;
  margin:-15% 0 0 -25%;
}


/* Foto's en video's*/
ul.image-list,
ul.video-list
 {
  list-style-type: none;
}

ul.image-list li,
ul.video-list li
 {
  float:left; 
  margin: 5px;
  display: inline-block;
}

div.album-wrapper{
  float: left;
  margin: 5px;
}

div.panel.foto-album{
  position: relative;
}

div.foto-album-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  z-index: 5;
  background: rgba(0,0,0,0.1);
}

img.foto-album-overlay {
  display: block;
  position: absolute;
  /* top: 50%; */
  top: 5%;
  left: 50%;
  margin-left: -64px;
  /* margin-top: -64px */
}

div.album-panel,
div.image-panel,
div.video-panel{
    position: relative;
    width: 175px;
    margin: 0;
    padding: 0; 
}

div.video-panel{
    width: 220px;
}

div.album-image-panel,
div.video-image-panel{
    position: relative;
    margin: 0;
    padding: 0;
}

div.album-image-panel a img,
div.image-panel a img,
div.video-image-panel a img,
div.video-image-panel img{
    width: 100%;
    margin: 0;
    padding: 0;
}

div.video-panel:hover{
    cursor: pointer;
}

div.lid-naam,
div.album-title,
div.video-title {
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 5px;
    padding-top: 10px;
    min-height: 3.2em;
    text-align:center;
    background: rgba(0,0,0,0.4);
    color: #fff; 
    width: 100%;
    z-index: 10;
}

div.album-title span{
    font-size: 80%;
}

/* Stylesheet: media Modified On 2014-04-19 21:14:04 */