@charset "utf-8";
/* CSS Document */

* {
	font-size:100%;
	margin:0;
	padding:0;
	border:0;
	outline:none;
	}

/* force scrollbar */

html {
	height:100%;
	margin-bottom:1px;
	background:url(images/target_bg.gif) 100% 120% no-repeat;
	}


body {
	height:100%;
	-x-system-font:none;
	font-family:"trebuchet ms", trebuchet, arial, sans-serif;
	color:#333;
	font-size:0.84em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5;
	text-align:center;
	background:url(images/site_bg.gif) top left repeat-x;
	}



h1 {
	font-size:2em;
	font-weight:normal;
	padding:10px 0 5px 0;
	color:#8dbc3f;
	}

h2 {
	font-size:1.5em;
	font-weight:normal;
	line-height:1.1em;
	padding:5px 0 10px 0;
	color:#8dbc3f;
	}


h3 {
	font-size:1.33em;
	font-weight:normal;
	}

h4 {
	font-size:1.1em;
	color:#8dbc3f;
	}

h5 {
	font-size:1em;
	}

h6 {
	font-size:0.85em;
	}


p {
	margin:0 0 1em 0;
	}

a {
	text-decoration:none;
	color:#8dbc3f;
	}

a:hover {
	text-decoration:underline;
	}

.hidden {
	display:none;
	}

/* corners */

.corner {
	position:absolute;
	overflow:hidden;
	width:10px;
	height:10px;
	z-index:10;
	}

.top_left {
	top:0;
	left:0;
	background:url(images/corner_topleft.png) 0 0 no-repeat;
	}

.top_right {
	top:0;
	right:0;
	background:url(images/corner_topright.png) 0 0 no-repeat;
	}

.bottom_left {
	bottom:0;
	left:0;
	background:url(images/corner_bottomleft.png) 0 0 no-repeat;
	}

.bottom_right {
	bottom:0;
	right:0;
	background:url(images/corner_bottomright.png) 0 0 no-repeat;
	}


/* wrapper */

#wrapper {
	position:relative;
	overflow:hidden;
	margin:0 auto;
	width:1000px;
	text-align:left;
	background:transparent; 
	}


/* header */

#logo {
	display:block;
	position:relative;
	overflow:hidden;
	float:left;
	width:170px;
	height:138px;
	margin:0;
	padding:0;
	background:#59595b;
	}

#logo img {
	position:absolute;
	width:143px;
	height:131px;
	top:2px;
	left:10px;
	}

#logo a {
	display:block;
	width:170px;
	height:138px;
	text-decoration:none;
	}
	
#logo span {
	margin-left:-9999px;
	}

/* menu ---> see superfish.css */


/* breadcrumb and sitemap */

#breadcrumb {
	color:#999;
	display:block;
	float:left;
	width:700px;
	height:32px;
	margin-left:20px;
	}

#breadcrumb a {
	color:#999;
	text-decoration:underline;
	}

#breadcrumb a:hover {
	color:#8dbc3f;
	}

#sitemap {
	position:absolute;
	top:52px;
	right:2px;
	width:55px;
	height:29px;
	padding-left:24px;
	line-height:29px;
	font-size:0.9em;
	color:#999;
	background:url(images/sitemap_btn.gif) top left no-repeat;
	}

#sitemap:hover {
	text-decoration:none;
	color:#000;
	}
	

/* content */

#leftcolumn {
	position:relative;
	float:left;
	clear:left;
	width:170px;
	}
	
#rightcolumn {
	position:relative;
	float:right;
	width:810px;
	padding:8px 0 20px 0; /* to be adjusted */
	} 


/* leftcolumn */

.leftbox {
	position:relative;
	overflow:hidden;
	width:146px; /* total 170px */
	padding:10px 13px;
	margin-top:20px;
	background:#ccc;
	}

.leftbox span {
	padding-left:3px;
	}

.leftbox .title {
	display:block;
	margin-bottom:5px;
	}

#memberlogin {
	background:#8dbc3f;
	}
	
#memberlogin .title, #memberlogin .registration, #memberlogin .registration a {
	color:#003300;
	}	

#memberlogin .registration a {
	margin-left:3px;
	border-bottom:1px dashed #003300;
	}

#memberlogin .registration a:hover {
	text-decoration:none;
	border-bottom:1px solid #003300;
	}

#memberlogin form {
	display:block;
	}	

#memberlogin input {
	width:125px; /* total 141px */
	height:16px; /* total 32px */
	padding:8px;
	margin-bottom:10px;
	background:url(images/input_bg.gif) top left no-repeat;
	}

#memberlogin #submit_btn {
	width:55px; /* total 141px */
	height:33px; /* total 32px */
	font-weight:bold;
	background:url(images/submit_bg.gif) top left no-repeat;
	cursor:pointer;
	}

#memberlogin label {
	margin-left:4px;
	}

#memberlogin ul.errors {
	list-style-type:none;
	list-style-position:outside;
	color:#fff;
	line-height:1em;
	}

/* mamber area */

#memberlogin ul {
	list-style:inside;
	margin-left:5px;
	}

#memberlogin ul li a {
	color:#fff;
	}
	
#newsletter {
	background:#999;
	}

#newsletter .content {
	display:block;
	font-size:0.8em;
	color:#fff;
	padding-bottom:10px;
	}

#newsletter input {
	width:125px; /* total 141px */
	height:16px; /* total 32px */
	padding:8px;
	margin-bottom:10px;
	background: url(images/input_newsletter_bg.gif) top left no-repeat;
	}

#newsletter #newsletter_submit {
	width:70px; /* total 141px */
	height:33px; /* total 32px */
	margin-bottom:0px;
	font-weight:bold;
	background:url(images/submit_newsletter_bg.gif) top left no-repeat;
	cursor:pointer;
	}


