<style type="text/css">
<!--
/* Font settings for page elements */
body, ul, td, p, h1, h2, h3, h4, small, .small, pre,
.tableTitle, .tableExtras, input, textarea, select, div, span
{
	font: 11px Verdana, Arial, Sans-serif;
	top-margin:0;
	left-margin:0;
	margin-height:0;
	margin-width:0;
	padding: 0;
	text-align: justify;
}
body
{
	font-family: Verdana, Arial, Sans-serif;
	background:  #0000FF url(../img/SolidMarine.jpg) repeat;
	font-size: 11px;
	color: #000000;
	margin: 0px;
	padding: 0px
	text-align: justify;
	vertical-align: top;

}
.bold
{
	font-weight: bold;
}
.title
{
	font-weight: bold;
}

.reset
{
	position: relative;
	left: 0px;
	top: 0px;
}
table#tekst
{
	position: absolute;
	left: 0px;
	top; 0px;
}
table
{
	vertical-align: top;
}

th
{
	text-align: left;
	
}
li.kader
{
	margin-left: 12px;
}
ul.url
{
	list-style-type: none;
}
li.url
{
	margin-left: -30px;
	padding: 0px;	
	text-aling: left;
}
#textbox
{
	
	position: absolute;
    visibility: visible;
	width: 530px;
	left: 0px;
	top: 0px;
	text-align: justify;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}
/* Setting the possitions */
#container {
	
    margin-left: 5px;
    margin-top: 5px;
    position: absolute;
    visibility: visible;
    left: 0px;
    width: 800px;
    padding: 5px;
}
#round
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 800px;
	height: 600px;
	 border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;	
}
#logo
{
	position: absolute;
	visibility: visible;
	top: 25px;
	left: 0px;
	width: 108px;
	height: 100px;
	padding: 0px;
	margin: 0px;
}
.leeuw
{
	width: 250px;
	height: 64px;
	z-index: 2;
	background: url(../img/fvplog.jpg) no-repeat;
}
#toptext
{
	margin-left: -400px;
	position: absolute;
    visibility: visible;
    text-align: center;
    left: 50%;
    width: 800px;
    padding: 5px;
    height: 100px;
    top: 50px;
   	background: url(../img/toptext.jpg) no-repeat center top;
   	z-ingex: 2;
}
#toptekst
{
	margin-left: -400px;
	position: absolute;
    visibility: visible;
    text-align: center;
    left: 50%;
    width: 800px;
    padding: 5px;
    height: 100px;
    top: 25px;
   	z-ingex: 2;
 	font-family: "Adorable"; 
	src: url("../fonts/Adorable.ttf");
	font-size: 35px;
}

#rechtertekst
{
	position: absolute;
    visibility: visible;
    text-align: center;
    left: 650px;
    padding: 5px;
    height: 100px;
    top: 35px;
   	z-ingex: 2;
}
#toppicture
{
	position: absolute;
    visibility: visible;
    text-align: center;
    left: 750px;
    height: 100px;
    top: 20px;
   	z-ingex: 2;
}


#menuitem1
{
	position: absolute;
	visibility: visible;
	top: 8px;
	left: 8px;
	width: 786px;
	height: 100px;
	margin: 0px;
	background:  yellow  url (../img/lionitaslogo2.jpg) no-repeat;
	border-top: solid 1px #000000;
	text-align: left;
	vertical-align: middle;
	z-index: 1;
	
	
}
#menukader
{
	position: absolute;
	visibility: visible;
	left: 0px;
	top: 80px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	z-index: 1;

}
#menukader2
{
	position: absolute;
	visibility: visible;
	left: 0px;
	top: 110px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	z-index: 1;

}
#help
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 518;
	text-aling: center;
}
#helpindex
{
	position: abolute;
	top: 0px;
	left: 259;
	text-align: center;
}
#helpvorige
{
	position: absolute;
	top: 0px;
	left: 0px;
	text-algin: left;
}
#helpvolgende
{
	position: absolute;
	top: 0px;
	right: 0px;
	text-algin: right;
}
#resolutie
{
	position: absolute;
	visibility: visible;
	top: 0px;
	left: 15px;
	z-index: 2;

}

