/*
#################
#	ALGEMEEN	#
#################
*/
body, html,
h1, h2, h3, h4, h5, h6,
p,
ul, ol, li,
dl, dt, dd
{
	margin: 0; padding: 0;
}

p { margin-bottom: 1.2em; }
h2 {}
h3 {}
h4 {}
img { border: none; }
html { font: 62.5%/200% Arial, Verdana, Tahoma, sans-serif; overflow-y: scroll; }
body { font-size: 1.2em; }

div.wrapper { overflow: hidden; }

/*
################
#	LAYOUT	   #
################
*/

/* -------------------
	Container
------------------- */

div#container {
	width: 916px;
	background: #fff;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
}

/* -------------------
	Header
------------------- */

div#header {
	height: 204px;
	background-color: #b5b5b5;
}

div#header span {
	text-align: right;
	display: block;
	width: 916px; height: 20px;
	padding: 2px 0px;
}

div#header span a {
	color: #464646;
}

div#header span img.language {
	border: 1px solid #000000;
	vertical-align: middle;
	margin-left: 2px;
}

div#header div#wrapper {
	width: 916px; height: 122px;
}

div#header h1 {
	float: left;
	text-indent: -2000px;
	margin-left: 50px;
}

div#header h1 a {
	display: block;
	width: 210px; height: 118px;
}

div#header_ads {
	float: right;
	margin: 12px 8px 0 0;
	padding: 2px;
	overflow: hidden;
	width: 344px; height: 71px;
	background: #ffffff;
	border: 1px solid #acacac;
}

div#header_ads img {
	border: 0;
}

div#header div#wrapper_bottom {
	width: 916px;
	height: 50px;
}

/* -------------------
	Main
------------------- */

div#main {
	overflow: hidden;
	background: #ffffff url(/img/bg_main.gif) repeat-x;
	margin-bottom: 0;
	border-top: 1px solid #d7d7d7;
}

/* -------------------
	Breadcrumbs
------------------- */

div#breadcrumbs {
	float: left;
	width: 916px;
	height: 52px;
}

div#breadcrumbs p {
	font-size: 14px;
	margin-left: 28px;
	margin-top: 15px;
}

div#breadcrumbs p a {
	text-decoration: none;
	color: #BDD694;
}

div#breadcrumbs p a.active {
	color: #508100;
}

/* -------------------
	Content gedeelte
------------------- */

div#content {
	float: left;
	background: url(/img/bg_content.gif) repeat-y;
}

/* -------------------
	Linker blok
------------------- */

/* basicpage */

div#left {
	float: left;
	width: 225px;
	background: #E3EFD0;
}

div#left h1 {
	padding: 20px 26px 0;
	background: #9cc658;
}

/* homepage */

div#headlines {
	float: left;
	width: 300px;
	margin-right: 6px;
}

/* -------------------
	Middelste blok
------------------- */

/* basicpage */

div#middle {
	float: left;
	width: 438px;
	background: url(/img/bg_middle_top.gif) repeat-x;
	padding: 22px 0 0;
	margin: 0px 6px;
	overflow: hidden;
}

div#middle h4 {
	padding: 0 6px;
}

div#middle div.wrapper {
	float: left;
	width: 428px;
	padding: 0 6px;
}

div#middle img {
	display: block;
}

div#middle h2 {
	padding: 0 6px 20px;
}

div#middle div.wrapper h2 {
	padding: 0;
}

div#middle p {
	margin-bottom: 20px;
	line-height: 22px;
	color: #191947;
}

div#middle a {
	color: #ff6600;
}

div#middle img.img_left {
	/*float: left;
	margin: 0 5px 1px 0;*/
}

div#middle img.img_right {
	/*float: right;*/
	margin: 0 0 1px 5px;
}

/* homepage */

div#intro_uitslagen {
	float: left;
	width: 364px;
	margin-right: 6px;
}

/* fotoalbum */

div#middle div#fotoalbum {
	float: left;
	background: #e9f2da;
	margin-bottom: 12px;
	padding-top: 15px;
}

div#middle div#fotoalbum div {
	float: left;
	clear: both;
	width: 438px;
	margin-bottom: 15px;
}

div#middle div#fotoalbum div a {
	float: left;
	padding: 6px;
	background: #ffffff;
	margin: 0 18px;
	text-decoration: none;
	width: 171px;
}

div#middle div#fotoalbum div a img {
	display: block;
	width: 171px;
}

div#middle div#fotoalbum div a span {
	display: block;
	color: #191947;
}

