.v4,.v4 a:link,.v4 a:visited{color:rgb(45,43,51);}
p{clear: both;}
body{background:rgb(95,16,11);background-image:url("images/bargercompascuum20170120.jpg"); background-position: center top; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}/*joes-lelyveld-kerk-bargercompascuum-2.jpg brand-boerderij29-12-2024.jpg */
dd{display:list-item;}
dt,dd{margin-top:0px;}
input,select,textarea,.input{background-color:white;color:rgb(95,16,11);max-width:95%;}
img{border:0;vertical-align:top;border-radius:10px;margin:2px;}
form{margin:0;}
#midden img{float:left;max-height: 100%;max-width: 100%;}
table{border-collapse: collapse;}
/*#midden tr{border-top:2px solid rgb(121,152,215);} /* lijn tabelrij*/
#midden .wit{border-left:5px double rgb(121,152,215);}
/*.wit{border-top:2px solid rgb(121,152,215);} witruimte tabellen*/
th{font-weight:bold;border: solid 1px #deeff1;}
td{text-align:left;border: solid 1px #deeff1;vertical-align:top;padding:3px;font-size:0.8em;}
h1,h2,h3 {text-align:left;font-family:"Times New Roman";}
hr{background-color:rgb(177,99,25);color:rgb(177,99,25);height:3px;}
#content{padding: 5px;width:960px;margin: 20px auto;height:auto;font-family:Calibri;background-color:rgb(121,152,215);color:rgb(45,43,51);}
.onder{vertical-align:bottom;}
#links,.links{width: 150px;float: left;padding: 5px 15px;font-size:0.9em;background-color:#deeff1;}
.booknum{font-size:48pt;color:rgb(95,16,11);text-align:center;}
#midden,.midden{width: 533px;float: left;padding: 5px 15px;margin: 0px 5px 5px 5px;word-wrap:break-word;overflow-wrap:break-word;text-align:justify;font-size:1em;background-color:#deeff1;}
#midden td{width:33%}
.achter{background-color:#deeff1;}
#rechts{background-color:#deeff1;width: 170px;padding: 5px 15px;float: left;font-size:0.9em;}
.rechts{text-align:right;background-color:#deeff1;}
.label{font-weight:bold;}
#menu{margin-right:auto;margin-left:auto;text-align:center;padding: 0 15px;background-color:rgb(95,16,11);}
.menukop,.subkop{margin-right:auto;margin-left:auto;text-align:center;font-size:1.3em;font-family:Calibri;background-color:#d3a88e;color:rgb(95,16,11);}
.box{width:50%;}
.knop{display:inline;}
.knop a img{margin-top:15px;}
.knop img{background-color:#93c3c7;border: 5px solid #D3A88E;border-radius:100px;margin:2px;height:40px;max-width:40px;}
.menuitem{margin-top:15px;font-size:0.8em;}
#voettekst,#voettekst img{clear: both;padding: 0 15px; font-size:0.7em;background-color:#d3a88e;color:rgb(95,16,11);border-radius:0;}
.lastmodified{float:right;}
#links a:link,.navigate,.navigate a:link,.navigate a:visited,.navigate img {text-decoration:none;font-size:1.5em;vertical-align:middle;text-align:center;border-radius:0;}
a:link{text-decoration:underline;color:rgb(95,16,11);}/*rgb(45,43,51) #93c3c7*/
a:visited{text-decoration:underline;color:rgb(95,16,11);}
.mono{font-family:monospace;}
.tekst2{clear:all;display:block;float:none;font-weight:bold;text-align:center;margin-left:auto;margin-right:auto;}
.foto2{width:100%;margin-left:-10px;}
.lijst{border:10px solid rgb(164,101,38);width:98%;margin-bottom:100px;}
h3{clear:both;display:block;float:none;border-top:20px solid #deeff1;}
.tip{background-color:rgb(121,152,215);}

@media screen and (max-width: 980px) {
body{background:rgb(121,152,215);}
  #content {
    width: 94%;
  }
  #links {
    width: 20%;
    padding: 1% 4%;
  }
  #midden {
    width: 60%;
    padding: 1% 4%;
    margin: 0px 0px 5px 5px;
    float: right;

  }
  #rechts {
    clear: both;
    padding: 1% 4%;
    width: auto;
    float: none;background-color:#deeff1;
  }
  #menu,
  #voettekst {
    padding: 1% 4%;
  }
}

/* for 700px or less */

@media screen and (max-width: 600px) {
	body{background:rgb(121,152,215);background-image:none;}
  #menu{height:auto;}
  #links {
    width: auto;
    float: none;
  }
  #midden {
    width: auto;
    float: none;
    margin-left: 0px;

  }
  #rechts {
    width: auto;
    float: none;background-color:#deeff1;
  }
}



/* for 480px or less */

@media screen and (max-width: 480px) {

body{background:rgb(121,152,215);background-image:none;}
  menu {
    height: auto;
  }
  h1 {
    font-size: 1.5em;
  }
  #rechts {
    display: none;
  }
  #links {
    display: none;
  }
}

#menu,
#links,
#midden,
#rechts {
  margin-bottom: 5px;
}

#content,
#menu,
#links,
#midden,
#rechts,
#voettekst {
  border: solid 1px #EAEAB0;
}


