body
{
background-color:#00664c;

}


table
{
border-collapse: collapse; 

}


#center
{
vertical-align: middle;
text-align: center;
width: 100%;
}


#site
{
vertical-align: middle;
/*width: 600px;*/
border: 1px;
border-color: black;
margin-left: auto;
margin-right: auto;
}


#top
{
background-color: white;

}

#logo
{
height: 100px;
width: 600px;

}

#middle
{
background-color: black;
width: 600px;
text-align: left;
font-family: arial;
font-size: 9pt;
font-weight: bold;
color: white;
letter-spacing: 3px;
text-indent: 10px;
}



#bottom
{
height: 500px;
width: 600px;
}

#menu
{
background-color: #719e8c;
width: 150px;
margin: 10px;
vertical-align: top;
}


#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 0%;
	}

#menu li {
	height: 32px;
}
	
#menu li a {
	height: 40px;
	font-family: arial;
	font-size: 10pt;
	text-decoration: none;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #000;
	display: block;
	height: 32px;
	background:  url(menu_normal.gif) 0 0 no-repeat;
	padding: 8px 0 0 30px; 
	}
	
#menu li a:hover {
	color: #000;
	/* background:  url(menu.gif) 0 -32px; */
	background:  url(menu_hover.gif) 0 0 no-repeat;
	font-weight: 900;
	/*padding: 8px 0 0 30px;*/
	}

#content
{
background-color: white;
background-image: url('bg.gif');
background-repeat: repeat-x;
width: 450px;
vertical-align: top;
text-align: left;
}

#content ul
{
display:block;
list-style-image : url(arrow.gif); 
position: inline;
margin-left: 40px;
margin-right: 20px;
}

#content ul li
{
font-family: arial;
font-size: 10pt;
color: #202020;
line-height: 125%;
text-align:justify;
position: inline;
}

img.right
{
margin-left: 10px;
margin-right: 15px;
margin-top: 45px;
}

hr
{
border: 0;
margin-left: 20px;
width: 77%;
color: #4B0082;
background-color: #4B0082;
}

h3
{
text-align: left;
font-family: arial;
font-size: 10pt;
font-weight: bold;
color: #00664c;
margin-left: 20px;
margin-right: 15px;
margin-top: 10px; 
}

h4
{
text-align: left;
font-family: arial;
font-size: 10pt;
font-style: italic;
color: #00664c;
margin-left: 20px;
margin-right: 15px;
margin-top: 10px; 
line-height: 100%;
}

p.tekst
{

font-family: arial;
font-size: 10pt;
color: #202020;
line-height: 125%;
margin-left: 20px;
margin-right: 15px;
text-align:justify;
}

p.archive
{
line-height: 25%;
margin-left: 0px;
margin-right: 15px;
text-align:justify;
text-decoration: underline; 
cursor: help;
}

div.wisselen
{
text-align: left;
font-family: arial;
font-size: 10pt;
color: #202020;
line-height: 125%;
margin-left: 0px;

}


a.content:link, a.content:visited, a.content:active
{
text-decoration: none;
font-style: italic; 
font-weight: 600;
color: #4B0082; 
font-family:arial;
font-size:9pt;	
}


a.content:hover 
{
font-size:10pt;	
}



tr.order
{
margin-left: 50px; 
}


label
{
font: 12px arial;
color: #333333;
}

textarea
{
font: 12px arial;
color: #333333;
width: 250px;
height: 50px;
border: 1px solid #333333;
}

input.text
{
font: italic 12px arial;
color: #333333;
width: 250px;
border: 1px solid #333333;
}


input.submit
{
font: 12px arial;
color: #333333;
border: 1px solid #333333;
}

td.identifier
{
font: 12px arial;
color: #333333;
}


#order
{
margin-left: 20px;

}

select
{
font: 12px arial;
color: #333333;
width: 252px;
border: 1px solid #333333;
}