/* Page defaults
----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background-color: #6D2D6F;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

	/*\*//*/
	margin: 20px 0 0 0;
	/**/		
}

body.mandarin {
	margin: 10px;
	color: #ffffff;
	background-color: #E1792A;
}

body.mandarin a {
	color: #FFFFFF;
	text-decoration: underline;
}

body.tealeaf {
	margin: 10px;
	color: #ffffff;
	background-color: #135A2C;
}

body.coral {
	margin: 10px;
	color: #ffffff;
	background-color: #C41C24;
}

body.taj {
	margin: 10px;
	color: #ffffff;
	background-color: #DFA228;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6D2D6F;
	text-decoration: none;
}

a:hover {
	color: #666666;
	text-decoration: none;
}

a.em {
	font-size: 150%;
}

div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

img {
	border: 0;
}

div#canvas {
	position: absolute;
	left: 50%;
	top: 50%;

	height: 522px;
	margin: -281px 0 0 -426px;

	border: 10px solid #ffffff;
	background-color: #ffffff;
	
	width: 851px; 
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 831px;
	
	/*\*//*/
	margin: 0 0 0 -404px;
	/**/	
}

html>body #canvas {
  width: 831px;
}

h1#logo {
	float: left;
	width: 831px;
	height: 114px;
	margin: 0;
	background-image: url(../layout/balk-boven-met-logo.gif);
	line-height: 300px;
	overflow: hidden;
}

h1#logo a {
	display: block;
	width: 831px;
	height: 114px;
	line-height: 300px;
	overflow: hidden;
	
	/*\*//*/
	line-height: 0;
	overflow: visible;
	text-indent: -9999px;
	/**/	
}

ol {
	margin: 0 20px 0 30px;
	padding: 0;
}

/* Forms
----------------------------------------------- */
div#page_contact form {
	margin: 10px 0 0;
	padding: 0;
}

div#page_bookingAvailability {
	margin: 0;
	padding: 0;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
}

/*
input {
	border: 1px solid #ffffff;
	width: 200px;
	margin: 2px 0 0;
}

textarea {
	border: 1px solid #ffffff;
	width: 250px;
	height: 60px;
	margin: 2px 0 0;	
	padding: 0;
}

input.submit {
	background-color: #848F29;
	border: 0;
	color: #ffffff;
	width: auto;
	margin: 2px 0 0;
	padding: 0;
}

input.auto {
	width: auto;
}

*/

option.disabled {
	color: #CCCCCC;
}

/* Navigation
----------------------------------------------- */
ul#navigation {
	float: left;
	width: 831px;
	height: 31px;
	margin: 3px 0;
	padding: 0;
	position: relative;
	z-index: 1;
}

ul#navigation li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}

ul#navigation li a {
	margin: 0 3px 0 0;
	padding: 0;
	display: block;
	width: 136px;
	height: 31px;

	line-height: 300px;
	text-decoration: none;
	overflow: hidden;
	
	/*\*//*/
	line-height: 0;
	overflow: visible;
	text-indent: -9999px;
	/**/	

}

ul#navigation li a#nav_prinsenhuis { background-image: url(../layout/nav_prinsenhuis_out.gif); }
ul#navigation li a#nav_prinsenhuis:hover { background-image: url(../layout/nav_prinsenhuis_over.gif); }
ul#navigation li a#nav_prinsenhuis.breadcrumb { background-image: url(../layout/nav_prinsenhuis_over.gif); }

ul#navigation li a#nav_apartments { background-image: url(../layout/nav_apartments_out.gif); }
ul#navigation li a#nav_apartments:hover { background-image: url(../layout/nav_apartments_over.gif); }
ul#navigation li a#nav_apartments.breadcrumb { background-image: url(../layout/nav_apartments_over.gif); }

ul#navigation li a#nav_pricing { background-image: url(../layout/nav_prices_out.gif); }
ul#navigation li a#nav_pricing:hover { background-image: url(../layout/nav_prices_over.gif); }
ul#navigation li a#nav_pricing.breadcrumb { background-image: url(../layout/nav_prices_over.gif); }

ul#navigation li a#nav_booking { background-image: url(../layout/nav_booking_out.gif); }
ul#navigation li a#nav_booking:hover { background-image: url(../layout/nav_booking_over.gif); }
ul#navigation li a#nav_booking.breadcrumb { background-image: url(../layout/nav_booking_over.gif); }

