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

}
caption
{
	font-size: 110%;
   	text-decoration: none;
   	font-weight: bold;	
}
div.code
{
	padding: 2px;
	background-color: lightgray;
	border-top: solid 1px gray;
	border-bottom: solid 1px gray; 
	border-left: solid 1px gray;
	border-right: solid 1px gray;
}

/* Setting the possitions */
#container
{
	margin-left: 15px;
    margin-top: 5px;
    position: absolute;
    visibility: visible;
    left: 0px;
    width: 900px;
    padding: 5px;
}
#menuboven {
	
    position: absolute;
    visibility: visible;
    top: 0px;
    left: 0px;    
    width: 899px;
    height: 20px;
    padding: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
	border-top: solid 1px #707DBC;
	border-bottom: solid 1px #707DBC;
	border-left: solid 1px #707DBC;
	border-right: solid 1px #707DBC;
	background: #5964F3 url(../img/graybuttonbig.jpg) repeat-x top;
	text-align: justify;
	z-index: 4;
	vertical-align: middel;
	font-weight: bold;
	font-family: Verdana;
	font-size: 16px;
}
.centerulli li
{
	list-style: none;
}
#menuboven ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#menuboven ul li {
	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: 11px;
	text-decoration: none;
}

#menuboven a:hover {

}
#menuboven ul li:hover {
	background-color: #5964F3;
}
#fotos1 
{
	
	position: absolute;
    visibility: visible;
    top: 22px;
    left: 0px;    
    width: 799px;
    height: 57px;
    padding: 0px;
    margin: 0px;
	text-align: justify;
	z-index: 1;
}
#logo1
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 250px;
	height: 64px;
	margin:0; padding:0;
	background: url(../img/fvplog.jpg) no-repeat;
}
#logo2
{
	position: absolute;
	left: 180px;
	top: 10px;
	width: 456px;
	height: 44px;
	margin:0; padding:0;
	text-align: center;
	background: url(../img/toptext.jpg) no-repeat center top;
}
#hrbalk
{
    position: absolute;
    visibility: visible;
    top: 249px;
    left: 0px;    
    width: 899px;
    height: 20px;
    padding: 0px;
    margin: 0px;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
	background: #4d5959 url(../img/comp.jpg) repeat;
	text-align: justify;
	z-index: 4;
}	
#bottummenu
{
	position: absolute;
	visibility: visible;
	top: 0px;
	left: 10px;
	z-index: 2;
}
#resolutie
{
	position: absolute;
	visibility: visible;
	top: 0px;
	left: 5px;
	z-index: 2;

}	
#menuonder
{
	position: absolute;
	visibility: visible;
	top: 100px;
	left: 0px;    
	width: 899px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	border-top: solid 1px #707DBC;
	border-bottom: solid 1px #707DBC;
	border-right: solid 1px #707DBC;
	border-left: solid 1px #707DBC;
	background: #5964F3 url(../img/graybuttonbig.jpg) repeat-x top;
	text-align: justify;
	z-index: 4;
	
}
#menuonder ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#menuonder ul li {
	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: 11px;
	text-decoration: none;
}
#menuonder a:hover {

}
#menuonder ul li:hover {
	background-color: #5964F3;
}
#menukader
{
	position: absolute;
	visibility: visible;
	left: 0px;
	top: 100px;
	width: 898px;
	margin: 0px;
	padding: 0px;
	z-index: 1;

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

}
#lijnen
{
	position: relative;
	visibility: visible;
	left: 0px;
	top: 0px;
	width: 899px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-right: 0;
	background: transparant;
}
#credits
{
	position: relative;
	top: 0px;
	left: 0px;
	color: gray;
	margin-bottom: 5px;
	text-align: center;	
}
#textbox
{
	float: left;
	width: 610px;
	margin:0; padding:0;
	text-align: justify;
}
#leftmenu
{
	float:right;
	width: 275px;
	margin:0; padding:0;
	text-align: justify;
	
	
}
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}
.graybuttonl 
{ 
	position: relative;
	left: 0px;
	top: 0px;
	width: 610px;
	height: 17px;
	z-index: 1;
	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;
	margin-left: 0px;
	margin-right: 0px;
	color: #FFFFFF;
	
}

