/* PAGINA DEFINIËREN */

body{
margin: 0;
text-align: center;
}

div#header{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 51px;
background-color: #000080;
}

div#boven{
background-color: #000080;
margin-top: 0px; margin-bottom:30px;
text-align: center;
width: 100%;
height: 50px;
}

div#pagina{
margin: 0 auto 0 auto;
width: 750px;
text-align: left;
}

div#links{
background-color: #CCFFFF;
margin: 0 0 0 0;
float: left;
width: 240px;
height: 500px;
}

div#rechts{
background-color: #CCFFFF;
text-align: left;
float: left;
width: 500px;
height: 600px;
}


div#onder{
background-color: #CCFFFF;
text-align: left;
float: left;
width: 750px;
height: 500px;
}

div#inhoud{
background-color: #CCFFFF;
text-align: left;
float: left;
width: 750px;
height: 500px;
}

div#box{
position: fixed;
border: 2px solid #000080;
background-color: yellow;
top: 55px;
left:500px;
width: 250px;
height: 20px;
text-align: center;
padding-bottom: 0px;
}

/* EINDE PAGINA DEFINIËREN */

/* LETTERTYPES DEFINIËREN */

p.kader{
font-family: "Trebuchet MS", "Sans Serif", Arial, Tahoma;
color: #000080;
border: 2px solid #000080;
font-size: 80%;
text-align: left;
margin-top: 0; margin-bottom: 10px;
padding-left:5px; padding-right:15px; padding-top:5px; padding-bottom:5px; 
}

p.inspring{
font-family: "Trebuchet MS", "Sans Serif", Arial, Tahoma;
color: #000080;
border: 2px solid #000080;
font-size: 80%;
text-align: center;
margin-top: 0; margin-bottom: 10px;
padding-left:5px; padding-right:15px; padding-top:5px; padding-bottom:5px; 
}

p.citaat{
font-family: "Trebuchet MS", "Sans Serif", Arial, Tahoma;
color: #FFFFFF;
border: 2px solid #000080;
font-size: 80%;
text-align: left;
background-color: #000080;
margin-top: 0; margin-bottom: 10px;
padding-left:5px; padding-right:15px; padding-top:5px; padding-bottom:5px; 
}

p.witkader{
font-family: "Trebuchet MS", "Sans Serif", Arial, Tahoma;
color: #000080;
border: 2px solid #000080;
font-size: 80%;
text-align: left;
background-color: #FFFFFF;
margin-top: 0; margin-bottom: 10px;
padding-left:5px; padding-right:15px; padding-top:5px; padding-bottom:5px; 
}

p.wit{
font-family: "Trebuchet MS", "Sans Serif", Arial, Tahoma;
color: #000080;
border: 0px;
font-size: 80%;
text-align: left;
background-color: #FFFFFF;
margin-top: 0; margin-bottom: 10px;
padding-left:5px; padding-right:15px; padding-top:5px; padding-bottom:5px; 
}
p.ontkaderd{
font-family: "Trebuchet MS", "Sans Serif", Arial, Tahoma;
color: #000080;
border: none;
font-size: 80%;
text-align: left;
margin-top: 0; margin-bottom: 10px;
padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px; 
}

p.titel{
font-family: "Trebuchet MS", "Sans Serif", Arial, Tahoma;
color: #FFFFFF;
border: none;
font-size: 250%;
text-align: center; margin-top:0; margin-bottom:0
}

p.comic{
font-family: "Comic Sans MS";
color: #000080;
border: none;
font-size: 90%;
text-align: left;
margin-top: 0; margin-bottom: 0;
padding-left: 5px; padding-right:5px; padding-top:5px; padding-bottom:5px; 
}

p.comicwit{
font-family: "Comic Sans MS";
color: #000080;
border: none;
font-size: 80%;
text-align: left;
background-color: #FFFFFF;
margin-top: 0; margin-right: 15px; margin-bottom: 0;
padding-left: 5px; padding-right:5px; padding-top:5px; padding-bottom:5px; 
}

p.times{
font-family: "Times New Roman";
color: #000080;
border: none;
font-size: 100%;
text-align: left;
margin-top: 0; margin-bottom: 0;
padding-left: 5px; padding-right:5px; padding-top:5px; padding-bottom:5px;}

p.klok{margin-left: 70px}

p.box{
font-family: "Trebuchet MS", "Sans Serif", Arial, Tahoma;
color: #000080;
border: none;
font-weight: bold;
font-size: 60%;
text-align: center;
margin-top: 0; margin-bottom: 0px;
padding-left:0px; padding-right:0px; padding-top:2px; padding-bottom:0px; 
}



.kleinhoofd { font-variant: small-caps }
.achtergrond1 { background-color: yellow}
.achtergrond2 { background-color: #FFFFFF}
.achtergrond3 { background-color: red}
.groot { font-size: 150%}
.midden { text-align: center }
.rood {color: red}
.blauw { color: #CCFFFF}
.groot { font-size: 150%}
.midden { text-align: center }
.rood {color: red}
.klein {font-size=50%}

img.links{
float: left;
padding: 0px;
margin: 0px 5px 5px 5px;
border: 0px;
}
img.rechts{
float: right;
padding: 0px;
margin: 0px 5px 2px 5px;
border: 0px;
}

a:link{
font-weight: bold;
color: #000080;
cursor: pointer;
text-decoration: none;
}

a:visited{
font-weight: bold;
color: #000080;
text-decoration: none;
cursor: pointer;
}
a:hover{
font-weight: bold;
color: #FF0000;
cursor: pointer;
text-decoration: none;
}
a:active{
font-weight: bold;
color: #000080;
cursor: pointer;
text-decoration: none;
}