/********************************* BASIC STYLING *************************************/

#shade_box {
	width: 840px;
	background: url(../img/base/shading.png) repeat-y 0 0;
	padding: 0 6px;
}
#container_box {
	width: 852px;
	margin: 0 auto;
}
#content_box {
	width: 840px;
	background: #ffffff;
	margin: 0 0 38px 0
}
#leftpane_box {
	width: 570px;
	float: left;
	margin: 0 20px 0 0;	
	/*background: url(../img/base/base_content_filler.gif) repeat-y 0 0;
	overflow: hidden;*/
}
#rightpane_box {
	width: 250px;
	float: left;
	/*background: url(../img/base/base_content_filler.gif) repeat-y -590px 0;
	overflow: hidden;*/
}
#footer_box {
	width: 780px;
	background: #ffffff;
	color: #232420;
	padding: 10px 30px 10px 30px;
	font-size: 10px;
	border-top: 7px solid #505050;
}
#footer_bottom_box {
	width: 840px;
	height: 27px;
	background: url(../img/base/shading_bottom.png) no-repeat;
	padding: 0 6px;
}

/********************************* HEADER STYLING *************************************/

#header_box {
	width: 840px;
	height: 180px;
	background: #ffffff;
	position: relative;
}
#header_box img {
	position: absolute;
	top:0;
	left: 0;
}

/********************************* MENU STYLING *************************************/
#menu_box {
	width: 820px;
	height: 40px;
	padding: 10px 0 0 20px;
	background: #232420;
	position:relative;
}

.menu {position:relative; float: left; height:40px; width:830px}
.menu ul#menu {list-style:none; z-index:10; position:absolute; z-index:100; padding:5px 0}
.menu ul#menu li {float:left;}
.menu a, .menu a:active, .menu a:visited {text-decoration:none; font-size:12px;color:#FFF; padding:10px}
.menu a:hover {color:#add940}
.menu a.selected {color:#add940}
#slide {position:absolute; bottom:0; height:7px; background:#add940; z-index:10}

#langswitch_box {
	position: absolute;
	top:-130px;
	left: 840px;
	height: 131px;
	width: 31px;
	padding: 10px 5px;
	background: url('../img/base/lang_box_base.png') no-repeat 0 0;
}
#lang_nl, #lang_en, #lang_de, #lang_es {
	width: 20px;
	height: 13px;
	overflow: hidden;
	display: block;
	text-indent: -200px;
	margin: 0 0 10px 0;
	cursor:pointer;
	border: none;
}
#lang_nl { background: url('../img/base/land_icon_nl.png') no-repeat -20px 0; }
#lang_nl:hover { background: url('../img/base/land_icon_nl.png') no-repeat 0 0; }
#lang_nl.selected { background: url('../img/base/land_icon_nl.png') no-repeat 0 0; }
#lang_en { background: url('../img/base/land_icon_en.png') no-repeat -20px 0; }
#lang_en:hover { background: url('../img/base/land_icon_en.png') no-repeat 0 0; }
#lang_en.selected { background: url('../img/base/land_icon_en.png') no-repeat 0 0; }
#lang_de { background: url('../img/base/land_icon_de.png') no-repeat -20px 0; }
#lang_de:hover { background: url('../img/base/land_icon_de.png') no-repeat 0 0; }
#lang_de.selected { background: url('../img/base/land_icon_de.png') no-repeat 0 0; }
#lang_es { background: url('../img/base/land_icon_es.png') no-repeat -20px 0; }
#lang_es:hover { background: url('../img/base/land_icon_es.png') no-repeat 0 0; }
#lang_es.selected { background: url('../img/base/land_icon_es.png') no-repeat 0 0; }

#toggle_header_btn {
	display: block;
	width: 12px;
	height: 12px;
	overflow:hidden;
	position: absolute;
	left: 820px;
	top:10px;
	opacity: 0.5;
	filter:alpha(50);
	cursor: pointer;
	border: none;
	text-indent: -200px;
	outline: none;
	background: url('../img/base/pointer_header.png') no-repeat 0 0;
}
#toggle_header_btn:hover {
	opacity: 1.0;
	filter:alpha(100);
}
#toggle_header_btn.down {
	background: url('../img/base/pointer_header.png') no-repeat -12px 0;
}


/********************************* SUBMENU STYLING *************************************/

#submenu_box {
	Width: 820px;
	height: 30px;
	padding: 8px 0 0 20px;
	background: #ffffff;
}
#submenu_box ul {
	width: 840px;
	list-style: none;
}
#submenu_box li {
	display: block;
	float: left;
	height: 30px;
}
#submenu_box li a {
	font-size: 10px;
	line-height: 23px;
	color: #232420;
	display: block;
	padding: 0 10px;
}
#submenu_box li a:hover {
	color: #ffffff;
	background: #232420;
}
#submenu_box li a.selected {
	color: #232420;
	border-bottom: 7px solid #232420;
	background: #ffffff;
}