/* 	pagenumbers		*/

div#middle div#pagenumbers {
	float: left;
	background: #e9f2da;
	width: 438px;
	line-height: 25px;
}

div#middle div#pagenumbers span {
	float: left;
	width: 286px;
	text-align: center;
}

div#middle div#pagenumbers a {
	color: #191947;
	text-decoration: none;
}

div#middle div#pagenumbers span a {
	padding: 0px 4px;
}

div#middle div#pagenumbers span a:hover,
div#middle div#pagenumbers span a.active {
	background: #91bf45;
	color: #FFFFFF;
}

div#middle div#pagenumbers a.vorige {
	float: left;
	width: 65px;
	padding-left: 5px;
	text-align: left;
}

div#middle div#pagenumbers a.volgende {
	float: right;
	width: 65px;
	padding-right: 5px;
	text-align: right;
}

/* hoefjes details */

div#middle div#hoefjes_details {
	float: left;
	width: 426px;
	padding: 6px 6px 0;
	background: #e9f2da;
	margin-bottom: 0px;
}

div#middle div#hoefjes_details p {
	padding-right: 59px;
}

div#middle div#hoefjes_details img {
	border: 6px solid #FFFFFF;
	margin-bottom: 15px;
	display: block;
}

div#middle div#hoefjes_details p.email {
	margin-bottom: 10px;
}

div#middle div#hoefjes_details p.email a {
	color: #191947;
	font-weight: bold;
	text-decoration: none;
}

div#middle div#hoefjes_details p.email img {
	float: left;
	display: block;
	margin: 5px 4px 0px 2px;
	border: 0;
}

/* -------------------
	Rechter blok
------------------- */

/* basicpage */

div#right {
	float: right;
	width: 240px;
	overflow: hidden;
}

/* homepage */

div#agenda {
	float: right;
	width: 240px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

/* -------------------
	Ads homepage
------------------- */

div#ads_homepage {
	float: left;
	width: 916px;
	padding: 30px 15px 0px;
	background: #f4f8ec url(/img/bg_homepage_ads.gif) repeat-x;
}

/* -------------------
	Footer
------------------- */

div#footer {
	float: left;
	background: #bdd694;
	width: 864px;
	padding: 20px 26px;
	text-align: left;
	margin-top: 25px;
}

div#footer span.left {
	float: left;
	width: 432px;
}

div#footer span.right {
	float: right;
	width: 432px;
	text-align: right;
}

div#footer span.left a,
div#footer span.right a {
	color: #333333;
	text-decoration: none;
}

/*
####################
#	  LIJSTEN	   #
####################
*/

/* -------------------
	Menu
------------------- */

ul#menu {
	height: 50px;
	background: url(/img/bg_menu.gif) repeat-x;
	list-style: none;
	position: relative;
	margin-bottom: 5px;
}

ul#menu li {
	float: left;
	background: url(/img/menu_border.gif) no-repeat 0px 18px;
	padding: 0px 12px;
}

ul#menu li.orange {
	float: right;
	background: url(/img/bg_menu_orange.gif) repeat-x;
}

ul#menu li a {
	float: left;
	height: 30px;
	padding: 20px 2px 0px;
}

ul#menu li a.active,
ul#menu li a:hover {
	background: url(/img/bg_menu_active.gif) repeat-x;
}

ul#menu li.orange a.active,
ul#menu li.orange a:hover {
	background: none;
}

/* -------------------
	Submenu
------------------- */

div#left ul {
	padding: 12px 0px 65px;
	min-height: 90px;
	background: #92C047 url(/img/bg_sub_menu.gif) no-repeat bottom;
	list-style: none;
}

div#left ul li {
	margin-right: 10px;
	margin-left: 27px;
	margin-bottom: 2px;
}

div#left ul li a {
	display: block;
	padding: 2px 23px 2px;
	margin-bottom: 2px;
}

div#left ul li a img,
div#left ul li a:hover img.hover,
div#left ul li a:focus img.hover,
div#left ul li a.active img.hover {
	display: block;
}

div#left ul li a img.hover,
div#left ul li a:hover img.non-hover,
div#left ul li a:focus img.non-hover,
div#left ul li a.active img.non-hover {
	display: none;
}

div#left ul li a:hover,
div#left ul li a.active {
	background: #b5cb92 url(/img/bg_submenu_hover.gif) no-repeat;
}


/* -------------------
	ads content
------------------- */

