@charset "utf-8";
/* CSS Document */

html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
 html, body {
   margin: 0;
   padding: 0;
 }

body {
  color: #292929;
/*font: 90% Roboto, Arial, sans-serif;*/
font-family: Open Sans;
font-size: 17px;
font-weight: 400;
  background: #fafafa;
  background-image:url(../images/bg-main4.png);
  background-repeat:repeat;
  background-attachment:fixed;
   }

#container{
  max-width:1100px; margin:0px auto 0px auto; height: auto; display: block; background-color: #fff;
  }
.vak{
max-width:800px;
height: 200px;
margin:0px auto 0px auto;
background-color: #fff;
}
/*Kop en kopteksten*/
.head {
  position: relative;
  top:40px;
}
.head h1{color:#2A8599; font-size:30px; font-weight:100; white-space: nowrap; margin-top:0; font-family: Arial, sans-serif; }
.head h3{color:#8f68d0; font-size:20px; font-weight:100;font-family: Arial, sans-serif;}
.head h5 {color:#e874c5; font-size:18px;font-weight:normal;font-family: Arial, sans-serif; margin-bottom:0;}
.txt1 {
  position: absolute;
  top: 23px;
  left: 30px;
}
.txt2 {
  position: absolute;
   top: 50%;
  left: 25%;
    transform: translate(-10%, 10%);
}
.txt3 {
  position: absolute;
   top: 44%;
  left: 30%;
    transform: translate(-10%, -50%);
}
.txt4 {
  position: absolute;
   top: 44%;
  left: 60%;
    transform: translate(-10%, -50%);
}
.txt5 {
  position: absolute;
bottom: 15px;
right: 30px;
}
#pict { 
  width: 100%;
max-width: 800px;
  opacity: 1;
}



/*
#container
{
max-width:1200px;
margin:0px auto 0px auto;
background-color: #fff;  */
}

/*h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif; padding: 0 10px;}*/
h1,h2,h3,h4,h5,h6 {font-family: "Arial", sans-serif; padding: 0 10px;}
.w3-bar,h1,button {font-family: "Montserrat", sans-serif}

p {
  padding: 0 25px;
  line-height: 1.8;
  font-family:Open Sans;
 }
 
 a {color:#993300;   text-decoration: none;}
 
 h1,h2,h3,h4,h5,h6 {
   padding: 0 8px;
   font-family:Open Sans;
 }
.responsive {
  width: 100%;
  max-width: 800px;
  height: 200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#content {
  max-width: 800px;
  margin-left:auto; 
  margin-right:auto;
  margin-top: 50px;}
  
#content h1,h2,h3,h4,h5,h6 {
  padding: 0 10px;}
  
#content p {
  hyphens: auto;}
  
}
#bloesem{
  display:block;
  background-image:url(../images/bloesem-2.png);
  background-repeat:no-repeat;
  position:absolute; 
top:220px;
margin-left:2px;
width:126px;
height:133px;
}

/*Menu bar*/

.sticky {position: sticky;  top: 0;}

.w3-top {position:fixed;width:100%;z-index:1; top:0;}
.w3-red,{color:#fff!important;background-color:#f44336!important}
.w3-bar{width:100%;overflow:hidden}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-card {box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-left-align {text-align:left!important}
.w3-button {border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.w3-button:disabled{cursor:not-allowed;opacity:0.3}
/*.w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}*/
.w3-bar .w3-button{white-space:normal}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
/*@media (max-width:1205px){.w3-auto{max-width:95%}}*/
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
/*@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}*/
@media (min-width:993px){.w3-hide-large{display:none!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
/*@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}*/
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} 
.w3-large{font-size:18px!important}
.w3-padding-large{padding:12px 24px!important}
.w3-left-align{text-align:left!important} .w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}

.center {
  margin-left: auto;
  margin-right: auto;
}

/*Footer*/
.foot {
  background-color: #640202; 
  list-style-type: none;
  text-align: center;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  padding: 0;
}
.foot li {
  display: inline-block;
  text-align: left;
  font-size: 15px;
  padding: 10px;
}
.foot a {	color:#fff;   text-decoration: none;}
.foot a:hover {	color:#a5b9c0;}
.foot a { line-height: 2.0;}

.bloklinks{
  display: inline;
  width: 300px;
}


.bar{
  overflow: hidden;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display:inline-block;
  background-color: #555;
  color:#fff;
  font-size:17px
    /*  padding:8px 16px;
     float:left;
    border:none;
     display:block;
     outline:0;
    */
   }
   
.nbar-button{
  border:none;
  display:inline-block;
  padding:8px 16px;
  vertical-align:middle;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  background-color:inherit;
  text-align:center;
  cursor:pointer;
  white-space:nowrap;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
   }

.topnav {
  overflow: hidden;
  background-color: #6b2e2e;
  height: auto;
  display: block;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  outline:0;
  white-space:normal;
  text-align:left!important;
  font-size:17px!important;
  color:#fff;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 2px 16px;
  text-decoration: none;
    font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a:active {
  background-color: #77b;
  color: white;
}

.bar-color{color:#fff; background-color:#6b2e2e;}

.grijs{color:#D9A5AE!important;background-color:#fff!important}

.clear
{
clear:both;	
}

/* Pijlen d.m.v. border*/
.arrow {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}