html	{
	background			: url(../img/html_bg.jpg) center top;
}

body	{
	background			: url(../img/balk_bg.gif) repeat-x left top;
	font				: 0.75em Verdana, Arial, sans-serif;
}

html, body	{
	height				: 100%;
	min-height			: 100%;
}

#background {
	background			: url(../img/body_bg.jpg) no-repeat center 0;
}

.toegankelijkheid	{
	position			: absolute;
	left				: -999em;
}

.clear	{
	clear				: both;
}


/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
#balk-home:after,
#balk-onder:after,
#wrapper:after,
#content #arrangement-contact .formmodule li:after,
ul.fotos:after,
.formmodule li:after,
.clearfix:after
{
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}

	/* voor IE-mac */
	#balk-home,
	#balk-onder,
	#wrapper,
	#content #arrangement-contact .formmodule li,
	ul.fotos,
	.formmodule li,
	.clearfix
	{	
		display			: inline-block;	
	}

	/* onderstaande overslaan voor IE-mac \*/
		
	* html #balk-home,
	* html #balk-onder,
	* html #wrapper,
	* html #content #arrangement-contact .formmodule li,
	* html ul.fotos,
	* html .formmodule li,
	* html .clearfix 
	{ 
		height			: 1%;
	}
	
	#balk-home,
	#balk-onder,
	#wrapper,
	#content #arrangement-contact .formmodule li,
	ul.fotos,
	.formmodule li,
	.clearfix 	
	{ 
		display			: block;
	}
	/* einde van overslaan voor IE-mac */
	

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	margin				: 0 auto;
	padding				: 20px 0 0 0;
	width				: 987px;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	padding				: 55px 0 0 0;
	background			: url(../img/header_bg.gif) no-repeat center top;
}

#header p.english	{
	position			: absolute;
	right				: 20px;
	top					: -10px;
	padding-left		: 21px;
	background			: url(../img/english.gif) no-repeat left;
}

#header p.english a	{
	color				: #BAAA9B;
	text-decoration		: none;
}

#header p.english a:hover	{
	color				: #fff;
	text-decoration		: underline;
}

#header  a.twitter	{
	position			: absolute;
	display				: block;
	width				: 48px;
	height				: 48px;
	right				: 20px;
	top					: 59px;
	text-indent			: -9000em;
	background			: url(../img/twitter.png) no-repeat left bottom;
}

#header  a.twitter:hover {
	background-position	: left top;	
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	background			: url(../img/menu_bg.gif) no-repeat center bottom;
	height				: 51px;
	padding				: 0 100px 23px 100px;
}

#menu li	{
	float				: left;
	height				: 51px;
}

#menu li a	{
	float				: left;
	height				: 51px;
	display				: block;
	background			: url(../img/menu-items.gif) no-repeat;
	text-indent			: -900em;
	overflow			: hidden;
}

#menu li a.home				{	width: 133px;	background-position: left top;		}
#menu li a.home:hover,
#menu li.actief a.home		{	background-position: left bottom;	}

#menu li a.info				{	width: 117px;	background-position: -133px top;	}
#menu li a.info:hover,
#menu li.actief a.info		{	background-position: -133px bottom;	}

#menu li a.historie			{	width: 146px;	background-position: -250px top;	}
#menu li a.historie:hover,
#menu li.actief a.historie	{	background-position: -250px bottom;	}

#menu li a.omgeving			{	width: 141px;	background-position: -396px top;	}
#menu li a.omgeving:hover,
#menu li.actief a.omgeving	{	background-position: -396px bottom;	}

#menu li a.contact			{	width: 119px;	background-position: -537px top;	}
#menu li a.contact:hover,
#menu li.actief a.contact	{	background-position: -537px bottom;	}

