::selection {background: #b0cece;}
::-moz-selection {background: #b0cece;}
::-webkit-selection {background: #b0cece; color:#fff;}

div {
display: block;
}
@font-face{

 font-family: "Mon";
   src: url("fonts/mon.eot");
   src: local("☺"),
      url("fonts/mon.ttf") format("opentype"),
      url("fonts/mon.svg#filename") format("svg");
   font-weight: normal;
   font-style: normal;

}
h1{
color: #5d6345;
font-family: "Mon";
font-weight:normal;
margin-bottom:-10px;
margin-top:-1px;
}
h1 a{
color: #5d6345;
font-family: "Mon";
font-weight:normal;
text-decoration:none;
}
h1 a:hover{
color: #933;
font-family: "Mon";
font-weight:normal;
text-decoration:none;
}
p{
font-family:Georgia;
font-size:12pt;
text-align: justify;
}
#all {
margin: 0 auto;
text-align: left;
width: 790px;
}
#logo {
float: left;
margin-top:-8px;
}

#header {
height: 80px;
}
ul#navi {
float: left;
list-style: none;
margin-left:-34px;
margin-top:-1px;
}
#navi li {
float: left;
margin: 0;
padding-left: 5px;
}

#navi a{
color: #5d6345;
font-family: "Mon";
font-size:23px;
text-decoration:none;
}

#navi a:hover{
color: #933;
font-family: "Mon";
font-size:23px;

}
#content {
display: inline;
float: left;
margin-left: 23px;
width: 775px;
}
#content img{
padding:3px;

}
#content p a {
color: #933;
text-decoration: underline;
}
#content p a:hover {
color: #555;
text-decoration: underline;
}
#index_gal {
margin-left:7px;
margin-top:-5px;
}
#frend {
display: inline;
float: right;
width: 205px;
}
#all .clearf {
clear: both;
height: 30px;
}
#wat{
display: inline;
float: right;
margin-right: 45px;
width: 250px;
padding-left:20px;
}
.input, .textarea, .select {
background: #ebe5d4;
color: #555;
font-family: inherit;
font-size: 1.2em;
border-top: 2px solid #d7d2c3;
border-left: 2px solid #d7d2c3;
}
.knop {
background-color:#9db6ab;
color:#f7f1e2;
font-size: 1.2em;
}
 label {
color: #663;
display: block;
font-size: 1.2em;
margin-top: 0.6em;
}
#footer {
background: url(img/1.gif)no-repeat;
margin: 0 20px;
padding: 30px 0;
}
#footer p {

color: #663;
font-family:Georgia;
font-size:10pt;
}
#footer .logo {
float: left;
margin: 0 59px 0 24px;
}
#footer p a {
color: #663;

}
#footer p a:hover {
color: #000;
}




.cookie_banner {
      background-color:#ffffff9e
    border-radius: 8px;
    padding: 20px;
    position: fixed;
    bottom: 20px;
    left: -100vw;
    width: 400px;
    transition: .4s all linear;
    opacity: 0;
    z-index: 999999;
    font-size: 13px;
    backdrop-filter: blur(5px);
    font-family:Georgia;
}
.cookie_banner span {
  margin-bottom: 10px;
  line-height: 1.5;
  display: block
}
.cookie_banner .agree_btn {
  width: 100%;
  background: #663;
  color: #fff;
  border: none;
  padding: 10px;
      cursor: pointer;
}
@media (min-width: 970px) {
  .cookie_banner.view {
    opacity:1;
    left: 20px
  }
}
@media (max-width: 970px) {
  .cookie_banner {
    left:0;
    right: 0;
    width: calc(100% - 20px);
    margin: auto;
    bottom: -100vh
  }

  .cookie_banner.view {
    opacity: 1;
    bottom: 10px
  }
}