h1
{
font-family: verdana, Georgia, "Times New Roman";
font-size:40px;
/*color: #003366;*/
color:#2f4f4f;
text-align: left;
display:inline;
padding-bottom:0px;
margin-bottom:0px;
}

h2
{
font-family: verdana, Georgia, "Times New Roman";
font-size: 16px;
color:#2f4f4f;
text-align: left;
margin-bottom: 10px;
margin-top: 0px;
}

h3
{
font-family: verdana, Georgia, "Times New Roman";
font-size: 14px;
color: #003366;
text-align: left;
margin-bottom: 10px;
margin-top: 10px;
}

h4
{
font-family: verdana, Georgia, "Times New Roman";
font-size: 12px;
color: #003366;
text-align: left;
margin-bottom: 10px;
margin-top: 0px;
font-style: italic
}

h5
{
font-family: verdana, Georgia, "Times New Roman";
font-size: 14px;
color: firebrick;
text-align: left;
margin-bottom: 0px;
margin-top: 0px;
}

h6
{
font-family: verdana, Georgia, "Times New Roman";
font-size: 12px;
color: #003366;
text-align: left;
margin-bottom: 0px;
margin-top: 0px;
}

.viewport
{
position:relative;
width:800px;
border:0px solid #483d8b;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
text-align:left;
}

.homepage
{
position:relative;
width:800px;
border:0px solid firebrick;
margin-left:10px;
margin-top:0px;
margin-right:10px;
margin-bottom:0px;
padding-left:0px;
padding-right:0px;
padding-top:10px;
padding-bottom:10px;
text-align:left;
/*background-image:url(pix/Kleio_p2_foto_achtergrond_c.jpg);*/
background-position:0px 110px;
background-repeat:no-repeat;
}

.header
{
top:0px;
left:0px;
width:800px;
height:100px;
border-bottom:1px solid black;
margin-bottom:0px;
margin:0px;
padding:0px;
}

.text
{
position:relative;
left:175px;
top:0px;
width:600px;
font-family:verdana, Tahoma, Georgia, "Times New Roman";
font-size: small;
color:#003366;
text-align: justify;
/*margin-bottom:40px;
margin-top:30px;
margin-left:20px;
margin-right:20px;*/
padding-top:20px;
padding-bottom:40px;
border:0px solid firebrick;
}

.text_gastenboek
{
font-family:verdana, Tahoma, Georgia, "Times New Roman";
font-size: small;
color:black;
text-align:left;
}

.text_gastenboek .kopje
{
color:#000066;
}

.text_recensies
{
position:relative;
left:175px;
top:0px;
width:600px;
font-family:verdana, Tahoma, Georgia, "Times New Roman";
font-size: small;
color:#003366;
text-align:left;
/*margin-bottom:40px;
margin-top:30px;
margin-left:20px;
margin-right:20px;*/
padding-top:20px;
padding-bottom:40px;
border:0px solid firebrick;
}

.update
{
position: relative;
font-family:verdana, Georgia, "Times New Roman";
font-size:10px;
font-style:italic;
text-align:left;
padding:0px;
color:#4d4d4d;
padding-bottom:10px;
left:175px;
width:600px;
border:0px solid green;
/*border: 5px solid firebrick;
border-style:outset;*/
}

a
{
color: blue;
margin: 0px;
padding: 0px;
font-family: verdana, Georgia, "Times New Roman";
font-size: small;
text-decoration:underline;
/*display:block;*/
}

a:visited
{
color: purple;
margin: 0px;
padding: 0px;
font-family: verdana, Georgia, "Times New Roman";
font-size: small;
/*display:block;*/
}

a:hover
{
color:blue;	
background-color:transparent;
/*display:block;*/
}

ul#footer  /* Footer centreren: zet in de div [align="center"] */
{
margin-left:0px;
padding-top:5px;
border:solid 1px brown;
height:20px;
position: relative;
text-align:center;
list-style-type:none;
list-style-image:none;
list-style-position: inside;
display: inline;
font-family: verdana, Georgia, "Times New Roman";
font-weight:bold;
font-size:12px;
}

ul#footer li
{
display:inline;
list-style-type:none;
list-style-image:none;
/*border-right:solid 1px brown;*/
}

ul#footer a
{
text-decoration:none;
color: #003333;
}

ul#footer LI A:hover
{
color: firebrick; 
text-decoration: none;
}

ul
{
list-style-image:url(pix/bassleutel_klein.gif);
list-style-position:inside;
text-align: left;
}

/*---vertical-vertical pulldown menu layout-----*/
div#menu
{
position:absolute;
top:130px;
left:0px;
width:80px;
}

div#menu ul
{
position: absolute;
top: 0px;
left:10px;
list-style:none;
margin:0px;
padding:0px;
}

div#menu ul li
{
position:relative;
width:80px;	
height:25px;
padding:0px;
padding-top:5px;
padding-right:5px;
/*padding-bottom:0px;*/
border-bottom:solid 0px #003333;
border-top:none;
border-left:solid 0px #003333;
border-right:solid 0px #003333;
text-align:center;
float:left; /*dit voorkomt verschuiven bij een link in IE*/
background-repeat:no-repeat;
background-color:transparent;
font-weight:bold;
font-family: verdana, Georgia, "Times New Roman";
color:#003333;
}

div#menu li.first
{
border-top:solid 0px #003333;
border-right:solid 0px #003333;
background-repeat:no-repeat;
background-color:transparent;
}

div#menu li.middle
{
border-right:solid 0px #003333;
border-left:solid 0px #003333;
background-repeat:no-repeat;
background-color:transparent;
}

div#menu ul li ul
{
position:absolute;
padding:0px;
top:0px;
left:100%;
display:none;
}

div#menu ul li ul li
{
background-color:white;
}

div#menu ul li a
{
display:block;
height:23px;
width:80px;
color:#003333;
text-decoration:none;
font-size:small;
}

div#menu ul li a:hover
{
display: block;
font-weight:normal;
font-style:normal;
}

div#menu ul li:hover ul {display:block;} /*normal behavior*/		

div#menu ul li /*IE behavior*/
{
behavior:url(hover.htc);
}

div#menu ul li.hover ul /*IE behavior*/
{
display:block;
}

div#menu ul li a:visited
{
color:gray;
text-decoration:none;
font-size:small;
}