/* stylepimopheij_spek&boontje POP 2020 */

* {
        margin: 0;
        padding: 0;
}

@font-face {
	font-family: pimopheij_spekenboontje;
  src: url(../font/calibril.ttf);
}

html, body {
  font-family: pimopheij_spekenboontje;
  height: 100%;
}

#container {
  min-height: 100%;
  background-color: rgba(208,234,234,0.4);
}

#main {
  padding-bottom: 20px; /* hoogte footer */
}

@media screen and (max-width: 347px){
#main {
  padding-bottom: 40px; /* hoogte footer */
}
}

#footer {
  background-color: rgb(72,119,123);
  position: relative;
  height: 20px; /* hoogte footer */
  margin-top: -20px; /* hoogte footer */
  clear: both;
  font-family: pimopheij_spekenboontje;
  color: rgb(255,255,255);
  text-decoration: none;
  text-align: right;
  padding-right: 10px;
}

#footerright{
  font-family: pimopheij_spekenboontje;
  text-decoration: none;
  color: rgb(255,255,255);
  text-align: right;

}

@media screen and (max-width: 380px){
#footer {
  background-color: rgb(72,119,123);
  position: relative;
  height: 40px; /* hoogte footer */
  margin-top: -40px; /* hoogte footer */
  clear: both;
  font-family: pimopheij_spekenboontje;
  color: rgb(255,255,255);
  text-align: right;
  padding-right: 10px;
}
}

/* Navbalk */

nav {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 70px;
  background-color: rgb(72,119,123);
}

@media screen and (max-width: 466px){
nav {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 140px;
  background-color: rgb(72,119,123);
  }
}

/* spek&boontje knop */
nav p a{
  font-family: pimopheij_spekenboontje;
  float: left;
  padding-left: 20px;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-right: 15px;
  text-decoration: none;
}

#spekenboontjetekst{
  display: block;
  position: relative;
  height: 60px;

}

nav ul {
  float: left;
}

#spekenboontjelogo{
  display: block;
  position: relative;
  height: 60px;
  top: 5px;
  right: 10px;
}

@media screen and (min-width: 466px){
nav div {
  float: right;
}
}

nav ul li{
  float: left;
  list-style: none;
  position: relative;
}

/* Menu knop */
nav ul li a {
  display: block;
  font-family: pimopheij_spekenboontje;
  color: rgb(255,255,255);
  font-size: 20px;
  padding:23px 18px;
  text-decoration: none;
}

/* Dropdouwn */
nav ul li ul {
  display: none;
  position: absolute;
  background-color: rgba(72,119,123,1);
  padding: 0px;
  border-radius: 0px 0px 3px 3px;
}

nav ul li:hover ul{
  display: block;
}

/* Dropdown */
nav ul li ul li {
  width: 140px;
  border-radius: 4px;
}

nav ul li ul li a {
  padding: 8px 14px;
  color: rgb(255,255,255);
}

nav ul li ul li a:hover {
  background-color: rgba(226,230,222,0.2);

}
/* End navbalk */

/* stylepimopheij_spek&boontje POP 2020*/