*
{
 padding: 0;
 margin: 0;
}

body
{
 background-image: url(back.gif);
 background-position: top center;
 #background-color: #000;
 color: #fff;
 font-family: verdana;
 font-size: 13pt;
 text-align: center;
}

h1, h2
{
 letter-spacing: +3px;
 font-size: 30px;
 margin-bottom: 10px;
 margin-top: 10px; 
}

h2
{
 font-size: 24px;
 color: #ffcc8;
}

h3
{
	font-size: 15px;
	font-weight: 900;
	color: #884400;
	margin-top: 15px;
}

a
{
	color: #FFFF00;
}

a:hover
{
	color: #FFAA00;
}

div#container
{
	text-align: center;
	width: 797px;
	margin: 54px auto;
	display: block;
}

div#outercontainer
{
 float: left;
 width: 100%;
 background-image: url(middle.png);
 background-repeat: repeat-y;
 background-position: center top;
 padding-bottom: 10px;
 border-color: #fff;

}

div#contentcontainer
{
 float: left;
 width: 100%;
 background-repeat: no-repeat;
 background-position: center top;
}

div#contentbottom
{
 float: left;
 width: 796px;
 background-image: url(footer.png);
 background-repeat: no-repeat;
 text-align: center;
 height: 49px;
 margin-bottom: 25px;
}

div#innercontainer
{
 float: left;
 width: 100%;
 background-repeat: no-repeat;
 background-position: center bottom;
 text-align: center;
}

div#content
{
 float: left;
 padding: 10px 0px 0px 90px;
 width: 620px;
 display: block;
 text-align: left;
}

div#bottom
{
 float: left;
 display: block;
 width: 795px;
 font-size: 9pt;
 font-weight: bold;
 margin-top: 130px;
}

ul#nav
{
	display: table-row;
	list-style-type:none;
}

ul#nav li
{
	display: table-cell;
}

ul#nav a:hover
{
	font-size: 0pt;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

a#news
{
	width: 178px;
	margin-left: 1px;
	background-image: url(nieuws.gif);
	background-repeat: no-repeat;
}

a#news:hover
{
	background-image: url(nieuwsover.gif);
}

a#project
{
	background-image: url(projecten.gif);
	background-repeat: no-repeat;
	width: 161px;

}

a#project:hover
{
	background-image: url(projectenover.gif);
}

a#home
{
	width: 114px;
	background-repeat: no-repeat;
	background-image: url(home.gif);
	background-position: 0px -102px;
}

a#home:hover
{
	background-image: url(homeover.gif);
	background-position: 0px -102px;
}

a#agenda
{
	width: 114px;
	background-repeat: no-repeat;
/*	background-image: url(agenda.png);*/
	background-position:	-1px 10px;
}

a#agenda:hover
{
/*	background-image: url(agenda.png);*/
	background-position:	-159px 10px;
}

a#media
{
	width: 158px;
	background-image: url(media.gif);
}

a#contact:hover
{
	background-image: url(contactover.gif);
}

a#contact
{
	width: 185px;
	//width: 186px;
	background-image: url(contact.gif);
}

a#media:hover
{
	background-image: url(mediaover.gif);
}

a#home, a#contact, a#news, a#project, a#media, a#agenda
{
	height: 204px;	
	float: left;
	color: #ddd;
	font-size: 0;
	font-weight: bold;
	line-height: 15pt;
	text-align: center;
}

a#home, a#agenda
{
	height: 102px;
}
#specialLi
{
	width: 114px; 
	overflow: hidden; 
	background-image: url(home.gif);
}

div#projectandmedia
{
	background-position: 42px 50px;
	background-repeat: no-repeat;
}

div.divtwo, div.divthree, div.divfour
{
	float: left;
	display: inline;
	vertical-align: top;
}

div.divtwo
{
	width: 47%;
	margin: 1%;
}

div.divthree
{
	width: 30%;
	margin: 1%;
}

div.divfour
{
	width: 22%;
	margin: 1%;
}

img.hidden
{
	position: absolute;
	left: 50%;
	z-index: -1;
}

p
{
	display: table;
	margin-top: 5px;
	margin-bottom: 5px;
}

a:focus {outline: 0;}
a:active {outline: 0;}

table.next, table.previous
{
	display: inline-table;	
}

table.next
{
	float: right;	
}
	
table.photo td
{
	height:190px;
	text-align:center;
	vertical-align:middle;
	width:33%;
}