body {
    background: #FFE1BF;
    margin: 0px;
    padding: 0px;
    color: #1F5A66;
    font: normal 10pt Trebuchet MS, sans-serif;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#logo {
    position: absolute;
    border: none;
    top: 0px;
    z-index: 10;
}

#header {
    height: 123px;
    background: #FFF0DF url(../graphics/bgr_header.jpg) 0px 0px repeat-x;
}

#body, #footer {
    border-left: solid 33px #FFE1BF;
}

#body {
    /*background: #fff url(../graphics/bgr_content.jpg) repeat-y 80% 0%;*/
    background: #fff;
}

#footer div {
    background: #FF8700;
    margin-left: 1px;
    padding: 5px 5px 10px 35px;
    text-align: left;
    color: #FFFF91;
    margin-bottom: 2em;
}

#footer div span {
    float: right;
    font-size: 6pt;
    margin-top: 3px;
    padding: 0px 5px;
}

.stopper, #stopper {
    clear: both;
}

/* Elements */

#body .padded h1, #body .padded h2 {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0em;
    line-height: normal;
    text-align: right;
}

.warm, .cold {
    font-size: 1em;
    margin: 0px 0.5em;
}

.warm h2 {
    color: #e77900;
    border-bottom: 5px solid #e77900;
}

.cold h2 {
    color: #3c5a81;
    border-bottom: 5px solid #3c5a81;

}

.warm p, .cold  p {
   font-size: 0.9em;
}

.warm {
    border-bottom: 1px solid #e77900;
    margin-bottom: 1em;
}

.cold {
    border-bottom: 1px solid #3c5a81;
    margin-bottom: 1em;
}

.warm .text, .cold .text {
    padding: 0.5em;
}

.warm .text {
    background: #fae5cd;
}

.cold .text {
    background: #dae6f8;
}


.contact {
    background-image: url(../graphics/btn_contact.png);
}

.send {
    background-image: url(../graphics/btn_send.png);
}

.print {
    background-image: url(../graphics/btn_print.png);
}

.cc {
    position: absolute;
    font-size: 8pt;
    color: #1F5A66;
    margin-left: 155px;
    margin-right: 200px;
    top: 70px;
}

.cc strong {
    font-size: 7pt;
}

.cc .list {
    margin-left: 1em;
}

#header h1 {
    white-space: nowrap;
    margin: 10px 20px 0px 0px;
    padding-top: 10px;
    text-align: right;
    line-height: normal;
    color: #A35801;
    font-size: 1.2em;
    font-style: italic;
}

#menucolumn {
    width: 249px;
    float: left;
    margin: 10px 0px 0px -34px;
}

.listing {
    width: 216px;
    margin: 20px auto 20px auto;
}

.listing .shd {
    display: block;
    margin: 0 auto;
    margin-top: -9px;
    width: 180px;
}

.listing h2 {
    text-align: right;
    font-style: italic;
    color: #FC6627;
    font-weight: bold;
    font-size: 9pt;
    padding: 5px 0px 0px 0px;
    margin-bottom: -10px;
    margin-top: 15px;
}

h2.blue {
    color: #3C5A81;
}

.listing .list {
    /*border-left: solid 15px #FFFF91;*/ /*border-right: solid 1px #ccc;*/
    margin: 1px;
    padding: 0px 1px;
    height: 350px;
    overflow: auto;
}

.listing .btn {
    cursor: pointer;
    position: relative;
    z-index: 20;
    display: block;
}

.listing .forsale table {
    /*background: #45CACF;*/
}

.listing .list {
    background: url(../graphics/bgr_list.png) repeat-y;
}

.listing .forsale {
    /*border-left: solid 15px #2138C4;*/
    background: url(../graphics/bgr_list2.png) repeat-y;
}


.list table {
    width: 100%;
    background: none;
}

.list .sleeps {
    white-space: nowrap;
    color: #8db7e1;
    text-align: center;
}

.list .lname {
    font-size: 8pt;
    color: #b35f00;
    padding-bottom: 10px;
    border-bottom: 1px solid #33A8AB;
}

