/*
#################
#	ALGEMEEN	#
#################
*/
body, html,
span, div,
h1, h2, h3, h4, h5, h6,
a, p,
img,
ul, ol, li {
	margin: 0;
	padding: 0;
}

h2 {

}

h3 {

}

h4 {
	font-size: 1.2em;
}
h5 {

}

p {
	margin-bottom: 1.2em;
}

img {
	border: none;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
	height: 0;
}

body {
	background: #7a560f url(../img/bg.png) repeat-x;
	font: 62.5% Trebuchet MS;
	margin: 0;
	padding: 50px 0 0 0;
	color: #f1f3f1;
	font-size: 12px;
}



/*
#################
#	LAY-OUT		#
#################
*/

/* HOOFDPAGINA */

div#outerContainer {
	width: 861px;
	margin: auto;
}

div#container {
	width: 861px;
	background: url(../img/bg_schaduw.png) repeat;
	float: left;
}

div#innerContainer {
	float: left;
	width: 818px;
	border-right: 1px solid #395105;
	margin: 0 0 0 21px;
	display: inline;
	overflow: hidden;
	background: #6d0121;
	}

div#footerbg {
	width: 861px;
	clear: left;
	float: left;
	background: url(../img/bg_footer.png) 0 -13px  no-repeat;
	height: 23px;
	margin: 0 0 20px 0;
}

div#header {
	float: left;
	width: 818px;
	background: #395105;
}

img.logo {
	float: left;
	padding: 25px 0 0 25px;
}

img.vpd {
	float: right;

}

img.headerfoto {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
}

div#header_right {
	width: 471px;
	float: right;
	padding: 15px 15px 0 0;
	background: url(../img/bg_rightheader.png) no-repeat;
}

div#header_right a img {
	float: right;
	margin-left: 12px;
}

div#header_menu {
	width: 818px;
	float: left;
	clear: left;
	height: 306px;
	position: relative;
}

div#header_menu_bg {
	width: 818px;
	height: 306px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: url(../img/bg_menuheader.png) no-repeat;
}

div#header_nav {
	position: absolute;
	z-index: 2;

}

img.paragraafafbeelding { float: left; margin: 0 10px 10px 0; }
p.betweenparagraphs { text-align: center; }

img.depaardenprovincievannederland {
	float: left;
	width: 350px;
	height: 22px;
}

div.dppvn {
	float: left;
	display: inline;
	margin: 10px 0 0 90px;
}

form#zoek {
	float: right;
	display: inline;
	margin: 10px 15px 0 0;
}

form#zoek input {
	float: left;
}

form#zoek input.zoek {
	width: 120px;
	border: 1px solid #72bb00;
	padding: 2px;
	color: #04572a;
	font-size: 1.1em;
	height: 14px;
}

/*
#########################
#	MENU'S & LIJSTEN	#
#########################
*/

ul#menu {
	margin: 16px 0 0 25px;
	float: left;
	clear: left;
	list-style: none;
	width: 794px;
}

ul#menu li {
	float: left;
}

ul#menu li a {
	display: block;
	float: left;
	font-size: 1.2em;
	color: #ffffff;
	padding: 8px 10px 4px 5px;
	text-decoration: none;
	text-transform: uppercase;
	background-image: url(/img/menu.png);
	background-repeat:repeat-x;
}

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

ul#menu li a img.non-hover,
ul#menu li a:hover img.hover,
ul#menu li.active a img.hover {
	display: inline;
}

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

ul#menu li div {
	float: left;
	height: 30px;
	width: 15px;
	background: no-repeat;
}

ul#menu li div.left {
	background-image: url(/img/menu_left.png);
}
ul#menu li div.right {
	background-image: url(/img/menu_right.png);
	background-position: right;
}

ul#menu li div.right2 {
	background-image:url(/img/menu_right2.png);
	background-position: right;
}