#menu li a.route			{	width: 131px;	background-position: -656px top;	}
#menu li a.route:hover,
#menu li.actief a.route		{	background-position: -656px bottom;	}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	padding				: 0 18px;
	background			: url(../img/main_bg.png) repeat-y;
	color				: #3E372F;
	min-height			: 450px;
	position			: relative;
	z-index				: 20;
}

/* --------------------------------	*/
/* titel						 	*/
/* --------------------------------	*/
#titel	{
	background			: url(../img/titel_bg.gif) repeat-x;
	height				: 123px;
	position			: relative;
}

#titel h1	{
	position			: absolute;
	bottom				: 30px;
	left				: 212px;
	color				: #F5E4D0;
	font				: italic 2.5em Verdana, sans-serif;
	width				: 730px;
	overflow			: hidden;
}

#titel a.logo	{
	position			: absolute;
	bottom				: -26px;
	left				: 14px;
	width				: 176px;
	height				: 141px;
	display				: block;
	text-indent			: -900em;
	overflow			: hidden;
}


#titel a.restaurant	{	background: url(../img/logo_restaurant.png) no-repeat; }
#titel a.terras		{	background: url(../img/logo_terras.png) no-repeat; }
#titel a.hotel		{	background: url(../img/logo_hotel.png) no-repeat; }


/* --------------------------------	*/
/* zijbalk						 	*/
/* --------------------------------	*/
#zijbalk	{
	width				: 175px;
	float				: left;
	padding				: 0 0 0 33px;
}

#zijbalk div.logos,
#zijbalk div.logos-groot	{
	clear				: both;
}

#zijbalk div.logos a	{
	width				: 114px;
	display				: block;
	height				: 89px;
	background			: url(../img/zijbalk_logos.gif) no-repeat 0 0;
	text-indent			: -900em;
	overflow			: hidden;
	margin				: 0 0 20px 0;
}

#zijbalk div.logos a.restaurant	{	background-position: 0 0; }
#zijbalk div.logos a.terras		{	height: 88px; background-position: 0 -89px; }
#zijbalk div.logos a.hotel		{	background-position: 0 -177px; }

#zijbalk div.logos-groot {
	margin				: 18px 0 0 0 ;
}

#zijbalk div.logos-groot a	{
	width				: 173px;
	display				: block;
	height				: 150px;
	background			: url(../img/zijbalk-logos-groot.gif) no-repeat 0 0;
	text-indent			: -900em;
	overflow			: hidden;
	margin				: 0 0 15px -23px;
}

#zijbalk div.logos-groot a.restaurant-groot	{	background-position: 0 -160px; }
#zijbalk div.logos-groot a.terras-groot		{	background-position: 0 -320px; }
#zijbalk div.logos-groot a.hotel-groot		{	background-position: 0 0; }


/* --------------------------------	*/
/* submenu						 	*/
/* --------------------------------	*/
ul#submenu	{
	width				: 163px;
	margin				: 30px 0 20px -10px;
	float				: left;
	border-top			: solid 1px #A59586;
	font-size			: 1.1em;
	font-weight			: bold;
}

#submenu li	{
	border-bottom		: solid 1px #A59586;
	float				: left;
	width				: 163px;
}

#submenu li a	{
	float				: left;
	width				: 157px;
	padding				: 2px 3px;
	text-decoration		: none;
	color				: #43372B;
}

#submenu li a:hover, #submenu li.actief a	{
	background			: #B1A192;
	color				: #010204;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	line-height			: 1.5em;
	float				: left;
	width				: 380px;
	padding				: 0 20px 20px 0;
	min-height			: 425px;
	_height				: 425px;
}

#content h2 {
	font-size			: 1.4em;
	line-height			: 2.4em;
}

#content a 			{ color: #000; }
#content a:visited 	{ color: #242429; }
#content a:hover 	{ color: #666; }

/* iwes opmaak */
#content .iwes blockquote	{
	margin				: 0 0 10px 30px;
}

#content .iwes ul	{
	margin				: 0 0 10px 30px;
	list-style			: square;
}

#content .iwes ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}