#stats
{
	position: absolute;
	visibility: visible;
	top: 3px;
	left: 8px;
	z-index: 2;

}
#yellowhousel
{
	position: absolute;
	visibility: visible;
	left: 0px;
	top: 0px;
	width: 8px;
	height: 20px;
	margin: 0px;
	border-top: solid 1px #707DBC;
	border-bottom: solid 1px #707DBC;
	border-left: solid 1px #707DBC;
	background:  url(../img/bluebuttona.jpg) repeat-x top;
	text-align: center;
	vertical-align: middle;
	z-index: 1;
}
#bluebutton
{
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: transparent;
 	background: #5964F3 url(../img/graybuttonbig.jpg) repeat-x top;
 	width: 800px;
	height: 20px;
	border-top: solid 1px #707DBC;
	border-bottom: solid 1px #707DBC;
	border-right: solid 1px #707DBC;
	border-left: solid 1px #707DBC;
}

#menuboven
{
	position: relative;
	left: 0px;
	bottom: 2px;
	width: 800px;
}
	
#menuboven ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#menuboven ul li {
	margin-top: 1px;
	height: 20px;
	list-style: none;
	float: right;
}
#menuboven a {
	vertical-align: top;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 2px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

#menuboven a:hover {
	color: yellow;
}
#menuboven ul li:hover {
	background-color: #5964F3;
}
#submenu
{
	position: absolute;
	top: 80px;
	left: 0px;
	background-color: transparent;
 	background: #5964F3 url(../img/graybuttonbig.jpg) repeat-x top;
 	width: 800px;
	height: 20px;
	border-top: solid 1px #707DBC;
	border-bottom: solid 1px #707DBC;
	border-right: solid 1px #707DBC;
	border-left: solid 1px #707DBC;
}
#menuonder
{
	position: relative;
	left: 0px;
	bottom: 2px;
	width: 800px;
}
	
#menuonder ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#menuonder ul li {
	margin-top: 1px;
	height: 20px;
	list-style: none;
	float: right;
}
#menuonder a {
	vertical-align: top;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 2px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

#menuonder ul li:hover {
	background-color: #5964F3;
}
#yellowhouser
{
	position: absolute;
	visibility: visible;
	left: 792px;
	top: 0px;
	width: 8px;
	height: 20px;
	border-right: solid 1px #000000;
	border-top: solid 1px #000000;	
	border-bottom: solid 1px #000000;
	background:  url(../img/bluebuttona.jpg) repeat-x top;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	z-index: 1;
	
}
#betweenkaderl
{
	position: absolute;
	visibility: visible;
	left: 0px;
	top: 93px;
	height: 8px;
	width: 8px;
	padding: 0px;
	margin: 0px;
	
	
}

#between
{
	position: absolute;
	visibility: visible;
	left: 8px;
	top: 93px;
	width: 780px;
	height: 8px;
	padding-left: 5px;
	margin: 0px;
	z-index: 1;
	
	
}

#betweenkaderr
{
	position: absolute;
	visibility: visible;
	left: 797px;
	top: 93px;
	height: 8px;
	width: 8px;
	padding: 0px;
	margin: 0px;

	
}

#menukader
{
	position: absolute;
	visibility: visible;
	left: 0px;
	top: 100px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	z-index: 1;

}
#topkader
{
	position: absolute;
	visibility: visible;
	left: 0px;
	top: 0px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	z-index: 1;
}


h1, h2, h3, h4 
{
    font-weight: bold;
    color: darkblue;
}
h1 
{ 
	font-size: 130%; 
}

h2 
{ 
font-size: 125%;  
}

h3 
{ 
font-size: 110%; 
}

h4 
{ 
font-size: 100%; 
}

img
{
	border: 0;
}
img.center
{
	text-align: center;
}
img.right:
{
	text-align: right;
	
}
.center
{
	text-align: center;
	vertical-align: middle;
}
a.menustats:link  {	color: #FFFFFF; /*#0c0d3b;*/
			font-size: 9px;
        	text-decoration: none;
        	font-weight: none; 
}
a.menustats:visited {
		color: #FFFFFF; /*#0c0d3b;*/
		font-size: 9px;
		text-decoration: none;
        font-weight: none; 
}

