html, body {
	height: 100%;
	width: 100%;
}

* {
margin:0px auto;
padding:0;
}


body {
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#247680;
}

a:link, a:visited{
	color:#a48700;
	text-decoration:none;
}

a:hover, a:active{
	color:#006c79;
	text-decoration:none;
}

img{
	border: none;
	-ms-interpolation-mode : bicubic !important;
}

ul, li, ol{
	list-style:none;
	margin:0;
	padding:0;
}

table, tr, td{
	border-collapse:collapse;
	margin:0 0 10px 0;
	padding:0;
	clear:both;
}

#container {
	margin:0;
	padding:0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:100%;
	position:absolute;
	top:0;
	bottom:0;
	overflow:auto;
}

/* Artwork Achtergronden */
#art-home {
	height: 100%; width:100%; position:absolute; top:0; bottom:0; overflow:auto; background:url(images/art/art-home.jpg) top center no-repeat; }
#art-havezate {
	height: 100%; width:100%; position:absolute; top:0; bottom:0; overflow:auto; background:url(images/art/art-havezate.jpg) top center no-repeat; }
#art-landgoed {
	height: 100%; width:100%; position:absolute; top:0; bottom:0; overflow:auto; background:url(images/art/art-landgoed.jpg) top center no-repeat; }
#art-agenda {
	height: 100%; width:100%; position:absolute; top:0; bottom:0; overflow:auto; background:url(images/art/art-agenda.jpg) top center no-repeat; }
#art-nieuws {
	height: 100%; width:100%; position:absolute; top:0; bottom:0; overflow:auto; background:url(images/art/art-nieuws.jpg) top center no-repeat; }
#art-particulier {
	height: 100%; width:100%; position:absolute; top:0; bottom:0; overflow:auto; background:url(images/art/art-particulier.jpg) top center no-repeat; }
#art-zakelijk {
	height: 100%; width:100%; position:absolute; top:0; bottom:0; overflow:auto; background:url(images/art/art-zakelijk.jpg) top center no-repeat; }
#art-openingstijden {
	height: 100%; width:100%; position:absolute; top:0; bottom:0; overflow:auto; background:url(images/art/art-openingstijden.jpg) top center no-repeat; }
#art-menukaart {
	height: 100%; width:100%; position:absolute; top:0; bottom:0; overflow:auto; background:url(images/art/art-menukaart.jpg) top center no-repeat; }
#art-contact {
	height: 100%; width:100%; position:absolute; top:0; bottom:0; overflow:auto; background:url(images/art/art-contact.jpg) top center no-repeat; }
/* Eind Artwork Achtergronden */

div#duwtje {
	visibility: hidden;
	width: 100%;
	height: 50%;
	margin-top: -267px; /* 50% van wrapper hoogte */
	float: left;
}

#wrapper{
	width:875px;
	height:534px; /* Originele hoogte 690px */
	margin:0 auto;
	clear: both;
	position: relative;
	top: -267px; /* 50% van wrapper hoogte */
	
	/* IEextra Hack: */
	position: static;
	/** Eind Hack */
}

#placeholder_underlay{
	width:867px;
	height:528px;
	background:url(images/underlay_wit.png) top center no-repeat;
	padding:6px 0 0 8px;
	position:relative;
}

/* Menu */

#menu{
	height:35px;
	width:860px;
	background:url(images/menu_ag.jpg) top center no-repeat;
	margin:0;
}

.sf-menu {
	position: relative;
	left: -7px;
}

.havezate{width:89px; height:33px; background:url(images/ag-havezate.jpg) top center no-repeat}
.landgoed{width:100px; height:33px; background:url(images/ag-landgoed.jpg) top center no-repeat}
.agenda{width:66px; height:33px; background:url(images/ag-agenda.jpg) top center no-repeat}
.nieuws{width:62px; height:33px; background:url(images/ag-nieuws.jpg) top center no-repeat}
.particulier{width:79px; height:33px; background:url(images/ag-particulier.jpg) top center no-repeat}
.zakelijk{width:64px; height:33px; background:url(images/ag-zakelijk.jpg) top center no-repeat}
.exposities{width:80px; height:33px; background:url(images/ag-exposities.jpg) top center no-repeat}
.openingstijden{width:109px; height:33px; background:url(images/ag-openingstijden.jpg) top center no-repeat}
.menukaart{width:83px; height:33px; background:url(images/ag-menukaart.jpg) top center no-repeat}
.contact{width:64px; height:33px; background:url(images/ag-contact.jpg) top center no-repeat}

