/*
#################
#	ALGEMEEN	#
#################
*/
body, html,
h1, h2, h3, h4, h5, h6,
p,
ul, ol, li,
dl, dt, dd,
form
{ margin: 0; padding: 0; }
form ul, form ol { list-style: none; }
form label { float: left; }
p { margin-bottom: 1.2em; font-size: 12px; }
h2 {}
h3 { font-size: 18px; color: #5b2815; margin-bottom: 15px;}
h4 {}
img { border: none; }
html { font: 62.5%/200% Arial, Verdana, Tahoma, sans-serif; overflow-y: scroll; }
strong { font-size: 12px; }
ul.none, ol.none { list-style: none; }
a:hover, a:focus, a.none { text-decoration: none; }
a.none:hover, a.none:focus { text-decoration: underline; }
body {
	margin-top: 28px;
	background: #fff url(../img/bg.jpg) fixed no-repeat center;
}
.block { display: block; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

div.wrapper { overflow: hidden; }

a.print {
	background: url(../img/print.gif) no-repeat;
	color: #fff;
	padding-left: 20px;
}
p.ruitburo {
	background-color: #22AA55;
	margin-top: 10px;
}
p.ruitburo a {
	background: url(../img/kaartverkoop.gif) no-repeat 24px;
	display: block;
	height: 48px;
	width: 200px;
	padding: 10px;
}
a.twitter {
	background: url(../img/twitter.png) no-repeat;
	display: block;
	width: 175px;
	height: 81px;
	text-indent: -9999px;
	margin-top: 0.5em;
}
/*
################
#	LAYOUT	   #
################
*/

/* CONTAINER */
div#container {
	width: 878px;
	margin: auto;
}

img.illustratie { border: 5px solid #fff; }

/* Linker blok */
div#kolom-links {
	float: left;
	width: 237px;
	padding-top: 235px; margin: 0 0 17px 73px;
}

h1#logo {
	position: absolute;
	width: 336px;
	height: 189px;
	margin: -200px 0 0 -99px;
	background: url(../img/logo_uitburo.gif) no-repeat 26px 16px;
}

h1#logo a {
	height: 189px;
	display: block;
	text-indent: -9999px;
}

div#kolom-links p#info {
	color: #552222;
	margin: 8px 0 8px 0;
	padding: 15px 24px 14px 16px;
	background: #AADDAA;
}

div#kolom-links p#info a { color: #d82d01; }

div#kolom-links p#info a:hover,
div#kolom-links p#info a:focus { text-decoration: none; }

/* Middelste blok */
div#kolom-midden {
	float: right;
	width: 558px;
	overflow: hidden; height: 1%;
	margin: 0 0 17px 10px;
}

div#kolom-midden img.head { float: right; }

div.content {
	clear: both;
	width: 558px;
	color: #fff;
	padding-top: 25px;
	background: url(/img/blokje.gif) no-repeat left top;
}

div.content div.inhoud {
	padding: 22px 14px 0 42px;
	margin-bottom: 10px;
	background: #22AA55;
}

div.content div.inhoud h2 { font-size: 20px; padding: 5px 0 10px 0; }

div.content .left {
	float: left;
	width: 230px;
}

div.content .left p a { color: #fff; }

div.content .left p a:hover,
div.content .left p a:focus { text-decoration: none; }

div.content .left-algemeen {
	padding: 0 0 20px 0;
	width: 482px;
}

div.content .left-algemeen-agenda { padding-right: 40px; }
div.content .left-algemeen p.intro { font-weight: bold; }

div.content .right {
	float: right;
	padding-left: 42px;
	width: 229px;
}

div.uitgelicht {
	float: left;
	width: 274px;
	padding-top: 25px;
	background: url(/img/uitgelicht.gif) no-repeat top left;
}

div.uitgelicht div.inhoud {
	padding: 10px 13px 10px 10px;
	background: #AADDAA;
	color: #552222;
}

div.uitgelicht div.inhoud p { margin-bottom: 0.3em; }

div.uitgelicht div.inhoud a {
	display: block;
	color: #552222;
	font-size: 12px;
	text-align: right;
}

div.uitgelicht div.inhoud a:hover,
div.uitgelicht div.inhoud a:focus { text-decoration: none; }

div.uitgelicht-rechts {
	float: right;
	margin-top: 25px;
}

/* FOOTER */
div#footer {
	width: 792px;
	padding: 3px 10px 2px 10px; margin-top: 10px;
	font-size: 12px;
	background: #fff;
}

div#footer a {
	color: #5b2815;
	text-decoration: none;
	font-size: 12px;
}

div#footer a:hover,
div#footer a:focus { text-decoration: underline; }

div#footer .links { float: left; }
div#footer .rechts { float: right; }

/*
################
#	LIJSTEN	   #
################
*/
ul#hoofdmenu {
	list-style: none;
	overflow: hidden; height: 1%;
	padding: 15px 0 10px 13px;
	background: #22AA55;
}

