body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 83%;
	color: black;
	line-height: 100%;
	
}
.hoofdrij {
	width:2280px;
	margin: 0px;
	padding: 0px;
	height:420px;
}
.vorm {
	margin: 0px;
	padding: 0px;
	width: 760px;
	height: 420px;
	overflow: hidden;
	float: left;
	position: relative;
}
#jaren, #nwwerk {

overflow: auto;



}
h1, h2, h3 {
	margin: 0;
	padding: 0;
	line-height:120%;
}
p, li, address {
	font-size: 85%;
	line-height:140%;
}
.eencontent {
	position: relative;
	margin:30px 180px;
	width: 400px;
	height: 360px;
	overflow:auto;
	padding: 0;
}
.geencontent {
	position: relative;
	margin:160px 180px;
	width: 400px;
	height: 100px;
	overflow:auto;
	padding: 0;
	text-align:center;
	font-size: 120%;
	text-transform:uppercase;
	font-weight: bold;
}
.eencontent h1 {
	  font-size: 130%; 
	  font-weight: bold;
	  text-transform: uppercase;
}
.eencontent h2 {
	  font-size: 100%; 
	  font-weight: bold;
}
.eencontent .links {
	font-size: 180%;
	font-weight:bold;
	text-align:right;
}
.eencontent .links a:link, .eencontent .links a:hover {
	text-decoration: none;
	
}
.driecontent {
	position: relative;
	margin: 30px 0px;
	width: 253px;
	height: 360px;
	overflow:auto;
	float: left;
}
.driecontent h2, .meercontent h2 {
	padding-top: 3px;
	font-size: 110%;
	font-weight: bold;
	border-top: solid 1px black;
	text-transform: uppercase;
}
#filosofie *{
	border-color: white;
	color: white;
}
address {
	font-style:normal;
}
.driecontent h3, .meercontent h3 {
	font-size: 90%; 
	font-weight: bold;
}
.driecontent img {
	margin: 5px 0px;
}
.driecontent p, .driecontent h2, .driecontent h3, .driecontent .links, .meercontent p, .meercontent h2, .meercontent h3, .driecontent .links {
	margin: 2px 5px ;	
}
.driecontent .links {
	text-align: right;
	margin-top: 8px;
	border-top: solid 1px black;
}
.meercontentcontainter {
	position: relative;
	margin:0px;
	width: 2600px; /* (aantal jaren) * (breedte van een .meercontent)+ aantal jaren */
	height: auto;
	padding: 0px;
}
.meercontentcontainernw {
	position: relative;
	margin:0px;
	width: 3200px; /* (aantal nieuw werk) * (breedte van een .meercontent(253) + aantal nieuw werk(5) )*/
	height: auto;
	padding: 0px;
}
.meercontent {
	position: relative;
	margin: 20px 0px 10px 0px;
	width: 253px;
	height: 360px;
	overflow:auto;
	float: left;
}
.nav {
	width:190px;
	margin: 0px;
	padding: 0px;
	float: left;
	height:100%;
	text-align:center;
	padding-top: 0.5em;
}
.nav {  font-size: 100%; font-weight: bold}
.nav a:link {  color: #000000; text-decoration: none}
.nav a:hover {  color: #333333; text-decoration: none}
.nav a:active {  color: #000000; text-decoration: underline}
.nav a:visited {  color: #000000; text-decoration: none}

#navigation {
	width:2090px;
	height:34px;
	margin: 0px;
	padding: 0px;
}
#gelaat {
	background-color: #CCCCCC;
}
#nieuws {
	background-color: #FFFFFF;
}
 #websites {
	background-color: #FF0000;
}
 #drukwerk {
	background-color: #00FF00;
}
 #filosofie {
	background-color: #0000FF;
	color: white;
}
 #vrijwerk {
	background-color: #FFFF00;
}
 #vrijeruimte {
	background-color: #00FFFF;
}
 #contact {
	background-color: #FF00FF;
}
 

.subnav {
	position: absolute; 
	height: 100%; 
	width: 100%;
	padding: 5px 0 0 7em;
}


.hide {
	color: #00FFFF;
}
.hide a:link{
	color: #00FFFF;
	text-decoration: none;
}
.hide a:hover{
	color: #00CCFF;
	text-decoration: none;
}
.hide a:visited{
	color: #00FFFF;
	text-decoration: none;
}
.hide a:active{
	color: #00FFFF;
	text-decoration: none;
}