div#right ul.ads {
	margin-bottom: 20px;
	list-style: none;
}

div#right ul.ads li {
	margin-bottom: 4px;
	float: left;
}

div#right ul.ads li img {
	display: block;
	border: 0px;
}

div#right ul.ads li span {
	overflow: visible;
	display: block;
	padding: 15px 10px 15px 10px;
	width: 220px;
	background: #383956 url(/img/raquo_bestellen.gif) no-repeat top right;
}

div#right ul.ads li span.banner-rood {
	background-color: #8c2727;
	background-image: url(/img/raquo_bestellen-rood.gif);
}

div#right ul.ads li span.banner-oranje {
	background-color: #fe8103;
	background-image: url(/img/raquo_bestellen-oranje.gif);
}

div#right ul.ads li span a {
	width: 205px;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.1em;
}

/* -------------------
	homepage
------------------- */

/*	 headlines 	*/

div#headlines dl {
	margin-top: 25px;
	margin-bottom: 20px;
}

div#headlines dl dd ul {
	list-style: none;
}

div#headlines dl dt {
	padding-bottom: 5px;
}

div#headlines dl dt img  {
	display: block;
}

div#headlines dl dd ul li.headline,
div#headlines dl dd ul li.headline_even {
	color: #191947;
	padding: 1px 4px 1px 4px;
	margin-bottom: 5px;
	line-height: 18px;
}

div#headlines dl dd ul li.headline {
	background: #b7d586 url(/img/raquo_headlines_item_light.gif) no-repeat bottom right;
}

div#headlines dl dd ul li.headline_even {
	background: #a7cc6a url(/img/raquo_headlines_item.gif) no-repeat bottom right;
}

div#headlines dl dd ul li span {
	display: block;
	margin-bottom: 8px;
}

div#headlines dl dd ul li a {
	color: #4c4c70;
	display: block;
	font-weight: bold;
	text-decoration: none;
}

div#headlines dl dd ul li.headline strong a,
div#headlines dl dd ul li.headline_even strong a {
	color: #191947;
	font-weight: bold;
	display: block;
	margin-left: 2px;
	text-decoration: none;
}

div#headlines dl dd ul li.headline img,
div#headlines dl dd ul li.headline_even img {
	float: left;
	height: 44px;
	border: 2px solid #ffffff;
	margin: 3px 5px 0px 0px;
}

div#headlines dl dd ul li.link {
	padding: 5px;
	height: 20px;
	background: #86A94C url(/img/bg_headlines_link.gif) repeat-x bottom;
}

div#headlines dl dd ul li.link img {
	float: left;
	border: 0;
}

div#headlines dl dd ul li.link img.right {
	float: right;
	margin-right: 7px;
}



/*	advertorial 	*/

div#agenda div#advertorial dl {
	margin-top: 25px;
	margin-bottom: 20px;
}

div#agenda div#advertorial dl dd ul {
	list-style: none;
}

div#agenda div#advertorial dl dt {
	padding-bottom: 5px;
}

div#agenda div#advertorial dl dt img  {
	display: block;
}

div#agenda div#advertorial dl dd ul li {
	background: #f1c43b;
	color: #191947;
	padding: 1px 4px 1px 4px;
	margin-bottom: 5px;
	line-height: 18px;
	width: auto;
}

div#agenda div#advertorial dl dd ul li span {
	float: none;
	font-size: .9em;
	margin-bottom: 8px;
	margin-left: 5px;
	width: auto;
	color: #4c4c70;
	font-weight: bold;
	text-decoration: none;
}
div#agenda div#advertorial dl dd ul li a.title {
	color: #191947;
	display: block;
	font-weight: bold;
	margin: 2px 0;
	text-decoration: none;
}
div#agenda div#advertorial dl dd ul li a {
	color: #4c4c70;
	font-weight: bold;
	text-decoration: none;
}
div#agenda div#advertorial dl dd ul li a.leesverder {
	clear: both;
	display: block;
	padding-left: 5px;
	padding-bottom: 3px;
}

div#agenda div#advertorial dl dd ul li strong a {
	color: #191947;
	font-weight: bold;
	display: block;
	margin-left: 2px;
	text-decoration: none;
}

div#agenda div#advertorial dl dd ul li img {
	float: left;
	height: 44px;
	border: 2px solid #ffffff;
	margin: 3px 5px 0px 0px;
}

div#agenda div#advertorial dl dd ul li.link {
	padding: 5px;
	height: 20px;
	background: #86A94C url(/img/bg_headlines_link.gif) repeat-x bottom;
}