ul#navigation li a#nav_contact { background-image: url(../layout/nav_contact-us_out.gif); }
ul#navigation li a#nav_contact:hover { background-image: url(../layout/nav_contact-us_over.gif); }
ul#navigation li a#nav_contact.breadcrumb { background-image: url(../layout/nav_contact-us_over.gif); }

ul#navigation li a#nav_services { background-image: url(../layout/nav_services_out.gif); margin: 0; }
ul#navigation li a#nav_services:hover { background-image: url(../layout/nav_services_over.gif); }
ul#navigation li a#nav_services.breadcrumb { background-image: url(../layout/nav_services_over.gif); }


/* Page: Prinsenhuis (CSS columns)
----------------------------------------------- */
div#page_prinsenhuis {
	clear: both;
	width: 831px;
	height: 210px;
	margin: 0;
	padding: 0;
	background-image: url(../layout/panorama-foto.gif);
	background-repeat: no-repeat;
}

div#page_prinsenhuis p {
	float: left;
	margin: 230px 10px 0;
	text-align: justify;
	display: inline;
	padding: 0;
}

div#page_prinsenhuis p span#leftColumn {
	display: block;
	float: left;
	width: 385px;
	margin: 0;
	padding: 0;
	
	/*\*//*/
	margin: 240px 0 0;
	/**/	
}

div#page_prinsenhuis p span#rightColumn {
	display: block;
	float: left;
	width: 385px;
	margin: 0 0 0 30px;
	padding: 0;
	
	/*\*//*/
	margin: 240px 0 0 30px;
	/**/		
}

div#page_prinsenhuis p span#leftColumn span, div#page_prinsenhuis p span#rightColumn span {
	display: block;
	margin: 10px 0 0;
	padding: 0;
}

span.smalltext {
	font-size: 10px;
}

/* Page: Apartments
----------------------------------------------- */
ul#page_apartments {
	float: left;
	width: 831px;
	margin: 0;
	padding: 0;
}

ul#page_apartments li {

	/*\*//*/
	width: 205px;
	/**/

	height: 206px;
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	
}

ul#page_apartments li a {
	margin: 0 3px 0 0;
	padding: 0;
	display: block;
	width: 275px;
	height: 206px;

	line-height: 500px;
	text-decoration: none;
	overflow: hidden;
	
	/*\*//*/
	line-height: 0;
	overflow: visible;
	text-indent: -9999px;
	/**/
	
}

ul#page_apartments li a#mandarin { background-image: url(../layout/Mandarin-knop-a.gif); }
ul#page_apartments li a#mandarin:hover { background-image: url(../layout/Mandarin-knop-b.gif); }

ul#page_apartments li a#coral { margin: 0; background-image: url(../layout/Coral-knop-a.gif); }
ul#page_apartments li a#coral:hover { background-image: url(../layout/Coral-knop-b.gif); }

ul#page_apartments li a#tealeaf { background-image: url(../layout/Tealeaf-knop-a.gif); }
ul#page_apartments li a#tealeaf:hover { background-image: url(../layout/Tealeaf-knop-b.gif); }

ul#page_apartments li a#taj { margin: 0; background-image: url(../layout/apartment_taj.gif); display: none; }
ul#page_apartments li a#taj:hover { background-image: url(../layout/apartment_taj2.gif); }

div#page_apartmentsContent {
	clear: both;
	width: 831px;
	height: 150px;
	margin: 0;
	padding: 0;
}

div#page_apartmentsContent a {
	text-decoration: underline;
}

div#page_apartmentsContent p {
	float: left;
	margin: 20px 10px 0;
	text-align: justify;
	display: inline;
	padding: 0;
}

div#page_apartmentsContent p span#leftColumn {
	display: block;
	float: left;
	width: 385px;
	margin: 0;
	padding: 0;
	
	/*\*//*/
	margin: 240px 0 0;
	/**/	
}

div#page_apartmentsContent p span#rightColumn {
	display: block;
	float: left;
	width: 385px;
	margin: 0 0 0 30px;
	padding: 0;
	
	/*\*//*/
	margin: 240px 0 0 30px;
	/**/		
}

div#page_apartmentsContent p span#leftColumn span, div#page_apartmentsContent p span#rightColumn span {
	display: block;
	margin: 10px 0 0;
	padding: 0;
}

/* Page: Apartments: Mandarin
----------------------------------------------- */