.list .vname {
    padding-top: 10px;
}

.forsale .lname {
    border-bottom: 1px solid #E77900;
}

.forsale .lname a {
    color: #A35801;
}

.lname a {
    color: #1E4981;
}

.vname a {
    color: #1F5A66;
}


.usermenu {
    width: 500px;
    margin: 10px 0px 0px auto;
    text-align: right;
}

.usermenu a {
    padding: 0px 2px;
    margin: 0px 2px;
    font-size: 8pt;
    color: #A35800;
    border-bottom: 1px dotted #ccc;
}

.usermenu a:hover {
    border-bottom: 1px solid #213BC4;
    text-decoration: none;
    color: #213BC4;
}

.menu {
    position: relative;
    z-index: 20;
    margin: 0px 0px 0px 150px;
    padding: 5px 0px;
    height: 3.5em;
}

.menu img {
    display: block;
}

.menu ul {
display: block;
    text-align: right;
    width: 850px;
    margin: 0px 0px 0px auto;
    line-height: 1.8em;
        list-style: none;
    padding: 0;

}

.menu .sep {
}

.menu a {
    color: #2A405B; /*background: #E37901;*/
    border-bottom: 1px solid #7B9FD3;
    font-weight: bold;
    white-space: nowrap;
    margin: 1px;
    padding: 2px 5px 0px 5px;
    -moz-border-radius: 6px;
    font-size: 9pt; /*background: url(../graphics/bgr_menu_a.png) no-repeat left;*/
}

.menu a:hover {
    border-bottom: 1px solid #FFFF91;
    text-decoration: none;
}

.menu a.selected {
    color: #1783EB; /*background: #E37901;*/
    background: none;
}

.menu ul {
}

.menu li {
    display: inline;
}

#content {
    padding: 30px 0px;
    margin: 0px 20px 0px 220px;
}

p {
    line-height: 1.8em;
    text-align: justify;
    padding: 10px 0px;
}

#content h1 {
    font-size: 1.1em;
}

#content h2 {
    font-size: 1.05em;
    margin-top:1em;
    margin-bottom: 0.5em;
}

.cyanbgr {
    background: #C8FDFF;
}

.link {
    text-align: right;
    font-size: 0.8em;
    font-weight: bold;
    font-style: italic;
    color: #000;
}

.item .description, .location .description {
    line-height: 2em;
    font-size: 10pt;
    margin-bottom: 20px;
}

.item .image {
    float: right;
    padding: 1px 0px;
    margin: 10px 0px 10px 20px;
    border-color: #66bbcc;
    border-width: 3px 0 3px 0;
    border-style: solid;
}

.pricelist {
    margin: 0px 0px 50px 0px;
    width: 99%;
    border-bottom: 1px solid #83DBDD;
}

.pricelist .rentaltype {
    margin: 0px;
    padding: 10px;
    border-bottom: 1px solid #33A8AB;
}


.pricelist table {
    width: 99%;
    margin: 0 auto;
    border-collapse: collapse;
    font-size: 1.2em;
}

.pricelist table td {
    white-space: nowrap;
    padding: 3px;
    text-align: center;
}

.pricelist table td.price {
    text-align: right;
}

.pricelist table td.name {
    text-align: left;
    border-right: 1px solid #ccc;
}

.pricelist .title {
    font-size: 1.2em;
    text-align: center;
    padding: 5px;
    border-bottom: 5px solid #33A8AB;
}

.pricelist input {
    margin: 0px 10px;
    padding: 3px;
    border: 1px solid #33A8AB;
    background: #FFFFCC;
}

.pricelist tr.top td {
    font-weight: bold;
    background: #ffffcc;
}

.pricelist tr.sep td {
    border-top: 1px solid #33A8AB;
    padding-top: 5px;
    margin-top: 5px;
}

.pricelist tr.sep td.name {
    text-align: left;
}

.item .gallery {
    clear: right;
    margin: 10px 0px 10px 0px;
    padding: 10px;
    text-align: right;
}

.gallery img {
    padding: 1px 0px;
    border-color: #E77900;
    border-width: 3px 0 3px 0;
}

