@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(../images/bg.png);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #8ed4fc;
}
.oneColFixCtrHdr #container {
	width: 900px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #c6e9fd;
}
.oneColFixCtrHdr #header {
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 150px;
	width: 900px;
}
ul {
	list-style-type: square;

}
.no-border img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#logo {
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	width: 161px;
	height: 130px;
}

#menu {
	color: #666666;
	height: 24px;
	padding: 0;
	background-color: #FFF;
	float: left;
	width: 100%;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #02314B;
	border-bottom-color: #2FA2E2;
	margin: 0px;
	clear: both;
}



#menu ul {
	margin: 0;
	padding: 0;
}

#menu li {
	display: block;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}

#menu li a {
	color: #333;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	text-decoration: none;
	padding-top: 2;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 8px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #7E8E98;
	height: 24px;
	text-align: center;
	display: inline;
	float: left;
}

#menu li a:hover, #menu li a:active, #menu li a:focus {
	color: #FFF;
	text-decoration: none;
	background-color: #1F4774;
}


#menu2 {
	color: #666666;
	height: 26px;
	margin: 0px;
	padding: 0;
	background-color: #FFF;
	width: 100%;
}



#menu2 ul {
	margin: 0;
	padding: 0;
}

#menu2 li {
	display: block;
	float: left;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}

#menu2 li a {
	color: #333;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	text-decoration: none;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 8px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #7E8E98;
	height: 24px;
	text-align: center;
	display: inline;
	float: left;
}

#menu2 li a:hover, #menu2 li a:active, #menu2 li a:focus {
	color: #900;
	text-decoration: none;
}

#lang ul .de a {
	background-image: url(../images/de.png);
	background-position: center;
	background-repeat: no-repeat;
}



#lang {
	float: right;
	margin-top: 20px;
	margin-right: 10px;
}
#lang ul {
	margin: 0px;
	padding: 0px;
}
#lang li {
	display: inline;
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: none;
}
#lang li a {
	background-image: url(../images/lng.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	width: 84px;
	float: left;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	height: 18px;
	background-color: #FAD590;
	margin-right: 1px;
	margin-left: 1px;
}


#lang li a:hover, #lang li a:active, #lang li a:focus {
	background-image: url(../images/lng2.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	width: 84px;
	float: left;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #900;
	text-decoration: none;
	height: 18px;
	background-color: #ffeea8;
	margin-right: 1px;
	margin-left: 1px;
}



.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	background-image: url(../images/contbg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#content {
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
	width: 808px;
	margin-left: 60px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #012B42;
	text-decoration: none;
	background-image: url(../images/conbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFF;
	text-align: left;
}
#content img {
	border: 2px solid #FFF;
}
#bottom li  #caption{
	width: 200px;
	display: inline;
	background-color: #000;
	height: 200px;
}

#content ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	list-style-type: circle;
}
#content li {
	display: block;
	text-decoration: none;
}
#content #deadrow  {
	background-color: #C1E7FD;
}


#content h1 {
	font-size: 18px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #012C43;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#content h2 {
	margin: 0px;
	font-size: 14px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #012C43;
}
#table-white {
	background-color: #FFF;
	border: 1px solid #43626B;
	width: 370px;
	padding: 5px;
	margin: 0px;}
#table-white li a {
	color: #06F;
	font-weight: bold;
	text-decoration: underline;
}
#content ol {
	list-style-type: square;
}
#comment #title-message {
	background-image: url(../images/corns_03.gif);
	height: 47px;
	width: 617px;
	padding-left: 15px;
	padding-top: 4px;
	line-height: 22px;
}
#comment #message {
	background-image: url(../images/corns_09.gif);
	background-repeat: repeat-y;
	background-position: top;
	padding-right: 15px;
	padding-left: 15px;
}
#comment #bot-message {
	background-image: url(../images/corns_11.gif);
	background-repeat: no-repeat;
	height: 20px;
}

#comments #comment {
	width: 632px;
	margin-bottom: 10px;
}
#comment #message a {
	color: #09F;
	text-decoration: underline;
}
.title-message {
	font-weight: bold;
	color: #C90;
	text-decoration: none;
}
#pages a{
	font-weight: bold;
	color: #666;
	text-decoration: none;
	background-color: #F9F8F6;
	text-align: center;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}








