/* CSS Document */
	.quote	{
			background-color: #D5D5D5;
			padding:3px 3px 3px 3px;
		}
		.ondertitel	{
			font-weight: bold;
			background-color: #D5D5D5;
		}
		input	{
			font-size: 11px;
		}
	/* / forum */
	/* CoolMenus 4 - default styles - do not edit */
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible;}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
  
  
/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:; layer-background-color:; visibility:hidden}


/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding-left: 12px; padding-top: 5px; font-family:Verdana,arial,helvetica; font-size:12px; font-weight:bold}
.clLevel0{background-color:#43a6e6; layer-background-color:#43a6e6; color:#FFFFFF; background-image: url(/joo/images/menuknop-a.gif); background-repeat: no-repeat; background-position: left top;}
.clLevel0over{background-color:#43a6e6; layer-background-color:#43a6e6; color:#FFFFFF; cursor:pointer; cursor:hand; background-image: url(/joo/images/menuknop-b.gif); background-repeat: no-repeat; background-position: left top;}
.clLevel0border{position:absolute; visibility:hidden; background-color:; layer-background-color:}


/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding-left: 12px; padding-top: 5px; font-family:Verdana,arial,helvetica; font-size:11px; font-weight:bold}
.clLevel1{background-color:#43a6e6; layer-background-color:#43a6e6; color:#FFFFFF;}
.clLevel1over{background-color:#FFFFFF; layer-background-color:#FFFFFF; color:#43a6e6; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#43a6e6; layer-background-color:#43a6e6}


/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding-left: 12px; padding-top: 5px; font-family:Verdana,arial,helvetica; font-size:10px; font-weight:bold}
.clLevel2{background-color:#43a6e6; layer-background-color:#43a6e6; color:#43a6e6;}
.clLevel2over{background-color:#FFFFFF; layer-background-color:#FFFFFF; color:#43a6e6; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#43a6e6; layer-background-color:#43a6e6}


	.clLevel0b{position:absolute; padding-left: 12px; padding-top: 5px; font-family:Verdana,arial,helvetica; font-size:12px; font-weight:bold; }
	.clLevel0b{background-color:#43a6e6; layer-background-color:#43a6e6; color:#ffffff; background-image: url(/joo/images/menuknop-a.gif); background-repeat: no-repeat; background-position: left top;}
	.clLevel0bborder{position:absolute; visibility:hidden; background-color:; layer-background-color:}

	



.menuknop {
	background-image: url(images/menuknop.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

a.menu				{color: #161313; text-decoration: none; font-weight:bold; font-size:100%}
a.menu:visited		{color: #161313; text-decoration: none; font-weight:bold; font-size:100%}
a.menu:active		{color: #161313; text-decoration: none; font-weight:bold; font-size:100%}
a.menu:hover		{color: #161313; text-decoration: none; font-weight:bold; font-size:100%}

.tekstVeld  { padding-left: 20px;  }


/* ALGEMEEN */
body	{ font-family: Verdana, Arial; font-size: 80%; color:#161313; letter-spacing: 0.5px; background-color:#5456a4; line-height: 16px;}

a				{color: #5c61f1; text-decoration: underline;}
a:visited		{color: #5c61f1; text-decoration: underline;}
a:active		{color: #5c61f1; text-decoration: underline;}
a:hover			{color: #a70707; text-decoration: underline;}

hr	{color: #3e367f; width: 97%;}



/* LEFT */
.bck-links {
	background-image: url(images/bck-links.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}


#logo {position:absolute; padding-left: 12px; width: 90px; z-index:1}

#nav {position:relative; left: 0px; top: 0px; background-color: width: 150px; z-index:1}


/* MAIN */

.bck-midden {
	background-image: url(images/bck-midden.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

.datum { font-weight:bold; font-size: 75%;}
.kruimel {color: #5c61f1; font-weight:normal; font-size: 75%;}

a.kruimel			{color: #5c61f1; text-decoration: none; font-weight:normal;}
a.kruimel:visited	{color: #5c61f1; text-decoration: none; font-weight:normal;}
a.kruimel:active	{color: #5c61f1; text-decoration: none; font-weight:normal;}
a.kruimel:hover		{color: #161313; text-decoration: underline; font-weight:normal;}

.invoer { font-size: 75%; letter-spacing: 1px;}


.titel 	{ font-size: 105%; font-weight:bold; color:#5c61f1;}
.intro  { padding-left: 20px; padding-top: 2px; padding-right:85px; padding-bottom: 2px;}
.tekst 	{ font-size: 85%; }
.vet 	{ font-weight:bold}
.foto	{ padding-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; }
.onderwerp 	{ font-size: 95%; font-weight:bold; color:#a70707;}
.kop 	{ font-size: 85%; font-weight:bold; color:#3e367f;}
.bericht 	{ font-size: 85%; font-family: Verdana, Arial;}

.wachtwoord { font-size: 75%; padding-right: 40px}

.lijn { background-image: url(images/lijn.jpg);
	background-repeat: no-repeat;
	background-position: left center;}
	
.vertikaal { background-image: url(images/lijn-vertikaal.gif);
	background-repeat: repeat-y;
	background-position: left top;}

ul.bullet {
		list-style-type: disc;
		list-style-image: url(images/bullet.gif);
		}
		
		

a.leesverder			{color: #161313; text-decoration: underline; font-size: 85%;}
a.leesverder:visited	{color: #161313; text-decoration: underline; font-size: 85%;}
a.leesverder:active		{color: #161313; text-decoration: underline; font-size: 85%;}
a.leesverder:hover		{color: #161313; text-decoration: none; font-size: 85%;}

a.links				{color: #161313; text-decoration: none; font-size: 85%; font-weight:bold;}
a.links:visited		{color: #161313; text-decoration: none; font-size: 85%; font-weight:bold;}
a.links:active		{color: #161313; text-decoration: none; font-size: 85%; font-weight:bold;}
a.links:hover		{color: #161313; text-decoration: underline; font-size: 85%; font-weight:bold;}


/* FOOTER */
.onderkant {
	background-color: #3e367f;
	background-image: url(images/bck-footer.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	color:#FFFFFF;
	font-size: 75%;
}

.subMenu,a.subMenu:visited	 	{
	background-color: #5c61f1;
	color:#FFFFFF;
	font-weight:bold;
}
.medewerker	{
	border-color:#5c61f1;
}