.gallery .images {
    text-align: center;
    width: 100%; /*border: 1px solid #E37901;     border-width: 0px 0px 3px 0px;*/ /*background: url(../graphics/bgr_gradient_images_vert.jpg) bottom repeat-x;*/
}

#content .gallery .images a {
    text-decoration: none;
}

.gallery .footer {
    font-size: 8pt;
    text-align: center;
    line-height: normal;
    background: #FF8800;
    padding: 5px;
    margin: 0 auto;
    color: #fff;
    border-bottom: 3px solid #E37901;
}

a.totop {
    display: block;
    font-size: 8pt;
    text-align: center;
    color: #666;
    margin: 10px;
}

.msg {
    border: 2px solid #E77900;
    background: #FFFF91;
    padding: 3px;
    width: 75%;
    text-align: center;
    margin: 0 auto 20px auto;
}

.location .description {
}

.location .gallery {
    float: right;
    width: 220px;
    margin: 20px;
    margin-right: 0px;
    padding-bottom: 10px;
    background: url(../graphics/gallery_top.png) top center no-repeat;
    padding-top: 10px;
}

.location .gallery .images {
    text-align: center;
    height: 400px;
    width: 200px;
    margin: 0 auto;
    overflow: auto;
    padding: 10px 0px;
    border: 1px solid #E37901;
    border-width: 3px 0px 3px 0px;
    background: url(../graphics/bgr_gradient_images.jpg);
}

.location .gallery img {
    margin-bottom: 10px;
}

.location .gallery .footer {
    background: #FF8800;
    padding: 5px;
    width: 190px;
    margin: 0 auto;
    color: #fff;
    border-bottom: 3px solid #E37901;
}

.location h2 {
    font-size: 1.2em;
}

.summarylisting {
}

.summarylisting .summaryitem {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    border-right: 10px solid #F5BE7E;
}

.accordion .details {
    display: none;
}

.summarylisting .name {
    margin-bottom: 5px;
    font-weight: bold;
}

.summarylisting .text {
    margin: 10px 110px 0px 20px;
    font-size: 0.8em;
    line-height: 2em;
}

.summarylisting .btn {
    clear: right;
    text-align: right;
    margin: 0px 20px 5px 20px;
}

.summarylisting .image {
    float: right;
    margin-right: 5px;
    padding: 1px 0px;
    border-style: solid;
    border-color: #E77900;
    border-width: 3px 0 3px 0;
}

.summarylisting .location .text {
    margin: 10px;
    font-size: 1em;
}

.summarylisting .location .image {
    margin: 10px;
    float: none;
    margin-right: 1px;
}


.summaryheader {
    clear: right;
    border: dashed #F5BE7E;
    border-width: 0px 0px 3px 3px; /*background: url(../graphics/bgr_gradient_images.jpg) repeat-y;*/
    padding: 10px;
}

#content a {
    text-decoration: underline;
}

.selected .name a {
    color: orange;
}

.selected {
    background: #ffc;
}

ol, ul {
    margin-left: 3em;
    padding: 10px;
}

.clientinfo {
    float: right;
    border-left: 1px solid black;
    padding: 20px 0px 20px 0px;
    width: 160px;
}

.clientinfo .label {
    margin: 5px 0px 0px 5px;
}

.clientinfo input, .clientinfo select {
    border: 1px solid #FF8800;
    background: #fff;
    width: 150px;
    padding: 3px;
}

input.continue {
    border: 1px solid #FF8800;
    display: block;
    color: #fff;
    background: #FF8800;
    border-color: #E37901;
    width: auto;
    padding: 3px;
}

.clientinfo input.continue {
    margin: 0 auto;
    margin-top: 25px;
}

.bookinginfo {
    margin-right: 200px;
}

table.list {
    width: 99%;
    border-collapse: collapse;
    margin-bottom: 25px;
}

.bookinginfo input.number {
    width: 2em;
}

table.list td {
    padding: 3px;
    vertical-align: top;
}

table.list tr.second td {
    padding-bottom: 25px;
}

