/* --------------------------------------- */
/* GENERAL */
/* --------------------------------------- */

div#wrapper
	{
	background: #fff;
	}

#fillnavbar, #fillnavbar_web, #fillnavbar_kust
	{
	background: url(/grfx/bg-fillnavbar_vakantiewoningen.gif) no-repeat right 0px;
	}

div#content
	{
	width: 97%;
	margin-right: 0%;
	}

.step_link img					{ margin-top: 5px; margin-bottom: 5px; }

.lclear							{ font-size: 1px; height: 1px; }


/* ======================================= */

/* --------------------------------------- */
/* SEARCH */
/* --------------------------------------- */


/* ======================================= */

/* --------------------------------------- */
/* BROWSE */
/* --------------------------------------- */

.browse_table			{ background-color: #fff; width: 100%; padding: 0px; }
.tlc_browse				{ background-color: #8caedc; width: 8px; height: 18px; }
.tbg_browse				{ background-color: #8caedc; height: 18px; }
.trc_browse				{ background-color: #8caedc; width: 12px; height: 18px; }

.name_park_browse		{ font-weight: bold; color: #fff; text-transform: uppercase; padding-top: 1px; }

.lbg_browse				{ background: url(/grfx/vakantiewoningen/lbg_browse.gif) repeat-y; width: 8px; }
.rbg_browse				{ background: url(/grfx/vakantiewoningen/rbg_browse.gif) repeat-y; width: 12px; }

.name_house_browse		{ font-weight: bold; color: #3c458c; text-transform: uppercase; height: 20px; }
.underline_browse		{ background-color: #ebecf4; height: 1px; }

.browse_data			{ border-top: 0px; font-size: 11px; color: #7b7a7b; padding-top: 2px; }
.browse_data1			{ font-size: 11px; color: #7b7a7b; width: 40%; padding-top: 2px; }
.browse_data2			{ color: #7b7a7b; width: 24%; }

.pic_browse				{ background: url(/grfx/vakantiewoningen/bgpicture_browse.gif) no-repeat top left; width: 170px; }
.pic_house_browse		{ border: 1px solid #3c458c; margin: 6px 0px 0px 20px; }

.blc_browse				{ background: url(/grfx/vakantiewoningen/blc_browse.gif) no-repeat top left; width: 8px; height: 12px; }
.bbg_browse				{ background: url(/grfx/vakantiewoningen/bbg_browse.gif) repeat-x; height: 12px; }
.brc_browse				{ background: url(/grfx/vakantiewoningen/brc_browse.gif) no-repeat top left; width: 12px; height: 12px; }

/* ======================================= */


/* --------------------------------------- */
/* PRINT */
/* --------------------------------------- */

.print_table			{}
.print_desc				{ background-color: #fff; border-top: 1px dotted #ECEBEB; font-weight: bold; font-size: 1em; color: #7b7a7b; text-transform: none; width: 118px; padding: 4px 0px 4px 3px; }
.print_data				{ font-size: 11px; padding: 4px 0px 4px 8px; }

.print_spacer_line		{ height: 0px; margin-bottom: 0px; }
.print_spacer_desc		{ height: 0px; margin-bottom: 0px; border-right: 0px; }
.print_spacer_data		{ height: 0px; margin-bottom: 0px; }


div#printnav					{ border-bottom: 1px solid #999; height: 28px; }
div#printnav ul#tabulation		{ margin: 0px; padding: 0px; border: 0px; position: absolute; }
div#printnav ul#tabulation li	{ height: 22px; margin-right: 1px; float: left; }

#tab1,#tab1_on					{ width: 122px; }
#tab2,#tab2_on					{ width: 122px; }
#tab3,#tab3_on					{ width: 122px; }
#tab4,#tab4_on					{ width: 122px; }

div#printnav li    				{ text-decoration:none; list-style: none; cursor:pointer; font-size: 1em; color: #3c458c; padding-top: 6px; padding-left: 8px; }
div#printnav li#tab1			{ background: url(/grfx/vakantiewoningen/bg-printtab_new.gif) no-repeat 0px 0px; }
div#printnav li#tab2			{ background: url(/grfx/vakantiewoningen/bg-printtab_new.gif) no-repeat 0px 0px; }
div#printnav li#tab3			{ background: url(/grfx/vakantiewoningen/bg-printtab_new.gif) no-repeat 0px 0px; }
div#printnav li#tab4			{ background: url(/grfx/vakantiewoningen/bg-printtab_new.gif) no-repeat 0px 0px; }

li#tab1_on						{ background: url(/grfx/vakantiewoningen/bg-printtab_new.gif) no-repeat 0px -28px; }
li#tab2_on						{ background: url(/grfx/vakantiewoningen/bg-printtab_new.gif) no-repeat 0px -28px; }
li#tab3_on						{ background: url(/grfx/vakantiewoningen/bg-printtab_new.gif) no-repeat 0px -28px; }
li#tab4_on						{ background: url(/grfx/vakantiewoningen/bg-printtab_new.gif) no-repeat 0px -28px; }


#print_legend, #print_legend_text
	{
	font-size: 1em;
	text-align: left;
	display: block;
	margin-top: 2px;
	margin-left: 32px;
	margin-bottom: 15px;
	}

.legend_desc
	{
	background-position: 0px 2px;
	background-repeat: no-repeat;
	padding-left: 15px;
	}

#legend_desc1					{ background-image: url(/grfx/vakantiewoningen/icon-notavailable.gif); }
#legend_desc2					{ background-image: url(/grfx/vakantiewoningen/icon-available.gif); }
#legend_desc3,#legend_desc4		{ background-image: url(/grfx/vakantiewoningen/icon-arrival.gif); }


#print_details				{ position: relative; height: auto; min-height: 350px; display:block; overflow: auto; overflow-x: hidden; padding: 15px 5px; }

#print_details .box
	{
	position: relative;
	height: auto;
	margin-top: 15px;
	}

#print_details .sidebox1
	{
	width:15px;
	height: 15px;
	position:absolute;
	top: 3px;
	left:37px;
	z-index: 100;
	}

#print_details .sidebox2
	{
	width:15px;
	height: 15px;
	position: absolute;
	top: 3px;
	left:225px;
	z-index: 100;
	}

#print_details #btn-previous a,
#print_details #btn-next a,
#print_details #btn-previous a:hover,
#print_details #btn-next a:hover
	{
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	display: block;
	text-indent: -9999px;
	}

#print_details #btn-previous a			{ background-image: url(/grfx/vakantiewoningen/btn-previous.gif); }
#print_details #btn-previous a:hover	{ background-image: url(/grfx/vakantiewoningen/btn-previous.gif); background-position: 0px -15px; }

#print_details #btn-next 				{ padding-left: 4px; }
#print_details #btn-next a				{ background-image: url(/grfx/vakantiewoningen/btn-next.gif); }
#print_details #btn-next a:hover		{ background-image: url(/grfx/vakantiewoningen/btn-next.gif); background-position: 0px -15px; }

#print_details .contentbox
	{
	position: relative;
	height: auto;
	margin: 0px;
	margin-right: 30px; /* sidebox2 */
	margin-left: 30px; /* sidebox1 */
	z-index: 0;
	}

#display_calendar
	{
	position: absolute;
	height: 200px;
	top: 0px;
	left: 0px;
	z-index: 2;
	}

#print_details .calenderbox
	{
	position: relative;
	background-color: #f7f7f7;
	width: 220px;
	margin: 0px;
	margin-right: 30px; /* sidebox2 */
	margin-left: 30px; /* sidebox1 */
	z-index: 1;
	}

#calculated-price
	{
	position: relative;
	height: auto;
	min-height: 300px;
	margin-left: 330px;
	}

#calculated-price .orange
	{
	color: #FF9900;
	font-weight: bold;
    padding-left: 4px;
	}

#calculated-price h5
	{
	font-weight: bold;
	font-size: 1em;
	padding-left: 4px;
	}

#calculated-price table
	{
	width: 100%;
	}

#calculated-price table td
	{
	padding: 4px;
	}

.calculated-price-desc0,
.calculated-price-desc1,
.calculated-price-desc2
	{
	background-color: #00a5e8;
	font-weight: bold;
	font-size: 1em;
	color: #fff;
	}

.calculated-price-desc0			{ }
.calculated-price-desc1			{ width: 20%; }
.calculated-price-desc2			{ width: 15%; }

.calculated-price-total
	{
	border: 0px;
	border-top: 2px solid #999;
	font-weight: bold;
	}

.calc-price						{ text-align: right; }

.message-error					{ font-weight: bold; color: #f90; padding-left: 4px; }

.detail-search-filter
	{
	width: 20%;
	}

#print_details .contentbox h4
	{
	background-color: #00a5e8;
	font-weight: bold;
	font-size: 1em;
	color: #fff;
	margin: 0px;
	padding: 4px;
	padding-left: 8px;
	}

.calenderbox #month1
	{
	width:220px;
	position: relative;
	/*float:left;*/
	left:0px;
	}

.calenderbox #month1 h4
	{
	/*background-color: #3c458c;*/
	font-weight: bold;
	font-size: 1em;
	/*color: #fff;*/
	text-align: center;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	}

div#content #month1 table
	{
	margin-bottom: 0px;
	}

.calenderbox #month1 table th
	{
	font-family: arial narrow,arial,helvetica;
	font-weight: normal;
	font-size: 1em;
	text-align: center;
	width: 30px;
	}

.calenderbox #month1 table td
	{
	background-color: #eee;
	font-family: arial narrow,arial,helvetica;
	font-size: 1em;
	text-align: center;
	width: 30px;
	height: 30px;
	}

.calenderbox #month1 table td.available
	{
	background-color: #d8e82a;
/* 	background-color: #eee;*/
	}

.calenderbox #month1 table td.bookable
	{
	background-color: #b4c223;
	color: #000;
	text-decoration: underline;
	cursor: pointer;
	}

.calenderbox #month1 table td.past
	{
	background-color: #eee;
	color: #ccc;
	text-decoration: line-through;
	}

#print_details .contentbox #print_price_table
	{
	width: 100%;
	}

#print_price_table #print_price_subject
	{
	background-color: #00a4e8;
	font-weight: bold;
	color: #fff;
	vertical-align: top;
	}

#print_price_table #print_price_subject0	{ padding: 4px; padding-left: 8px; width: 30%; }
#print_price_table #print_price_subject1	{ padding: 4px; }
#print_price_table #print_price_subject2	{ padding: 4px; width: 15%; }
#print_price_table #print_price_subject3	{ padding: 4px; width: 18%; }

#print_price_table .print_price_desc
	{
	font-weight: bold;
	width: 14%;
	vertical-align: top;
	padding: 4px;
	padding-left: 8px;
	}

#print_price_table .print_price_data
	{
	vertical-align: top;
	padding: 4px;
	}

#print_details .contentbox #print_detail_table
	{
	width: 100%;
	}

#print_detail_table .print_detail_desc
	{
	font-weight: bold;
	width: 30%;
	vertical-align: top;
	padding: 4px;
	padding-left: 8px;
	}

#print_detail_table .print_detail_data
	{
	vertical-align: top;
	padding: 4px;
	}

.price_euro,
.price_data
	{
	width: 10px;
	float: left;
	}

.price_data
	{
	width: 50px;
	text-align: right;
	padding-right: 4px;
	}

/* ======================================= */
/* ======================================= */
/* ======================================= */