ul#menu li.hover,
ul#menu li.active {
	background-image: url(/img/menu_active.png) 0 -1px;
	background-repeat: repeat-x;
}


ul#menu li.hover div.left,
ul#menu li.hover2 div.left,
ul#menu li.active div.left {
	background-image:url(/img/menu_hoverleft.png);
	background-repeat: no-repeat;
}
ul#menu li.hover div.right,
ul#menu li.hover2 div.right,
ul#menu li.active div.right  {
	background-image:url(/img/menu_hoverright.png);
	background-repeat: no-repeat;
}

ul#menu li.hover2 div.right2 {
	background-image:url(/img/menu_hoverright2.png);
	background-repeat:no-repeat;
}

ul#menu li a:hover {
	color:#d5c010;
	float:left;
	text-decoration:none;
}

div#contentContainer {
	float: left;
	clear: left;
	width: 768px;
	padding: 20px 25px 0px 25px;
}

div.foto_links,
div.passepartout {
	float: left;
	width: 187px;
	height: 226px;
	overflow: hidden;
}

div.foto_rechts {
	float: right;
	width: 187px;
	overflow: hidden;
	margin: 0 0 0 20px;
}

div.foto_rechts
img {
	cursor : pointer;
}

div.foto_links {
	margin: 0 35px 20px 0;
}

div.passepartout {
	background: url(/img/partout.gif);
}

div#content a { color: #fff; }
div#content a:hover { text-decoration: none; }

div#content h1 {
	font-size: 1.7em;
	line-height: 1.7em;
	position: relative;
}

div#content h1 span,
div#content h1 span a {
	color: #b9c908;
}

div#content p {
	line-height: 22px;
}

div#content p span {
	font-weight: bold;
}

div#content a.button {
	margin: 10px 5px 10px 0;
	height: 19px;
	overflow: hidden;
	width: 120px;
	display: block;
	font-size: 0px;
	background: url(/img/button_meerinfo.gif) no-repeat left top;
}

div#content a.button:hover {
	background-position: 0 -19px;
}

div#footer {
	float: left;
	width: 778px;
	clear: left;
	background: #476b04;
	padding: 20px;
	font-size: 1em;
}

div#iwink {
	float: right;
}
div#footer a {
	margin: 0 5px 0 0;
	color: #fff;
	text-decoration: none;
}

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

div#verblijflocaties {
	float: left;
	margin: 20px 0 0 10px;
	position: relative;
	width: 320px;
}

a.kaart {
	position: absolute;
	right: 0;
	top: -40px;
	z-index: 2;
	width: 177px;
	height: 135px;
}

img.locatie {
	margin: 10px 0 0 0;
}

/* SUBMENU */

ul#submenu {
	float: left;
	width: 175px;
	padding: 9px 0 0 0;
	margin: 0 0 15px 0;
	list-style: none;
	background: url(/img/bgsubmenu.gif) no-repeat left top;
}

ul#submenu li {

}

ul#submenu li.bg {
	background: url(/img/bgsubmenu_libg.gif) no-repeat left top;
}

ul#submenu li a {
	padding: 6px 0 2px 15px;
	display: block;
	color: #ffffff;
	min-height: 17px;
	text-decoration: none;
	border-bottom: 1px solid #6c0120;
	background: url(/img/bgsubmenu_li.gif);
}

ul#submenu li a:hover,
ul#submenu li a.active {
	background: #63000f url(/img/sub_a.gif) no-repeat;
	padding: 6px 0 2px 25px;
}

/*
#########################
#	SUBBODY PAGINA's	#
#########################
*/

body.subBody div#header_menu_bg {
	height: 175px;
}

body.subBody img.headerfoto {
	top: -45px;
}

body.subBody div#header_menu {
	height: 175px;
	overflow: hidden;
}

div#blokRechts {
	width: 180px;
	margin: 0 0 0 20px;
	padding-bottom: 2em;
	float: right;
}