.bookinginfo a {
    text-align: right;
    font-size: 0.8em;
}

.bookinginfo .controls {
    text-align: right;
}

.bookinginfo .price {
    font-size: 1.2em;
    text-align: right;
}

.bookinginfo .total {
    border-top: 1px solid #ccc;
    font-size: 1.2em;
    text-align: right;
}

#rightColumn {
    float: right;
    width: 220px;
    margin-left: 20px;
}

#rightColumn div.location .pages {
    float: none;
}

.location .pages {
    margin-top: 20px;
    width: 200px;
}

#nestedmenu {
float: right;
    margin: 0px auto 0px 20px;
    width: 160px;
    padding: 20px;
    background: #3DC6CC url(../graphics/bgr_gradient01.jpg) repeat-x;
    border-bottom: 5px solid #33A8AB;
}

#nestedmenu a {
    display: block;
    text-decoration: none;
    margin-bottom: 5px;
}

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

#nestedmenu .submenu {
    margin-left: 10px;
}

#nestedmenu a.selected {
    background: none;
    font-weight: bold;
    text-decoration: underline;
}
.contactform {
    margin: 0px auto;
    width: 400px;
}

.contactform .description {
    margin-bottom: 20px;
}

.contactform .required {
    font-size: 8pt;
    margin-left: 10px;
}

.contactform textarea {
    width: 400px;
    height: 175px;
}

.contactform .control {
    text-align: right;
}

.photo {
    padding: 1px;
    border-color: #66bbcc;
    border-width: 3px 0 3px 0;
    border-style: solid;
}

.right {
    float: right;
    margin: 15px 0px 15px 15px;
}

.left {
    float: left;
    margin: 15px 15px 15px 0px;
}

.message {
    padding: 5px;
    text-align: center;
}

.bookingsteps {
    width: 99%; /*border-bottom: 1px solid #ccc;*/
}

.bookingsteps td {
    width: 20%;
    border-bottom: 5px solid #fff;
    padding: 0.5em;
    color: #999;
    padding-left: 1em;
}

.bookingsteps td.current {
    border-bottom: 5px solid #E37901; /*border-width: 1px 1px 0px 1px;*/
    color: #000;
}

#content p.bookingtext {
    margin-bottom: 1em;
    padding: 1em;
    border: 1px solid #ccc;
    border-width: 1px 0px 1px 0px;
    background: #ffc;
}

blockquote {
    margin-left: 2em;
    margin-bottom: 2em;
    padding: auto;
}

.video {
    margin: 2em 0em;
}

.video .title {
    border-bottom: 1px solid #E58432;
    color: #990100;
    margin: 5px;
    text-align: left;
}

.video .text {
    padding: 20px;
}

.video .file {
    background: #FFFFFF none repeat scroll 0%;
    border: 3px solid #E58432;
    padding: 1px;
    width: 320px;
}

.center {
    margin: 0px auto;
}

p {
   font: normal 10pt Trebuchet MS, sans-serif;
   line-height:1.8em;
}

#content p.MsoNormal {
    font: normal 10pt Trebuchet MS, sans-serif;
    line-height:1.8em;
}


#content.columned {
    padding-right: 300px;
}

#content.columned #main, #content.columned #right {
    float: left;
    position: relative;
}

.columned #main {
    width: 100%;
    min-width: 550px;
}

#right {
    padding: 0px 20px;
    width: 280px;
    margin-right: -320px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #E77900;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


/* Weather Item */

.weatherFeed
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin-left: 20px;
	width: 180px;
}
.weatherFeed a { color: #888; }
.weatherFeed a:hover
{
	color: #000;
	text-decoration: none;
}
.weatherItem
{
	padding: 0.8em;
	text-align: right;
}
.weatherCity { text-transform: uppercase; }
.weatherTemp
{
	font-size: 2.8em;
	font-weight: bold;
}
.weatherDesc, .weatherCity { font-weight: bold; }
.weatherDesc { margin-bottom: 0.4em; }
.weatherRange, .weatherWind { font-size: 0.8em; }
.weatherLink
{
	text-align: left;
	font-size: 0.8em;
}