/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
    Created on : 2-mrt-2015, 13:48:16
    Author     : Jansen
*/

body {
    background-color: #F7F7F7 !important;
}

.header {    
    min-width: 350px;
    height: 167px;
    background-image: url(../images/fotobewerkt004v2.jpg);
    background-repeat: no-repeat;    
    background-position: 50%;
    background-size: auto 100%;
}

/* For tablets: */
@media only screen and (min-width: 439px) {
    .header {height: 193px;}
}
@media only screen and (min-width: 519px) {
    .header {height: 213px;}
}

@media only screen and (min-width: 768px) {
    .hidden-ms {display: none;}
    .header {height: 285px;}
}

@media only screen and (min-width: 992px) {
    .header {height: 369px;}
}

@media only screen and (min-width: 1200px) {
    .header {height: 446px;}
}

nav {
    min-width: 350px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

img {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#footer{
  height:60px;
  font-weight: bold;
  color: #FFF;
  background: #F00;
  opacity: 0.8;
  text-align: center;
  margin-top: 20px;
}

.menudiv {
    height: 50px;
    text-align: center;
    font-family: Calibri;
    font-size: 120%;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.nav-btn {
    float: left;
    width: 25%;    
    height: 100%;
    overflow: hidden;
    background-color: #FF0000;
}

.nav-btn a{
    text-decoration: none;
    color: white;
    height: 100%;
    display: block;
    line-height: 45px;
}

.nav-btn:hover{
    
    color: white;
    background-color: #FC3535;
} 

.nav-btn a:focus, a:hover {
    color: white !important;
    text-decoration: none !important;
}

.map {
    border: #A7A7A7 1px solid;
    border-radius: 2px;
    overflow: hidden;
    height: 360px;
}

.submenu-row {
    text-align: center;
    margin: auto;
}

.submenu-btn {
    margin: auto;
    background-color: #EBEBE8;
    height: 105px;
    border-radius: 1px;
    border: 1px solid darkgrey;
    overflow: hidden !important;
}

.submenu-btn a{
    text-decoration: none;
    height: 100%;
    display: block;
    line-height: 100px;
    color: black !important;
}

.submenu-btn:hover{
    background-color: #DBD9D9 !important;
    color: red  !important;
    border: 1px solid #756F70  !important;
} 

.submenu-btn a:hover{
    color: white !important;
}

.submenu-btn a:visited {
    background-color: inherit;
    color: inherit;
    border: inherit;
}

.form-text {
    text-align: right;
    line-height: 31px;
    padding-right: 37%;
    margin-top: 5%;
}

.editor{
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.img-overview
{
    max-height: 200px;
    margin: auto;
    padding-bottom: 5px;
}

.img-overview-wrapper {
    border: 1px solid gray;
    height: 200px; 
    background-color: #D4D4D4;
}

.btn {
    margin: 5px !important;
}

.container {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.content {
    padding-bottom: 15px;
}

.actueel {
    border: #A7A7A7 1px solid;
    border-radius: 2px;
    min-height: 300px;
    width: 248px;
    margin-top: 4%;
    overflow: hidden;
}

.actueel a:hover {
    border: #FF0000 1px solid;
}

.out-border-land .actueel{
    margin: 401px auto 0px auto
}

.out-border-land .actueel-right {
    right: 10px;
}


.actueel-contact {
    background-color: white;
    min-height: 150px !important;
}

.actueel-contact table{
    margin: auto;
}
.actueel-contact table td{
    padding-left: 10px;
}

.actueel-right a{
    text-decoration: none;
    height: 100%;
    display: block;
    line-height: 300px;
    top: 50px;
}

.actueel-contact a{
    text-decoration: none;
    height: 160px;
    display: block;
    color: #000;
}

.actueel-contact a:hover{
    color: black !important;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.content-wrapper, .out-border-land {
    flex: 1;
    -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */
}

.actueel-contact img {
    width:90%;
    max-height:100%;
    margin: auto;
    box-shadow: none;
}

.actueel-right {
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.out-border-land {
    display: none;
}

.in-border-land {
    margin: 20px auto 0px auto
}

.border-land {
    min-height: 1px;
    width: 268px;
    display: none;
}

.flex-wrapper {
    display: -webkit-flex; /* Safari */
    display: flex;
}

.logout {
    height: 200px;
}


.logout p {
    margin: 10px auto 5px auto;
    width: 80%;
}

.red-btn {
    text-align: center;
    margin: 5px auto 5px auto;
    width: 80%;
    height: 50px;
    overflow: hidden;
    background-color: #FF0000;
}

.red-btn a{
    text-decoration: none;
    height: 50px !important;
    color: white !important;
    display: block;
    line-height: 45px;
}

.red-btn a:hover{
    color: white !important;
}

.red-btn:hover{
    background-color: #FC3535;
}

@media only screen and (min-width: 992px) {
    .border-land {
        display: block;
    }

    #footer {
        display: none;
    }
}

@media only screen and (min-width: 1700px) {
    .border-land {
        display: none;
    }
    .out-border-land {
        display: block;
    }
}