#ruler
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 610px;
	height: 17px;
	z-index: 1;
	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;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	color: #FFFFFF;	
}

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

#rulertext
{
	z-index: 4;
    position: relative;
    visibility: visible;
    font-weight: bold;
    font-color: white;
    left: 10px;
    top: 0px;	

}
#credits
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 610px;
	height: 17px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
	background:  #5964F3 url(../img/graybutton.jpg) repeat-x;
	color: #FFFFFF;
	border-left: solid 1px #707DBC;
	border-bottom: solid 1px #707DBC;
	border-right: solid 1px #707DBC;
	border-top: solid 1px #707DBC;
	z-index: 1;
	text-align: center;
}

.subtitel
{
	text-align: left;
	vertical-align: top;
	font-weight: bold;	
	font-size: 14px;
	padding-left: 5px;
}

.contenttitle
{
 	
 	position: relative;
	top: 0px;
	left: 0px;
	color: #000000;
	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-bottom: 5px;
	width: 610px;
	text-align: justify;
}
.contenttitle p
{
	padding-left: 5px;
	padding-right: 5px;
}
.poslink
{
		
}
.whitefill
{
	
	background: #FFFFFF top;
	width: 800px;
	
}
#round
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 900px;
	height: 600px;
	 border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;	
}
#logo
{
	position: relative;
	visibility: visible;
	top: 0px;
	left: 400px;
	width: 400px;
	padding: 0px;
	margin: 0px;
	display: inline;
	z-index: 2;

}
li.kader
{
	//margin-left: 12px;
}
ul.url
{
	list-style-type: none;
}
li.url
{
	margin-left: -30px;
	padding: 0px;	
	text-aling: left;
}
ul.nieuws
{
	text-align: left;
    padding-right: 5px;
    list-style-type: square;
    list-style-position: inside;
}
.univelogo
{
	width: 190px;
	height: 100px;
	z-index: 2;
	/* background: url(../img/klaptotklapgreen.jpg) no-repeat; */
	background: url(../img/l_unive.jpg) no-repeat;
}
.klaplogo
{
	width: 190px;
	height: 100px;
	z-index: 2;
	background: url(../img/klaptotklapgreen.jpg) no-repeat;
}

#toptext
{
	position: relative;
    visibility: visible;
    text-align: center;
    left: 0px;
    width: 900px;
    padding: 0px;
    margin: 0px;
    top: 0px;
    display: inline;
 	z-ingex: 5;
 	border-right: solid 1px red;
}

#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: 886px;
	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: 892px;
	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;
}
#help
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 618;
	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;
}
.stats
{
	position: absolute;
	visibility: visible;
	top: 0px;
	right: 15px;
	z-index: 2;

}

#yellowhousel
{
	position: absolute;
	visibility: visible;
	left: 0px;
	top: 0px;
	width: 8px;
	height: 20px;
	margin: 0px;
	background:  url(../img/bluebuttona.jpg) repeat-x top;
	text-align: center;
	vertical-align: middle;
	z-index: 1;
}
#bluebutton 
{
	position: relative;
	visibility: visible;
	text-align: centre;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 2;
}
#yellowhouser
{
	position: absolute;
	visibility: visible;
	left: 892px;
	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: 880px;
	height: 8px;
	padding-left: 5px;
	margin: 0px;
	z-index: 1;
	
	
}

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

	
}

.nulimg
{
	margin: 0px;
	padding: 0px;	
}
.title
{
	font-weight: bold;
	padding-left: 5px;
}
.fronttitle
{
	font-weight: none;
	font-size: 200%;
}

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

h2 
{ 
font-size: 125%; 
}

h3 
{ 
font-size: 110%; 
}

h4 
{ 
font-size: 100%; 
}

img
{
	border: 0;
	padding: 0px;
	margin: 0px;

}
img.logo
{
	display: inline;
	margin: 0px;
	padding: 0px;
	border: 0;
	float: left top;	
}
img.center
{
	text-align: center;
}
.center
{
	text-align: center;
	vertical-align: middle;
}
/*
Anchors 
*/
a:link {  
   	color: darkblue;
   	font-size: 11px;
   	text-decoration: underline;
   	font-weight: bold;
   
}
a:visited {
	color: darkblue;
   	font-size: 11px;
   	text-decoration: underline;
   	font-weight: bold;
}
a:hover {	
	color: #0033CC;
   	font-size: 11px;
   	text-decoration: underline;
   	font-weight: bold;
}