div#agenda div#advertorial dl dd ul li.link img {
	float: left;
	border: 0;
}

div#agenda div#advertorial dl dd ul li.link img.right {
	float: right;
	margin-right: 7px;
}


/*	 intro & uitslagen 	*/

div#intro_uitslagen h1 {
	margin-top: 7px;
	padding: 15px 5px 4px;
	background: url(/img/bg_h1_hoefnet.gif) no-repeat;
}

div#intro_uitslagen dl {
	margin-bottom: 19px;
}

div#intro_uitslagen dt {
	margin-bottom: 8px;
}

div#intro_uitslagen img,
div#intro_uitslagen dt img {
	display: block;
}

div#intro_uitslagen dl dd.intro {
	background: #ed7b0b url(/img/bg_intro_tekst.gif) repeat-x;
	padding: 29px 22px 18px;
	margin-bottom: 5px;
}

div#intro_uitslagen dl dd.intro p {
	color: #ffffff;
	margin-bottom: 0;
}

div#intro_uitslagen dl dd ul {
	list-style: none;
}

div#intro_uitslagen dl dd ul li.uitslagen,
div#intro_uitslagen dl dd ul li.uitslagen_even {
	border-bottom: 2px solid #f2973e;
	color: #191947;
	line-height: 22px;
	vertical-align: middle;
	padding: 0 2px;
}

div#intro_uitslagen dl dd ul li a {
	color: #191947;
	text-decoration: none;
}

div#intro_uitslagen dl dd ul li.uitslagen {
	background: #f4a659 url(/img/raquo_uitslagen_item.gif) no-repeat bottom right;
}

div#intro_uitslagen dl dd ul li.uitslagen_even {
	background: #f5ad66 url(/img/raquo_uitslagen_item_light.gif) no-repeat bottom right;
}

div#intro_uitslagen dl dd ul li.link {
	margin-top: 5px;
	padding: 5px;
	height: 20px;
	background: #DA7919 url(/img/bg_uitslagen_link.gif) repeat-x bottom;
	border: 0px;
}

div#intro_uitslagen dl dd ul li.link img {
	float: left;
}

div#intro_uitslagen dl dd ul li.link img.right {
	float: right;
	margin-right: 7px;
}


/*	 agenda 	*/

div#agenda dl {
	width: 240px;
	margin-top: 25px;
	margin-bottom: 20px;
	overflow: hidden;
}

div#agenda dt {
	padding-bottom: 5px;
}

div#agenda dt img  {
	display: block;
}

div#agenda dl dd ul {
	list-style: none;
	width: 240px;
	overflow: hidden;
}


div#agenda dl dd ul li {
	color: #ffffff;
	padding: 10px 30px 11px 4px;
	margin-bottom: 5px;
	line-height: 18px;
	overflow: hidden;
	width: 206px;
}

div#banners dl dd ul li {
	padding: 0px 30px 0px 4px;
}

div#agenda dl dd ul li.agenda {
	background: #191947 url(/img/raquo_agenda_item.gif) no-repeat bottom right;
}

div#agenda dl dd ul li.agenda_even {
	background: #33335c url(/img/raquo_agenda_item_light.gif) no-repeat bottom right;
}

div#agenda dl dd ul li small {
	float: left;
	width: 40px;
	display: block;
}

div#agenda dl dd ul li strong,
div#agenda dl dd ul li span {
	display: block;
	width: 150px;
	margin-left: 10px;
	float: left;
}

div#agenda dl dd ul li a.categorie {
	color: #c9c9e8;
	text-decoration: none;
	padding-right: 20px;
	display: block;
}

div#agenda dl dd ul li a.agenda {
	color: #fff;
	text-decoration: none;
}

div#agenda dl dd ul li.link {
	padding: 5px;
	margin: 0px;
	height: 20px;
	width: 230px;
	background: #ecbf36 url(/img/bg_agenda_link.gif) repeat-x bottom;
}

div#agenda dl dd ul li.link img {
	float: left;
}

div#agenda dl dd ul li.link img.right {
	float: right;
	margin-right: 7px;
}


/* -------------------
	Overzichtpagina's
------------------- */

div#middle ul.overzicht {
	list-style: none;
}

div#middle ul.overzicht li {
	float: left;
	margin-bottom: 10px;
	padding: 6px 6px 3px;
	width: 426px;
	line-height: 19px;
}

