* { 
margin: 0;
padding: 0;
} 

body {
font-family: "Trebuchet MS", sans-serif;
font-size: 100%;
color: black;
text-align: center;
background: silver url(../HummelData/BrownBriljant.jpg) fixed no-repeat 0 0;
background-size: cover; 
}


#kop { 
width: 90%;
padding: 20px 20px 20px 20px;
margin: 0 auto;
background-color: navy;
opacity: 0.8;
filter: alpha(opacity=80); /* For IE8 and earlier */
text-align: center;
} 

#kop p {
font-family: Georgia, serif;
font-size: 300%;
font-weight: bold;
color: white;
font-variant: small-caps;
padding: 15px 20px 15px 20px;
}

#midden { 
width: 90%;
border-left: 1px solid black;
border-right: 1px solid black;
margin: 0 auto;
overflow: hidden;
} 

#menu { 
height: 26px;
width: calc(90% - 2px);
margin: 0 auto;
padding: 0px 20px 0px 20px;
border: 1px solid black;
opacity: 0.8;
filter: alpha(opacity=80); /* For IE8 and earlier */
background-color: maroon;
} 

#menu ul { 
list-style-type: none;
}

#menu li { 
float: left;
width: 128px;
}

#menu li a {
display: block;
width: 127px;
height: 22px;
border-right: 1px solid black;
padding-top: 4px;
text-align: center;
font-size: 85%;
text-decoration: none;
text-transform: uppercase;
color: white;
font-weight: bold;
}

#menu li a:hover {
background-color: navy;
}

#hoofdvak { 
width: calc(90% + 4px);
padding: 20px 20px 20px 20px;
text-align: center;
margin: 0 auto;
}

#hoofdvak p {
font-size: 125%;
font-weight: bold;
margin-bottom: 18px;
text-align: center;
}

#hoofdvak pl {
font-size: 125%;
font-weight: bold;
margin: 0 auto;
text-align: left;
}

#hoofdvak pj {
font-size: 125%;
font-weight: bold;
margin-bottom: 18px;
text-align: justify;
}

#hoofdvak ul, #hoofdvak ol {
font-size: 85%;
margin-bottom: 18px;
margin-left: 18px;
}

#hoofdvak h1 {
font-size: 120%;
font-weight: bold;
color: maroon;
margin-bottom: 6px;
}

#hoofdvak h2 {
font-size: 100%;
font-weight: bold;
color: navy;
margin-bottom: 6px;
}

#kolomlinks { 
width: 40%;
height: 50px;
float: left;
margin-left: 3%;
padding-right: 4px;
padding-left: 8px;
padding-top: 28px;
background-color: white;
text-align: left;
}

#kolomrlinks p {
font-size: 75%;
margin-bottom: 24px;
}

#kolomrechts { 
width: 40%;
height: 300px;
float: left;
//border-left: 1px solid black;
padding-right: 4px;
padding-left: 8px;
padding-top: 28px;
//background-color: silver;
text-align: center;
}

#kolomrechts p {
font-size: 75%;
margin-bottom: 24px;
}

#kolomrechts pl {
font-size: 125%;
font-weight: bold;
margin: 0 auto;
text-align: left;
}

#voet { 
clear: both;
width: 90%;
background-color: navy;
color: white;
opacity: 0.8;
filter: alpha(opacity=80); /* For IE8 and earlier */
font-size: 60%;
text-align: right;
padding: 10px 20px 10px 20px;
position: absolute;
bottom: 5px;
left: -18px;
margin: 0 0% 0 5%;
}

.nadruk {
font-weight: bold;
color: maroon;
}

img.foto{
float: right;
padding: 5px 5px 5px 5px;
margin: 5px 5px 0 0;
border: 3px solid #999;
background-color: white;
}