/* formulieren */
#content .formmodule h4 {
	display				: none;
}

#content .formmodule ul {
	list-style			: none;
	margin				: 0;
}

#content input, 
#content select, 
#content textarea	{
	color				: #3E372F;
	border				: solid 1px #9A816D;
	font				: 1em Verdana, Arial, sans-serif;
	padding				: 2px;
	background			: #DAD1C8;
}

#content textarea	{
	overflow			: auto;
	width				: 297px !important;	
}

#content input.radio, 
#content input.checkbox 	{
	border				: none;
}

#content input.button 	{
	cursor				: pointer;
	background			: url(../img/buttons/verstuur.gif) no-repeat;
	border				: none;
	color				: #fff;
	font-weight			: bold;
	line-height			: 999em;
	overflow			: hidden;
	text-indent			: -999em;
	width				: 74px;
	height				: 25px;
}

#content input.fout, #content textarea.fout	{
	border				: 1px solid #F00;
}
#content .melding, #content label.fout	{
	color				: #F00;
}

.calendar {
	z-index				: 1000;	
}


/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps	{
	border				: solid 1px black;
	overflow			: hidden; 
	margin				: 0 0 0 40px;	
}

iframe.googlemaps_breed	{
	border				: solid 1px black;
	overflow			: hidden; 
	margin				: 0 0 0 40px;	
}

#googlemaps {
	background			: #eee;
	text-align			: left;
	font				: 1em Trebuchet MS;
	color				: #000;
	width				: 100%;
	height				: 100%;	
}

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* vervolgpagina				 	*/
/* --------------------------------	*/
#fotoboek {
	float				: right;
	position			: absolute;
	right				: 5px;
	top					: 54px;
	width				: 352px;
	overflow			: hidden;
	z-index				: 30;
}

#fotoboek .foto-groot {
	background			: url(../img/foto-groot-bg.gif) no-repeat -5px -5px;
	width				: 330px;
	height				: 265px;
}

#fotoboek .foto-groot img {
	padding				: 18px 0 0 19px;
}

#fotoboek div.thumbs {
	width				: 330px;
	overflow			: hidden;
}

#fotoboek ul.fotos li {
	float				: left;
	background			: url(../img/foto-klein-bg.gif) no-repeat 0 -2px;
	width				: 165px;
	height				: 115px;
}

#fotoboek ul.fotos li img {
	padding				: 10px 0 0 14px;
}

#fotoboek .foto-navigatie {
	clear				: both;
	margin-left			: 7px;
}

#fotoboek .foto-navigatie li {
	float				: left;
	margin				: 0 2px 0 0;
	color				: #fff;
	text-decoration		: none;
	padding				: 1px 1px;	
}

#fotoboek .foto-navigatie a {
	float				: left;
	background			: #302826;
	color				: #fff;
	text-decoration		: none;
	padding				: 0 5px;
}

#fotoboek .foto-navigatie a.actief {
	background			: #665854;
}

/* --------------------------------	*/
/* arrangementen				 	*/
/* --------------------------------	*/
#arrangementen {
	float				: left;
	width				: 720px;
	margin-bottom		: 10px;
}

#arrangementen li {
	width				: 720px;
	margin				: 0 0 0 -10px;
	padding				: 10px 0 0 10px;
	border-bottom		: solid 1px #3F362D;
}

#arrangementen li a:visited {
	color				: #6F6253;
}

#arrangementen li.last {
	border-bottom		: none;
}

#arrangementen li:hover {
	background			: #CEC4BA;
}

#arrangementen li .info,
#arrangementen li .foto {
	float				: left;
}

#arrangementen li .info{
	width				: 537px;
	min-height			: 110px;
	_height				: 110px;	
}

#arrangementen li .info p{
	text-align			: justify;
	width				: 514px;
}

