body,h1,h2,h3,h4,h5,h6 {font-family: "Varela Round", sans-serif}
.w3-bar,h1,h2,button {font-family: "Varela Round", sans-serif}
.fa-anchor,.fa-coffee {font-size:200px}

    h3 {    
        text-decoration: underline;
        text-decoration-color: orange;
    }

    h1.small {
        font-size:10px
    }
    
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        display: inline-block;
        height: 650px;
        width: 95%;
		border-style: solid;
		border-width: 1px;
		border-color: #d6d6d6;
		float: center;
      }

	  #bannermap {
		display: inline-block;
        height: 800px;
        width: 20%;
		border-style: solid;
		border-width: 1px;
		border-color: #d6d6d6;
		float: left;
}
	  #maindiv {
	    width: 95%;
	    }
	    
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      div.bovenblok {
        height: 50px;
        width: 100%;
        text-align: center;
        }
      div.reclameboven{
      vertical-align: middle;

      }
mark { 
    background-color: red;
    color: white;
    border-radius: 3px;
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 3px #9ecaed;
}   

.floating-box {
    display: inline-block;
    width: 200px;
    height: 200px;
    margin: 5px;
    color: #0046b7;
    background-color: #f9f9f9;
	border-style: solid;
	border-width: 1px;
	border-color: #d6d6d6;
}
   
    
.floating-box2 {
    display: inline-block;
    width: 250px;
    height: 250px;
	margin: 10px;
    color: #0046b7;
    background-color: #f9f9f9;
	border-style: solid;
	border-width: 1px;
	border-color: #d6d6d6;
}
.floating-box3 {
    display: inline-block;
    width: 130px;

	margin: 10px;
    color: #0046b7;
}    

a.footerlink:link      {color:white;}
a.footerlink:visited   {color:white;}
a.footerlink:hover     {color:#ffb600;}

.w3-blue, .w3-hover-blue:hover {
    color: #fff!important;
    background-color: #78a4c7!important;
}
mark.twee { 
    background-color: blue;
    color: white;
    border-radius: 3px;
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 3px #9ecaed;
}

a.linktwee {
		text-decoration: none
		}
		
		p.datum {
		font-size:70%
		}
		
h2.subtitle{
		font-size:110%;
		font-weight: bold;
		}
   div.kentekenbox{
        width:50px;
  
        display: inline-block;
    }   
    
  div.kentekenbox2{
        background-color: yellow;
        width:250px;

        display: inline-block;
    }
    
    input.kentekenbox{
        background-color: yellow;
      
    }  
  
    tr.color {
         background-color: #adc8dd;     
    }
    
    
    


.container {
  width: 100%;
  margin: 20px auto;
  background-color:orange;
  background-image: url(https://images.hgmsites.net/hug/2014-bmw-i3-electric-car_100465664_h.jpg);
  background-repeat: no-repeat; 
  background-attachment: fixed;
}

.licenseplate {
  color: #333;
  background-color: #fff;
  background-image: url(https://www.filesnu.nl/images/nlplate2.jpg);
  background-repeat: no-repeat;
  
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 32px;
  line-height: 110px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  
  padding-left: 60px;
  padding-bottom: 10px;
  
  width: 510px;
  background-color: yellow;
  border-radius: 15px;

  outline: none;
  
  &::placeholder {
    color: #eee;
  }

.bn-1 img {
    margin: auto 0;
    text-align: center;
    padding-left: 13% !important;
}