* { 
	margin: 0; 
}

body {
    font-family: 'Times New Roman', Times, serif;
    /*font-size: 50pt;*/
   
    color: rgb(255, 255, 255);

    background-image:url('images/achtergrond.avif') ;
    background-repeat: repeat-x;
    /* Schaal de afbeelding in de hoogte tot schermhoogte */
    /* 'auto 100vh' = breedte automatisch, hoogte 100% van viewport */
    background-size: auto 130vh;
    /* Mobiele browsers: adresbalk-issues voorkomen */
     min-height: 100svh;
    background-attachment: fixed;
}
.links {
    color: white;
}
.links {
  color: rgb(134, 0, 0);
}
img {
    display: block;
}
p {
    padding: 20px;
}

p a {
    font-weight: bold;
	color: #00c9fd;
	text-decoration: none;
}

p a:hover {
    color: rgb(255, 255, 255);
	font-size: 110%;
}

#wrapper {
    width: 900px;
	margin: auto;
}

header {
    background-color: rgb(1, 59, 35);
}

header h1 {
    padding: 20px 5px 5px 5px;
	color:rgb(255, 255, 255);
    font-family: 'Times New Roman', Times, serif;
    font-weight: normal;
    font-size: 30pt;
     text-align: center;
}

nav {
    background-color: rgb(134, 0, 0);

}

nav a {
    font-family: 'Times New Roman', Times, serif;
    font-size: 14pt;
	color: rgb(255, 255, 255);
    text-decoration: none;
    display: inline-block;
    width: 146px;
    height: 75px;
    text-align: center;
    line-height: 50px;
}

nav a:hover {
    background-color:rgb(0, 0, 0);
}

.focus {
    background-color: rgb(0, 0, 0);

}


#bigimage {
    width: 900px;
}

#bigimage p {
    background-color: #ffffff;
    color: #00c9fd;
    font-size: 12pt;
}

article {
    background-color: rgb(1, 59, 35);
    margin: 20px 0px;
}

article h1{
    padding: 10px;
    font-family: 'Times New Roman', Times, serif;
    font-size: 25pt;
    text-align: center;
    color: rgb(255, 255, 255);
}

article img {
    float: right;
    margin: 20px;
}

#contact {
    background-color: rgb(134, 0, 0);

}

footer {
    background-color: rgb(6, 82, 50);
}

footer p {
    color: rgb(134, 0, 0);
}
.collapsible {
  background: color rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: middle;
  outline: none;
  /*font-size: 15px;*/
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: rgb(134, 0, 0);

}



/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #850707;
}