.havezate:hover, li.current a.havezate{background:url(images/ag-havezate.jpg) bottom center no-repeat}
.landgoed:hover, li.current a.landgoed{background:url(images/ag-landgoed.jpg) bottom center no-repeat}
.agenda:hover, li.current a.agenda{background:url(images/ag-agenda.jpg) bottom center no-repeat}
.nieuws:hover, li.current a.nieuws{background:url(images/ag-nieuws.jpg) bottom center no-repeat}
.particulier:hover, li.current a.particulier{background:url(images/ag-particulier.jpg) bottom center no-repeat}
.zakelijk:hover, li.current a.zakelijk{background:url(images/ag-zakelijk.jpg) bottom center no-repeat}
.exposities:hover, li.current a.exposities{background:url(images/ag-exposities.jpg) bottom center no-repeat}
.openingstijden:hover, li.current a.openingstijden{background:url(images/ag-openingstijden.jpg) bottom center no-repeat}
.menukaart:hover, li.current a.menukaart{background:url(images/ag-menukaart.jpg) bottom center no-repeat}
.contact:hover, li.current a.contact{background:url(images/ag-contact.jpg) bottom center no-repeat}

.clear_top{
	height:5px;
	background:#fff;
	clear:both;
}
.clear_bottom{
	height:15px;
	background:#fff;
	clear:both;
}
/* Eind Menu */

#header{
	width:862px;
	height:185px;
	margin:0;
	padding:0;
	position:relative;
}

#logo{
	width:225px;
	height:185px;
	background:url(images/logo.jpg) left top no-repeat;
	float:left;
}

#logo a{
	display:block;
	width:225px;
	height:185px;
}

#header-rechts{
	width:637px;
	height:185px;
	position:relative;
	float:right;
	margin:0 0 0 0;
}

.art-header-havezate{width:636px; height:185px;}
.art-header-landgoed{width:636px; height:185px;}
.art-header-agenda{width:636px; height:185px;}
.art-header-nieuws{width:636px; height:185px;}
.art-header-particulier{width:636px; height:185px;}
.art-header-zakelijk{width:636px; height:185px;}
.art-header-openingstijden{width:636px; height:185px;}
.art-header-menukaart{width:636px; height:185px;}
.art-header-contact{width:636px; height:185px;}

.art-header-havezate img,
.art-header-landgoed img,
.art-header-agenda img,
.art-header-nieuws img,
.art-header-particulier img,
.art-header-zakelijk img,
.art-header-openingstijden img,
.art-header-menukaart img,
.art-header-contact img{width:636px; height:185px;}

#content-links{
	width:175px;
	height:287px;
	position:relative;
	background:url(images/stip-content-links.jpg) center right no-repeat;
	float:left;
	padding:15px 0 0 50px;
	line-height:17px;
}
#content-links span{color:#a48700;}

#content-rechts{
	width:552px;
	height:272px;
	position:relative;
	float:right;
	padding:15px 35px 15px 45px;
	line-height:15px;
	overflow: auto;
	overflow-x:hidden !important;
	margin:0 5px 0 0;
}
#content-rechts h1{
	font-weight:bold;
	font-size:11px;
	clear:both;
	margin:0;
	padding:0;
}

#content-links p, #content-rechts p{
	margin:0 0 10px 0;
	padding:0;
	float:left;
}

#content-rechts a.artikel_meer{
	white-space:nowrap;
}
.nieuws_kolom_links {
	width:268px;
	height:252px;
	float:left;
	position:relative;
	padding:0 20px 0 0;
	background:url(images/streep-nieuws-sep.jpg) right center no-repeat;
}

.nieuws_kolom_links h1{
	font-size:11px;
	font-weight:bold;
	margin:0 0 10px 0 !important;
	padding:0 0 0 0;
}

.nieuws_kolom_rechts{
	width:240px;
	height:252px;
	float:right;
	padding:0 10px 0 0;
}

.nieuws_kolom_rechts h1{
	font-size:11px;
	font-weight:bold;
	margin:0 0 10px 0 !important;
	padding:0 0 0 0;
}

.artikel_datum{
	color:#a48700;
	border:1px solid #d5c88a;
	padding:0 2px;
	margin:0 0 6px 0;
	font-size:10px;
	text-transform:uppercase;
	float:left;
}

.content_paginiering{
	clear:both;
	float:right;
	height:14px;
	padding-bottom:20px;
}

a.volgende_page{
	width:20px;
	height:10px;
	background:url(images/pijl_page_rechts.jpg) center center no-repeat;
	padding:0 5px 2px 5px;
}
a.vorige_page{
	width:20px;
	height:10px;
	background:url(images/pijl_page_links.jpg) center center no-repeat;
	padding:0 5px 2px 5px;
}
.current_page{
	color:#a48700;
}