div#blokLinks {
	float: left;
	width: 175px;
	min-height: 100px; /* Overrule voor IE6 */
	overflow: hidden;
	margin: 0 35px 0 0;
	display: inline;
}

div#adresgegevens blockquote {
	font-style: italic;
	margin: 0;
	padding: 0;
}

div#adresgegevens blockquote a {
	color: #fff;
	text-decoration: underline;
}

div#adresgegevens blockquote a:hover { text-decoration: none; }

body.subBody div.foto_links,
body.subBody div.passepartout {
	float: left;
	width: 175px;
	height: 167px;
	overflow: hidden;
}

body.subBody div.foto_rechts {
	float: right;
	width: 175px;
	position: relative;
	overflow: hidden;
	margin: 0 0 16px 20px;
}

body.subBody div.foto_links {
	margin: 0 35px 20px 0;
}

body.subBody div.passepartout {
	background: url(/img/partout_sub.gif) no-repeat;

}

body.subBody div.passepartout-top {
	background: url(/img/partout_top.gif) no-repeat left top;
	top: 0;
	position: absolute;
	z-index: 3;
	height: 35px;
	width: 175px;
}

body.subBody div.passepartout-bottom {
	position: absolute;
	z-index: 2;
	height: 35px;
	width: 175px;
	bottom: 0;
	background: url(/img/partout_bottom.gif) no-repeat;
}

body.subBody div#verblijflocaties {
	float: left;
	width: 180px;
	margin: 0 0 2em 0;
	padding: 0;
}

body.subBody a.kaart {
	float: left;
	position: relative;
	width: 177px;
	height: 135px;
	clear: left;
	display: inline;
	top: auto;
	margin: 10px 0 0 0;
}

div.blokZieOok {
	float: left;
	width: 170px;
	margin: 25px 0 1.2em 10px;
}

div.blokZieOok {
	font-size: .8em;
}

ul.ZieOok {
	float: left;
	clear: left;
	list-style: none;
	margin: 5px 0 0 5px;
	padding: 0;
}

ul.ZieOok li {
	float: left;
	clear: left;
	padding: 0;
	margin: 0;
}

ul.ZieOok li a {
	display: block;
	background: url(/img/li.gif) no-repeat left 7px;
	padding: 3px 0 0 10px;
	color: #fff;
	font-size: 1.2em;
	text-decoration: none;
	margin: 0;
}

ul.ZieOok li a:hover {
	background: url(/img/lihover.gif) no-repeat left 7px;
}

div#breadcrumb {
	width: 320px;
	color: #3d0012;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 10px 0;
}

div#breadcrumb a {
	text-decoration: none;
	color: #BCCA0C;
}

div#breadcrumb a:hover {
	text-decoration: underline;
}

div#content img.content {
	width: 100px;
	height: 100px;
	border: 5px solid #3d0012;
}

div#content img.left {
	float: left;
	margin: 0 10px 0 0;
}

div#content img.right {
	float: right;
	margin: 0 0 0 10px;
}

body.subBody div#content {
	float: left;
	overflow: hidden;
	width: 330px;
}

div.contentItem {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #3d0012;
}

div.contentItem_sub {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	clear: left;
	float: left;
	width: 330px;
}



div.contentItem h1 {
	color: #bac90a;
}

div.contentItem a {
	color: #b9c809;
	text-decoration: none;
}

div.contentItem a:hover {
	font-weight: bold;
}

div.contentItem a.leesmeer {
	font-weight: bold;
	color: #b9c809;
	display: block;
	text-decoration: none;
	text-align: right;
}

div.contentItem a.leesmeer:hover {
	text-decoration: underline;
}

div.OverigNieuws {
	clear: left;
	margin: 25px 0 10px 0px;
}

div.OverigNieuws h1 {
	color: #3d0012;
}

div.OverigNieuws ul {
	float: left;
	margin:  0 0 25px 0;
	padding: 0;
	list-style: none;
}