div#page_mandarin {
	float: right;
	width: 275px;
	height: 371px;
	color: #ffffff;
	text-align: justify;
	background-color: #E1792A;
}

div#page_mandarin a {
	color: #ffffff;
	text-decoration: underline;
}

div#page_mandarin p {
	margin: 10px;
	width: 250px;
}


div#page_coral {
	float: right;
	width: 275px;
	height: 371px;
	color: #ffffff;
	text-align: justify;
	background-color: #C41C24;
}

div#page_coral a {
	color: #ffffff;
	text-decoration: underline;
}

div#page_coral p {
	margin: 10px;
	width: 250px;
}

div#page_tealeaf {
	float: right;
	width: 275px;
	height: 371px;
	color: #ffffff;
	text-align: justify;
	background-color: #135A2C;
}

div#page_tealeaf a {
	color: #ffffff;
	text-decoration: underline;
}

div#page_tealeaf p {
	margin: 10px;
	width: 250px;
}

div#page_taj {
	float: right;
	width: 275px;
	height: 371px;
	color: #ffffff;
	text-align: justify;
	background-color: #DFA228;
}

div#page_taj a {
	color: #ffffff;
	text-decoration: underline;
}

div#page_taj p {
	margin: 10px;
	width: 250px;
}

div#canvas > div#page_mandarin,
div#canvas > div#page_tealeaf,
div#canvas > div#page_coral,
div#canvas > div#page_taj,
div#canvas > div#page_services,
div#canvas > div#page_bookingPayment {
	height: auto;
	min-height: 371px;
}

a.imageNavigation {
	font-size: 9px;
	float: left;
	height: 10px; 
	width: 14px;
	margin: 0 -1px 0 0;
	padding: 2px 0;
	top: -18px;
	text-align: center; 
	color: #000000;
	background-color: #FFFFFF; 
	border: 1px solid black;
	position: relative;
	z-index: 1;
}

* html a.imageNavigation {
	top: -21px;
}

/*
a.imageNavigation {
	font-size: 9px;
	position: absolute;
	bottom: 0; 
	display: block; 
	height: 10px; 
	width: 14px; 
	padding: 2px 0;
	text-align: center; 
	color: #000000;
	background-color: #FFFFFF; 
	border: 1px solid black;
}

a#mandarinFirst, a#coralFirst, a#tealeafFirst, a#tajFirst {
	left: 0;
}

a#mandarinSecond, a#coralSecond, a#tealeafSecond, a#tajSecond {
	left: 15px;
}

a#mandarinThird, a#coralThird, a#tealeafThird, a#tajThird {
	left: 30px;
}

a#mandarinFourth, a#coralFourth, a#tealeafFourth, a#tajFourth {
	left: 45px;
}

a#mandarinFifth, a#coralFifth, a#tealeafFifth, a#tajFifth {
	left: 60px;
}

a#mandarinSixth, a#coralSixth, a#tealeafSixth, a#tajSixth {
	left: 75px;
}

a#mandarinSeventh, a#coralSeventh, a#tealeafSeventh, a#tajSeventh {
	left: 90px;
}

a#mandarinEightth, a#coralEightth, a#tealeafEightth, a#tajEightth {
	left: 105px;
}

a#mandarinNinth, a#coralNinth, a#tealeafNinth, a#tajNinth {
	left: 120px;
}

a#mandarinTenth, a#coralTenth, a#tealeafTenth, a#tajTenth {
	left: 135px;
}

a#mandarinEleventh, a#coralEleventh, a#tealeafEleventh, a#tajEleventh {
	left: 150px;
}

a#mandarinTwelfth, a#coralTwelfth, a#tealeafTwelfth, a#tajTwelfth {
	left: 165px;
}

a#mandarinThirteenth, a#coralThirteenth, a#tealeafThirteenth, a#tajThirteenth {
	left: 180px;
}

a#mandarinFourteenth, a#coralFourteenth, a#tealeafFourteenth, a#tajFourteenth {
	left: 195px;
}

a#mandarinFifteenth, a#coralFifteenth, a#tealeafFifteenth, a#tajFifteenth {
	left: 210px;
}

a#mandarinSixteenth, a#coralSixteenth, a#tealeafSixteenth, a#tajSixteenth {
	left: 225px;
}

a#mandarinSeventeenth, a#coralSeventeenth, a#tealeafSeventeenth, a#tajSeventeenth {
	left: 240px;
}

a#mandarinEighteenth, a#coralEighteenth, a#tealeafEighteenth, a#tajEighteenth {
	left: 255px;
}

a#mandarinNinteenth, a#coralNinteenth, a#tealeafNinteenth, a#tajNinteenth {
	left: 270px;
}

a#mandarinTwenteenth, a#coralTwenteenth, a#tealeafTwenteenth, a#tajTwenteenth {
	left: 285px;
}

a#mandarinTwentyFirst, a#coralTwentyFirst, a#tealeafTwentyFirst, a#tajTwentyFirst {
	left: 300px;
}

a#mandarinTwentySecond, a#coralTwentySecond, a#tealeafTwentySecond, a#tajTwentySecond {
	left: 315px;
}
*/