a.menustats:link  {	
	color: #FFFFFF; /*#0c0d3b;*/
	font-size: 9px;
	text-decoration: none;

}
a.menustats:visited {
		color: #FFFFFF; /*#0c0d3b;*/
		font-size: 9px;
		text-decoration: none;
}

a.menustats:hover {	
	color: #FFFFFF;
    font-size: 9px;
    font-weight: bold; 
}


a.menua:link {	
	color: black;
	font-weight: bold; 
}
a.menua:visited {
	color: black;
	font-weight: bold; 
}
a.menua:hover { 
	color: black;
    font-weight: bold; 
}
a.red.link {	
	color: red;
	font-weight: bold; 
}
a.red:visited {
	color: red;
    font-weight: bold; 
}
a.red:hover { 
	color: red;
	font-weight: bold; 
}
a.anchor:link {	
		color: black;
		font-weight: bold; 
}
a.anchor:visited {
	color: black;
	font-weight: bold; 
}
a.anchor:hover { 
	color: black;
	font-weight: bold; 
}

a.blue.link {	
	color: #5966e9;;
	font-weight: bold; 
}
a.blue:visited {

	color: #5966e9;
	font-weight: bold; 
}
a.blue:hover { 
	color: #5966e9;;
    font-weight: bold; 
}
a.kleur1:link {	

	font-weight: bold; 
	text-decoration: none;
	
}

a.kleur1:visited {

	font-weight: bold; 
	text-decoration: none;
}
a.kleur1:hover { 

   	font-weight: bold; 
   	text-decoration: none;
}
a.kleur2:link {	

	font-weight: bold; 
	text-decoration: none;
}
a.kleur2:visited {

	font-weight: bold; 
	text-decoration: none;
}
a.kleur2:hover 
{ 
	font-weight: bold; 
	text-decoration: none;
}

a.menup:link  {	
	color: #FFFFFF; /*#0c0d3b;*/
  	font-weight: bold; 
}
a.menup:visited {
	color: #FFFFFF; /*#0c0d3b;*/
	font-weight: bold; 
}

a.menup:hover {	
   	font-weight: bold; 
}
a.menua2:link {	
	font-weight: bold; 
		
}
a.menua2:visited {
	font-weight: bold; 
}
a.menua2:hover { 
	font-weight: bold; 
}
a.menup2:link  {	
	color: #FFFFFF; /*#0c0d3b;*/
   	font-weight: none; 
}
a.menup2:visited {
	color: #FFFFFF; /*#0c0d3b;*/
	font-weight: none; 
}

a.menup2:hover {	
	
    font-weight: bold; 
}
/* Form button styles
---------------------------------------- */
input.button1, input.button2 {
	font-size: 1em;
}

a.button1, input.button1, input.button3, a.button2, input.button2 {
	width: auto !important;
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	background: #FAFAFA none repeat-x top;
}

a.button1, input.button1 {
	font-weight: bold;
	border: 1px solid #666666;
}

input.button3 {
	padding: 0;
	margin: 0;
	line-height: 5px;
	height: 12px;
	background-image: none;
	font-variant: small-caps;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
	border: 1px solid #666666;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
	text-decoration: none;
	color: #000000;
	padding: 2px 8px;
	line-height: 250%;
	vertical-align: text-bottom;
	background-position: 0 1px;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border: 1px solid blue;
	background-position: 0 100%;
	color: blue;
}

/*
End Anchor
*/

ul.menu
{

	position: relative;
	z-index: 3;
	left: 0px;
	top: 0px;
	padding: 0px;
	margin: 0px;
	
}	
div.menu
{
	display: inline;
	position: relative;
	z-index: 3;
	left: 0px;
	top: 0px;
	padding: 0px;
	margin: 0px;
}

.leeuw
{
	width: 800px;
	height: 600px;
	z-index: 2;
	
}

