li{display:inline;color:#d3a88e;}
ul{margin-left:-30px;}
img{border:0;vertical-align:top;border-radius:5px;margin:2px;max-width:100%;height:auto;}
body{height:100%;margin:0;padding:0;font-family:Calibri;color:#a9592d;font-size:0.9em;background-color:#deeff1;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-boerderij.jpg */
a:visited,a:hover{color:#a9592d;}
a:link{color:#a9592d;}
.sidebar{font-size:10pt;}
form{margin:0;}
hr,input,textarea,select{background-color:#4B0082;color:#a9592d;font-family:arial;border:1px solid ;}
.boven{vertical-align:top;}
.midden{vertical-align:center;}
.onder{vertical-align:bottom;}
.centreer{margin-right:auto;margin-left:auto;text-align:center;}
.knop{display:inline;text-align:center;}
.knop img{background-color:#93c3c7;border: 5px solid #D3A88E;border-radius:100px;margin:2px;height:40px;max-width:40px;}
.rechts{float:right;background-color:#deeff1;}
.menu{margin-right:auto;margin-left:auto;text-align:center;height:auto;padding: 10px;border: double 5px rgb(95,16,11);width:94%;background-color:rgb(227,227,230);}/*margin-top:50px;line-height:200%;  rgb(95,16,11)*/
.menukop,.subkop{margin-right:auto;margin-left:auto;text-align:center;font-size:1.3em;font-family:"Times New Roman";clear:left;color:rgb(95,16,11);background-color:#d3a88e;}
.boeken{display:inline;float:left;clear:both;margin-left:10px;background-color:rgb(227,227,230);height:auto;margin-top:10px;}
.boek{float:left;overflow:auto;color:#d3a88e;border:solid 1px #deeff1;width:160px;height:320px;}
.f{background-color:rgb(95,16,11);}
.f,.m a:visited{color:white;text-decoration:none;}
.m{background-color:#d3a88e;}
.f a:link,.m a:link{color:#deeff1;text-decoration:none;}
.n a:visited{color:#a9592d;text-decoration:none;}
.n a:link{color:#93c3c7;text-decoration:none;}
.n{background-color:white}
.nieuw{border: solid 5px rgb(95,16,11);background-color:#deeff1;color:rgb(95,16,11);font-weight:bold;}
.thumb{float:left;white-space:break;overflow:scroll;background-color:#eaeab0;}
.label,.boeknum{display:inline;font-weight:bold;}
.cover{margin-top:12px;margin-left: auto;margin-right: auto;text-align:center; display: flex;  align-items: center;  justify-content: center;}
.titel,.sidebar,.data{text-align:left;padding:2px;margin-left:2px;}
.data{display:block;word-wrap: break-word;white-space:break;}
.kop,.subkop,.koptitel{font-weight:bold;background-color:rgb(95,16,11);color:#deeff1;}
.kop a:visited{color:#deeff1;text-decoration:none;}
.kop a:link{color:#deeff1;text-decoration:none;}
.koptitel,.kop{font-size:1em;}
.kopgroot{font-size:40pt;font-weight:bold;color:orange;height:auto;line-height:110%;}
.box{width:50%;margin-left:10px;}
.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;}
td .navigate,.navigate a:link,.navigate a:visited{text-decoration:none;color:rgb(204,204,153);}
.subkop a:link,.subkop a:visited{color:rgb(204,204,153);}
.box li{display:list-item;}
#verzend{width:190px}
.voettekst{width:100%;font-size:0.7em;color:#a9592d;background-color:#d3a88e}
.lastmodified{float:right;}
.boek img{display:block;}
.wit2{background-color:rgb(227,227,230);margin-top:20px;margin-bottom:20px;}
.hoogte{height:20px;}
.lmarge{margin-left:20px;}
th{color:rgb(227,227,230);background-color:rgb(95,16,11);vertical-align:top;border:1px solid rgb(227,227,230);}
td{color:rgb(45,43,51);background-color:rgb(227, 227, 230);vertical-align:bottom;border:1px solid rgb(95,16,11);}
table {border-collapse: collapse;}

@media screen and (max-width: 980px) {/*min-width: 992px*/
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) {/*min-width: 768px*/
	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;/*magenta*/
  }


}
/* for 480px or less */

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

body{background-color:rgb(227,227,230);background-image:none;}
  .menu {
    height: auto;width:100%;
  }
  h1 {
    font-size: 1.5em;
  }
  #rechts {
    display: none;
  }
.boeken {width:100%;margin-right:auto;margin-left:auto;text-align:center;height:auto;
  }	
.boek{width:100%;margin-right:auto;margin-left:auto;
}

}