/* Page: Prices
----------------------------------------------- */
body.pricing div#canvas div#page_services {
	height: 368px;
	min-height: 0;
}

div#season {
	text-align: center;
	margin-bottom: -15px;
	position: relative;
	bottom: -8px;
}

table#page_priceColumn0 {
	float: left;
	margin-bottom: 150px;
}

* html table#page_priceColumn0 {
	margin-bottom: 135px;
}

*:first-child+html table#page_priceColumn0 {
	margin-bottom: 135px;
}

table#page_priceColumn0 td {
	width: 50%;
}

table#page_priceColumn1 {
	float: left;
	margin: 0 3px 0 0;
}

table#page_priceColumn2 {
	float: left;
	margin: 0;
}

table#page_priceColumn0 td, table#page_priceColumn1 td, table#page_priceColumn2 td {
	height: 31px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	border-bottom: 3px solid #ffffff;
}

table#page_priceColumn1 tr:hover, table#page_priceColumn2 tr:hover, tr:hover {
	color: #000000;
	background-color: #ffffff;
}

.seasonheader {
	color: #80371E !important;
	background-color: #FFFFFF !important;
}

.seasonheader a {
	color: #000000;
}

.header {
	color: #ffffff !important;
	background-color: #80371E !important;
}

.tr1 {
	color: #000000;
	background-color: #CF5729;
}

.tr2 {
	color: #000000;
	background-color: #DF854D;
}

.tr3 {
	color: #000000;
	background-color: #D27D2C;
}

.tr4 {
	color: #000000;
	background-color: #DFA228;
}

p.tax {
	text-align: center;
	margin: 10px 0 0;
}

p.info {
	font-size: 12px;
	margin: 10px 0 0;
	text-align: center;
}

p.division {
	margin-bottom: 0;
	margin-top: 15px !important;
}

p.sub {
	margin-bottom: 20px !important;
}

ul.price_exceptions li {
	clear: left;
}

ul.price_exceptions li span {
	float: left;
	width: 170px;
}

/* Page: Booking
----------------------------------------------- */
div#page_bookingInstructions {
	float: left;
	width: 275px;
	height: 371px;
	margin: 0 3px 0 0;
	text-align: justify;
	color: #ffffff;
	background-color: #CE562A;
}

div#page_bookingInstructions p {
	margin: 10px;
}

div#page_bookingAvailability {
	float: left;
	width: 275px;
	height: 371px;
	margin: 0 3px 0 0;
	text-align: justify;
	position: relative;
}

div#page_bookingAvailability p {
	margin: 10px;
}

div#page_bookingAvailability p.p {
	margin: 20px 10px 10px;
}

div#page_bookingPayment {
	float: left;
	width: 275px;
	height: 371px;
	margin: 0;
	text-align: justify;
	color: #ffffff;
	background-color: #CE562A;
}

div#page_bookingPayment p {
	margin: 10px;
}

div#page_bookingPayment p.p {
	margin: 20px 10px 10px;
}

div#page_bookingPayment input {
	width: 200px;
}

div#page_bookingPayment select {
	width: 200px;
}

body div#canvas div.exceptions p select {
	width: auto;
}

div#page_bookingPayment input#client_zip {
	width: 60px;
}

div#page_bookingPayment input#client_city {
	width: 134px;
}

div#page_bookingPayment input#airport {
	border: 0;
}

div#page_bookingPayment input#submit {
	width: auto;
}

div#page_bookingInstructions a, div#page_bookingPayment a {
	color: #FFFFFF;
	text-decoration: underline;
}

input#description,
input#amount {
	width: 200px;
}

