body{
	font-family: arial, sans-serif;
	font-style: normal;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: normal;
	word-spacing: normal;
	padding: 0px;
	margin: 0px; 
	color: #666666;
	background-color: white;
	background-image: url(art/background.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	scrollbar-3dlight-color: white;
	scrollbar-arrow-color:  #3474C5;;
	scrollbar-base-color: #8C4060;
	scrollbar-darkshadow-color: #8C4060;
	scrollbar-face-color: white;
	scrollbar-highlight-color: #8C4060;
	scrollbar-shadow-color: #8C4060;
	scrollbar-track-color: white;
	}

/* layout */

	div#logo{
		background-image: url(art/logo.gif);
		background-position: 430px 44px; /* voor positionering van het logo */
		background-repeat: no-repeat;
		height: 29px;
		padding-left: 488px; /* voor positionering van de links */
		padding-top: 99px;
		margin: 0px;
	}

	div.upperhand{
		height: 274px;
		width: 405px;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 5;
	}
		
		div#handalgemeen{
			background-image: url("art/handalgemeen.gif");
			background-repeat: no-repeat;
		}

		div#handeft{
			background-image: url("art/handeft.gif");
			background-repeat: no-repeat;
		}

		div#handloopbaan{
			background-image: url("art/handloopbaan.gif");
			background-repeat: no-repeat;
		}

		div#handlezen{
			background-image: url("art/handlezen.gif");
			background-repeat: no-repeat;
		}

	div#rndcorner_top{
		height: 25px;
		width: 818px;
		margin-left: 39px;
		background-image: url(art/up.gif);
		background-repeat: no-repeat;
	}

	div#contentbox{
		background-color: white;
		overflow: visible;
		height: 400px;
		width: 791px;
		margin-left: 39px;
		border-left: 1px solid #8C4060;
		border-right: 1px solid #8C4060;
		padding: 0px 0px 0px 24px;
	}

	div#submenu{
		float: left;
		width: 160px;
		margin-top: 55px;
		padding: 0px;
		color: #276BC1;
		position: relative;
		z-index: 99; /* anders doen de linkjes het niet door de transparante gif die er dan boven zweeft */
	}

	div#content{
		float: left;
		height: 400px;
		width: 607px;
		padding-right: 24px;
		line-height: 18px;
		overflow: auto;
		position: relative;
		z-index: 98; /* anders doen de linkjes het niet door de transparante gif die er dan boven zweeft */
	}

		div#flag{
		float: right;
	}

	div#footer{
		height: 25px;
		width: 818px;
		margin-left: 39px;
		background-image: url(art/footer.gif);
		background-repeat: no-repeat;
	}

	div#butterfly{
		float: left;
		position: relative;
		bottom: 126px;
		left: 0px;
		z-index: 100;
		height: 167px;
		width: 149px;
		margin-left: 45px;
		background-image: url(art/butterfly.gif);
		background-repeat: no-repeat;
	}

	div#underhand{
		background-image: url(art/handonder.gif);
		background-repeat: no-repeat;
		position: relative;
		bottom: 160px;
		left: 0px;
		z-index: 100;
		height: 283px;
		width: 328px;
		margin-left: 580px; 
	}

	div#footerbar{
		text-align: right;
		font-weight: normal;
		color: #276BC1;
		font-size: 10px;
		padding: 8px 30px;
		height: 18px;
		width: 760px;
		margin-left: 39px;
		background-image: url(art/footerbar.gif);
		background-repeat: no-repeat;
		position: relative;
		bottom: 160px;
		left: 0px;
	}


/* miscelanious */

	ul#menu{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	}

	ul#menu li{
		margin-right: 4px;
		display: inline;
	}

	a.menu{
		font-weight: bold;
		text-decoration: underline;
		color: white;
		text-transform: uppercase;
		font-size: 14px;
	}


	ul#submenu{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	}

	ul#submenu li{
		margin: 4px;
	}

	a.submenu{
		font-weight: bold;
		text-decoration: none;
		color: #276BC1;
		font-size: 14px;
	}

		a.submenu:link{
			 color: #276BC1;
		}

		a.submenu:active{
			color: #276BC1;
		}

		a.submenu:visited{
			 color: #276BC1;
		}

		a.submenu:hover{
			 color: #276BC1;
		}


	a.footermenu{
		font-weight: normal;
		text-decoration: none;
		color: #276BC1;
		font-size: 10px;
	}

		a.footermenu:link{
			 color: #276BC1;
		}

		a.footermenu:active{
			color: #276BC1;
		}

		a.footermenu:visited{
			 color: #276BC1;
		}

		a.footermenu:hover{
			 color: #276BC1;
		}

a{
 font-weight: bold;
 text-decoration: none;
 color: #3474C5;}

	 a.link{
	 font-weight: bold;
	 display: block;
	 text-decoration: none;
	 color: #3474C5;}

	 a.icon{
	 text-decoration: none;}

		a.icon:link{
			 text-decoration: none;
		}

		a.iconu:active{
			text-decoration: none;
		}

		a.icon:visited{
			 text-decoration: none;
		}

		a.icon:hover{
			 text-decoration: none;
		}

h1, h2, h3{
	color: #3474C5;
	padding: 0px;
}

 h1{
	font-size: 16px;
	margin-bottom: 6px;
 }

 h2{
	font-size: 14px;
	margin: 0px;
 }

 div.contentbox h3{
	font-size: 12px;
	margin: 0px;
	display: inline;
 }

 p{
	text-align: justify;
	margin: 0px;
	padding: 0px 0px 10px 0px;
 }

	  p.last{
		text-align: justify;
		margin: 0px;
		padding: 0px 0px 100px 0px;
	 }

/* plaatjes in de content */

 img{
	float: right;
	margin: 0px 0px 10px 14px;
 }

	 img#translationicon{
		float: none;
		margin: 0px; 
		border: none;
	 }

	 img.thumb{
		float: none;
		margin: 0px 4px 4px 0px;
		border: solid 1px #3474C5;
	 }

	 img.image{
		float: none;
		margin: 0px;
		border: solid 1px #3474C5;
	 }

	  img.image_left{
		float: left;
		margin: 0px 4px 4px 0px;
		border: solid 1px #3474C5;
	 }

	  img.image_right{
		float: right;
		margin: 0px 0px 4px 4px;
		border: solid 1px #3474C5;
	 }

 /* div's in overzichtspagina's */

	div.titlebox{
		color: #3474c5;
		background-color: #e9e9e9;
		padding: 1px 4px 6px 6px;
		font-weight: bold;
		border: solid 1px #999999;
	}

	div.contentbox{
		background-color: white;
		padding: 2px 6px;
		margin-bottom: 20px;
		border-bottom: solid 1px #999999;
		border-left: solid 1px #999999;
		border-right: solid 1px #999999;
	}

/* formulier */

 input, textarea{
	border: 2px solid #3474C5;
	margin: 0px 0px 2px 6px;
 }

 input{
	width: 140px;
 }

textarea{
	width: 210px;
	overflow: auto;
	scrollbar-3dlight-color: white;
	scrollbar-arrow-color: #3474C5;
	scrollbar-base-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-face-color: white;
	scrollbar-highlight-color: #3474C5;
	scrollbar-shadow-color: #3474C5;
	scrollbar-track-color: white;
}

	 input.button{
		background-color: #3474C5;
		color: white;
		font-weight: bold;
		width: 80px;
	 }

	 input.agendabutton{
		border: none;
		background-color: #3474C5;
		color: white;
		width: 140px;
	 }