ul#hoofdmenu li { clear: both; padding: 4px 2px; }

ul#hoofdmenu li img { display: block; padding: 1px 2px 1px 2px; }

ul#hoofdmenu li a img.hover,
ul#hoofdmenu li a:hover img.non-hover,
ul#hoofdmenu li a.active img.non-hover,
ul#hoofdmenu li a img.hide { display: none; }

ul#hoofdmenu li a {
	display: block;
	float: left;
	height: 1%;
	text-decoration: none;
}

ul#hoofdmenu li a:hover,
ul#hoofdmenu li a.active { background: #fff; }

ul#hoofdmenu li a:hover img.hover,
ul#hoofdmenu li a.active img.hover,
ul#hoofdmenu li a img.show { display: block; }

ul#fotodetail,
ul#fotoalbum {
	list-style: none;
	padding: 0;
}
ul#fotodetail li,
ul#fotoalbum li {
	margin-bottom: 10px;
	overflow:hidden;
}

ul#fotoalbum li a.album {
	float: left;
	width: 302px;
	padding-left: 10px;
	padding-top: 4px;
	background-color: #AADDAA;
	text-decoration: none;
	height: 116px;
}
ul#fotoalbum li a.album span { display: block; }
ul#fotoalbum li a.album span.intro { margin-bottom: 6px; font-weight: bold; }
ul#fotodetail li a,
ul#fotoalbum li a {
	display: block;
	color: #fff;
	margin-bottom: 0;
}

ul#fotoalbum li a.foto { float: left; }

ul#fotodetail li a.foto img,
ul#fotoalbum li a.foto img { border: 3px solid #fff;}

ul#fotodetail li a {
	text-decoration: none;
	background-color: #22AA55;
	height: 160px;
}

ul#fotodetail li a span {
	padding: 4px;
	display: block;
}
ul#fotoalbum li a:hover,
ul#fotoalbum li a:focus,
ul#fotodetail li a:hover,
ul#fotodetail li a:focus { background-color: #AADDAA; }

ul#fotoalbum h3 { margin-bottom: 10px; }


ul#fotodetail li {
	width: 153px;
	margin-right: 11px;
	float: left;
}
ul#fotodetail li.last { margin-right: 0px; }

/* FORM */
div#kolom-links div.form {
	padding: 26px 0 0 0; margin: 0;
	background:	url(../img/sms.gif) no-repeat top left;
}

div#kolom-links form {
	padding: 6px 0 5px 8px;
	background: #d82d01
}

div#kolom-links form p {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 0.6em;
}

div#kolom-links form legend { display: none; }
div#kolom-links form fieldset { border: none; }
div#kolom-links form ol { list-style: none; }

div#kolom-links form ol li input {
	float: left;
	font-size: 10px;
	color: #5b2815;
	border: 1px solid #5b2815;
	padding: 6px 0 4px 8px;
}

div#kolom-links form ol li input.submit {
	border: none;
	padding: 0px; margin-left: 4px;
}

/* SUBMENU */
div.right ul.submenu { list-style: none; }

div.content .left-algemeen ul {
	list-style: square;
	font-size: 12px;
	padding-left: 20px;
}

ul#sponsors {
	clear: both;
	list-style: none;
	padding: 14px 0 5px 95px;
	overflow: hidden; height: 1%;
	text-align: center;
	background: #fff;
}

ul#sponsors li {
	float: left;
	padding-right: 35px;
}

ul#sponsors li a { display: block; }
/*
################
#	TABLES	   #
################
*/
table { font-size: 12px; margin-bottom: 20px;}

table thead th, table thead td {
	font-size: 12px;
	padding: 0 83px 10px 0;
}

table tbody tr.over { border-bottom: 1px solid #F3932E; }

table tbody tr.over td {
	color: #000;
	padding-right: 15px;
	background: #AADDAA;
}

table tbody tr td a {
	text-decoration: none;
	color: #000;
	padding-left: 40px;
	background: url(/img/pijl.gif) no-repeat;
}

table tbody tr.over td.breed { width: 250px; }
table tbody tr td.meer-info { visibility: hidden; font-size: 10px; }
table tbody tr.over td.meer-info { visibility: visible; }

dl#tell-a-friend {
	width: 230px;
	background: #AADDAA;
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

* html dl#tell-a-friend { height: 1%; }

dl#tell-a-friend dd {
	margin: 0 0 30px 0;
	padding: 0;
}

dl#tell-a-friend dd label {
	float: left;
	width: 91px;
}

dl#tell-a-friend dd input {
	float: left;
	width: 128px;
	height: 16px;
	padding: 0;
}

dl#tell-a-friend dd input.verstuur {
	width: 128px;
	height: 22px;
	margin: 10px 0 0 91px;
}