@import url(reset.css);

html {
	background: #f4f4ed url(../images/bg.gif);

}

body {
	background: #f4f4ed url(../images/bg-header.jpg) no-repeat center top;
	font-family: Georgia, Palatino,'Palatino Linotype', Times, 'Times New Roman', serif;
	font-size:16px;
	font-weight:normal;
	line-height:150%;
	color: #222019;
}

p {
	margin: 0 0 25px 0;
}

abbr {
	color:#8D2A2B;
}

table {
	empty-cells:show;
	margin:20px 0;
}

caption {
	color:#24697a;
	text-align:left;
	font-weight:bold;
	margin: 0 0 10px 0;
	caption-side:top;
}

cite {
	font-size:14px;
}

td {
	padding: 5px 10px 5px 0;
}

th {
	padding:3px 10px 3px 0;
	text-align:left;
	border-bottom:solid 1px #b7cbcc;
}

h1, h2 {
	font-size:24px;
	font-weight:normal;
	line-height:150%;
	color:#24697a;
	border-bottom:solid 1px #b7cbcc;
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
}

h3 {
	font-size:16px;
	font-weight:bold;
	line-height:150%;
	color:#24697a;
	margin: 0 0 10px 0;
}

h4 {
	font-size:16px;
	font-weight:normal;
	line-height:150%;
	color:#fff;
	border-bottom:solid 1px #fff;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}

fieldset {
	float: left;
	clear: both;
	width: 100%;
	border-style: none;
	border-bottom: 1px solid #b7cbcc;
	background-color: #F2EFE9;
}

fieldset ol {
	padding:40px 5px 5px 5px;
	list-style:none;
}
fieldset li {
	padding:5px 0;
}
fieldset.alt {
	background-color:#fbfbf8;
}
fieldset.submit {
	padding:20px 0 0 0;
	border-style: none;
	border-bottom: 1px solid #b7cbcc;
	text-align:center;
}

legend {
	font-size:18px;
	font-weight:normal;
	color:#24697a;
}

legend span {
	position:absolute;
	float:none;
	display:block;
	width:520px;
	margin:10px 0 0 10px;
}

label {
	float:left;
	width:220px;
	text-align:right;
	margin-right:10px;
}

label.error {
	float:none;
	text-align:center;
	width:520px;
	margin:0;
	padding:0;
	color:#dd2d29;
	display:none;
	font-weight: normal;
	display: block;
}

input {
	font-family:Georgia, Palatino,'Palatino Linotype', Times, 'Times New Roman', serif;
	font-size:16px;
	font-weight:normal;
	padding:3px;
}

textarea {
	font-family: Georgia, Palatino,'Palatino Linotype', Times, 'Times New Roman', serif;
	font-size:16px;
	font-weight:normal;
	padding:3px;
	margin:0 0 0 10px;
}

textarea:focus, input[type=text]:focus, input[type=password]:focus {
	border:1px solid #b7cbcc;
}

textarea, input[type=text], input[type=password] {
	border:1px solid #b7cbcc;
}

select {
	font-family: Georgia, Palatino,'Palatino Linotype', Times, 'Times New Roman', serif;
	font-size:16px;
	font-weight:normal;
	padding:3px;
	margin:3px 0;
}

input.error, textarea.error, select.error  {
	border:1px solid #dd2d29;
}

a {
	color:#246A7B;
	text-decoration:underline;
}
a:link {
	color:#246A7B;
	text-decoration:underline;
}
a:visited {
	color:#8F7A2A;
	text-decoration:underline;
}
a:hover {
	color:#7F255C;
	text-decoration:underline;
}

a:focus {
	outline:none;
}

.page-wrap {
	position:relative;
	overflow:hidden;
	width:960px;
	margin:0 auto;
}

.grid_300, .grid_550, .grid_940 {
	display:inline;
	float:left;
	margin:0 10px;
}

.grid_300 {
	float:right;
	width:300px;
	padding:40px 0 0 0;
}

.grid_300 img {
	margin:0 0 40px 0;
}

.grid_550 {
	width:550px;
}

.grid_940 {
	width:940px;
	height:335px;
}

.grid_940 a {
	text-indent:-9000em;
	display: block;
	background-color: transparent;
}

#sprache {
	height:40px;
}

#sprache a {
	float:right;
	width:86px;
	height:40px;
}

#sprache a.deutsch {
	background: #fff url(../images/btnLanguage.jpg) no-repeat left top;
}

#sprache a.deutsch:hover {
	background-position: left bottom;
}

#sprache a.english {
	background: #fff url(../images/btnLanguage.jpg) no-repeat right top;
}

#sprache a.english:hover {
	background-position: right bottom;
}

#menu {
	height:65px;
}

#menu a {
	float:left;
	height:65px;
}

#menu .home a {
	width:83px;
	margin: 0 22px 0 0;
	background: #fff url(../images/btnMenu.jpg) no-repeat left top;
}

