/* ----------------------------------------------------------------------- BASICS */

html{
	height:100%;
}

body{
	height:100%;
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	background:#FFF url(images/bg.gif) repeat-y center;
	line-height:1.4em;
}
	
div, p, form, img{
	padding:0px; margin:0px;
}

h1 {
	font-size:18px;
}
	
h2 {
	font-size:16px;
}
	
h3 {
	font-size:14px;
}
	
h4 {
	font-size:12px;
}
	
h5 {
	font-size:11px;
}

h1, h2, h3, h4, h5
{
	padding:2px;
	margin:2px;
}
#loginform input
{
	display:block;
}
/* ----------------------------------------------------------------------- LAYOUT */


#container{
	width:770px;
	margin:0 auto;}

#left-container{
	width:291px;
	float:left;}

#show{
	width:291px;
	height:169px;
	overflow:hidden;
	float:left;}

#menu{
	width:291px;
	float:left;
	background:url(images/menu_bg.jpg) repeat-y left;
	overflow:hidden;}

#nb{
	width:291px;
	float:left;}

#right-container{
	width:479px;
	float:left;}

#header{
	width:462px;
	height:189px;
	margin-left:17px;
	float:left;}

#content{
	width:442px;
	height:189px;
	float:left;
	margin-left:27px;
	padding-top:10px;
	color:#02002f;
	font-size:12px;
	line-height:1.6em;
	}

.breaker{
	clear:both;}





















/* ----------------------------------------------------------------------- LINKS */

a {
	text-decoration:underline;
	font-weight:bold;
	color:#000;
}

a:hover {
	text-decoration:none;
	font-weight:bold;	
}

/* ----------------------------------------------------------------------- HEAD-MENU */

#menu ul
{
	margin:20px 0 16px 0;
	padding:0;
	list-style-type:none;
}

#menu li{
	margin:1px 0 0 0;
	padding:0;
	list-style-type:none;
	}

#menu li{
	width:180px;
	text-align:left;}
	
#menu li:hover{
	width:290px;
	text-align:left;}
	
#menu li.on{
	width:290px;
	text-align:left;}

#menu li div{
	width:180px;
	height:18px;
	background:#ABB895;}
	
#menu li div:hover{
	width:290px;
	height:18px;
	background:url(images/button.gif) repeat-x top;}
	
#menu li.on div{
	width:290px;
	height:18px;
	background:url(images/button.gif) repeat-x top;}
	
#menu li a{
	width:165px;
	height:18px;
	line-height:18px;
	display:block;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	color:#fff;
	padding:0 4px;
	text-align:right;
}
	
#menu li a:hover{
	width:165px;
	height:18px;
	line-height:18px;
	display:block;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	color:#fff;
}
	
#menu li.on a{
	width:275px;
	height:18px;
	line-height:18px;
	display:block;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}

/* ----------------------------------------------------------------------- SUB-MENU */


#menu ul li ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}

#menu li ul li{
	margin:0 0 0 0;
	padding:0;
	list-style-type:none;
	}


#menu li ul li{
	margin-top:1px;
	width:240px;
	text-align:right;}
	
#menu li ul li:hover{
	width:240px;
	text-align:right;}
	
#menu li ul li.on{
	width:290px;
	text-align:left;}
	
#menu li ul li div{
	width:240px;
	background:#95BC80;}

#menu li.on ul li div{
	width:240px;
	background:#95BC80;}
	
#menu li ul li div:hover{
	width:240px;
	background:#95BC80;}

#menu li ul li.on div{
	width:290px;
	background:#95BC80;}
	
#menu li ul li a{
	width:225px;
	height:18px;
	line-height:18px;
	display:block;
	font-size:10px;
	text-decoration:none;
	font-weight:normal;
	color:#fff;
}
	
#menu li ul li a:hover{
	width:225px;
	height:18px;
	line-height:18px;
	display:block;
	font-size:10px;
	text-decoration:none;
	font-weight:normal;
	color:#000;
}
	
#menu li.on ul li a{
	width:225px;
	height:18px;
	line-height:18px;
	display:block;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
}
#menu li ul li.on a{
	width:225px;
	height:18px;
	line-height:18px;
	display:block;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
}

/* ----------------------------------------------------------------------- NEWS */

.news_item
{
	padding-bottom:20px;	
}
.news_title
{
	border-bottom:1px solid #ddd;	
	font-weight:bold;
}
.news_date
{
	font-style:italic;	
}
.news_image
{
	float:left;
	margin-right:5px;
}

/* ----------------------------------------------------------------------- SEARCH */
#search_shop{
	width:200px;
	padding:5px;
}
#search_site{
	width:200px;
	padding:5px;
}

/* ----------------------------------------------------------------------- SPOTLIGHT */
#spotlightContainer
{
	width:100%;	
}
.item_spotlight{
	float:left;
	padding:3px;
}

.item_spotlight img{
	}
	
.item_spotlight h3 a
{
}

/* ----------------------------------------------------------------------- GUESTBOOK */
#guestbook_write
{
	padding:3px;	
}
.guestbook_comment
{
	margin-bottom:20px;	
}
.guestbook_content
{
	padding:5px;
	border:1px solid #ddd;
}
.guestbook_sig
{
	font-weight:bold;	
	background:#ddd;
	padding:5px;
}

