/*-------
Structure
-------*/

body, th, font{
	font-family: arial;
	font-size: 8pt;
	color: #55564f;
	background-color:#6c6c6c;
}
#wrapper{
	width: 880px;
	margin: auto;
	background-color: #FFFFFF;
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
	margin-top: 0px;
}
#topper{
	width: 880px;
	height: 40px;
	line-height:40px;
	background-color:#FFFFFF;
	text-align:right;
}
#menuwrap{
	width: 880px;
	height: 47px; 
	vertical-align:bottom;
	background-color:#FFFFFF;
	float: left;
	display: block;
	border-bottom: 1px solid #a8c0dd;
}
#logo{
	width: 440px;
	height: 47px;
	background-color: #FFFFFF;
	background-image: url(../gfx/logo.jpg);
	background-repeat:no-repeat;
	float: left; 	
}
#buttons{
	width: 440px;
	height: 47px;
	float: left;
	line-height:47px;
	
}
#banner{
	width: 880px;
	height: 260px;
	float: left;
	background-image:url(../gfx/banner.jpg);
	background-position:top;
	border-bottom: 1px solid #a8c0dd;	
}
#contentwrap{
	width: 880px;
	background-color:#FFFFFF;
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
}
#menu{
	width: 300px;
	height: auto;
	display:block;
	float:left;
}
#content{
	width: 580px;
	height: auto;
	display:block;
	float:left;
}
/*-----
Classes
-----*/
.menuhoofding{
	width: 300px;
	height: 30px;
	line-height:30px;
	font-size: 10pt;
	color: #a8c0dd;
	font-weight:bold;
}
.menuinhoud{
	width: 300px;
	line-height: 20px;
	margin-bottom:10px;
}
.contenthoofding{
	width: 580px;
	height: 30px;
	font-weight:bold;
	line-height:30px;
	font-size: 10pt;
	color: #a8c0dd;
}
.contentinhoud{
	width: 580px;
	line-height: 20px;
	margin-bottom:10px;
}
.formulier {
	padding: 0;
	margin: 0;
}
.form {
	border: 1px solid #a8bfde;
	background-color: #ffffff;
	font-family:Tahoma;
	font-size: 8pt;
	color: #a8bfde;
}
a.link:link, a.link:visited {
	font-family:arial;
	font-size: 8pt;
	color: #a8bfde;
	text-decoration:none;
}
a.link:hover, a.link:active {
	font-family:arial;
	font-size: 8pt;
	color: #a8bfde;
	text-decoration:underline;
}
a.linkdonker:link, a.linkdonker:visited {
	font-family:arial;
	font-size: 8pt;
	color: #55564f;
	text-decoration:none;
}
a.linkdonker:hover, a.linkdonker:active {
	font-family:arial;
	font-size: 8pt;
	color: #55564f;
	text-decoration:underline;
}
/*-----
Buttons
-----*/

* {
	margin: 0;
	padding: 0;
}
li {
	list-style-type: none;
}
#Container #knoppen ul {
	float: left;
	overflow: hidden;
	width: 320px;
	height: 25px;
	line-height: 0;
	display: block;
	margin-top: 22px;
	margin-left: 120px;
}

#Container #knoppen ul li a {
	float: left;
	width: 80px;
	height: 25px;
}
	
#Container ul li#home a:link, #Container ul li#home a:visited {
	background: url("../gfx/home.jpg");
}

#Container ul li#home a:active, #Container ul li#home a:hover {
	background-position: 0 -25px;
}
#Container ul li#fotos a:link, #Container ul li#fotos a:visited {
	background: url("../gfx/fotos.jpg");
}

#Container ul li#fotos a:active, #Container ul li#fotos a:hover {
	background-position: 0 -25px;
}
#Container ul li#gastenboek a:link, #Container ul li#gastenboek a:visited {
	background: url("../gfx/gastenboek.jpg");
}
#Container ul li#gastenboek a:active, #Container ul li#gastenboek a:hover {
	background-position: 0 -25px;
}
#Container ul li#contact a:link, #Container ul li#contact a:visited {
	background: url("../gfx/contact.jpg");
}

#Container ul li#contact a:active, #Container ul li#contact a:hover {
	background-position: 0 -25px;
}