#menu .home a:hover {
	background-position: left bottom;
}

#menu .home a.active {
	background-position: left -65px;
}

#menu .surfbase a {
	width:117px;
	margin: 0 21px 0 0;
	background: #fff url(../images/btnMenu.jpg) no-repeat -105px top;
}

#menu .surfbase a:hover {
	background-position: -105px bottom;
}

#menu .surfbase a.active {
	background-position: -105px -65px;
}

#menu .houses a {
	width:92px;
	margin: 0 21px 0 0;
	background: #fff url(../images/btnMenu.jpg) no-repeat -243px top;
}

#menu .houses a:hover {
	background-position: -243px bottom;
}

#menu .houses a.active {
	background-position: -243px -65px;
}

#menu .appartments a {
	width:161px;
	margin: 0 21px 0 0;
	background: #fff url(../images/btnMenu.jpg) no-repeat -356px top;
}

#menu .appartments a:hover {
	background-position: -356px bottom;
}

#menu .appartments a.active {
	background-position: -356px -65px;
}

#menu .surf a {
	width:82px;
	margin: 0 14px 0 0;
	background: #fff url(../images/btnMenu.jpg) no-repeat -538px top;
}

#menu .surf a:hover {
	background-position: -538px bottom;
}

#menu .surf a.active {
	background-position: -538px -65px;
}

#menu .ratesdates a {
	width:171px;
	margin: 0 16px 0 0;
	background: #fff url(../images/btnMenu.jpg) no-repeat -634px top;
}

#menu .ratesdates a:hover {
	background-position: -634px bottom;
}

#menu .ratesdates a.active {
	background-position: -634px -65px;
}

#menu .booking a {
	width:119px;
	background: #fff url(../images/btnMenu.jpg) no-repeat right top;
}

#menu .booking a:hover {
	background-position: right bottom;
}

#menu .booking a.active {
	background-position: right -65px;
}

#socialmedia {
	height:65px;
	padding: 0 0 0 344px;
}

#socialmedia a {
	height:65px;
	float:left;
}

#socialmedia .skype a {
	width:171px;
	margin: 0 14px 0 0;
	background: #fff url(../images/btnSocialMedia.jpg) no-repeat left top;
}

#socialmedia .skype a:hover {
	background-position: left bottom;
}

#socialmedia .facebook a {
	width:166px;
	background: #fff url(../images/btnSocialMedia.jpg) no-repeat right top;
}

#socialmedia .facebook a:hover {
	background-position: right bottom;
}

#footer {
	height:265px;
	font-size:14px;
	color: #fff;
	background: #fff url(../images/bg-footer.jpg) repeat-x left top;
}

#footer a, #footer a:link {
	color:#fff;
}

#cse-search-box input {
	font-size:14px;
	padding:0;
}

#siteby {
	margin:30px 0 0 0;
	text-align:right;
	font-size:12px;
}

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

.green {
	color:#24697a;
}

td.green {
    white-space:nowrap;
}

.bg-image {
	background-color:#fbfbf8;
	width:540px;
	text-align:center;
	vertical-align:middle;
	padding:25px 0 15px 0;
}

.bg-image iframe {
	width:500px;
	height:400px;	
}

.bg-image cite {
	clear:both;
	display:block;
	overflow:hidden;
	padding: 10px 0 0 0;
}

.gallery-overview {
	overflow: hidden;
	margin: 10px 0;
	width: 100%;
	clear:both;
	display:block !important;
}

.gallery-thumbnail-box {
	float: left;
	background-color:#fbfbf8;
	padding: 10px;
}

iframe, #cse-search-results {
	width:540px;
}

.alignright {
	text-align:right;
}

/* Alerts  */

.help {
	padding: 10px 10px 10px 50px;
	color: #255495;
	background: #e5eefb url(../images/help.png) 8px no-repeat;
	border: solid 1px #0055cc;
	font-weight: bold;
	margin: 0 0 20px 0;
	display: block;
}

.good {
	padding: 10px 10px 10px 50px;
	color: #259525;
	background: #e5fbe5 url(../images/good.png) 8px no-repeat;
	border: solid 1px #00cc00;
	font-weight: bold;
	margin: 0 0 20px 0;
	display: block;
}

.bad {
	padding: 10px 10px 10px 50px;
	color: #af2b2b;
	background: #ffe9e9 url(../images/bad.png) 8px no-repeat;
	border: solid 1px #ff0000;
	font-weight: bold;
	margin: 0 0 20px 0;
	display: block;
}

.warning {
	padding: 10px 10px 10px 50px;
	color: #af952b;
	background: #fffbe9 url(../images/warning.png) 8px no-repeat;
	border: solid 1px #ffcc00;
	font-weight: bold;
	margin: 0 0 20px 0;
	display: block;
}

.hidden {
	display: none;
}