body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #787547;
	margin:0;
	padding:0;
	font-size:12px;
}
html, body {
	height:100%;
}

#viewport {
	width: 953px;
	/* was 960px, Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	overflow:hidden;
	height: 320px;
	color: #fff;
}
#viewport ul {
	position: relative; /* Enables positioning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
}
#viewport li {
	width: 160px; /* Defines the size of inner element */
	height: 312px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	/* Cosmetic */
	background-color: #CCC;
	margin: 0;
	padding: 0px;
	text-align:left;
	vertical-align: top;
}
/* Cosmetic */
#simplePrevious, #simpleNext {
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
}


/* voor de opmaak van de paginaas */

a:link {
	color: #d3d00f;
	text-decoration: none;
}
a:visited {
	color: #EEEEEE;
	text-decoration: none;
}
a:hover {
	color: #787547;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/* voor verder en zorige button */

.links{
float:left;
margin-left:10px;
color: #d3d00f;
}

.rechts{
float:right;
margin-right:10px;
color: #d3d00f;
}