<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: 12px "Comic Sans", Verdana, Sans-serif;
	top-margin:0;
	left-margin:0;
	margin-height:0;
	margin-width:0;
	padding: 0;
	text-align: justify;
}
body
{
	font-family: "Comic Sans", Verdana, Sans-serif;
	background:  #FFFFFF; //#800080; // url(img/back2.jpg) repeat;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px
	text-align: justify;
	vertical-align: top;

}
.bold
{
	font-weight: bold;
}

.reset
{
	position: relative;
	left: 0px;
	top: 0px;
}
table#tekst
{
	position: absolute;
	left: 0px;
	top; 0px;
}

table
{
	vertical-align: top;
	border: 1px black;
}

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;
}
ul.submenu
{
	margin: 0px;
	padding: 0px;
	
	//border-bottom: 1px solid #99cc99;
}
li.submenu
{
	display: inline;
	margin: 5px;
	
}
ul.menu
{
	list-style-type: disc;
	z-index: 3;
}	
li.menu
{
	display: inline;
	text-align: right;	
	z-index: 3;
}
#textbox
{
	
	position: absolute;
    visibility: visible;
	width: 588px;
	left: 0px;
	top: 0px;
	text-align: justify;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

/* Setting the possitions */
#container
{
	margin-left: -400px;
    margin-top: 5px;
    position: absolute;
    visibility: visible;
    background: url(img/purple.jpg) repeat; //#990A5D; //99135E;
    left: 50%;
    top: 5px;
    width: 800px;
    height: 550px;
    padding: 0px;
    z-index: 0;	
    border: solid 1px #000000;
}
#hometitle
{
    position: relative;
    left: 40px;
    top: 35px;
    padding: 0px;
    z-index: 3;
}
.hometitle
{
	font-size: 35px;
    font-family: "Comic Sans", Verdana, Sans-serif;
    font-weight: bold;
    color: white;
}
.homesubtitle
{
	font-size: 25px;
    font-family: "Comic Sans", Verdana, Sans-serif;
    font-weight: bold;
    color: white;
}
div.content
{
	width: 750px;
	height: 375px;
	position: relative;
	left: 35px;
	top: 45px;
	overflow: auto;
	padding-left: 5px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: justify;
	vertical-algin: top;

}
div.work
{
	position: absolute;
	text-align: center;
	top: 0px;
	left: 0px;
	width: 799px;
	height: 549px;
	vertical-align: middle;
}
div.workcontent
{
	
	position: relative;
	top: 25%;
	vertical-align: middle;
}

td.padding5
{
	padding-right: 10px;	
}
td.werk
{
	position: relative;
	left: 0px;
	width: 101px;
	height: 74px;
	background: url(img/box.jpg) no-repeat;	
	z-index: 4;
}
.underfoto
{
	text-align: center;
	vertical-align: middle;
	margin-top: 2px;	
}
#autopop
{

	z-index: 4;
	margin-left: -400px;
	width: 800px;
	height: 294px;
    left: 50%;
    top: 105px;
    position: absolute;
    visibility: visible;
    border: 0px;
	background: center url(img/auto3.jpg) no-repeat;
}
#CP
{
	position: absolute;
	visibility: visible;
	color: #ADABB6;
	top: 568px;
	left: 470px;
	padding: 0px;
	margin: 0px;
	z-index: 1;
	font-size: 11px;
}

#contactpop
{

	z-index: 4;
	margin-left: -100px;
	width: 800px;
	height: 119px;
    left: 50%;
    top: 239px;
    position: absolute;
    visibility: visible;
    border: 0px;
	background: center url(img/contact.jpg) no-repeat;
}
#ondervlak
{
	margin-left: -400px;
    margin-top: 5px;
    position: absolute;
    visibility: visible;
    background: url(img/pink.jpg); //#F79D75; //FAB896;
    left: 50%;
    width: 800px;
    height: 245px;
    top: 300px;
    padding: 0px;
    z-index: 1;		
}
#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: 108px;
	height: 44px;
	z-index: 2;
	background: url(img/leeuw.jpg) no-repeat;
}
#toptext
{
	margin-left: -450px;
	position: absolute;
    visibility: visible;
    text-align: center;
    left: 50%;
    width: 900px;
    padding: 5px;
    height: 100px;
    top: 25px;
   	background: url(img/toptext.jpg) no-repeat center top;
   	z-ingex: 2;
}

