html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	background: #5fa3d9 url(img/bg.png) repeat-x;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
A:hover
{
color:#0099ff;
font-family:arial;
font-weight:bold;
font-size: 9pt;
}
#wrapper {
	width: 760px;
	margin: 0 auto;
	text-align: left;
}
/* HEADER */
#header {
	margin-top: 168px;
	background: transparent url(img/header-bg.png) no-repeat;
	position: relative;
	height: 192px;
}
/* Logo */
h1 {
	margin: 0;
	width: 186px;
	height: 168px;
	position: absolute;
	top: -168px;
}
h1 a {
	text-indent: -999em;
	overflow: hidden;
	background: transparent url(img/logo.png) no-repeat;
	display: block;
	height: 100%;
	width: 100%;
}
/* Slogan */
#slogan {
	position: absolute;
	font-size: 22px;
	font-style: italic;
	margin: 70px 0 0 200px;
	color: #316089;
	left: -9px;
	top: -4px;
	width: 330px;
	height: 59px;
}
/* Navigatie */
#nav {
	margin: 0;
	padding: 13px 0 0 12px;
	text-transform: uppercase;
}
#nav li {
	float: left;
	list-style: none;
	height: 30px;
	padding-right: 2px;
	background: transparent url(img/menu-split.png) right center no-repeat;
}
#nav .last {
	background: none;
	padding-right: 0;
}
#nav a {
	display: block;
	height: 30px;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	line-height: 31px;
	font-weight: bold;
}
#nav span {
	display: block;
	height: 100%;
	padding: 0 10px;
}
#nav a:hover,
#nav a:focus,
#nav a:active {
	background: transparent url(img/menu-hover.png) left center no-repeat;
}
#nav a:hover span,
#nav a:focus span,
#nav a:active span {
	background: transparent url(img/menu-hover-end.png) right center no-repeat;
}
/* Wit link blokje */
#toplink {
	margin: 0;
	padding: 0 0 0 10px;
	height: 27px;
	background: transparent url(img/toplink-start.png) no-repeat;
	position: absolute;
	top: -168px;
	right: 0;
}

