body {
	background-color: #FFF;
	background-image: url(images/bodyback.png);
	background-repeat: repeat-x;
}
#indexcontent {
	height: 600px;
	width: 955px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	background-image: url(images/achtergrond3.jpg);
}
#paginacontent {
	width: 955px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	background-image: url(images/achtergrond4.jpg);
}
#boventekst {
	width: 630px;
	margin-top: 10px;
	margin-left: 300px;
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
}
#introtekst {
	width: 550px;
	margin-top: 110px;
	margin-left: 293px;
	float: left;
	background-image: url(images/transparant_zwart.png);
	background-repeat: repeat;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 20px;
}
#kader {
	width: 640px;
	margin-top: 40px;
	margin-bottom: 50px;
	margin-left: 303px;
	float: left;
}
#kadertekst {
	width: 640px;
	margin-top: 40px;
	margin-bottom: 50px;
	margin-left: 293px;
	float: left;
	background-image: url(images/transparant_wit.png);
	background-repeat: repeat;
	padding-right: 10px;
	padding-left: 10px;
}
#kadertekst img{
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
#kadertekst p{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.95em;
	color: #000;
	line-height: 1.45em;
}
#kadertekst a:link{
	color: #09C;
	text-decoration:none;
}
#kadertekst a:visited{
	color: #09C;
	text-decoration:none;
}
#kadertekst a:hover{
	color: #C39;
	text-decoration:none;
}
#kaderfotoboek {
	width: 600px;
	height: 400px;
	margin-top: 40px;
	margin-bottom: 50px;
	margin-left: 293px;
	float: left;
	background-color: #fff;
	padding-right: 10px;
	padding-left: 10px;
}
#introtekst p{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.95em;
	color: #fff;
	line-height: 1.45em;
}
#introtekst a:link{
	color: #fde059;
	text-decoration:none;
}
#introtekst a:visited{
	color: #fde059;
	text-decoration:none;
}
#introtekst a:hover{
	color: #FFF;
	text-decoration:none;
}
.negen {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #fde059;
	font-weight: normal;
	font-size: 1.3em;
}
h1 {
	font-weight: normal;
	display: none;
}
h2 {
	font-size: 1.2em;
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin-bottom: -16px;
	font-style: italic;
}
.roman {
	font-style: normal;
	color: #303025;
}
#menu {
	width: 680px;
	margin-top: 30px;
	margin-left: 260px;
	padding-left: 10px;
	float: left;
}
/*remove the indents and bullets from the unordered list and define the width of menu items*/
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #FFF;
	}
	
ul li{
	display: inline;
	}
/*close the menu by adding the missing border to the bottom of the list*/

/*Styling of the links; display is set to 'block' for each link to take up all the available space of its containing list item*/
ul li a {
	display: inline;
	text-decoration: none;
	color: #fff;
	padding: 5px;
	margin-left: 25px;
	float: left;
	}

/* Hover Styles */
ul li a:hover { color: #fff; background: #ccc576; } 
		
/* Sub Menu Styles */
li ul li a {
	width: 90px;
	} 

/*IE Win interprets the line breaks between our nicely formatted HTML list items as white space, so menu items don’t stack up*/
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

/*makes sub-menus appear when we hover over the menu items*/
li:hover ul , li.over ul {
	display: block; 
	}

/*li.over makes IE/Win allow the :hover pseudo-class to be applied via external javascript*/

#kadertekst p.kleiner {
	font-size: 0.8em;
}
.min {
	font-size: 1.0em;
}
#kadertekst p.recensie {
	font-size: 0.8em;
}
#kadertekst p.kleiner a {
	color: #000;
}