#arrangementen li .foto {
	width				: 150px;
	padding				: 12px 12px 12px 20px;	
	background			: url(../img/arrangement-overzicht-foto-bg.png) no-repeat 6px -2px;
	margin-top			: 3px;
	min-height			: 79px;
	_height				: 79px;	
}

#arrangementen h4,
#arrangementen h4 a {
	color				: #3B3630;
	text-decoration		: none;
	font-size			: 1.1em;
	text-transform		: uppercase;
}

#arrangementen .lees-meer {
	display				: block;
	height				: 30px;
	width				: 100px;
	background			: url(../img/arrangementen-lees-meer.gif) no-repeat;
	text-indent			: -9000em;
	overflow			: hidden;
	float				: right;
}


/* --------------------------------	*/
/* arrangement contact			 	*/
/* --------------------------------	*/
#arrangement-contact {
	float				: left;
	width				: 730px;
}

#arrangement-contact div.arrangement-omschrijving {
	width				: 370px;
	float				: left;	
	clear				: right;
	line-height			: 1.5em;
	text-align			: justify;	
}

#arrangement-contact table {
	width				: 250px;
	float				: left;	
	clear				: left;
	font-size			: 1.2em;
	font-weight			: bold;
	margin				: 20px 0;
}

#arrangement-contact .foto-groot {
	background			: url(../img/arrangement-contact-foto-bg.gif) no-repeat 0 -2px;
	width				: 330px;
	height				: 258px;
	float				: right;	
	clear				: right;
	margin				: -4px 0 0 0;
}

#arrangement-contact .foto-groot img {
	padding				: 16px 0 0 21px;
}

#arrangement-contact .terug-naar-overzicht {
	background			: url(../img/button-arrangement-contact-terug.gif) no-repeat;	
	display				: block;
	width				: 180px;
	height				: 27px;
	text-indent			: -9000em;
	overflow			: hidden;
	clear				: both;
	margin				: 20px 0;
}

#arrangement-contact input.button 	{
	cursor				: pointer;
	background			: url(../img/buttons/verstuur.gif) no-repeat;
	border				: none;
	color				: #fff;
	font-weight			: bold;
	line-height			: 999em;
	overflow			: hidden;
	text-indent			: -999em;
	width				: 74px;
	height				: 25px;
}

/* arrangement contactformulier */
#content #arrangement-contact .formmodule li 	{
	margin				: 0 0 3px 0;
}

#content #arrangement-contact .label 	{
	float				: left;
	width				: 130px;
	color				: #fff;
	width				: 150px;
}

#content #arrangement-contact .veld 	{
	float				: left;
	width				: 400px;
}

#content input	{
	padding				: 0;
}

#content input.button {
	margin				: 5px 0 0 0 ;
}

#content #arrangement-contact input.button 	{
	margin				: 0 0 0 150px;
}

#fm_form4934__div_formulier {
	margin-top			: 20px;
}


/* --------------------------------	*/
/* nieuws						 	*/
/* --------------------------------	*/
#content .aanmelden_nieuwsbrief {
	position			: absolute;
	top					: 60px;
	right				: 155px;
	display				: block;
	width				: 166px;
	height				: 30px;	
	background			: url(../img/button-nieuwsbrief.gif) no-repeat;
	text-indent			: -9000em;
	overflow			: hidden;
}

#nieuwsoverzicht {
	float				: left;
	width				: 720px;
	margin-bottom		: 10px;
}

#nieuwsoverzicht li {
	width				: 720px;
	height				: auto;
	margin				: 0 0 0 -10px;
	padding				: 10px 0 0 10px;
	border-bottom		: solid 1px #3F362D;
	list-style			: none;
}

#nieuwsoverzicht li.last {
	border-bottom		: none;
}

#nieuwsoverzicht li:hover {
	background			: #CEC4BA;
}

#nieuwsoverzicht li .info,
#nieuwsoverzicht li .datum {
	float				: left;
}

#nieuwsoverzicht li .info{
	width				: 414px;
	min-height			: 70px;
	_height				: 70px;	
}