a.menustats:hover {	color:yellow;
        	font-size: 9px;
        	text-decoration: none;
        	font-weight: bold; 
}
a.white:link {	color: white;
		text-decoration: none;
		font-weight: bold; 
		font-size: 11px;
}
a.white:visited {
		color: white;
        font-size: 11px;	
        	text-decoration: none;
        	font-weight: bold; 
}
a.white:hover { color: white;
        	font-size: 11px;
        	text-decoration: underline;
        	font-weight: bold; 
}

a.menua:link {	color: black;
		text-decoration: none;
		font-weight: bold; 
		font-size: 11px;
}
a.menua:visited {
		color: black;
        font-size: 11px;	
        	text-decoration: none;
        	font-weight: bold; 
}
a.menua:hover { color: black;
        	font-size: 11px;
        	text-decoration: underline;
        	font-weight: bold; 
}
a.kleur1:link {	color: white;
		text-decoration: none;
		font-weight: bold; 
		font-size: 11px;
}
a.red.link {	color: red;
		text-decoration: none;
		font-weight: bold; 
		font-size: 13px;
}
a.red:visited {
		color: red;
        font-size: 13px;	
        text-decoration: none;
        font-weight: bold; 
}
a.red:hover { color: red;
        	font-size: 13px;
        	text-decoration: underline;
        	font-weight: bold; 
}
a.blue.link {	color: #5966e9;;
		text-decoration: none;
		font-weight: bold; 
		font-size: 13px;
}
a.blue:visited {
		color: #5966e9;;
        font-size: 13px;	
        text-decoration: none;
        font-weight: bold; 
}
a.blue:hover { color: #5966e9;;
        	font-size: 13px;
        	text-decoration: underline;
        	font-weight: bold; 
}
a.kleur1:link {	color: darkblue;
		text-decoration: none;
		font-weight: bold; 
		font-size: 11px;
}

a.kleur1:visited {
		color: darkblue;
        font-size: 11px;	
        text-decoration: none;
        font-weight: bold; 
}
a.kleur1:hover { color: darkblue;
        	font-size: 11px;
        	text-decoration: underline;
        	font-weight: bold; 
}
a.kleur2:link {	color: darkblue;
		text-decoration: none;
		font-weight: bold; 
		font-size: 11px;
}
a.kleur2:visited {
		color: darkblue;
        font-size: 11px;	
        text-decoration: none;
        font-weight: bold; 
}
a.kleur2:hover { color: darkblue;
        	font-size: 11px;
        	text-decoration: underline;
        	font-weight: bold; 
}


a.menup:link  {	color: #FFFFFF; /*#0c0d3b;*/
			font-size: 11px;
        	text-decoration: none;
        	font-weight: bold; 
}
a.menup:visited {
		color: #FFFFFF; /*#0c0d3b;*/
		font-size: 11px;
		text-decoration: none;
        font-weight: bold; 
}

a.menup:hover {	color: yellow;
        	font-size: 11px;	
        	text-decoration: none;
        	font-weight: bold; 
}
a.menua2:link {	color: yellow;
		font-size: 13px;
		text-decoration: none;
		font-weight: bold; 
		
}
a.menua2:visited {
		color: yellow;
        font-size: 13px;	
       	text-decoration: none;
       	font-weight: bold; 
}
a.menua2:hover { color: yellow;
        	font-size: 13px;
        	text-decoration: none;
        	font-weight: bold; 
}
a.menup2:link  {	color: #FFFFFF; /*#0c0d3b;*/
			font-size: 13px;
        	text-decoration: none;
        	font-weight: none; 
}
a.menup2:visited {
		color: #FFFFFF; /*#0c0d3b;*/
		font-size: 13px;
		text-decoration: none;
        font-weight: none; 
}

a.menup2:hover {	color:yellow;
        	font-size: 13px;
        	text-decoration: none;
        	font-weight: bold; 
}

a:link {  
        	color: darkblue;
        	font-size: 11px;
        	text-decoration: none;
        	font-weight: bold;
}
a:visited {	color: darkblue;
        	font-size: 11px;
        	text-decoration: none;
        	font-weight: bold;
}
a:hover {	color: darkblue;
        	font-size: 11px;
        	text-decoration: underline;
        	font-weight: bold;
}

