body {margin: 0;
background: #DBC2A4 url("../img/bg-tile.gif") repeat-x;
color: #201716;
font-family: Georgia, "Times New Roman", serif;
font-size: 95%;
}

/*--> COMMON  <--*/

img{
border: 0;
}

h1 {font-family: Georgia, "Times New Roman", serif;
font-size: 150%;
color: #00427A;
padding: 0;
margin: 0;}

h2 {font-family: Georgia, "Times New Roman", serif;
font-size: 120%;
color: #00427A;
padding: 0;
margin: 0 0 -20px 0;}

a:link {color: #BF0B13;
text-decoration: underline;}

a:hover {color: #3A0205;
text-decoration: underline;
background-color: #F1F1E9;}

a:visited {
	color: #BF0B13;
text-decoration: underline;
	}
	
p {
padding: 0;
margin: 0 0 20px 0;}

small{
color: #A6A6A6;
}

/*--> HEADER  <--*/

#header {background: url("../img/header.jpg") no-repeat;
height: 150px;
width: 733px;}

#header span a{
position: absolute;
width: 147px;
height: 135px;
display: block;
left: 560px;
top: 42px;
text-indent: -9999px; 
text-decoration:none;
}
#header span a:hover{
background: none;
}
#header h1{
display:none;
}

#wrapper {background: url("../img/bg-wrapper.gif") repeat-y;
width: 733px;
margin-top: 30px;
float: left;}

/*--> NAV  <--*/
#navbar{
	height: 41px;
	width: 670px;
	padding:0;
	margin:0;
	background: url("../img/navbar.gif") no-repeat top left;
	float: left;
	margin-left: 30px;
	display: inline; /*fixes double margin EI*/
}
#navbar li{
	padding:0;
	margin:0;
	float: left;
	list-style: none;	
}
#navbar li a{
	display: block;	
	height: 37px;
	text-indent: -9999px; 
	text-decoration:none;
}
#navbar #nav1 a{
	width: 91px;
}
#navbar #nav2 a{
	width: 90px;
}
#navbar #nav3 a{
	width: 207px;
}
#navbar #nav4 a{
	width: 98px;
}
#navbar #nav5 a{
	width: 100px;
}

#navbar #nav1 a:hover, #navbar #nav1 .active{ 
background: url(../img/navbar.gif) 0px -41px no-repeat;}
#navbar #nav2 a:hover, #navbar #nav2 .active { 
background: url(../img/navbar.gif) -91px -41px no-repeat;}
#navbar #nav3 a:hover, #navbar #nav3 .active { 
background: url(../img/navbar.gif) -181px -41px no-repeat;}
#navbar #nav4 a:hover, #navbar #nav4 .active { 
background: url(../img/navbar.gif) -388px -41px no-repeat;}
#navbar #nav5 a:hover, #navbar #nav5 .active { 
background: url(../img/navbar.gif) -486px -41px no-repeat;}

#size{
margin: 8px 0 0 0;
font-size: 85%;
}

/*--> CONTENT  <--*/

#content-wrapper {background: url("../img/bg-content.jpg") no-repeat top left;
width: 733px;
float: left;}

#hoofdstukken {
float: left;
width: 172px;
margin: 0 0 0 30px;
display: inline;
}

#hoofdstukken h1{
margin:5px 0 0 0;
padding:0;
font-size: 95%;
color: #560B00;
font-variant:small-caps;
}

#hoofdstukken ul{
margin: 0;
padding: 0;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 85%;
background-color: #FBFBF6;
}
#hoofdstukken li{
list-style: none;
	margin-bottom:6px;
	margin-top:6px;
background: url("../img/bullet-hoofdstukken.gif") no-repeat 0 3px;
padding: 0 0 0 12px;

}

#hoofdstukken li a{
text-decoration: none;
background: none;}

#text{
float: left;
width: 477px;
margin: 10px 0 0 16px;
display: inline;
line-height: 1.9em;
text-align: justify;
}

blockquote {
padding: 0 0 10px 23px;
border-bottom: 1px solid #eaeaea;
}

/*--> FOOTER  <--*/

#footer {background: url("../img/footer.jpg") no-repeat top left;
width: 733px;
height: 26px;
clear: both;
}

/*--> IMAGE  <--*/

#img{
width: 463px;
	float: left;
  margin: 0;
  background-color: #fff;
  padding: 5px;
  border-top: 1px solid #999;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  border-left: 1px solid #999;
  font-size: 80%;
}

#img img {
  border: 1px solid #555;
}