.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: relative;
    visibility: visible;
    left: 45px;
    top: 0px;	
}
.lonelygraybuttonl 
{ 

	position: relative;
	left: 0px;
	top: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 610px;
	z-index: 1;
	background:  #118D35;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	color: #FFFFFF;
}
.subkadertekst
{
	padding-left: 5px;
}
.subkader
 {
 	width: 610px;
	position: relative;
	left: 0px;
	top: 0px;
	text-align: justify;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left: solid 1px #707DBC;
	border-right: solid 1px #707DBC;
	border-bottom: solid 1px #707DBC;
	background: #D8E9F6;		

}

.kadercontent
{
 	position: relative;
 	left: 0px;
 	padding-top: 5px;
 	padding-bottom: 5px;
 	margin-top: 0px;
 	margin-bottom: 0px;
	width: 610px;
	text-align: justify;
	border-right: solid 1px #707DBC;
	border-left: solid 1px #707DBC;
	border-bottom: solid 1px #707DBC;
	background: #D8E9F6;
	z-index: 5;
}
.textcontent
{
	padding-left: 5px;
	padding-right: 5px;
	
}
.whitetograyl {
	position: relative;
	left: 0px;
	top: 0px;
	width: 610px;
	height: 20px;
	z-index: 1;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	color: #FFFFFF;
	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;
	text-align: right;
}
.graybuttonrtext
{
	z-index: 4;
	 position: relative;
	visibility: visible;
	left: 5px;
	top: 0px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-weight: bold;
}
.rechterkop 
{ 
	position: relative;
	left: 0px;
	top: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 275px;
	height: 16px;
	z-index: 1;
	border-right: solid 1px #707DBC;
	border-left: solid 1px #707DBC;
	border-top: solid 1px #707DBC;
	background: #5964F3 url(../img/graybutton.jpg) repeat-x top;	
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	color: #FFFFFF;
	
}
#googlezoeken
{
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 10px;
}
#rechtertekst
{
	padding-left: 5px;
	padding-right: 5px;
	z-index: 2;
}
.rechtertekst
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 275px;
	background: #D8E9F6 repeat;
}

/* Hack nodig voor bug in IE */
.fullwidth {
  width : 100%;
  text-algin: justify;

}


table.menu {
	position: relative;
	visibility: visible;
	text-algin: justify;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse; 
	border-spacing: 0;
	caption-side: top;
	background: #FFFFFF;
}
table.fotos {
	position: relative;
	visibility: visible;
	text-align: justify;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse; 
	empty-cells: show;
	background-color: white;

}
table.hoofdcontent
{
	position: relative;
	visibility: visible;
	text-align: justify;
	vertical-align: top;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	empty-cells: show;		
}
.bold
{ 
	font-weight: bold;
}
.cursief
{
	font-weight: italic
}
.small {
font-size: 10px;
color: #FFFFFF;
}

.smalla
{
	font-size: 10px;
	padding-left: 5px;
}
.uitslagen td, th
{
	font-size: 11px;
	padding-bottom: 5px;
	margin-right: 3px;
	padding-right: 5px;
	text-align: left;
	color: #000000;
}

.space {
padding-right: 30px;
}
.hidden {
 visibility: hidden;
}
/* Setting up the right corner */



.help
{
	position: absolute;
	left: 460px;
	top: 0px;
	text-align: right;
}
.rechtercontent
{
 
	width: 275px;
	background: #D8E9F6;
	margin: 0px;
	border-left: solid 1px #707DBC;
	border-right: solid 1px #707DBC;
			
}
.rechtercontenttitle
{
	position: relative;
	top: 0px;
	left: 0px;
	background: #D8E9F6;
	width: 275px;
	text-align: justify;
}
.whitetograyrk
{

	width: 275px;
	height: 20px;
	margin-bottom: 5px;
	text-align: right;
	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;
}

.changecolor1
{
	z-index: 2;
	background-color:  #D7EEF6;
	padding-bottom: 5px;
}
.changecolor2
{
	z-index: 2;
	background-color: #C5D7FA;
	padding-bottom: 5px;
}

.agendacolor1 
{
	z-index: 2;
	background-color:  #D7EEF6;
	font-size: 11px;	
	
}
.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;
	font-size: 11px;
}