div.OverigNieuws ul li {
	float: left;
	clear: left;
}

div.OverigNieuws ul li a {
	background: #8d0930;
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	clear: left;
	float: left;
	width: 330px;
	margin: 0 0 1px 0;
	padding: 7px 5px 7px 15px;
	font-weight: normal;
}

div.OverigNieuws ul li a:hover {
	font-weight: bold;
}

div.OverigNieuws ul li a span {
	color: #3d0012;
	font-size: 1.2em;
}

div.OverigNieuws ul li a:hover span {
	color: #fff;
}

/* FORMULIEREN */

form#contact {
	float: left;
	clear: left;
	width: 320px;
	margin: 15px 0 45px 0;
	padding: 0;
}
form { position: relative; }
form em.verplicht { position: absolute; left: 120px; }

ul.velden {
	float: left;
	margin: 0 0 15px 0;
	padding: 0;
    list-style: none;

}

ul.velden li#li_stuurEmail {
	height: 1.5em;
}

ul.velden li {
	background: #8d0930;
	margin: 0 0 1px 0;
	padding: 4px 4px 4px 0;
	float: left;
	clear: left;
	width: 320px;
}

ul.velden label {
	display: block;
	float: left;
	width: 125px;
	padding: 2px 0 0 5px;
}

ul.velden label.checkbox {
	width: auto;
}

ul.velden label.tekst {
	width: 314px;
	display: block;
}

ul.velden li.breedte {
	width: 319px;
}

ul.velden li textarea {
	float: left;
	width: 187px;
	height: 100px;
	border: 1px solid #6d0121;
}

label#lblPostcode {
	width: 65px;
	padding-left: 12px;
}

label#lbl_stuurEmail {
	display: block;
	width: 320px;
}

ul.velden input {
	float: left;
	width: 187px;
	border: 1px solid #6d0121;
}

ul.velden input.checkbox { width: auto; border: none; }

input#cb_stuurEmail {
	float: left;
	width: 15px;
	margin-right: 5px;
	border: none;
}
input#submit {
	padding: 4px 2px 4px 2px;
	color: #fff;
	font-size: 1em;
	margin: 0 0 0 4px;
	width: 125px;
	font-weight: bold;
	border: none;
	background: #3d0010;
	cursor: pointer;
}

form#zoekaccommodaties { margin: 0; padding: 1em 0; }

form#zoekaccommodaties select { width: 180px; }

form#zoekaccommodaties fieldset {
	margin: 1em 0;
	border: 1px solid gray;
}

form#zoekaccommodaties ol { list-style: none; margin: .4em .8em; }

/* TABEL MET ZOEKRESULTATEN VOOR BEDRIJVEN */
table#bedrijfsresultaten thead {
	color: #fff;
	background: #374F05;
}

table#bedrijfsresultaten td,
table#bedrijfsresultaten th { padding: .3em; }

table#bedrijfsresultaten th { text-align: left; }
table#bedrijfsresultaten .midden { text-align: center; }
table#bedrijfsresultaten a.bedrijf { color: #fff; }

table#bedrijfsresultaten td { background: #5F8F00; }
table#bedrijfsresultaten tr.oneven td { background: #476B04; }

/* Legenda */
dl#legenda { margin: 1.2em 0; padding: 0; }
dl#legenda dt { font-weight: bold; }
dl#legenda dd { margin: .5em 0 0 0; padding: 0; }
dl#legenda li { margin-left: 2em; }

/* Errors */
ul#errors {
	padding: .3em;
	color: #8D0930;
	border: 4px solid #8D0930;
	background: #fff;
	list-style: inside;
}

/* Sitemap */
div#content ul.sitemap a { text-decoration: none; }
div#content ul.sitemap a:hover { text-decoration: underline; }
ul.sitemap { padding-bottom: .8em; }
ul.sitemap li { margin-left: 1.2em; }