#nieuwsoverzicht li .info p a{
	text-align			: justify;
	width				: 400px;
	color				: #3B3630;
	text-decoration		: none;	
}

#nieuwsoverzicht li a:visited {
	color				: #6F6253;
}

#nieuwsoverzicht li .datum {
	width				: 80px;
	font-weight			: bold;
}

#nieuwsoverzicht h4,
#nieuwsoverzicht h4 a {
	color				: #3B3630;
	text-decoration		: none;
	font-size			: 1.1em;
	text-transform		: uppercase;
}

#nieuwsoverzicht .lees-meer {
	display				: block;
	height				: 30px;
	width				: 100px;
	background			: url(../img/arrangementen-lees-meer.gif) no-repeat;
	text-indent			: -9000em;
	overflow			: hidden;
	float				: right;
}

#nieuwsoverzicht li .foto {
	width				: 150px;
	padding				: 12px 12px 12px 20px;	
	background			: url(../img/arrangement-overzicht-foto-bg.png) no-repeat 6px -2px;
	margin-top			: 3px;
	min-height			: 79px;
	_height				: 79px;	
	float				: right;
}

#content .nieuws-terug {
	display				: block;
	margin-top			: 30px;
}

/* pagina navigatie*/
#content .pagina_navigatie {
	padding				: 10px 0;
	clear				: both;
}

#content .pagina_navigatie li {
	float				: left;
	margin				: 0 3px 0 0;
}

#content .pagina_navigatie li {
	padding				: 0;
}

.pagina_navigatie li.navigatie_item {
	padding				: 0;
}

#content .pagina_navigatie li.huidige_pagina {
	padding				: 1px 5px;
	font-weight			: bold;
	color				: #302826;
	border				: 1px solid #302826;
}

#content .pagina_navigatie a {
	float				: left;
	background			: #302826;
	color				: #BAAA9B;
	text-decoration		: none;
	padding				: 2px 6px;
}

#content .pagina_navigatie a:hover {
	background			: #302826;
	color				: #FFF;
}

/* --------------------------------	*/
/* nieuwsbrief aan- en afmelden			 	*/
/* --------------------------------	*/
#nieuwsbriefformulier fieldset {
	margin					: 0;
	padding					: 0;
	border					: 0;
}

#nieuwsbriefformulier legend {
	text-indent				: -900em;
}

#nieuwsbriefformulier ul {
	list-style				: none;
	padding					: 0;
	margin					: 0;
}

#nieuwsbriefformulier li {
	margin					: 0 0 3px 0;
	list-style			: none;
}

#nieuwsbriefformulier li label {
	display					: block;
	width					: 80px;
	float					: left;
	padding					: 3px 0 1px 0;
}
#nieuwsbriefformulier li input {
	color					: #000;
	width					: 200px;
}

#nieuwsbriefformulier li#extra_variabelen {
	clear					: both;
}

#nieuwsbriefformulier li#extra_variabelen select {
	display					: block;
	width					: 80px;
	margin					: 10px 0 3px 80px;
}

#nieuwsbriefformulier li#extra_variabelen br {
	clear					: left;
}

#nieuwsbriefformulier li#extra_variabelen input {
	margin					: 0 0 3px 0;;
}

#nieuwsbriefformulier li.aan_afmelden {
	padding					: 10px 0 10px 80px;
}
#nieuwsbriefformulier li.aan_afmelden input.radio {
	border					: 0;
	width					: 17px;
}
#nieuwsbriefformulier li.aan_afmelden label {
	width					: 100px;
	display					: inline;
	float					: none;
}

#nieuwsbriefformulier li input.veldFout_nieuwsbriefformulier {
	border					: 1px solid #F22;		
}