#toppicture
{
	position: absolute;
    visibility: visible;
    text-align: center;
    left: 850px;
    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;
	
	
}
#menukaderr
{
	position: absolute;
	visibility: visible;
	top: 8px;
	left: 792px;
	width: 8px;
	height: 100px;
	margin: 0px;
	background:  yellow url(img/back.jpg) repeat-y top left;
	border-top: solid 1px #000000;
	border-right: solid 1px #000000;
	z-index: 1;
}

.stats
{
	position: absolute;
	visibility: visible;
	top: 0px;
	right: 15px;
	z-index: 2;

}

#resolutie
{
	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 #000000;
	border-bottom: solid 1px #000000;
	border-left: solid 1px #000000;
	background:  url(img/bluebuttona.jpg) repeat-x top;
	text-align: center;
	vertical-align: middle;
	z-index: 1;
}
#bluebutton
{
	position: absolute;
	visibility: visible;
	right: 10px;
	padding-bottom: 10px;
	bottom: 10px;
	text-align: right;
	z-index: 2;
}
#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: 80px;
	width: 900px;
	margin: 0px;
	padding: 0px;
	z-index: 1;
}
#help
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 570;
	text-aling: center;
}
#helpindex
{
	position: abolute;
	top: 0px;
	left: 285;
	text-align: center;
}
#helpvorige
{
	position: absolute;
	top: 0px;
	left: 0px;
	text-algin: left;
}
#helpvolgende
{
	position: absolute;
	top: 0px;
	right: 0px;
	text-algin: right;
}
h1, h2, h3, h4 
{
    font-weight: bold;
    color: #000066;
}
h1 
{ 
	font-size: 130%; 
}

h2 
{ 
font-size: 125%; color: #b01228; 
}

h3 
{ 
font-size: 110%; 
}

h4 
{ 
font-size: 100%; 
}

img
{
	border: 0;
}
img.center
{
	text-align: center;
}
.center
{
	text-align: center;
	vertical-align: middle;
}

.menu {
	
	padding-right: 20px;
	text-align: center;
	
}
div.menu
{
	padding-top: 12px;
	font-size: 15px;
	font-family: "Comic Sans", Verdana, Sans-serif;
}
#menu
{
	position: absolute;
	visibility: visible;
	top: 565px;
	left: 0px;
	z-index: 5;
	color: gray;
	margin-left: -400px;
    left: 50%;
    width: 800px;
    

}

.graybuttonl
{ 
	z-index: 1;
	width: 588px;
	height: 17px;
	padding: 0px;
	Position: relative;
	left: 0px;
	top: 0px;
	background-color: transparent;
}
.leeuwklein
{

	z-index: 4;
   	width: 43px;
	height: 17px;
    position: absolute;
    visibility: visible;
    left: 0px;
    top: 0px;
    border: 0px;
	background: url(img/leeuwklein.jpg) no-repeat;
}

.graybuttonltext
{
	z-index: 4;
    position: absolute;
    visibility: visible;
    top: 0px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-weight: bold;
}

.kadercontent
{
 	position: relative;
	top: 0px;
	left: 0px;
 	//border-right: solid 1px #000000;
	//border-left: solid 1px #000000;
	//background: #D8E9F6 url(img/graytowhite.jpg) repeat-x top;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 578px;
	text-align: justify;
}
.kadertekst
{
	position: relative;
	top: 0px;
	left: 0px;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
	background: #D8E9F6;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 578px;
	text-align: justify;
}
#hoofdtekstkader
{
	position: ralative;
	top: 0px;
	left: 0px;
}
#hoofdtekst
{
	float: right;
}
.whitetograyl
 {
 	z-index: 1;
	width: 578px;
	height: 20px;
	position: relative;
	left: 0px;
	top: 0px;
	margin-bottom: 5px;
	background-color: transparent;
	//background: url(img/whitetogray.jpg) bottom;
	background-repeat: repeat;
	/*
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	*/
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;	
	text-align: right;
}


.whitetograyrk
{

z-index: 1;
	width: 294px;
	height: 20px;
	position: relative;
	left: 0px;
	top: 0px;
	margin-bottom: 5px;
	background-color: transparent;
	background: url(img/whitetogray.jpg) bottom;
	background-repeat: repeat;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	padding-left: 5px;
	padding-right: 5px;
	text-align: right;
}












/* 	background: url(img/whitetogray.jpg) repeat-x  bottom #D8E9F6;

	width: 294px;
	height: 20px;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;



}
*/
/* Hack nodig voor bug in IE */
.fullwidth {
	width: 100%;
	vertical-align: top;
	text-align: left;
	margin: 0px;
	padding: 0px;
	
}

