h1{font-family: "Calibri";
text-align:center;
color:red;
}

h{font-family:"Calibri";
text-align:center;
color:black;
}

h2{font-family:"Calibri";
text-align:center;
color:black;
}
p{font-family:"Calibri";
color:black;
}
li{font-family:"Calibri";
color:black;
}
p2{font-family:"Calibri";
color:white;
}

p3{font-family:"Ariel";
color:red;
}

body {background-image:url(pix/.jpg); 
background-attachment:fixed;
background-color:#FFFFF0;
background-repeat:repeat-x;
}

table {margin-right:auto; 
margin-left:auto; 
}

ul {font-family:"Calibri";
color:black; 
}

td {font-family:"Calibri"; 
color:black;width:140px; 

}

th {font-family:"Calibri"; 
color:grey;font-size:0.8em;
}

img {background:#ccc; 
-moz-box-shadow:2px 2px 5px grey; 
-webkit-box-shadow:2px 2px 5px grey; 
-box-shadow:2px 2px 5px grey;
border-radius:10px;
margin:20px 20px 20px 20px; 
} 

@font-face {
    font-family: 'ExistenceLight';
    src: url('fonts/Existence-Light-webfont.eot');
    src: url('fonts/Existence-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Existence-Light-webfont.woff') format('woff'),
         url('fonts/Existence-Light-webfont.ttf') format('truetype'),
         url('fonts/Existence-Light-webfont.svg#ExistenceLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

#bodyid 
{
    background-image:url(http://www.janvandermade.com/pix/honfleur.jpg); 
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
    background-size: cover; 
    background-color:#000000;  
}

#header {color: white;
padding: 20px 50px 20px 50px; 
border:solid; 
border-width: 3px; 
width: 60%; 
max-width:800px;
margin-right:auto; 
margin-left:auto; 
background-color:#333333;
align:justify;
}

#article {color:white;
padding: 20px 50px 20px 50px;
border:solid; 
border-width: 1px; 
text-align: justify; 
width: 60%;
max-width:800px;
margin-right:auto; 
margin-left:auto; 
background-color:white;
clear:both;
}

#article2 
{
padding: 20% 50% 20% 50%;
border:solid; 
border-width: 1px; 
text-align: justify; 
font-family:"Calibri";
width: 60%;
max-width:800px;
margin-right:auto; 
margin-left:auto; 
background-color:white;
clear:both;
}
#article3 {
padding: 20px 50px 20px 50px;
border:solid; 
border-width: 1px; 
text-align: justify; 
font-family:"Calibri";
width: 60%;
max-width:800px;
margin-right:auto; 
margin-left:auto; 
background-color:#000000;
clear:both;
}
#interview 
{color:grey;
padding: 20px 50px 20px 50px;
border:solid;
width:60%;
border-width:1px;
text-align:justify;
max-width:800px;
margin-right:auto;
margin-left:auto;
background-color:grey;
color:#333333;
opacity:0.95;
clear:both;
}

#footer {color: white; 
padding: 20px 50px 20px 50px; 
border:solid; 
border-width: 3px; 
width: 60%;
max-width:800px;
margin-right:auto; 
margin-left:auto;
background-color:#333333;
clear:both;
}

#letter {background-image:url(pix/paper.jpg);
font-style:"Calibri";
color:black;
padding: 20px 50px 20px 50px; 
border:solid;
border-width: 1px;
text-align:justify;
width:60%;
max-width:800px;
margin-right:auto; 
margin-left:auto;
border-color:white; 
opacity:0.95;
clear:both;
} 
 
#intro {font-family:"Calibri"; 
font-size:120%;
}

#slidebox {padding:5; 
text-align:justify; width:100%;
clear:both;
border:solid;
color:white;
padding:10px;
margin-left:5%;
background-color:#333333;
} 

#box {text-align:justify; 
font:"Calibri";
color:white;
width:250px; 
border:solid;
padding:20px;
margin:3%;
font-size:90%;
float:right;
background-color:#333333;
} 

#box2 {text-align:justify; 
width:250px; 
margin:10px 10px 10px 10px;
float:right;
font-size:90%;
} 

#soundbox {text-align:justify; 
width:450px; 
border:solid;
color:white;
padding:20px 20px 0 20px;margin:2%;
font-size:90%;
background-color:#333333;
} 

#calendar {width:30%;
color: white; 
padding: 20px 50px 20px 50px; 
border:solid; 
border-width: 1px; 
width: 60%;
margin-right: 15%;
margin-left: 15%;
background-color:#333333;
}



.shadow {background:#ccc;
-moz-box-shadow:5px 5px 10px #333; 
-webkit-box-shadow:5px 5px 10px #333;
box-shadow:5px 5px 10px #333;padding:
10px 10px 10px 10px;
font-size:0.9em;color:black;
} 

li span {color:black; 
}

.next {font-family:"Calibri"; 
color:black;  
width:550px;
}

.dot {font-size:1.2em;
color:red;
}

.small {font-family:"Calibri"; 
color:black; 
width:50px;
}

.medium {font-family:"Calibri"; 
color:black;
width:90px;
}

.long {font-family:"Calibri"; 
color:black;  
width:300px;
}

.xlong {font-family:"Calibri"; 
color:black; 
width:600px;
}

.caption {font-family:"Calibri"; 
color:black; 
font-size:80%;
}

.artikelzwart {color:black;
}

a:link {
  color: red;
  text-decoration: none;
}

a:visited {color:#808080; text-decoration: none;
}

.whiteText
{
    color: white;
}


.redText
{
    color: red;
}


.blackText
{
    color: black;
}

video {
  object-fit: cover;
}