.terug_overzicht{
	position:absolute;
	left:45px;
	bottom:15px;
	background:url(images/pijl-terug.jpg) center left no-repeat;
	padding:0 0 0 15px;
}
.volgende_artikel{
	position:absolute;
	right:35px;
	bottom:15px;
	background:url(images/pijl_meer.jpg) center right no-repeat;
	padding:0 15px 0 0;
}
.terug_overzicht:hover{
	background:url(images/pijl-terugH.jpg) center left no-repeat;
}
.volgende_artikel:hover{
	background:url(images/pijl_meerH.jpg) center right no-repeat;
}

.arrow_link:link, .arrow_link:visited {
	background:url(images/verstuur.jpg) center right no-repeat;
	padding:0 20px 0 0;
	color:#247680;
	font-weight:bold;
}
.arrow_link:hover, .arrow_link:active{
	background:url(images/verstuurH.jpg) center right no-repeat;
	padding:0 20px 0 0;
	font-weight:bold;
	color:#a48700;
}
.bekijk-archief a:link, .bekijk-archief a:visited{
	background:url(images/verstuur.jpg) center right no-repeat;
	padding:0 20px 0 0;
	color:#247680;
	font-weight:bold;
	float:right;
}
.bekijk-archief a:hover, .bekijk-archief a:active{
	background:url(images/verstuurH.jpg) center right no-repeat;
	padding:0 20px 0 0;
	font-weight:bold;
	color:#a48700;
	float:right;
}

table#tabel-archief{
	width:100%;
	height:244px;
	border-collapse:collapse;
	border-style:none;
}
table#tabel-archief tr{
	border-bottom:1px solid #acd0d4;
	border-top:none;
	border-left:none;
	border-right:none;
}
#tabel-archief .datum{
	color:#a48700;
}
#tabel-archief td.datum{width:20%; height:26px;}
#tabel-archief td.archief-titel{width:80%; height:26px;}

#tabel-archief .archief-titel, #tabel-archief .archief-titel a:link, #tabel-archief .archief-titel a:visited{
	color:#247680;
	font-weight:bold;
	text-decoration:none;
}

#tabel-archief .archief-titel a:hover, #tabel-archief .archief-titel a:active{
	color:#247680;
	font-weight:bold;
	text-decoration:underline;
}

/* Tabel Openignstijden */
table#tabel_openingstijden{
	width:234px;
	border-collapse:collapse;
}
table#tabel_openingstijden td{
	line-height: 30px;
}
table#tabel_openingstijden tr{
	border-bottom:1px solid #acd0d4;
	border-top:none;
	border-left:none;
	border-right:none;
}
table#tabel_openingstijden .dag{
	width:90px;
	font-weight:bold;
}
table#tabel_openingstijden .uur{
	width:55px;
}
table#tabel_openingstijden .tot{
	text-align:center;
}

/* Tabel Menukaart */
table#tabel-menukaart{
	width:100%;
	border-collapse:collapse;
	border-style:none;
	margin:20px 0 0 0;
}
table#tabel-menukaart tr{
	height:40px;
}
#tabel-menukaart .bestand{
	color:#a48700;
	text-align:center;
}
#tabel-menukaart td.bestand{width:8%;}
#tabel-menukaart td.menukaart-titel{width:92%;}

#tabel-menukaart .menukaart-titel, #tabel-menukaart .menukaart-titel a:link, #tabel-menukaart .menukaart-titel a:visited{
	color:#247680;
	font-weight:bold;
	text-decoration:none;
}

#tabel-menukaart .menukaart-titel a:hover, #tabel-menukaart .menukaart-titel a:active{
	color:#247680;
	font-weight:bold;
	text-decoration:underline;
}

/* Contact Formulier */
form.contact_form{
	padding:10px 0 0 0;
}
form.contact_form input, form.contact_form textarea{
	color:#a48700;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:21px;
}
.contact_form span{
	float:left;
	width:120px;
}
.contact_form input.input{
	width:422px;
	height:21px;
	border:1px solid #acd0d4;
	margin:0 0 3px 0;
}
.contact_form textarea.tekst{
	width:422px;
	height:65px;
	border:1px solid #acd0d4;
	overflow:auto;
}
.verstuur{
	float:right;
	background:transparent url(images/verstuur.jpg) center right no-repeat;
	border:none;
	cursor:pointer;
	padding:0 15px 0 0;
	margin:7px 14px 0 0;
	font-weight:bold;
	color:#006C79 !important;
	line-height:13px;
}
.verstuur:hover{
	background:transparent url(images/verstuurH.jpg) center right no-repeat !important;
	color:#a48700 !important;
}

.contact_form font{
	margin:0 0 0 120px;
	line-height:30px;
	font-style:italic;
	font-size:11px;
}
/*.download_bestand a:link, .download_bestand a:visited{
	padding:0 20px 0 0;
	color:#247680;
	font-weight:bold;
	background:url(images/pijl-bekijk-archief.jpg) top right no-repeat;
	line-height: 13px;
	height: 13px;
	overflow: hidden;
}
.download_bestand a:hover, .download_bestand a:active{
	background:url(images/pijl-bekijk-archief.jpg) bottom right no-repeat;
	color:#a48700;
	line-height: 13px;
	height: 13px;
	overflow: hidden;
}*/