#toplink li {
	float: left;
	list-style: none;
	padding: 0 6px 0 5px;
	height: 27px;
	line-height: 18px;
	background: transparent url(img/toplink-split.png) right top no-repeat;
}
#toplink a {
	font-size: 10px;
	text-decoration: none;
	color: #4e7ca0;
}
#toplink a:hover,
#toplink a:focus {
	font-style: italic;
}
#toplink .last {
	background: transparent url(img/toplink-end.png) right no-repeat;
	padding-right: 15px;
}
/* Advertentie */
#ad {
	position: absolute;
	top: -70px;
	left: 219px;
}
#ad img { border: 2px solid #192f42; }
/* Tell a friend */
#taf {
	position: absolute;
	top: -22px;
	right: 11px;
}
#taf img { border: 0; }
/* Nieuws */
#header-nieuws {
	width: 217px;
	float: right;
	margin: 0 9px 0 0;
	color: #fff;
	font-weight: bold;
}
#header-nieuws h2 {
	margin: 0 0 5px 55px;
	font-size: 18px;
	height: 30px;
	line-height: 27px;
}
#header-nieuws p {
	margin: 0 7px 7px;
	font-size: 10px;
	line-height: 1.3;
}
/* LINKS */
#links {
	width: 216px;
	float: left;
	margin-bottom: -35px;
}
/* Smalle vakken */
.smal {
	background: transparent url(img/smal-bg.png) repeat-y;
}
.smal h2 {
	height: 35px;
	background: transparent no-repeat;
	color: #fff;
	font-size: 14px;
	margin: 0;
	position: relative;
	top: -35px;
	margin-bottom: -35px;
	margin-top: 40px;
	line-height: 43px;
	text-align: center;
}
.smal-end {
	width: 216px;
	height: 20px;
	margin-top: -20px;
	background: transparent url(img/smal-end.png) no-repeat;
	position: relative;
	bottom: -20px;
	margin-bottom: 70px;
}
/* Kleuren */
.oranje h2 { background-image: url(img/smal-top-oranje.png); }
.paars h2 { background-image: url(img/smal-top-paars.png); }
.groen h2 { background-image: url(img/smal-top-groen.png); }
/* Link lijsten */
.link-lijst {
	margin: 0 auto;
	padding: 0;
	width: 170px;
	list-style: none;
}
.link-lijst a {
	text-decoration: none;
	display: block;
	padding: 8px 8px 7px;
	color: #192f42;
	font-size: 12px;
	border-bottom: 1px solid #e5e3e3;
	background: transparent url(img/linklijst-pijl.png) 160px center no-repeat;
}
.link-lijst a:hover,
.link-lijst a:focus {
	font-weight: bold;
}
/* RECHTS */
#rechts {
	float: right;
	width: 532px;
	margin-bottom: -35px;
}
/* Breede vakken */
.breed {
	background: transparent url(img/breed-bg.png) repeat-y;
	padding: 0 25px;
	color: #3d89bd;
	position: relative;
}
.breed h2 {
	height: 34px;
	background: transparent url(img/breed-top.png) no-repeat;
	color: #fff;
	font-size: 14px;
	margin: 39px -25px -34px;
	position: relative;
	top: -34px;
	line-height: 40px;
	text-indent: 50px;
}
.breed-end {
	width: 532px;
	height: 20px;
	margin: -20px -25px 70px;
	background: transparent url(img/breed-end.png) no-repeat;
	position: relative;
	bottom: -20px;
}
/* Extra breede vakken */
.extrabreed {
	background: transparent url(img/extrabreed-bg.png) repeat-y;
	padding: 0 25px;
	color: #3d89bd;
	position: relative;
}
.extrabreed h2 {
	height: 34px;
	background: transparent url(img/extrabreed-top.png) no-repeat;
	color: #fff;
	font-size: 14px;
	margin: 39px -25px -34px;
	position: relative;
	top: -34px;
	line-height: 40px;
	text-indent: 50px;
}
.extrabreed-end {
	width: 760px;
	height: 20px;
	margin: -20px -25px 70px;
	background: transparent url(img/extrabreed-end.png) no-repeat;
	position: relative;
	bottom: -20px;
}
/* FRUITBOXES */
.fruitbox {
	width: 120px;
	height: 91px;
	margin: 10px auto 0;
	position: relative;
	background: transparent url(img/fruitbox.png) no-repeat;
	text-align: center;
}
.fruitbox h3 {
	font-size: 10px;
	color: #fff;
	margin: 0;
	font-weight: normal;
}
.fruitbox img {
	border: 2px solid #424242;
	margin: 0 auto;
}
.fruitbox a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-indent: -999em;
	overflow: hidden;
	z-index: 100;
}
/* CONTENT */
.breed h3, 
.breed h4,
.extrabreed h3, 
.extrabreed h4 {
	color: #f29622;
	margin: 5px 0 3px;
	font-size:15px;
	
	
}
.breed h4,
.extrabreed h4 {
	font-size: 14px;
	font-weight: normal;
}
label {
	font-size: 12px;
	line-height: 1.4;
}
.breed p,
.breed ul,
.extrabreed p,
.extrabreed ul {
	font-size: 12px;
	line-height: 1.4;
	margin: 5px 0 14px;
}
.leesmeer {
	width: 58px;
	height: 16px;
	display: block;
	background: transparent url(img/leesmeer.png) no-repeat;
	overflow: hidden;
	text-indent: -999em;
	position: absolute;
	z-index: 100;
	right: 20px;
	bottom: 0px;
}
.bovenin {
	font-size: 12px;
	color: #fff;
	position: absolute;
	top: -20px;
	right: 20px;
	text-decoration: none;
}
/* FOOTER */
#footer {
	height: 39px;
	background: transparent url(img/footer-bg.png) no-repeat;
	clear: both;
	margin: -35px auto 20px;
	position: relative;
	font-size: 12px;
	line-height: 42px;
	color: #3d89bd;
	font-weight: bold;
	text-align: center;
}
#footer a {
	color: #3d89bd;
	text-decoration: none;
}
#footer a:hover,
#footer a:focus {
	font-style: italic;
}
#copyright {
	position: absolute;
	right: 17px;
	font-weight: normal;
	color: #f29c21;
	width: 91px;
}