div#middle ul.overzicht li.item {
	background: #f4f8ec url(/img/raquo_middle_item_light.gif) no-repeat bottom right;
}

div#middle ul.overzicht li.item_even {
	background: #e9f2da url(/img/raquo_middle_item.gif) no-repeat bottom right;
}

div#middle ul.overzicht li img {
	float: left;
	margin: 0px 6px 0px 0px;
	border: 3px solid #FFFFFF;
}

div#middle ul.overzicht li a {
	display: block;
	font-weight: bold;
	color: #4c4c70;
	text-decoration: none;
}

div#middle ul.overzicht li a.hoefjes {
	margin-top: 6px;
}

div#middle ul.overzicht li span {
	margin: 12px 65px 6px 0px;
	display: block;
}

div#middle ul.overzicht li strong {
	margin-left: 1px;
}

/* -------------------
		Links
------------------- */

div#middle ul.links {
	margin-top: 5px;
	margin-bottom: 30px;
}

div#middle ul.links li {
	padding-left: 25px;
	background: url(/img/list_item_links.gif) no-repeat 1px 3px;
}

div#middle ul.links li a {
	text-decoration: none;
	color: #191947;
}

div#middle ul.links li a:hover {
	text-decoration: underline;
}



/*
####################
#	FORMULIEREN	   #
####################
*/
form.webbeheer-formulier fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

form.webbeheer-formulier legend {
	display: none;
}

form.webbeheer-formulier ul.velden {
 	margin: 0;
	padding: 0;
	list-style: none;
}
form.webbeheer-formulier ul li {
	overflow: hidden;
	height: 1%;
	margin-bottom: .5em;
}
form.webbeheer-formulier ul li label {
	width: 180px;
	float: left;
}
form.webbeheer-formulier ul li input {
	float: left;
	margin: 0;
	padding: .1em .2em;
}
form.webbeheer-formulier ul li fieldset.radiogrouper {
	float: left;
}

form.webbeheer-formulier fieldset.radiogrouper div {
	overflow: hidden;
	height: 1%;
}

form.webbeheer-formulier ul li fieldset.radiogrouper label {
	width: auto;
}

/* -------------------
 formulieren in header
------------------- */

div#header form {
	float: right;
	margin: 5px;
}

div#header form img {
	float: left;
	margin-top: 5px;
	vertical-align: bottom;
	border: 0px;
}

div#header form fieldset {
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

div#header form input {
	float: left;
	border: 0px;
	padding: 1px;
	margin-left: 2px;
	width: 140px; height: 18px;
	color: #959595;
}

div#header form input.submit {
	width: 60px;
	height: 20px;
	background: url(/img/bg_submit_zoeken.gif) no-repeat;
	font-weight: bold;
	padding-bottom: 2px;
	color: #000033;
}

/* -------------------
  Formulieren in Main
------------------- */

div#middle ul.error {
	list-style: disc;
	background: #fdfdf3;
	padding: 5px;
	margin-bottom: 15px;
	border: 1px solid #f6dfc9;
}

div#middle ul.error li {
	margin-left: 18px;
}

div#middle fieldset {
	border: none;
}

div#middle fieldset ul {
	list-style: none;
}

div#middle fieldset ul li {
	overflow: hidden;
	height: 1%;
	margin-bottom: 10px;
	color: #191947;
}

div#middle fieldset ul li label {
	float: left;
	width: 90px;
	font: 1.2em helvetica;
	font-size: 1.1em;
	font-weight: bold;
}

div#middle fieldset ul li input,
div#middle fieldset ul li textarea {
	float: left;
	margin: 0px;
	width: 310px;
	border: 1px solid #D7D7D7;
	padding: 2px;

}

div#middle fieldset ul li textarea {
	height: 100px;
}

div#middle fieldset ul li input.submit {
	float: left;
	width: 100px;
	padding: 2px 2px;
	margin-left: 90px;
	background: #F3F3F3;
	border: 1px solid #D7D7D7;
	font-weight: bold;
	font-size: 1.0em;
}

/* -------------------
 nieuws
------------------- */
div.nieuwsintro h2,
div.nieuwsintro p {
	font-weight: bold;
}

div.image {
	padding: 10px;
	/*float: left;*/
}

div.image img {
	display: block;
	margin: 0 auto;
	/*float: left;*/
}

div.image span {
	text-align: center;
	background: #eeffd3;
	padding: 4px;
	display: block;
	font-size: .9em;
	color: #466a0b;
	clear: left;
	border-bottom: 1px solid #466a0b;
}