table#calendar {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 100px;
	margin: 50px auto 15px;
}

table#calendar tr td {
	border-bottom: 1px solid #FFFFFF;
}

table#calendar tr.firstChild td {
	border-top: 1px solid #FFFFFF;
}

table#calendar tr.days th {
	padding: 3px 4px;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #DDD;
}

table#calendar tr.navigation {
	margin: 0 -10px 0 0;
}

table#calendar tr.navigation th {
	padding: 3px 4px;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #DDD;
}

table#calendar th a {
	cursor: pointer;
	font-weight: normal;
}

table#calendar th a:hover {
	text-decoration: underline;
}

table#calendar td {
	padding: 3px 4px;
}

table#calendar td.over,
table#calendar td.weekendOver {
	background-color: #CE562A;
	color: #FFFFFF;
	cursor: pointer;
}

table#calendar td.selected,
table#calendar td.weekendselected,
table#calendar td.blockedselected {
	background-color: #CE562A;
	color: #FFFFFF;
}

table#calendar td.today {

}

table#calendar td.weekend,
table#calendar td.weekendblocked {
	background-color: #DDDDDD;
}

table#calendar td.none {
	color: #F9F9F9;
	cursor: default;
	background-color: #F9F9F9;
}

table#calendar td.noneOver {
	background-color: #F9F9F9;
}

table#calendar td.past,
table#calendar td.pastblocked,
table#calendar td.pastselected {
	color: #CCC;
	cursor: default;
}

table#calendar td.pastOver {
	background: none;
	cursor: default;
}

table#calendar td.weekendnone,
table#calendar td.weekendpast, 
table#calendar td.weekendpastblocked,
table#calendar td.weekendpastselected {
	color: #BBB;
	cursor: default;
	background-color: #DDDDDD;
}

table#calendar td.weekendnone {
	color: #DDDDDD;
}

table#calendar td.weekendnoneOver,
table#calendar td.weekendpastOver {
	background-color: #DDDDDD;
}

.blocked,
.pastblocked,
.weekendblocked,
.weekendpastblocked {
	color: #999;
	text-decoration: line-through;

}

div#fromCalendar,
div#toCalendar {
	background-color: #FFFFFF;
	background-image: url(../layout/loading.gif);
	background-position: center 100px;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	width: 275px;
	height: 371px;
	text-align: center;
	z-index: 1;
}

a#close {
	cursor: pointer;
	color: #000000;
}

a#close:hover {
	text-decoration: underline;
}

input#fromCalendarHelper,
input#toCalendarHelper {
	width: 20px;
}


/* Page: Contact
----------------------------------------------- */
div#page_contact {
	float: right;
	width: 275px;
	height: 371px;
	text-align: justify;
	background-color: #848F29;
	position: relative;
}

div#page_contact p, div#page_contact address {
	color: #ffffff;
	font-style: normal;
	margin: 10px;
}

div#page_contact a {
	color: #FFFFFF;
	text-decoration: underline;
}

div#page_contact p {
	margin: 10px;
}

div#page_contact p.credits {
	position: absolute;
	bottom: 0;
}

a#map {
	float: left;
	display: block;
	width: 553px;
	height: 371px;
}

a.hosts {
	font-size: 140%;
	position: relative;
	top: 10px;
}

/* Page: Services
----------------------------------------------- */
div#page_services {
	float: right;
	width: 275px;
	height: 371px;
	text-align: justify;
	background-color: #D27D2E;
}

div#page_services a {
	color: #ffffff;
	text-decoration: underline;
}

div#page_services p {
	color: #ffffff;
	font-style: normal;
	margin: 10px;
}

/* Page: Content Mangagement
----------------------------------------------- */
div#pageContentManagement {
	clear: both;
	height: 370px;
	width: 831px;
	margin: 0;
	overflow: auto;
}

div#pageContentManagement p {
	margin: 10px 3px;
}

div#page_bookingAvailability label {
	padding: 3px 0 0;
}

div#page_bookingAvailability input.amount {
	margin: 0 5px 0 0;
	width: 20px;
}

div#page_bookingPayment select {
	width: auto;
}

span.collapse {
	display: inline;
	margin: 0;
	font-family: monospace;
	font-size: 12px;
	cursor: pointer;
}

p.copyright {
	color: #fff;
	position: absolute;
	bottom: -50px;
	text-align: center;
	width: 100%;
}

p.copyright a {
	color: #fff;
}