.bold
{ 
	font-weight: bold;
}
.small {
font-size: 10px;
color: #FFFFFF;
}

.smalla {
font-size: 10px;
padding-right: 3px;
color: #000000;
}
.space {
padding-right: 30px;
}
.hidden {
 visibility: hidden;
}
/* Setting up the right corner */

.rechterkolom
{
	width: 312px;
	position: absolute;
	left: 596px;
	top: 0px;
}


.rechterkop
{ 
	width: 294px;
	height: 11px;
	border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	background: #5964F3 url(img/graybutton.jpg) repeat-x top;
	color: #FFFFFF;
	font-weight: bold;
}
.help
{
	position: absolute;
	left: 520px;
	top: 0px;
	text-align: right;
}
.rechterhelp
{
	position: absolute;
	left: 294px;
	top: 0px;
	text-align: right;
}
.rechtercontent
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 304px;
	background: #D8E9F6 repeat;
	
			
}

.agendacolor1
{
	z-index: 2;
	padding-bottom: 5px;
	//width: 578px;
	
}


.agendacolor2
{
	z-index: 2;
	padding-bottom: 5px;
	//width: 578px;
	
}
.color1
{
	z-index: 2;
	background-color:  #C5D7FA; //#ABBEFF;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 294px;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
}


.color2
{
	z-index: 2;
	background-color: #D7EEF6;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 294px;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
}
.colorpers1
{
	z-index: 2;
	background-color:  #C5D7FA; //#ABBEFF;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 294px;	
}


.colorpers2
{
	z-index: 2;
	background-color: #D7EEF6;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 294px;
}

#persgev
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 304px;
	background: #D8E9F6 repeat;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
}
.rechtertekst
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 304px;
	background: #D8E9F6 repeat;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
}


.persfoto
{
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 2;
}
.foto
{
	
	text-align: right;
	vertical-align: top
}

td.right
{
	text-align: right;
}
td.justify
{
	text-algin: justify;
}
.margin5r {
	margin-right: 5px;
}
hr
{
	padding: 0px;
	margin-bottom: 3px;
}
hr
{
	padding: 0px;
	margin-bottom: 3px;
}
hr.border
{
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
}
img
{
	padding: 5px;
	border: 0px;
}
img.nopadding
{
	padding: 0px;
	border: 0px;
}
td
{
	vertical-align: top;
}

/* Links */

a:link
{
	color: #FFFFFF;
	text-decoration: underline;	
	font-weight: bold; 
}
a:visited
{
	color: #FFFFFF;	
	text-decoration: underline;	
	font-weight: bold;
}
a:hover
{
	color: #FFFFFF;	
	text-decoration: blink;	
	font-weight: bold;
}
a.menua2:link
{
		color: gray;
		font-size: 11px;
		text-decoration: none;
		font-weight: none; 
		font-family: "Comic Sans", Verdana, Sans-serif;
		
}
a.menua2:visited {
		color: gray;
        font-size: 11px;	
       	text-decoration: none;
       	font-weight: none; 
       	font-family: "Comic Sans", Verdana, Sans-serif;
}
a.menua2:hover
{
			color: black;
        	font-size: 11px;
        	text-decoration: none;
        	font-weight: none; 
        	font-family: "Comic Sans", Verdana, Sans-serif;
}
a.menup2:link
{	
			color: white; 
			font-size: 18px;
        	text-decoration: none;
        	font-weight: bold; 
        	font-family: "Comic Sans", Verdana, Sans-serif;
}
a.menup2:visited 
{
		color: white;
		font-size: 18px;
		text-decoration: none;
        font-weight: bold; 
        font-family: "Comic Sans", Verdana, Sans-serif;
}

a.menup2:hover
{
	color: black;
	font-size: 18px;
    text-decoration: none;
    font-weight: bold; 
    font-family: "Comic Sans", Verdana, Sans-serif;
}
.lineright
{
	margin-right: 10px;
	z-index: 8;
}	
#middenkader
{
	position: absolute;
	visibility: visible;
	top: 0px;
	left: 0px;
	width: 500px;
	height: 549px;
	margin-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: justify;
	vertical-align: top;
	z-index: 0;
}
.margin5t {
	margin-top: 35px;
}
#rechterkader
{
	position: absolute;
	visibility: visible;
	top: 0px;
	left: 501px;
	padding-left: 5px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: justify;
	vertical-align: top;
	z-index: ;
}
table.middle
{
	width: 500;
	vertical-align: top;
	text-align: left;
	margin: 0px;
	padding: 0px;	
}

-->
</STYLE>