.agendacolor1 a:hover {

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


.agendacolor2 
{
	z-index: 2;
	background-color: #C5D7FA;
	font-size: 11px;
}
.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;
	font-weight: bold;
}

.agendacolor2 a:hover {

}
.agendacolor2 ul li:hover {
	background-color: #5964F3;
}
.menucolor1 
{
	z-index: 2;
	background-color:  #D7EEF6;
	font-size: 11px;	
	
}
.menucolor1 ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.menucolor1 ul li {
	
	list-style: none;
	padding-bottom: 5px;
}
.menucolor1 a:link {
	vertical-align: top;
	display: block;
	font-size: 11px;
	text-decoration: none;
}
.menucolor1 a:visited {
	vertical-align: top;
	display: block;
	font-size: 11px;
	text-decoration: none;
}

.menucolor1 a:hover {
	text-decoration: none;
}
.menucolor1 ul li:hover {
	background-color: #5964F3;
	text-decoration: none;
}


.menucolor2 
{
	z-index: 2;
	background-color: #C5D7FA;
	font-size: 11px;
}
.menucolor2 ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;

}
.menucolor2 ul li {
	
	list-style: none;
	padding-bottom: 5px;
	
}

.menucolor2 a:link {
	vertical-align: top;
	display: block;
	font-weight: bold;
	text-decoration: none;
}
.menucolor2:visited {
	vertical-align: top;
	display: block;
	font-weight: bold;
	text-decoration: none;
}

.menucolor2 a:hover {
	text-decoration: none;
}
.menucolor2 ul li:hover {
	background-color: #5964F3;
}

.rechterulli ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.rechterulli ul li {
	
	list-style: none;
	padding-bottom: 5px;
	
}

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

.color1 
{
	z-index: 2;
	background-color: #D7EEF6;
	width: 275px;
}

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

.color1 a:hover {

}
.color1 ul li:hover {
	background-color: #5964F3;
}
.color22 
{
	z-index: 2;
	background-color: #BFF9DD;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 300px;
	
}
.color2 
{
	z-index: 2;
	background-color: #C5D7FA;
	width: 275px;
	
}

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

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


.uitslagen1
{
	z-index: 2;
	background-color: #66FF33; //#00CC33;
}

.uitslagen2 
{
	z-index: 2;
	background-color:  #66FF66;

}
.uitslagen3
{
	z-index: 2;
	background-color: #118D35;
}


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


.colorpers2 
{
	z-index: 2;
	background-color: #99E8C1;
	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;
}

.persfoto
{
}
.persfoto1024
{
}
.left
{
	text-align: left;
}
.right
{
	text-align: right;
}
.justify
{
	text-algign: justify;
}
.center
{
	text-align: center;
}
.empty
{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
		
}
.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;
}
img.nopadding
{
	padding: 0px;
	border: 0px;
}
td
{
	vertical-align: top;
}

table.calender
{
	border-collapse:collapse;
}

th.calenderhead
{
	color: gray;
	width: 50px;
	text-align: right;
	vertical-align: top;
	padding-top: 3px;
	padding-right: 3px;
	margin: 0px;
}
th.calender
{
	color: black;
	with: 50px;
	height: 50px;
	border: solid gray 1px;
	text-align: right;
	vertical-align: top;
	padding-top: 3px;
	padding-right: 3px;
	margin: 0px;
}
td.calender
{
	color: black;
	with: 50px;
	height: 50px;
	border: solid gray 1px;
	text-align: right;
	vertical-align: top;
	padding-top: 3px;
	padding-right: 3px;
	margin: 0px;
}




.bottom
{
	text-align: center;
	vertical-align: top;
	font-size: px;
	font-weight: bold;
}

img.foto
{
	margin: 2px;
	border: 0px;
	float: left;
	text-align: center;
}

.pics {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 

#nav a { border: 1px solid #ccc; background: #fc0; text-decoration: none; margin: 0 5px; padding: 3px 5px;  }
#nav a.activeSlide { background: #ea0 }
#nav a:focus { outline: none; }

.code {
	background-color: #fff;
	border: 1px dotted #bbb;
	padding: 4px;
	font-family: Courier, monospace;
	max-width:500px;
	word-wrap: break-word;
}

legend
{
    font-weight: bold;
}