/********************************* OtherBTN STYLING *************************************/

.btn {
	background: url(../img/admin/admin_btn.gif) no-repeat 0 0;
	color: #cccccc;
	border: none;
	width: 107px;
	height: 40px;
	line-height: 16px;
	cursor: pointer;
	clear: left;
	margin: 20px 20px 0 0;
	font-size: 16px;
	padding: 3px 0 18px 0;
	display: block;
	text-align: center;
	float: left;
	clear: none;
}
.btn:hover {
	color: #ffffff;
}
#submit_contact.btn_med, .btn_med {
	background: url(../img/admin/admin_med_btn.gif) no-repeat 0 0;
	color: #cccccc;
	border: none;
	width: 160px;
	height: 40px;
	line-height: 16px;
	cursor: pointer;
	clear: left;
	margin: 20px 20px 0 0;
	font-size: 16px;
	padding: 3px 0 18px 0;
	display: block;
	text-align: center;
	float: left;
	clear: none;
}
#submit_contact.btn_med:hover, .btn_med:hover {
	color: #ffffff;
}
#submit_contact.btn_large, .btn_large {
	background: url(../img/admin/admin_large_btn.gif) no-repeat 0 0;
	color: #cccccc;
	border: none;
	width: 220px;
	height: 40px;
	line-height: 16px;
	cursor: pointer;
	clear: left;
	margin: 20px 20px 0 0;
	font-size: 16px;
	padding: 3px 0 18px 0;
	display: block;
	text-align: center;
	float: left;
	clear: none;
}
#submit_contact.btn_large:hover, .btn_large:hover {
	color: #ffffff;
}

/********************************* CONTENT STYLING *************************************/

.popupText, #cal_info_block, #welcome_info_block, #disclaimer_block, #generalterms_block, #longstay_info_block, #discount_info_block {
	color: #ffffff;
	padding: 0;
	margin: 0;
}
.popupText a, 
#cal_info_block a, 
#welcome_info_block a, 
#disclaimer_block a, 
#generalterms_block a, 
#longstay_info_block a, 
#discount_info_block a {
	color: #ADD940;
}
.popupText a:hover, 
#cal_info_block a:hover, 
#welcome_info_block a:hover, 
#disclaimer_block a:hover, 
#generalterms_block a:hover, 
#longstay_info_block a:hover, 
#discount_info_block a:hover {
	color: #ffffff;
}
.popupText ul, 
#cal_info_block ul, 
#welcome_info_block ul, 
#disclaimer_block ul, 
#generalterms_block ul, 
#longstay_info_block ul, 
#discount_info_block ul {
	list-style: normal;
}
.popupText li, 
#cal_info_block li, 
#welcome_info_block li, 
#disclaimer_block li, 
#generalterms_block li, 
#longstay_info_block li, 
#discount_info_block li {
	margin: 5px 0;
}

/********************************* CONTENT STYLING *************************************/

