/************* CSS begin*********************************************************/

/************* iframe header vakantietijden************************************************************/

/*
.w3-center.w3-green.w3-margin-bottom{
 display:none;   
}
*/

/************* blog************/
h1{
	font-family: Arial, Tahoma, Verdana, sans-serif;
	color: #3399FF;
	font-weight: normal;
	font-size: 25px;
}


.button {
  background-color: green;
  border: none;
  color: white;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 1px 2px;
  cursor: pointer;
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

a{
    color:blue;
}

/************* rechts************/
#col_right{
background-color:#E4ECDD;
margin:4px;
    }
    
@media (max-width:1100px){
   #col_right{max-width:256px;}
}


#cr_title{
background-color:#88A968;
color:white;}

/************* w3.css************/
body,h2,h3,h4,h5,h6 {font-family: Arial, Tahoma, Verdana, sans-serif}
.w3-bar,h1,button {font-family: Arial, Tahoma, Verdana, sans-serif}

/* Geoptimaliseerd voor schermen rond de 1024px */
@media screen and (max-width: 1080px) and (min-width: 993px) {
  .w3-bar .w3-bar-item {
    padding-left: 18px !important;
    padding-right: 18px !important;
    font-size: 18px !important; /* Maakt de tekst weer duidelijk groter */
  }
}



/************* jssor Style ************/

.card-margin { margin: 4px; }

.slider-container { position: relative; width: 900px; height: 250px; overflow: hidden; }
.slides-container { cursor: move; position: absolute; left: 0; top: 0; width: 900px; height: 250px; overflow: hidden; }

.loading-bg { opacity: 0.7; position: absolute; background-color: #000; width: 100%; height: 100%; }
.loading-img { position: absolute; background: url(/img/loading.gif) no-repeat center center; width: 100%; height: 100%; }

.captionOrange, .captionBlack {
  color: #fff; font-size: 20px; line-height: 30px; text-align: center; border-radius: 4px;
}
.captionOrange { background: rgba(235, 81, 0, 0.6); font-weight: bold; position: absolute; left: 20px; top: 30px; height: 30px; }
.captionBlack { font-size: 16px; background: rgba(0, 0, 0, 0.4); }

.caption-w500 { width: 500px; }
.caption-w700 { width: 700px; }
.caption-w750 { width: 750px; }

.jssorb01 { position: absolute; bottom: 16px; right: 10px; }
.bullet-prototype { position: absolute; width: 12px; height: 12px; }

.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
  opacity: .7; overflow: hidden; cursor: pointer; border: #000 1px solid;
}
.jssorb01 div { background-color: gray; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
.jssorb01 .av { background-color: #fff; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555; }

.jssora02l, .jssora02r {
  position: absolute; cursor: pointer; display: block; background: url(/img/a02.png) no-repeat;
  width: 55px; height: 55px; top: 123px;
}
.jssora02l { left: 8px; background-position: -3px -33px; }
.jssora02r { right: 8px; background-position: -63px -33px; }
.jssora02l:hover { background-position: -123px -33px; }
.jssora02r:hover { background-position: -183px -33px; }
.jssora02ldn { background-position: -243px -33px; }
.jssora02rdn { background-position: -303px -33px; }


/************* zoom folder icon************************************************************/
.zoom {
  transition: transform .2s;
  margin: 0 auto;
}

.zoom:hover {
  -ms-transform: scale(2); /* IE 9 */
  -webkit-transform: scale(2); /* Safari 3-8 */
  transform: scale(2); 
}

/************* input************************************************************/
input::placeholder {color:gray;}
@media (max-width:600px) {
    input::placeholder {color:transparent;}
}

/************* inlines************************************************************/
.box-150 { height: 150px; }
.iframe-clean {
      border: none;
      width: 100%;
      height: 100%;
    }
 .max-1100 { max-width: 1100px; }
  .margin-4 { margin: 4px; }
   #tagg {
    word-wrap: break-word;
  }
  
   #displayupload {
    border: 1px solid black;
    padding: 2px;
    word-wrap: break-word;
    box-sizing: border-box;
  }
  
  #dossierzorgmail {
    border: 1px solid black;
    padding: 2px;
    word-wrap: break-word;
    box-sizing: border-box;
  }
  
 .map-frame {
  border: 0;
  width: 100%;
  height: 450px;
}


.table-bordered {
  border: 1px solid black;
}

.cell-bordered {
  border: 1px solid black;
}

.col-narrow {
  width: 1%;
}

.col-wide {
  width: 99%;
}
.full-width {
  width: 100%;
}

.spaced-table {
  width: 100%;
  border-spacing: 15px;
}

.hidden-row {
  visibility: hidden;
}

#hiddenc {
  display: none;
}

.video-responsive {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 ratio */
    height: 0;
    overflow: hidden;
}

.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/************* css end************************************************************/