html {height: 100%}

body {height: 100%;
      margin: 0;
      background-color: #FFF;
      font-size: 62.5%}

h3 {font-family: Arial, sans-serif;
    font-size: 1.6em;
    font-weight: bold;
    font-style: normal;
    color: #444}


.top {width: 100%;
      max-width: 1400px;
      height: 40%;
      min-height: 190px;
      max-height: 250px;
      margin-left: auto;
      margin-right: auto;
      background-color: #444;
      background-image: url(top.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover}

@media only screen and (max-width: 650px) {
.top {background-position: 55% center}
}

@media only screen and (max-width: 550px) {
.top {background-position: 62% center}
}


.cbox1 {width: 100%;
        padding: 1.2em 0 1.2em 0;
        background-color: #FFF;
        z-index: 1}

.cbox2 {width: 100%;
        padding: 1.2em 0 1.2em 0;
        background-color: #DDD;
        z-index: 1}

.cbox3 {width: 100%;
        padding: 1.2em 0 1.2em 0;
        background-color: #444;
        z-index: 1}


.content-box {width: 100%;
              max-width: 836px;
              margin-left: auto;
              margin-right: auto;
              background-color: #;
              z-index: 2}

.content {padding: 0 1em 0 1em;
          font-family: Arial, sans-serif;
          font-size: 1.8em;
          line-height: 150%;
          color: #000;
          vertical-align: top;
          z-index: 3}

.content a{color:#FF0000;
           font-weight: bold;
           text-decoration: none}

.content a:hover{color: #009F00;
                 font-weight: bold;
                 text-decoration: none}


button {padding: 1em 1em 1em 1em;
       font-family: Arial, sans-serif;
       font-size: 1em;
       line-height: 150%;
       background-color: #FF0000;
       color: #FFFFFF !important;
       border: none;
       cursor: pointer}

button:hover {background-color: #009F00}


.beeld {width: 80%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-top: 1em}


@media only screen and (max-width: 550px) {

.beeld {width: 100%}

}