#guestbook_form img
{
	border:0;
}	
#guestbook_form input
{
	width:300px;
	font-size:10px;
	padding:5px;
}
#guestbook_form textarea
{
	width:300px;
	height:150px;
}
.error
{
	color:#f00;	
}


/* ----------------------------------------------------------------------- GALLERY */

#gal_wrapper{
	width:630px;
	text-align:center;}
	
#gal_title{
	width:630px;
	font-size:14px;
	font-weight:bold;
	color:#000;}

#gal_title a{
	font-size:14px;
	font-weight:bold;
	color:#000;}

#gal_image_name{}
	
#gal_allthumbs{
	width:630px;}
	
#gal_viewer{
	width:630px;}

#gal_nav{
	display:inline;
	vertical-align:top;
}
#gal_image_wrapper{}

#gal_image{}

#gal_nav_arrow_1{
display:inline;
}
 
#gal_nav_arrow_2{
	display:inline;}

#gal_nav_thumbs{
	display:inline;
}
#gal_nav_thumbs img{
	display:inline;
}



/** RESERVEREN **/


/* -------------------------------------------------------- INDEX **/

#mod_res-login {
	margin: 5px 0 10px 0;
	border-bottom:1px solid #666;
	border-top:1px solid #666;
	padding: 5px 5px;
	background: #FFF;
}

#mod_res h3
{
	font-size:14px;
	border-bottom:1px solid #666;
	margin:10px 0;
	position:relative;
	color:#11385e;
}
#mod_res input
{
	font-size:11px;	
	line-height:1.5em;
	height:20px;
}

#ui-datepicker-div, .ui-datepicker-inline {
	font-size:11px;
	line-height:1.2em;
}

.ui-datepicker-inline {
	font-size:0.8em;
}

.ui-datepicker-inline a {
	cursor:default;
}

.ui-datepicker-inline a:hover {
	border:1px solid #ccc;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

.res_spec {
	margin-bottom:1em;
}

.res_label {

}

#res_item table {
	width: 100%;
}

input.res_date {
	width:180px;
}

.pager a {
	border:1px solid #aaa;
	background:#aaa;
	padding:1px 5px;
	text-decoration:none !important;
}

.pager a.selected, .pager a:hover {
	background:white;
}



td.booked {
	background:red;
	color:white;
}
td.booked_half {
	background:#ffa3a3;
	color:white;
}

td.booked a.ui-state-default {
	background:red;
	border:inherit;
	color:white;
	text-decoration:none;
}
td.booked_half a.ui-state-default {
	background:#ffa3a3;
	border:inherit;
	color:white;
	text-decoration:none;
}

td a 
{
	text-decoration:none !important;
}

.res_result_item_imagefolder {
	border-top: #AAA solid 1px;
	border-bottom: #AAA solid 1px;
	padding: 10px 0;
	margin: 10px 0;
}

.res_result_item_imagefolder img {
	margin: 5px;
	border: #aaa solid 1px;
}

#res_item_specs_title, table.res_item_specs
{
	display:none;	
}
#res_date_end, #res_date_start
{
	width:150px;	
}
select.res_options {
	width: 150px;
}
table.res_item_specs, table.res_cart 
{
	border-collapse:collapse;
	font-size:11px;
	line-height:1.7em;
	width:100%;
}

table.res_cart th
{
	text-align:left;
	font-weight:bold;	
}

table.res_item_specs td, table.res_cart td 
{
	vertical-align:top;
	padding:2px 5px;
	background: #FFF;
}

#res_item .res_result_item_image {
	display: none;
}

#res_item_error {
	color:red;
}

.res_spec
{
}
.res_label
{	
	width:150px;
	float:left;
}
.res_spec select, .res_spec .res_checkboxes
{
	width:200px;
	float:left;	
}
.res_result_item
{
	padding:5px;
	border:1px solid #666;
	border-radius:5px;
	-moz-border-radius: 5px;
	margin:5px; 
	position:relative;	
	width:95%;
	float: left;
}
.res_result_item .res_result_item_image
{
	float:left;
	position:relative;
	margin: 0 0 0 0;
	width: 200px;
}
.res_result_item .res_result_item_image img
{
	border: none;
}
.res_result_item .res_result_item_description {
	display: none;
}
.res_result_item .res_result_item_info
{
	position: relative;
	height: 120px;
	
}
.res_result_item_info a
{

}
.res_result_item .res_result_item_title {
	
}
.res_result_item_link
{
	display:block;
	width:150px;

}
.steps
{
	padding:20px 0 0 0;	
}
.steps a, .steps input
{
	background:#ddd;
	padding:5px 10px;
	border-radius:5px;
	margin:5px;
}
.payment {
	position: relative;
	top: 4px;
}

/*
 * jQuery UI Datepicker 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {font-size: 10px; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table {  margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { }
.ui-datepicker-multi-3 .ui-datepicker-group {  }
.ui-datepicker-multi-4 .ui-datepicker-group { }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

#res_item_datepicker {display: none;}