#content_box .content ul {
	list-style: inside;
}
#calendar_box {
	background: #232420;
	display: block;
	width: 505px;
	padding: 0 20px 20px 30px;
	color: #ffffff;
}
#leftpane_box #calendar_box p, #leftpane_box #prize_block p, #leftpane_box #prize_block2 p {
	padding: 0;
}
#prize_block {
	background: #232420;
	display: block;
	width: 505px;
	padding: 0 20px 20px 30px;
	color: #ffffff;
}
#prize_block2 {
	background: #232420;
	display: block;
	width: 505px;
	padding: 20px 20px 20px 30px;
	color: #ffffff;
}
#leftpane_box #prize_block .title, #leftpane_box #prize_block2 .title{
	padding: 3px 0;
}
#prize_calc_block, #prize_calc_block2 {
	color: #ffffff;
}
#prize_calc_block .prize_block_left, #prize_calc_block .prize_block_right {
	display: block;
	float: left;
	width: 250px;
	height: 20px;
	color: #ffffff;
}
#prize_calc_block2 .prize_block_left{
	display: block;
	float: left;
	width: 280px;
	height: 20px;
	color: #ffffff;
}
#prize_calc_block2 .prize_block_right {
	display: block;
	float: left;
	width: 200px;
	height: 20px;
	color: #ffffff;
}
#prize_calc_block .prize_block_left, #prize_calc_block2 .prize_block_left {
	clear: left;
}
#prize_block input#reservation_btn, 
#prize_block input#reservation_btn_en,
#prize_block input#reservation_btn_es {
	color: #232420;
	height: 20px;
	width: 100px;
	overflow: hidden;
	display: block;
	border: none;
	clear: both;
	float: right;
	margin: 10px 174px 0 0;
	cursor: pointer;
}
#prize_block input#reservation_btn {
	Background: url(../img/base/reservate_nl.png) no-repeat 0 0;
}
#prize_block input#reservation_btn:hover {
	Background: url(../img/base/reservate_nl.png) no-repeat -100px 0;
}
#prize_block input#reservation_btn_en {
	Background: url(../img/base/reservate_en.png) no-repeat 0 0;
}
#prize_block input#reservation_btn_en:hover {
	Background: url(../img/base/reservate_en.png) no-repeat -100px 0;
}
#prize_block input#reservation_btn_es {
	Background: url(../img/base/reservate_es.png) no-repeat 0 0;
}
#prize_block input#reservation_btn_es:hover {
	Background: url(../img/base/reservate_es.png) no-repeat -100px 0;
}
#total_prize {
	color: #ffffff;
	float: left;
	display: block;
}
#reservationForm {
	width: 555px;
	background: #232420;
	display: block;
	color: #ffffff;
	padding: 0 0 20px 0;
}
#reservationForm input, #reservationForm label {
	float: left;
	display: block;
	margin: 5px 0;
	cursor: normal;
}
#reservationForm input {
	width: 150px;
}
#reservationForm label {
	width: 330px;
	clear: left;
	text-align: right;
	padding: 0 10px 0 0;
}
#reservationForm input.borderblue {
	width: 1px solid #04afff;
}
#reservationForm div {
	color: #ffffff;
}
#reservationForm a {
	color: #ADD940;
}
#reservationForm a:hover {
	color: #ffffff;
}
#reservationForm #w_pakket {
	width: 20px;
	cursor: auto;
}
#reservationForm #disclaimer {
	width: 20px;
	cursor: auto;
}
#reservationForm #prize, #reservationForm #startdate, #reservationForm #enddate {
	display: none;
}
#reservationForm #description {
	border: 1px solid #444444;
	width: 150px;
	height: 100px;
	margin: 5px 0 10px 0;
}
#reservationForm input.submit_reservation {
	color: #232420;
	height: 20px;
	width: 130px;
	overflow: hidden;
	display: block;
	border: none;
	float: right;
	margin: 0 154px 0 0;
	cursor: pointer;
}
#reservationForm input.submit_reservation {
	Background: url(../img/base/submit_reservation_nl.png) no-repeat 0 0;
}
#reservationForm input.submit_reservation:hover {
	Background: url(../img/base/submit_reservation_nl.png) no-repeat -130px 0;
}
#reservationForm input.submit_reservation_en,
#reservationForm input.submit_reservation_es {
	color: #232420;
	height: 20px;
	width: 140px;
	overflow: hidden;
	display: block;
	border: none;
	float: right;
	margin: 0 154px 0 0;
	cursor: pointer;
}
#reservationForm input.submit_reservation_en {
	Background: url(../img/base/submit_reservation_en.png) no-repeat 0 0;
}
#reservationForm input.submit_reservation_en:hover {
	Background: url(../img/base/submit_reservation_en.png) no-repeat -140px 0;
}
#reservationForm input.submit_reservation_es {
	Background: url(../img/base/submit_reservation_es.png) no-repeat 0 0;
}
#reservationForm input.submit_reservation_es:hover {
	Background: url(../img/base/submit_reservation_es.png) no-repeat -140px 0;
}
#reservationForm input.back_to_cal{
	color: #232420;
	height: 20px;
	width: 51px;
	overflow: hidden;
	display: block;
	border: none;
	float: left;
	margin: 0 0 0 24px;
	cursor: pointer;
}
#reservationForm input.back_to_cal {
	Background: url(../img/base/back_to_cal_nl.png) no-repeat 0 0;
}
#reservationForm input.back_to_cal:hover {
	Background: url(../img/base/back_to_cal_nl.png) no-repeat -51px 0;
}
#reservationForm input.back_to_cal_en,
#reservationForm input.back_to_cal_es {
	color: #232420;
	height: 20px;
	width: 76px;
	overflow: hidden;
	display: block;
	border: none;
	float: left;
	margin: 0 0 0 24px;
	cursor: pointer;
}
#reservationForm input.back_to_cal_en {
	Background: url(../img/base/back_to_cal_en.png) no-repeat 0 0;
}
#reservationForm input.back_to_cal_en:hover {
	Background: url(../img/base/back_to_cal_en.png) no-repeat -76px 0;
}
#reservationForm input.back_to_cal_es {
	Background: url(../img/base/back_to_cal_es.png) no-repeat 0 0;
}
#reservationForm input.back_to_cal_es:hover {
	Background: url(../img/base/back_to_cal_es.png) no-repeat -76px 0;
}
#msg_block {
	background: #232420;
	display: block;
	width: 505px;
	padding: 0 20px 20px 30px;
	color: #ffffff;
}
#leftpane_box #msg_block p {
	padding: 20px 20px 20px 0;
	color: #ffffff;
}
#calendar_box a, #msg_block a {
	color: #ADD940;
}
#calendar_box a:hover, #msg_block a:hover {
	color: #ffffff;
}
#cal_info_block a {
	color: #ADD940;
}
#cal_info_block a:hover {
	color: #232420;
}
#cal_info_block span {
	padding: 0 0 0 30px;
}
#leftpane_box #cal_info_block p {
	padding: 10px 20px 10px 30px;
	text-align: justify;
}