.oneColFixCtrHdr #footer {
	padding: 0 10px;
	background-color: #FFF;
}
#title {
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
	line-height: normal;
	float: left;
	width: 350px;
	padding-left: 15px;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#title h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#title2 {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#title2 h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #C6E9FD;
	text-decoration: none;
	width: 700px;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#right-div {
	float: right;
	margin-left: 15px;
	width: 260px;
}
#right-div ul    {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#right-div li  {
	padding-top: 5px;
	padding-bottom: 15px;
}

#right-div li a img {
	border: 2px solid #FFF;
	margin: 0px;
	padding: 0px;
}
#bottom ul {
	margin: 0px;
	padding: 0px;
}
#bottom li {
	display: inline;
	text-align: center;
}

#bottom li a img {
	border: 2px solid #FFF;
	display: inline;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.preview {
	float: left;
	width: 160px;
	height: 180px;
	margin: 4px;
	padding: 5px;
	text-align: center;
	background-color: #E2F3FE;
	border: 1px solid #FFF;
}
.preview h3 a {
	margin: 0px;
	padding: 0px;
	color: #333;
	text-decoration: underline;
}

#gallery {
	text-align: center;
	width: 780px;
	margin-left: 30px;
}


.preview img {
	margin: 0;
}

.preview span { 
	display: block;
	font-size: 11px; 
	margin-bottom: 4px;
}
.facilities {
	float: left;
	width: 120px;
	height: 90px;
	margin: 0px;
	padding: 4px;
	text-align: center;
}
.rates-pic {
	float: left;
	width: 140px;
	height: 100px;
	margin: 0px;
	text-align: center;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
#rates-table {
	text-decoration: none;
	text-align: center;
}
#rates-table span {
	height: 20px;
	text-align: center;
}
#rates-table #rates1  {
	float: left;
	width: 260px;
	height: 70px;
	background-color: #A5C7D1;
	padding-left: 5px;
	margin-bottom: 2px;
	border: 1px solid #333;
	font-size: 12px;
}
#rates1 a {
	font-weight: bold;
	color: #333;
	text-decoration: underline;
	font-size: 12px;
}

#rates-table #rates2 {
	float: left;
	height: 70px;
	width: 120px;
	margin-left: 5px;
	text-align: center;
	background-color: #BBDFBC;
	padding: 1px;
	border: 1px solid #333;
}
#rates-table #rates3 {
	float: left;
	height: 70px;
	width: 120px;
	margin-left: 5px;
	text-align: center;
	background-color: #CEDFBB;
	padding: 1px;
	border: 1px solid #333;
}
#rates-table #rates4 {
	float: left;
	height: 70px;
	width: 140px;
	margin-left: 5px;
	text-align: center;
	background-color: #E6E2B7;
	padding: 1px;
	border: 1px solid #333;
}
#rates-table #rates5 {
	float: left;
	height: 70px;
	width: 118px;
	margin-left: 5px;
	text-align: center;
	background-color: #FFD9B3;
	border: 1px solid #012B42;
	margin-bottom: 5px;
}
#contact {
	float: right;
	margin-left: 15px;
	width: 260px;
	height: 350px;
}
ol {
	list-style-type: square;
}
#plans li {
	background-color: #DAF0FE;
	border: 2px solid #FFF;
	margin-bottom: 4px;
	padding: 5px;
}
#plans ol {
	list-style-type: circle;
}
#form-row  {
	float: left;
	width: 357px;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #A6CBD9;
	background-color: #F3F9FC;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 4px;
}
#booking-form {
	width: 730px;
	background-color: #FFF;
	text-align: center;
	margin-left: 30px;
	padding: 10px;
}
.label {
	width: 80px;
	display: block;
	float: left;
	height: 18px;
	padding-top: 3px;
	padding-left: 5px;
}
#form-row1 {
	float: left;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #A6CBD9;
	background-color: #F3F9FC;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 4px;
	width: 720px;
}
#submit {
	background-color: #FC0;
	border: 2px solid #FFF;
	font-weight: bold;
	margin-left: 20px;
}
#reset {
	background-color: #FFF1BB;
	border: 2px solid #FFF;
	margin-left: 20px;
}
#Message {
	background-color: #FDFFF0;
	border: 1px solid #C8B4A6;
	margin-left: 20px;
}
.formfield {
	background-color: #FDFFF0;
	border: 1px solid #C8B4A6;
	height: 24px;
}
#copyrights {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	clear: both;
}
#copyrights a {
	text-decoration: none;
	color: #000;
}
.pages {
	font-weight: bold;
	color: #40B9FE;
	text-decoration: none;
	background-color: #F9F8F6;
	text-align: center;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}
.SpryHiddenRegion {
	visibility: hidden;
}