div {
box-sizing: border-box;
-moz-box-sizing: border-box;
}

html {
}

body {
min-height: 100%;
margin: 20px;
background-color:#e0e0e0;
text-align: center;
}

p.titel{
font-family: sans-serif;
font-size: 20px;
color: #000000;
}

p.titel:first-letter{
color: #d65353;
}

p.quote{
margin: 5px 20px 5px 30px;
font-family: sans-serif;
font-size: 10px;
font-style: italic;
color: #444444;
padding: 10px;
border:1px solid #444444;
} 	

p {
padding: 5px;
font-family: sans-serif;
font-size: 12px;
color: #000000;
margin-top: 15px;
margin-left: 30px;
margin-right:30px;
margin-bottom: 0px;
}

/* LINKS */
a:link.hyperlink {color:#000000}
a:visited.hyperlink {color:#000000}
a:hover.hyperlink {color:#d65353;}

a.hyperlink{
font-style:italic;
text-decoration:underline;
font-family: sans-serif;
font-size: 12px;
}

a:link.button {color:#000000}
a:visited.button {color:#000000}
a:hover.button {color:#d65353;}

a.button{
text-decoration:none;
font-family: sans-serif;
font-size: 10px;
}

/* ✅ BREEDTE AANGEPAST */
#wrapper {
margin: 0 auto;
text-align: left;
position:relative;
max-width:1100px;   /* was 923px → nu breder */
width:100%;
background-color:#bbbbbb;
box-shadow: 0px 0px 18px 3px rgba(117,117,117,1);
}

/* HEADER */
#plaatjes {
background-color:#ddd;
position:relative;
width:100%;
}

/* NAV */
#nav{
position:relative;
margin:1px 0px 0px 0px;
background:#fff;
font-family:Arial, Helvetica, sans-serif;
width:100%;
}

#nav .clear{clear:both;}

#nav ul{
padding:0 0 0 5px;
margin:0;
list-style:none;
}

#nav li{
float:left;
margin:0px 10px 0px 0;
background:#fff;
max-width:40%;
}

#nav li a{
text-decoration:none;
color:#000;
display:block;
padding:6px 20px;   /* iets meer klikruimte */
font-size:13px;     /* iets groter */
}

/* CONTENT */
#inhoud {
background-color:#ffffff;
padding:20px;   /* ✅ toegevoegd */
position:relative;
width:100%;
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
margin-top:1px;
}

#inhoudgrey {
background-color:#ffffff;
padding:20px;
position:relative;
width:100%;
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
margin-top:1px;
}

/* FOOTER */
#footer{
margin-top:1px;
background-color:#ffffff;
position:relative;
min-height:22px;
width:100%;
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
padding:5px;
font-family: sans-serif;
font-size: 10px;
color:#555555;
}

/* IMAGES */
img.centered-image{
display: block;
margin: 0 auto;
max-width:97%;
}

.logos{
float:left;
height:100px;
}

/* HR */
hr{
border: none;
border-top: 1px solid #cccccc;
width: 95%;
margin: 10px auto;
}

/* LIJSTEN */
ul{
list-style: square;
color: #d65353;
}