/* STYLESHEET MADE BY YVO JOLIE */
/*       WWW.YVOJOLIE.NL        */

/* DEFAULT STYLES */
body {
	font-family: Myriad Pro, Lucida Grande, Helvetica, Arial, Sans-serif; 
	font-size: 0.9em;
	color: #3F3F3F;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
	padding-top: 0px;
}
p {
	margin-top: 0px;
	padding-top: 0px;
}
img {
	border-style: none;
	width: 100px;
}

/* PAGE LAYOUT */
#wrapper {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}
#header {
	float: left;
	width: 640px;
	height: 90px;
}
#content {
	float: left;
	width: 640px;
	margin-top: 20px;
	text-align: left;
}
#footer {
	float: left;
	width: 640px;
	margin-top: 40px;
	font-size: 0.8em;
	text-align: center;
}

/* BUTTONS */
.logo {
	display: block;
	width: 90px;
	height: 90px;
	float: left;
	margin-right: 60px;
	background-image:url('csssprite.gif');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.homepagebutton {
	display: block;
	width: 110px;
	height: 90px;
	float: left;
	margin-left: 10px;
	background-image:url('csssprite.gif');
	background-position: -90px 0px;
	background-repeat: no-repeat;
}
.homepagebutton:hover {
	background-position: 0px -90px;
}
.pwsinfobutton {
	display: block;
	width: 110px;
	height: 90px;
	float: left;
	margin-left: 10px;
	background-image:url('csssprite.gif');
	background-position: -200px 0px;
	background-repeat: no-repeat;
}
.pwsinfobutton:hover {
	background-position: -110px -90px;
}
.onderzoekbutton {
	display: block;
	width: 110px;
	height: 90px;
	float: left;
	margin-left: 10px;
	background-image:url('csssprite.gif');
	background-position: -310px 0px;
	background-repeat: no-repeat;
}
.onderzoekbutton:hover {
	background-position: -220px -90px;
}
.mediabutton {
	display: block;
	width: 110px;
	height: 90px;
	float: left;
	margin-left: 10px;
	margin-top: -18px;
	background-image:url('csssprite.gif');
	background-position: -420px 0px;
	background-repeat: no-repeat;
}
.mediabutton:hover {
	background-position: -330px -90px;
}

/* TEXT AND LINK STYLES */
a:link {
	color: #578AB1;
	text-decoration: underline;
}
a:visited {
	color: #B15757;
	text-decoration: underline;
}
a:hover {
	color: #5E9EBC;
	text-decoration: none;
}
a:active {
	color: #578AB1;
	text-decoration: underline;
}
.quote {
	padding-top: 10px;
	background-image:url('csssprite.gif');
	background-position: -505px -155px;
	background-repeat: no-repeat;
	text-indent: 30px;
	font-style: italic;
	color: #90B157;
}