td.bestand, td.download_bestand{
	border-bottom:1px solid #acd0d4;
	border-top:1px solid #acd0d4;
	border-left:none;
	border-right:none;
}


div.lees_meer{
	float:left;
	clear:both;
}

a.artikel_meer{
	background:url(images/pijl_meer.jpg) center right no-repeat;
	padding:0 15px 0 0;
}
a.artikel_meer:hover{
	background:url(images/pijl_meerH.jpg) center right no-repeat;
}

.copyright{
	text-align:center;
	color:#fff;
	font-size:9px;
	padding:10px 0 0 0;
}
.copyright a:link, .copyright a:visited{
	text-decoration:underline;
	font-size:9px;
	color:#fff;
}
.copyright a:hover, .copyright a:active{text-decoration:none;}

/* Home Pagina */
#naw{
	width:262px;
	height:155px;
	float:right;
	position:relative;
	background:url(images/stip-vert-naw.jpg) left center no-repeat;
	color:#247680;
	padding:30px 0 0 20px;
}
#naw p{line-height:18px;}
#naw span{color:#a48700;}
#extrading {
	width: 266px;
	height: 155px;
	float: right;
	position: relative;
	background: url(images/home-slogan-bottom2.jpg) left center no-repeat;
	padding:30px 0 0 20px;
}

#content{
	width:862px;
	height:302px;
	position:relative;
}

.home-image-01{width:283px; height:164px; float:left; margin:0 0 0 10px;}
.home-image-02{width:279px; height:164px; float:left;}
.home-image-03{width:282px; height:164px; float:left;}

.sep-vert-zwart{height:164px; width:1px; background:url(images/stip-vert-zwart.jpg) top center repeat-y; float:left;}

.home-bottom-text{
	width:473px;
	height:78px;
	float:left;
	padding:30px 50px;
}
.home-bottom-rechts{
	margin-top: 15px;
	width:289px;
	height:108px;
	float:right;
	position:relative;
	text-align: center;
	background: url("images/stip-vert-naw.jpg") no-repeat scroll left center transparent;
	/*background:url(images/home-slogan-bottom.jpg) left center no-repeat;*/
}
/* Havezate Pagina */
#form, .jumpMenu{
	width:280px;
	position:absolute;
	right:15px;
	top:0;
}

.album_info{
	width:100%;
	position:relative;
	float:left;
}
.album_info{
	margin:0;
	padding:0;
}
.album_info h2{
	font-size:13px;
	margin:0 0 18px 0;
	padding:0;
}

.album_paginas{
	width:150px;
	height:10px;
	float:right;
	text-align:right;
	margin:-24px 0 0 0;
}
.album_paginas span{
	color:#a48700;
}

/**** Jquery NyroModal Style ****/

div#nyroModalFull {
	font-size: 12px;
	color: #777;
}
div#nyroModalFull div#nyroModalLoading {
	border: 8px solid #fff;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(images/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalFull div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalFull div#nyroModalWrapper {
	background: #fff;
	border: 8px solid #fff;
}
div#nyroModalFull div#nyroModalWrapper a#closeBut {
	position: absolute;
	display: block;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 25px;
	text-indent: -9999em;
	background: url(images/sluiten.png) bottom center no-repeat;
	outline: 0;
	z-index:50;
}
div#nyroModalFull div#nyroModalWrapper a#closeBut:hover {
	background: url(images/sluiten.png) top center no-repeat;
}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -30px;
	left: -11px;
	font-size: 11px;
	color: #ddd;
	font-weight:normal;
}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {
	padding: 5px;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {
	vertical-align: baseline;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=60);
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 103%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trucje voor IE6 */
}
div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
	background: url(images/vorigeA.png) left 100% no-repeat;
	position:absolute !important;
	margin:-30px 0 0 0 !important;
	left:0 !important;
	z-index:10;
}

div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {
	background: url(images/vorige.png) left 100% no-repeat;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
	background: url(images/volgendeA.png) right 100% no-repeat;
	position:absolute !important;
	margin:-30px 0 0 0 !important;
	right:0 !important;
	z-index:10;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {
	background: url(images/volgende.png) right 100% no-repeat;
}
/**** Eind Jquery NyroModal Style ****/
.arrow_link:link, .arrow_link:visited {
	background:url(images/verstuur.jpg) center right no-repeat;
	padding:0 20px 0 0;
	color:#247680;
	font-weight:bold;
}
.arrow_link:hover, .arrow_link:active{
	background:url(images/verstuurH.jpg) center right no-repeat;
	padding:0 20px 0 0;
	font-weight:bold;
	color:#a48700;
}