.menu {
	
	padding-right: 20px;
	text-align: center;
}
div.menu
{
	padding-top: 12px;
}

.graybuttonl 
{ 

	z-index: 1;
	width: 528px;
	height: 17px;
	padding: 0px;
	position: relative;
	left: 0px;
	top: 0px;
	border-left: solid 1px #707DBC;
	border-bottom: solid 1px #707DBC;
	border-right: solid 1px #707DBC;
	border-top: solid 1px #707DBC;
	background:  #5964F3 url(../img/graybutton.jpg) repeat-x;
	
}
.lonelygraybuttonl
{ 
	z-index: 1;
	width: 528px;
	height: 17px;
	padding: 0px;
	margin-bottom: 5px;
	Position: relative;
	left: 0px;
	top: 0px;
	background-color: transparent;
	border-left: solid 1px #000000;
	border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;
	border-top: solid 1px #000000;
	background:  #5964F3 url(../img/graybutton.jpg) repeat-x;
}

.leeuwklein
{

	z-index: 4;
   	width: 43px;
	height: 17px;
    position: absolute;
    visibility: visible;
    left: 0px;
    top: 0px;
    border: 0px;
	background: url(../img/otterklein.jpg) no-repeat;
}
.graybuttonltext
{
	z-index: 4;
    position: absolute;
    visibility: visible;
    left: 55px;
    top: 0px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-weight: bold;
}
.contenttitle
{
 	
 	position: relative;
	top: 0px;
	left: 0px;
 	border-right: solid 1px #707DBC;
	border-left: solid 1px #707DBC;
	border-bottom: solid 1px #707DBC;
	background: #D8E9F6 url(../img/graytowhite.jpg) repeat-x top;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 518px;
	
	text-align: justify;
}
.kadercontent
{
 	
 	position: relative;
	top: 0px;
	left: 0px;
 	border-right: solid 1px #707DBC;
	border-left: solid 1px #707DBC;
	border-bottom: solid 1px #707DBC;
	background: #D8E9F6;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 518px;
	text-align: justify;
}
.subkader
 {
 	width: 518px;
	height: 20px;
	position: relative;
	left: 0px;
	top: 0px;
	border-left: solid 1px #707DBC;
	border-right: solid 1px #707DBC;
	border-bottom: solid 1px #707DBC;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	background: #D8E9F6;
}

.kadertekst
{
	position: relative;
	top: 0px;
	left: 0px;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
	background: #D8E9F6;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 518px;
	text-align: justify;
}
.whitetograyl {
 	z-index: 1;
	width: 518px;
	height: 20px;
	position: relative;
	left: 0px;
	top: 0px;
	margin-bottom: 5px;
	background-color: transparent;
	background: #D8E9F6 url(../img/whitetogray.jpg) bottom;
	background-repeat: repeat;
	border-left: solid 1px #707DBC;
	border-right: solid 1px #707DBC;
	border-bottom: solid 1px #707DBC;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;	
	text-align: right;

}
.whitetograyrk
{
 	z-index: 1;
	width: 250px;
	height: 20px;
	position: relative;
	left: 0px;
	top: 0px;
	margin-bottom: 5px;
	background-color: transparent;
	background: #D8E9F6 url(../img/whitetogray.jpg) bottom;
	background-repeat: repeat;
	border-left: solid 1px #707DBC;
	border-right: solid 1px #707DBC;
	border-bottom: solid 1px #707DBC;
	padding-left: 5px;
	padding-right: 5px;
	text-align: right;
}
/* Hack nodig voor bug in IE */
.fullwidth {
	width: 100%;
	vertical-align: top;
	text-align: left;
	margin: 0px;
	padding: 0px;	
}
.subtitel
{
	font-widht: bold;
	text-align: left;
	vertical-align: top;
	font-weight: bold;	
	font-size: 14px;
}
.bold
{ 
	font-weight: bold;
}
.small {
font-size: 10px;
color: #FFFFFF;
}

.smalla {
font-size: 10px;
padding-right: 3px;
color: #000000;
text-algign: right;
}
.space {
padding-right: 30px;
}
.hidden {
 visibility: hidden;
}
/* Setting up the right corner */
.rechterkolom
{
	width: 235px;
	position: absolute;
	left: 538px;
	top: 0px;
}

