* {box-sizing: border-box;}
/* Definities van de verschillende fonts op deze site */
@font-face {
  font-family: logofont;
  src: url(fonts/CabinSketch-Regular.ttf);
  }
@font-face {
  font-family: standaard;
  src: url(fonts/Cabin-Regular.otf);
  }
  @font-face {
  font-family: standaard;
  src:url(fonts/Cabin-Italic.otf);
  font-style: italic;
  }
@font-face {
  font-family: standaard;
  src:url(fonts/Cabin-Bold.otf);
  font-weight: bold;
  }
@font-face {
  font-family: standaard;
  src:url(fonts/Cabin-BoldItalic.otf);
  font-style: italic;
  font-weight: bold;
  }

/* Eigenschappen voor verschillende schermbreedtes */
@media (max-width:768px){.marges{left:2%; width: 96%;}}
@media (min-width:769px){.marges{left: 10%; width: 80%}}
@media (min-width:1200px){.marges{left: 20%; width: 60%}}

/* Eigenschappen van de pagina's */
body {
	background-color:Lavender;
	color:#000000;
	font-size: 100%;
	background-image: url("../afbeeldingen/achtergrond.jpg");
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	}

/* Eigenschappen van de marges */
.marges {position: relative;
   }	

/* Eigenschappen van de kop van de pagina */
.kop {
   position: relative;
   background-image: url("../afbeeldingen/titel.jpg");
   height: 200px;
   }
.koptekst {
    position:absolute;    
    bottom: 2px;
    right: 10px;
    font-size: 5em;
    margin: 1px;
    font-family: logofont, cursive;
    color:greenyellow;
    }
.logo {
    position: absolute;
    right: 10px;
    top: 5px;}

/* Eigenschappen van de menubalk op de pagina */    
div.menubalk {
    background-color: darkgrey;
    float:left;
    width: 100%;
    }
ul.menubalk {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}
li.menubalk {
  float: left;
}
li.menubalk a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-family: standaard, sans-serif;
}
li.menubalk a:hover {
  background-color: #111;
}
li.menubalk, .dropdown {
  float: left;
}
li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-family: standaard, sans-serif;
  }
li a:hover, .dropdown:hover .dropbtn {
  background-color: #222;}

li.dropdown {
  display: inline-block;}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  }

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  }

.dropdown-content a:hover {background-color: #e0f1e0;}

.dropdown:hover .dropdown-content {
  display: block;
}

/* Eigenschappen van de inhoud van de pagina */
div.inhoud {
	background-color: lavender;
	font-family: standaard, sans-serif;
	padding: 10px;
}
h1 {
	font-family: logofont, cursive;
	font-size: 3.5em;
	margin: 0.5em 0em;
}
h2 {
	font-family: logofont, cursive;
	font-size: 3em;
	margin: 0.5em 0em;
}
h3 {
	font-family: logofont, cursive;
	font-size: 2.5em;
	margin: 0.5em 0em;
}
h4 {
	font-family: logofont, cursive;
	font-size: 2em;
	margin: 0.5em 0em;
}
h5 {
	font-family: logofont, cursive;
	font-size: 1.5em;
	margin: 0.5em 0em;
}
h6 {
	font-family: logofont, cursive;
	font-size: 1em;
	margin: 0.5em 0em;
}
img.rechts {
	float: right;
	margin: 10px;
	max-width: 33%;
	height: auto;
}
img.uitvullen {
   margin: 1%;
   width: 98%;
   height: auto;
}
ol.nummer {
   list-style-type: decimal;
   font-weight: bold;
}
ol.letter {
   list-style-type: lower-latin;
   font-weight: normal;
}
ol.nummer > li {
   margin-bottom: 2em;
}
a.normaal {
  display: initial;
  color: initial;
  text-align: initial;
  padding: initial;
  text-decoration: initial;
}
a.normaal:hover {background-color: initial;}
.geweest {
	text-decoration: line-through;
	text-decoration-style: wavy;
}
div.reviews {
   margin: 15px;
}
div.review {
   border-color: black;
   border-radius: 20px;
   border-style: solid;
   border-width: medium;
   margin-bottom: 1em;
   padding: 1em;
}
p.reviewnaam {
   text-align: right;
   font-style: italic;
}
/* Eigenschappen van de voettekst van de pagina */
p.voet {
   text-align: right;
}
img.voet {
   width: 15%;
}
button {
   margin: 1em;
   font-size: 1em;
   transition-duration: 0.5s;
   border-style: outset;
   border-width: medium;
}
button:hover{
   background-color: darkgray;
   color: white;
   }
/* Eigenschappen van de blogpagina's */
img.blog {
   float: right;
   width: 50%;
   margin: 5px;
}