body{
	font-family: Arial,sans-serif;
	font-size: 120%;	
	line-height: 1.166;	
	padding: 0px; /*ruimte tussen inhoud en border/ruimte tussen inhoud en marge*/
	background-image: url(../plaatjes/lavendel_50.jpg);
	background-repeat: repeat;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height:100%;
	height:1000px;
	color: #000066;
}
.invoerveld{
	display:block;
	float:left;
}
h1, h2{
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
	color: #000066;
}
h1{
 font-size: 120%;
}
h2{
 font-size: 114%;
}

.items{
	position: relative;
	margin: 10px;
	font-size: 80%;
	padding: 0px;
}

.items a:link, a:visited{
	color: #000066;
	text-decoration: none;
	
	border-right: 1px solid #9cb8f0;
	border-bottom: 1px solid #9cb8f0;
	
}
.items a:hover {
	/*text-decoration: underline;*/
	color: #fff;
	display:block;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.contactinfo1{
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight:bold;
}

masthead{
	margin: 10px; /* top rechts bodem links*/
	padding: 10px 10px; /* top rechts bodem links*/
	border-bottom: 1px solid #cccccc;
	width: 100%;
}
#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}
#content{
  float:right;
	width: 68%;
	margin: 0;
	padding: 0 3% 0 0;
}
#pageName{
	padding: 0px 0px 10px 10px;
}
.hoofditem{

	padding: 0px 0px 10px 10px;/* top rechts bodem links*/
	font-size: 80%;
}
.hoofditem h3{
	padding: 30px 0px 5px 0px;/* top rechts bodem links*/
	text-align: right;
}
.hoofditem img{
	background-image: url(../plaatjes/lavendel_100.jpg);
	background-repeat: repeat;
	float: right; 
	padding: 0px 2px 2px 0px;
			/* top rechts bodem links*/
			/*de ruimte tussen het plaatje en de tekst is 2px*/
	margin: 0 5px 5px 5px;
}

.subitem{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	font-weight:bold;
}
		.subitem h3{
			padding: 0px 0px 5px 0px;/* top rechts bodem links*/
			text-align: left;
		}

#subTekst{
	margin: 0 10% 0 0; /* top rechts bodem links*/
		/*
		10% staat voor de breedte van de tekst, hoe hoger, hoe smaller
		*/
	padding: 0px; /* top rechts bodem links*/
}
#navBar{
	margin: 4% 72% 0 0; /* top rechts bodem links*/
		/*
		73% geeft de breedte van de navigatiebar aan de linkerkant aan
		hoe lager het percentage, hoe breder de navigatiebar
		de navigatiebar bestaat uit een aantal items, deze items
		blijven allemaal binnen de grenzen van 79%, als je ze te breed
		typt worden ze automatisch afgekort
		*/
	padding: 5px 0px 0px 0px; /* top rechts bodem links*/
	line-height: 2;		
	background-image:url(../plaatjes/lavendel_100.jpg);
	background-repeat:repeat;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	font-size:90%;
	font-weight:bold;

}
#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}
#navBar li {border-bottom: 10px solid #006;}

#hoofdTekst{
	
	margin: 0 12% 0 0; /* top rechts bodem links*/
		/*
		12% staat voor de ruimte tussen het plaatje en de tekst
		*/
	padding: 0px; /* top rechts bodem links*/
}
#hoofdTekst a:link, a:visited{
	color: #003366;
	font-weight:bold;
	text-decoration: none;
}

#hoofdTekst a:hover {
	text-decoration: underline;
	color: #0000FF;
}

html>body #navBar li {border-bottom: none;}