/******************************* CONTACT STYLING ************************************/

#contactForm {
	width: 525px;
	padding: 0 0 0 30px;
}
#contactForm label {
	width:150px;
	float: left;
	clear: left;
	margin: 0 20px 10px 0;
}
#contactForm input {
	width:150px;
	float: left;
	margin: 0 20px 10px 0;
}
#contactForm textarea {
	display: block;
	width: 200px;
	height: 100px;
	border: 1px solid #444444;
}
#contswitch {
	width: 150px;
	float: left;
	margin: 0 20px 10px 0;
}
.disabled {
	border: 1px solid #999999;
	background: #cccccc;
	cursor: default;
}
.labeldisabled {
	color: #c2c2c2;
}

/********************************* LEFT STYLING *************************************/
#leftpane_box .main_title{
	width: 525px;
	height: 45px;
	background: #add940;
	display: block;
	color: #495233;
	font-size: 28px;
	padding: 0 0 0 30px;
}
#leftpane_box .content {
	width: 555px;
	/*background: url(../img/base/white_filler.png) repeat 0 0;*/
	margin: 0 0 15px 0;
	padding: 0 0 20px 0;
}
#leftpane_box .title {
	color: #ffffff;
	display: block;
	height: 21px;
	background: #232420;
	font-size: 14px;
	line-height: 1.5em;
	padding: 3px 30px;
	display: block;
}
#leftpane_box .subtitle {
	line-height: 1.5em;
	/*padding: 0 0 0 30px;*/
	font-weight: bold;
	margin: 10px 0;
	display: block;
}
#leftpane_box p {
	padding: 10px 20px 10px 30px;
	text-align: justify;
}
#leftpane_box ul {
	display: block;
	padding: 20px 20px 20px 30px;
}
#leftpane_box li {
	display: block;
	margin: 0 0 10px 0;
}
#leftpane_box .showcase {
	list-style: none;
	font-style: normal;
	float: right;
	width: 200px;
	display: block;
	padding: 0;
	margin: 20px 0 10px 20px;
}
#leftpane_box .showcase li {
	float: left;
	margin: 0 0 10px 0;
}
#leftpane_box .showcase li a {
	display: block;
	opacity: 1.0;
}
#leftpane_box .showcase li a:hover {
	opacity: 0.7;
}
#leftpane_box .showcase li a img {
	display: block;
	border: none;
}

/********************************* RIGHT STYLING *************************************/

#rightpane_box .main_title{
	width: 220px;
	height: 45px;
	background: #59b3db;
	display: block;
	color: #ffffff;
	font-size: 28px;
	padding: 0 0 0 30px;
}
#rightpane_box .content {
	width: 250px;
	/*background: url(../img/base/white_filler.png) repeat 0 0;*/
	margin: 0;
	padding: 0 0 20px 0;
}
#rightpane_box .title {
	color: #ffffff;
	background: #232420;
	font-size: 14px;
	line-height: 1.5em;
	padding: 3px 30px 3px 30px;
	display: block;
}
#rightpane_box .subtitle {
	display: block;
	line-height: 1.5em;
	margin: 10px 0 0 20px;
	font-weight: bold;
}
#rightpane_box p {
	padding: 10px 30px 10px 20px;
	text-align: justify;
}
#rightpane_box #longstay_btn {
	font-size: 16px;
	margin: 0 0 10px 0;
	padding: 15px;
	display: block;
	background: #59B3DB;
	color: #ffffff;
	text-align: center;
}
#rightpane_box #discount_btn{
	font-size: 16px;
	margin: 0 0 10px 0;
	padding: 15px;
	display: block;
	background: #ADD940 ;
	color: #495233;
	text-align: center;
}
#rightpane_box #longstay_btn:hover {
	background: #ffffff;
	color: #59B3DB;
}
#rightpane_box #discount_btn:hover {
	background: #ffffff;
	color: #ADD940 ;
}

/********************************* FOOTER STYLING *************************************/

#footer_box ul {
	list-style: none;
	margin: 0 auto 0 auto;
	width: 620px;
}
#footer_box li {
	float: left;
	margin: 0 30px 0 0;
}
#footer_box li a{
	font-size: 10px;
}