#nieuwsbriefformulier li input.button {
	display				: block;
	cursor				: pointer;
	background			: url(../img/buttons/verstuur.gif) no-repeat;
	color				: #fff;
	font-weight			: bold;
	line-height			: 999em;
	overflow			: hidden;
	text-indent			: -999em;
	border				: none;
	width				: 74px;
	height				: 25px;
	margin				: 10px 0 10px 80px;
}

#nieuwsbriefformulier #melding_nieuwsbriefformulier {
	color					: #E70509;
	display					: none;
	font-weight				: bold;
}

/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	clear				: both;
	position			: relative;
	padding				: 40px 0 0 0;
	text-align			: center;
	font-size			: 0.9em;
	background			: #BAAA9B url(../img/footer_bg.gif) no-repeat center top;
}

#footer .logis {
	display				: block;
	position			: absolute;
	top					: 20px;
	left				: 12px;
	width				: 60px;
	height				: 60px;
	text-indent			: -900em;
	background			: url(../img/logis.png) no-repeat left top;
}

#footer address	{
	font-style			: normal;
}

#footer a	{
	color				: #3E372F;
	text-decoration		: none;
}


/* --------------------------------	*/
/* copyright					 	*/
/* --------------------------------	*/
#copyright	{
	background			: url(../img/copyright_bg.gif) no-repeat center top;
	height				: 44px;
	color				: #FFFBF8;
	padding				: 0 0 10px 0;
}

#copyright a {
	color				: #FFFBF8;
	text-decoration		: none;
}

#copyright a:hover {
	color				: #5F5247;
}

#copyright span {
	margin-top			: 30px;
	font-size			: 11px;
}

#copyright span.carpediem {
	float				: left;
	margin-left			: 22px;
}

#copyright span.amimpact {
	float				: right;
	margin-right		: 22px;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h1 {
	visibility: hidden;
	padding: 14px 0 0 0;
}


.sIFR-hasFlash h2 {
	visibility: hidden;
}

.sIFR-hasFlash .koph3 {
	visibility: hidden;
	letter-spacing: -4px;
	font-size: 18px;
	z-index:50;
}

/* --------------------------------	*/
/* buttons						 	*/
/* --------------------------------	*/
.button-reserveringsaanvraag,
.button-zakelijk,
.button-leesmeer,
.button-leesmeer2,
.button-meernieuws,
.button-nieuwsbrief,
.button-nieuwsbrief2,
.button-overzichtspagina {
	display				: block;
	height				: 25px;
	overflow			: hidden;
	text-indent			: -900em;
}

.button-reserveringsaanvraag {
	width				: 200px;
	height				: 31px;
	background			: url(../img/buttons/reserveringsaanvraag.gif) no-repeat left top;
}

.button-zakelijk {
	width				: 106px;
	height				: 31px;
	background			: url(../img/buttons/zakelijk.gif) no-repeat left top;
}

.button-leesmeer {
	width				: 106px;
	margin				: 0 0 0 340px;
	background			: url(../img/buttons/leesmeer.gif) no-repeat left top;
}

.button-leesmeer2 {
	width				: 106px;
	float				: right;
	margin				: 0 0 5px 0;
	background			: url(../img/buttons/leesmeer.gif) no-repeat left top;
}

.button-meernieuws {
	position			: absolute;
	right				: 20px;
	bottom				: 15px;
	width				: 118px;
	background			: url(../img/buttons/meernieuws.gif) no-repeat left top;
}

.button-nieuwsbrief {
	position			: absolute;
	right				: 150px;
	bottom				: 15px;
	width				: 176px;
	background			: url(../img/buttons/nieuwsbrief.gif) no-repeat left top;
}

.button-nieuwsbrief2 {
	position			: absolute;
	top					: 60px;
	right				: 155px;
	width				: 176px;
	background			: url(../img/buttons/nieuwsbrief.gif) no-repeat left top;
}

.button-overzichtspagina {
	clear				: both;
	width				: 215px;
	margin				: 20px 0;
	background			: url(../img/buttons/overzichtspagina.gif) no-repeat left top;
}