.rechterkop 
{ 
	width: 250px;
	height: 16px;
	border-bottom: solid 1px #707DBC;
	border-right: solid 1px #707DBC;
	border-left: solid 1px #707DBC;
	border-top: solid 1px #707DBC;
	padding-left: 5px;
	//padding-bottom: 5px;
	padding-right: 5px;
	background: #5964F3 url(../img/graybutton.jpg) repeat-x top;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
}
.rechterhelp
{
	position: absolute;
	left: 250px;
	top: 0px;
	text-align: right;
}
.help
{
	position: absolute;
	left: 460px;
	top: 0px;
	text-align: right;
}
.rechtercontent
{
 
	position: relative;
	top: 0px;
	left: 0px;
	width: 255px;
	background: #D8E9F6 repeat;
	padding: 0px;
	margin: 0px;
			
}
.agendacolor1 
{
	z-index: 2;
	background-color:  #D7EEF6;
	
	
}
.agendacolor1 ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.agendacolor1 ul li {
	
	list-style: none;
	padding-bottom: 5px;
}
.agendacolor1 a {
	vertical-align: top;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	color: darkblue;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

.agendacolor1 a:hover {
	color: yellow;
}
.agendacolor1 ul li:hover {
	background-color: #5964F3;
}


.agendacolor2 
{
	z-index: 2;
	background-color: #C5D7FA;
}
.agendacolor2 ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.agendacolor2 ul li {
	
	list-style: none;
	padding-bottom: 5px;
	
}
.agendacolor2 a {
	vertical-align: top;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	color: darkblue;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

.agendacolor2 a:hover {
	color: yellow;
}
.agendacolor2 ul li:hover {
	background-color: #5964F3;
}

.color11
{
	z-index: 2;
	background-color:  #D7EEF6;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 250px;
	border-right: solid 1px #707DBC;
	border-left: solid 1px #707DBC;
}

.color1 
{
	z-index: 2;
	background-color:  #D7EEF6;
	width: 260px;
	border-right: solid 1px #707DBC;
	border-left: solid 1px #707DBC;
	
}

.color1 ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.color1 ul li {
	
	list-style: none;
	padding-bottom: 5px;
	
}
.color1 a {
	vertical-align: top;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	color: darkblue;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

.color1 a:hover {
	color: yellow;
}
.color1 ul li:hover {
	background-color: #5964F3;
	padding-bottom: 5px;
}
.color22 
{
	z-index: 2;
	background-color: #C5D7FA;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 250px;
	border-right: solid 1px #707DBC;
	border-left: solid 1px #707DBC;
}
.color2 
{
	z-index: 2;
	background-color: #C5D7FA;
	width: 260px;
	border-right: solid 1px #707DBC;
	border-left: solid 1px #707DBC;
	
}

.color2 ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.color2 ul li {
	
	list-style: none;
	padding-bottom: 5px;
	
}
.color2 a {
	vertical-align: top;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	color: darkblue;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

.color2 a:hover {
	color: yellow;
}
.color2 ul li:hover {
	background-color: #5964F3;
}

.colorpers1 
{
	z-index: 2;
	background-color:  #D7EEF6;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 250px;
}


.colorpers2 
{
	z-index: 2;
	background-color: #C5D7FA;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 250px;
}

#persgev
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 260px;
	background: #D8E9F6 repeat;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
}
.rechtertekst
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 255px;
	padding-left: 5px;
	background: #D8E9F6 repeat;
	border-right: solid 1px #707DBC;
	border-left: solid 1px #707DBC;
}
.persfoto
{
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 2;
}
.persfoto1024
{
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 2;
}
.right
{
	text-align: right;
}
.justify
{
	text-algin: justify;
}
.margin5r {
	margin-right: 5px;
}
hr
{
	padding: 0px;
	margin-bottom: 3px;
}

hr.border
{
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
}
img
{
	padding: 5px;
	border: 0px;
	text-align: left;
}
img.nopadding
{
	padding: 0px;
	border: 0px;
}
td
{
	vertical-align: top;
}
-->
</STYLE>