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

body {
	background: #FFF url(../img/bg_header.jpg) top left repeat-x;
}

body,td,th {
	font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000;
}

div { position:relative; }



/* typography & styling */
p { margin-bottom:10px; }

h1 { font-size:28px; margin-bottom:20px; color:#131; line-height:30px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:lighter; }
h2 { font-size:18px; margin-bottom:15px; color:#131; line-height:20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
h3 { font-size:12px; margin-bottom:10px; color:#ab6; line-height:20px; }

strong { font-weight:bold; }

.transparency80 { /*IE*/ filter:alpha(opacity=80); /*CSS3*/ standard opacity:0.80; }



/* navigation basics */

a { color:#131; text-decoration:none; font-style:italic; font-weight:bold; }
a:hover { color:#ab6; text-decoration:underline; }

/* get rid of those system borders being generated for A tags */

a:active { outline:none; }
:focus { -moz-outline-style:none; }


/* bullets */

ul { list-style:none; margin:0; padding:0; }

li {
	background-image: url(../img/bulletpoint.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-left: .8em;
	padding-bottom: 5px;
	font-style: italic;
}


/* navigation menu */

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#nav li {
	background: none;
	float: left;
	margin: 0;
	padding: 0;
	}
	
#nav a {
	font-weight: bold;
	padding: 0 20px 0 0;
	font-style: normal;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFF;
	}
	
#nav a:hover { color: #AB6; }
#nav #currentpage a { color: #AB6; }


/* grid footer */

* { margin:0; padding:0; } 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap { height:100%; }

body > #wrap { height:auto; min-height:100%; }

#center {
	padding-bottom: 110px; /* must be same height as the footer */
	width: 960px;
	margin: 0px auto;
	clear: both;
}


/* grid system */

#logo {
	width: 940px;
	padding: 30px 0 25px 10px;
	float: left;
	text-align: right;
}

#language {
	width: 90px;
	padding: 40px 10px 0 0;
	text-align: right;
	float: left;
}

#navigation {
	width: 940px;
	height: 20px;
	padding: 0 0 0 10px;
	clear: both;
}

#headerimg {
	width: 960px;
	padding: 20px 0;
}

.content {
	width: 960px;
	padding: 0 0 40px 0;
	float: left;
	clear: both;
}

.maintxt {
	width: 620px;
	padding: 0 30px 0 10px;
	float: left;
}

.subtxtl {
	width: 440px;
	padding: 0 15px 0 10px;
	float: left;
}

.subtxtr {
	width: 440px;
	padding: 0 10px 0 15px;
	float: right;
	text-align: right;
}

.subtxtr img {
	padding-top: 10px;
}

.meta {
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
}

.divider {
	width: 960px;
	height: 1px;
	padding: 20px 0;
	float: none;
	clear: both;
	border-top: 1px solid #ab6;
}

.booking {
	width: 300px;
	height: 255px;
	padding: 0;
		margin-top:10px;
	float: left;
	background: url(../img/banner_reservation.jpg) no-repeat;
}

.booking p { padding:35px 10px 0 10px; }

.bookingbut { width:280px; position:absolute; top:207px; padding:5px 10px; text-align:center; font-weight:bold; }
.bookingbut a { color:#FFF; text-decoration:none; }
.bookingbut a:hover { color:#AB6; }




/* teaser */

.teaser {
	width: 280px;
	padding: 5px 10px 0 10px;
	margin-right: 30px;
	background: url(../img/teaser_head.jpg) left top no-repeat;
	float: left;
}

.teaser h3 { text-transform:uppercase; color:#FFF; }
.teaser img { margin:-5px 0 15px -10px }


/* footer */

#footer {
	background: #eda url(../img/bg_footer.jpg) bottom center no-repeat;
	position: relative;
	margin-top: -110px; /* negative value of footer height */
	height: 110px;
	clear: both;
}

#footercarrier {
	width: 940px;
	height: 50px;
	margin: 0px auto;
	padding: 44px 10px 0 10px;
}

.footertxt { color:#FFF; line-height:14px; }
.footerlink { color:#FFF; }
.footerlink a { color:#AB6; font-style:normal; font-weight:bold; text-transform:uppercase; }
.footerlink a:hover { color:#FFF; }


/* clear fix */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display:inline-block; }

/* hides from IE-mac */
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */




/*CONTACT FORM*/	


fieldset p { line-height:30px; height:30px; padding:0 0 0 10px; }

#searchsubmit, #send, #top #submit{
	cursor:pointer;
	}
	
#s, .text_input, .text_area {
padding:5px;
font-family:Arial, Helvetica, sans-serif;
width:390px;
font-size:11.5px;

position:absolute;
left:100px;
}

#searchsubmit, #send, #submit{
padding:4px 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11.5px;
margin-left:90px;
margin-top:20px;
}

.hidden{
	display:none;
	}
#commentform{
	padding-bottom:20px;
	}


fieldset{
border:none;
padding:0;
margin:0;
overflow:hidden;
}

fieldset label{
	padding-right:7px;
	}
.blocklabel{
	display:block;
	padding:10px 0 0 0;
}

#top .text_area{
	width:450px;
	}
	
.corner_left, .corner_right{
	position:absolute;
	top:0;
	height:5px;
	width:5px;
	z-index:6;
	left:0;
		}
	
#top .corner_right{
	left:935px;
		}
	



a.dp-choose-date {
	float: right;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../img/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	float: right;
	width: 140px;
}





 
 
table.jCalendar {
	border: 1px solid #131;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
 
table.jCalendar td {
	background: #ccc;
	color: #131;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #131;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}
 
/* For the popup */
 
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
 
div.dp-popup {
	position: relative;
	background: #AB6;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 200px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #131;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}