/* all pages cmscontent */

#cms_content ul, #cms_content ol {
	margin-left:1.3em;
	} 

#cms_content ul li {
	margin-bottom:5px;
	}

#cms_content ul a, #cms_content ol a {
	font-weight:normal;
	}

#cms_content a {
	text-decoration:none;
	color:#003300;
	border-bottom:1px dotted #8dbc3f;
	}

#cms_content a:hover {
	border-bottom:1px solid #003300;
	}

#cms_content img {
	border:1px solid #ccc;
	padding:5px;
	margin:5px 0;
	}

#cms_content img.left {
	float:left;
	margin-right:10px
	}

#cms_content img.right{
	float:right;
	margin-left:10px
	}

/* Index page */

#banner {
	position:relative;
	overflow:hidden;
	width:812px;
	height:172px;
	margin:6px 0 15px 0;
	}

#imgcontainer {
	position:relative;
	overflow:hidden;
	width:812px;
	height:172px;
	}

#imgcontainer img {
	top:0;
	left:0;
	width:812px;
	height:173px;
	}

.imgnav {
	position:absolute;
	top:10px;
	z-index:10;
	}

#prev {
	left:10px;
	}

#next {
	right:10px;
	}

#cms_content.home {
	width:470px;
	float:left;
	}

#news {
	width:300px;
	float:right;
	margin-top:15px;
	padding-left:20px;
	border-left:1px solid #d2d2d2;
	}

#news h2 {
	margin:0;
	padding:0;
	}

.newsitem {
	margin-top:10px;
	}

#news p {
	margin:0;
	}

#news a {
	color:#333;
	}

#news a:hover {
	text-decoration:none;
	}

#news .date {
	color:#999;
	}

#news a:hover .date {
	color:#8dbc3f;
	}

/* fotogalerij */

#photo-overview {
	margin-top:5px;
	}

/* reservatielegenda */

#legenda ul {
	list-style-type:none;
	list-style-position:inside;
	}
	
#legenda ul li {
	position:relative;
	overflow:hidden;
	float:left;
	padding-left:20px;
	margin-bottom:3px;
	}

#legenda span.legenda {
	display:block;
	position:absolute;
	overflow:hidden;
	top:5px;
	left:0;
	border:1px solid #fff;
	width:10px;
	height:10px;
	margin:0;
	padding:0;
	}

#legenda span.legenda_disabled {background:#BBBFB3;}
#legenda span.legenda_telefoon {background:#AEBF8F;}
#legenda span.legenda_available {background:#8DBC3F;}
#legenda span.legenda_pending {background:#cac7eb;}
#legenda span.legenda_approved {background:#65639f;}
#legenda span.legenda_declined {background:#FF0000;}
#legenda span.legenda_occupied {background:#000;}

/*reservatie */

#reservatieheader {
	position:relative;
	overflow:hidden;
	height:60px;
	}

#reservatieheader h1 {
	text-align:center;
	}

#reservatieheader a {
	position:absolute;
	top:25px;
	}	

#reservatieheader a.left {
	left:0;
	}

#reservatieheader a.right {
	right:0;
	}

#reservatietable {
	position:relative;
	overflow:hidden;
	width:100%;
	float:left;
	border-collapse:collapse;
	}

#reservatietable table {
	border-collapse:collapse;
	}

#reservatietable table td {
	width:10px;
	height:10px;
	border-collapse:collapse;
	border:1px solid #fff;
	}

#reservatietable table td a {
	display:block;
	width:10px;
	height:10px;
	overflow:hidden;
	cursor:default;
	}
	
#reservatietable table td a.active {
	cursor:pointer;
	}


#reservatietable td.declined a {
	background:red;
}

#reservatietable td.occupied a {
	background:#000;
}

#reservatietable td.pending a {
	background:#cac7eb;
}

#reservatietable td.approved a {
	background:#65639f;
}


#reservatietable td.available a {
	background:#8dbc3f;
}

#reservatietable td.kalender_telefoon a {
	background:#AEBF8F;
}

#reservatietable td.disabled a {
	background:#BBBFB3;
}

#reservatietable td td.not {
	background:#ddd;
}


/* reservatie popup */


#popupcontent {
	float:left;
	overflow:hidden;
	text-align:left;
	margin:50px 0 0 50px;
	}

#popupcontent form {
	margin-top:30px;
	}

#popupcontent span {
	display:block;
	margin-top:30px;
	}

#popupcontent form label {
	font-weight:bold;
	}

/* bar en tafel */

#print_top, #print_bottom {
	display:none;
	}

#calendar {
	position:relative;
	float:right;
	margin:5px 0 5px 10px;
	background:#D2D2D2;
	padding-bottom:10px;
	}

.agenda_item {
	width:400px;
	}

#printlink {
	position:absolute;
	top:25px;
	left:350px;
	display:block;
	height:32px;
	padding-left:40px;
	line-height:31px;
	background:url(images/print.gif) top left no-repeat;
	}

/* footer  */

#footer_container {
	width:1000px;
	}

#footer {
	position:relative;
	overflow:hidden;
	float:right;
	clear:both;
	width:814px;
	height:46px;
	background:#59595b;
	}

#footer p {
	margin:0;
	}

#footer ul {
	list-style:none;
	margin:0 50px 0 5px;
	}

#footer li {
	float:left;
	padding-left:20px;
	margin:3px 30px 0 0;
	color:#fff;
	line-height:1.4em;
	background:url(images/bullet2.gif) 5px 3px no-repeat;
	width:175px;
	}
	
#footer li.small {
	width:95px;
	}

#footer a {
	color:#fff;
	}

#logos{
	position:absolute;
	right:10px;
	top:7px;
	}