body{
  background-color: rgb(255,255,255);
  margin: 0px;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  /*background-image: url(../img/footer-bg.png);
  background-repeat: repeat-x;
  background-position: bottom;*/
  color: #000033;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 14px;
}

h1{
  font-size: 24px;
}

a{
  color: #006c7d;
  text-decoration: none;
}
a:hover{
  color: #006600;
}

a.leesverder{
  color: #cc3333;
  text-decoration: none;
}
a.leesverder:hover{
  color: #006600;
}

a.productlink{
  color: #cc3333;
  text-decoration: none;
  font-weight: bold;
}
a.productlink:hover{
  color: #006600;
}

.doelgroep-quote{
  font-style: italic;
  font-size: 14px;
  font-family: Georgia, serif;
}

.spacer-20px{
  height: 20px;
  display: block;
}

#header{
    background-image: url(../img/skyline.png);
    height: 160px;
}
#header-menu{
  border-width: 1px 0 1px 0;
  border-color: #000033;
  border-style: solid;
}

#titel{
  width: 560px;
  height: 120px;
  margin:auto;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 36px;
  font-weight: bold;
  color: #000033;
}

a.headertitel{
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 36px;
  font-weight: bold;
  color: #000033;
  text-decoration: none;
}

#logo{
  margin-top:36px;
  float: left;
}
#gemeentenaam{
  float: left;
  margin-top:48px;
  margin-left:20px;
}

#main{
  width: 100%;
  min-height: 300px;
  margin-bottom: auto;
}

.content-area{
  width: 1100px;
  margin:auto;
  text-align: justify;
}
.content-area.contact{
  width: 540px;
}

table.content-tabel td h3{
  margin-top:0px;
}
table.content-tabel td img{
  margin-bottom: 6px;
}

.content-row{
  display: flex;
}
.content-column{
  flex: 50%;
}
.content-column.left{
  padding:0 20px 0 20px;
  background-color: rgb(225,240,255);
}
.content-column.right{
  padding-left:20px;
}

.content-thumb{
  width: 120px;
  border-style: solid;
  border-width: 0 0 0 6px;
  border-color: #009fe3;
}
.content-thumb.left{
  border-width: 0 6px 0 0;
}
.content-thumb.right{
  border-width: 0 0 0 6px;
}
.content-thumb.top{
  border-width: 6px 0 0 0;
}
.content-thumb.bottom{
  border-width: 0 0 6px 0;
}


.content-thumb.contactblok{
  width: 60px;
}

.content-plaatje{
  border-style: solid;
  border-color: #009fe3;
  float: left;
  margin: 0 6px 3px 0;
}
.content-plaatje.lijn-onder{
  border-width: 0 0 6px 0;
}
.content-plaatje.lijn-links{
  border-width: 0 0 0 6px;
}
.content-plaatje.floatrechts{
  float: right;
  margin: 0 0 3px 6px;
}
.content-plaatje.lijn-rechts{
  border-width: 0 6px 0 0 ;
}

.content-foto{
  border-style: solid;
  border-color: #009fe3;
}
.content-foto.lijn-links{
  border-width: 0 0 0 6px;
}
.content-foto.lijn-rechts{
  border-width: 0 6px 0 0 ;
}
.content-foto.lijn-onder{
  border-width: 0 0 6px 0;
}
.content-foto.lijn-top{
  border-width: 6px 0 0 0;
}

.tekstblok{
  width: 680px;
}

.fotoblok{
  width: 220px;
}

.content-wit{
  padding: 12px;
  background-color: rgb(255,255,255);
}

.content-grey{
  padding: 12px;
  background-color: rgb(200,200,200);
}

.content-blue{
  padding: 12px;
  background-color: rgb(225,240,255);
}

#content-area-contactform{
  width: 420px;
  margin:auto;
}
#content-area-404{
  width: 720px;
  margin:auto;
  text-align: center;
}

#brokenlogo-404{
  float: left;
  margin-top: 48px;
}
#message-404{
  float: left;
  margin-top: 24px;
  Margin-left: 12px;
  width: 400px;
  text-align: left;
}

#footer{
  width: 100%;
  height: 100px;
  background-color: rgb(255,255,255);
  border-width: 1px 0 0 0;
  border-color: #000033;
  border-style: solid;
}

#footer.trailerpage{
  height: 40px;

}

#footer-homelogo-trailerpage{
  float:left;
  margin: 4px 0 0 12px;
}
#footer-homelogo-trailerpage-link{
  float:left;
  margin: 12px 0 0 12px;
}
#copyright-mvr-trailerpage{
  float:right;
  margin: 8px 12px 0 0 ;
}
#copyright-mvr-trailerpage-copyright{
  float:right;
  margin: 12px 12px 0 0 ;
}


#copyright-mvr{
  width: 100%;
  margin-top:12px;
  text-align: right;
}

#footer-menu{
  font-family: Verdana, Helvetica, sans-serif;
  width: 100%;
  margin-top:18px;
  text-align: center;

}

#header-menu{
  font-family: Verdana, Helvetica, sans-serif;
  width: 100%;
  padding-top:12px;
  padding-bottom:12px;
  text-align: center;
}

.menu-item{
  color: #000033;
  text-decoration: none;
}
.menu-item:hover{
  color: #006600;
}
#contact-naam{
  width: 400px;
}
#contact-email{
  width: 400px;
}
#contact-tekst{
  width: 400px;
  height: 300px;
}


ul.productlijst{
  list-style-image: url('../img/bullet.gif');
  margin-left: -30px;
}
ul.productlijst li{
  font-size: 13;
  margin-top:4px;
}

#video-container-wrap{
  width: 100%;
  height: 100%;
}
#video-container{
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}