@import("lightbox.css");

body {
  background-color: #1d1d1d;
  margin: 0px;
}

body, div, p, span, a {
  font-family: arial, verdana;
  font-size: 12px;
  color: #FFF;

  letter-spacing: -0.2px;
  line-height: 20px;
}

strong, b {
  letter-spacing: 0px;
}

p {
  margin-top: 20px;
  margin-bottom: 20px;
}

.clear {
  clear: both;
}

.float.left {
  float: left;
}


.float.right {
  float: right;
}

img {
  border: 0px;
}

a {
  color: #FFF;
  text-decoration: none;
}

#aligner {
  text-align: center;

  margin: 0px;
}

#header {
  background-color: #000;

  width: 1000px;


  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}

#header.start {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -270px;
  margin-left: -500px;
  height: 539px;
}

#header #topimage {
  height: 300px;
}

#header #headmenu {
  text-align: right;
  padding-top: 8px;
  height: 24px;
}

#header #headmenu ul {
  float: right;
  list-style-type: none;

  background-image: url(../images/headmenu_arrow.gif);
  background-repeat: no-repeat;
  background-position: 0px 2px;

  margin: 0px;
  padding: 0px;
  padding-left: 12px;
}

#header #headmenu ul li {
  float: left;
  margin:0px;
  margin-right: 10px;
  padding: 0px;
}

#header #headmenu ul li a {
  text-decoration: none;
}

#header #titleimage {
  margin-top: 13px;
  margin-bottom: 10px;
  height: 62px;

  text-align: center;
}

#header #mainmenu {
  margin-top: 27px;
}

#header #mainmenu ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#header #mainmenu ul li {
  margin: 0px;
  margin-left: 67px;
  margin-right: 67px;
  padding: 0px;
  display: inline;
}

#header #mainmenu ul li.summer {
  margin-left: 30px;
  margin-right: 70px;
}

#header #mainmenu ul li.winter {
  margin-right: 0px;
  margin-left: 67px;
}

#header #mainmenu ul li a {
  text-decoration: none;
}

#header #footmenu {
  margin-top: 22px;
  margin-bottom: 4px;
}

#header #footmenu div.copy {
  display: inline;
}

#header #footmenu ul {
  display: inline;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

#header #footmenu ul li {
  display: inline;

  background-image: url(../images/footmenu_spacer.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding-left: 11px;
  margin-left: 5px;
}

#header #footmenu ul li a {
  text-decoration: none;
}

#header #footmenu ul li.first {
  margin:0px;
  padding: 0px;
  background-image: none;
}

#header.start #content {
  display: none;
}


#content {
  padding: 14px;
  padding-top: 6px;
  text-align: left;
}

#content div.headline {
  height: 14px;

  background-color: #1b1b1b;
  border: 0px;
  border-bottom: 1px;
  border-color: #FFF;
  border-style: solid;

  padding: 22px 24px 8px 24px;
}

#content .content {
  padding: 28px 310px 8px 30px;
  position: relative;
}

#content .content .button {
  margin-top: 27px;
}

#searchbox {
  background-color: #1b1b1b;

  height: 122px;
}

#searchbox .left .headline {
  border: 0px;
  padding: 0px;
  height: 14px;
}

#searchbox .left {
  float: left;
  position: relative;
  height: 80px;
  width: 773px;

  padding: 19px 0px 23px 26px;
}

#searchbox .left .headline {
  border: 0px;
  padding: 0px;
  height: 14px;
}

#searchbox .left .selects {
  position: absolute;
  bottom: 18px;
  width: 550px;
}

#searchbox .left .selects .select {
  width: 166px;
  display: inline;
  margin-right: 10px;
}

#searchbox .left * select {
  width: 166px;
  height: 16px;
  margin: 0px;

  border: 1px solid #9a9999;
  border-bottom: 1px solid #6a6a6a;

  font-family: arial, verdana;
  font-size: 11px;
  color: #000;
  line-height: 0px;
  letter-spacing: 0.5px;
}

#searchbox .left .checkboxes {
  position: absolute;
  width: 217px;
  right: 0px;
  top: 15px;
}

#searchbox .left .checkboxes .checkbox {
  margin-bottom: 1.5px;
  height:22px;
}

#searchbox .left .checkboxes .checkbox input {
  border: 0px;
  margin-top: 3px;
}

#searchbox .left .checkboxes .checkbox .label {
  position: relative;
  top: -1px;
  left: 3px;
}

#searchbox .right {
  background-color: #292929;

  width: 152px;
  height: 38px;
  float: right;

  padding: 84px 0px 0px 21px;
}

#searchbox .right .go,
#searchbox .right .clear {
  float: left;
  margin-right: 10px;
}

#search {
  margin-bottom: 3px;
}

#content .headline {
  color: #626262;
  font-size: 14px;
}

#content .headline .previous,
#content .headline .next  {
  float: right;
}

#content .headline .next  {
  margin-left: 53px;
}

#content .headline .searchpages,
#content .headline .destination {
  color: #FFF;
  font-size: 14px;
  padding-left: 5px;
}

#content. headline h1 {
  border: 0px;
  margin: 0px;
  padding: 0px;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
}

#content .headline * {
  display: inline;
}

#content .headline .searchcount,
#content .headline .charlet {
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
}

#searchresults .villa {
  margin: 14px 14px 0px 0px;
  height: 254px;
  width: 479px;

  background-color: #1b1b1b;

  float: left;
}

#searchresults .villa.rechts {
  margin: 14px 0px 0px 0px;
}

#searchresults .villa .text {
  padding: 10px 14px 0px 14px;
  height: 78px;
}

#searchresults .villa p {
  margin: 0px;
  padding: 0px;
  padding-top: 6px;
  line-height: 15px;
}

#searchresults .villa h1 {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0px;
  line-height: 14px;
}

#searchresults .villa .info {
  padding: 0px 14px 14px 14px;
  float: left;
}

#searchresults .villa .info .data {
  margin: 0px;
  padding: 0px;
  line-height: 14px;
}

#searchresults .villa .more {
  margin: 13px 14px 14px 14px;
  float: right;
}

#paging {
  text-align: center;
  margin-top: 45px;
}

#paging .back,
#paging .number,
#paging .next {
  display: inline;
}

#paging .number {
  margin-left: 0px;
  margin-right: 1px;
}

#paging .back {
  margin-right: 16px;
}

#paging .next {
  position: relative;
  margin-left: 17px;
}

#paging .next .all {
  display:inline;
}

#paging .next .all a {
  padding-left:20px;
}
.booking.righthand,
.booking.lefthand {
  width: 400px;
  height: 500px;
}

.booking.righthand {
  position: absolute;
  left: 463px;
  top: 115px;
}

#property {
  width: 620px;
  position:relative;
}

#property ul.data,
#contact ul.error,
.booking ul.error  {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  margin-bottom: 8px;
}

#property ul.data.bold {
  margin:12px 0px 8px 0px;
}
#property ul.data li,
#contact ul.error li,
.booking ul.error li  {
  line-height: 14.5px;
}
#property ul.data.bullet li,
#contact ul.error li,
.booking ul.error li {

  background-image: url(../images/list_bullet.gif);
  background-repeat: no-repeat;
  background-position: 0px 6px;
  padding-left: 10px;
}

#contact ul.error,
.booking ul.error {
  padding: 2px;
  border: 1px solid red;
}

#property ul.data.bold li {
  font-weight: bold;
  letter-spacing: 0px;
}

h2 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  font-family: arial;
  margin: 27px 0px 3px 0px;
  padding: 0px;
}

#property p {
  margin-top: 0px;
  margin-bottom: 8px;
  line-height: 14.5px;
  padding: 0px;
}

#propertybox .box {
  width: 234px;
  background-color: #292929;
  margin-bottom: 14px;

}
#propertybox .box .headline {
  width: 200px;
  padding: 17px 17px 15px 17px;
  border: 0px;
  height: 11px;
  background-color: #1b1b1b;
}

#propertybox .box .gallery .image {
  font-size:0px;
}

#propertybox .box .gallery .image img {
  margin:0px;
  padding: 0px;
}

#propertybox .box .gallery .image a {
  line-height: 0px;
  font-size: 0px;
  padding: 0px;
  margin: 0px;
}

#propertybox .box .gallery img {
  float: left;
  margin:0px;
  padding: 0px;
  margin-right: 3px;
  margin-top: 3px;
  width:76px;
  height:49px;
}

#propertybox .box .gallery img.right {
  margin-right: 0px;
}

#propertybox .box .content ul {
  list-style-type: none;
  padding: 0px;
  margin:0px;
}

#propertybox .box .content {
  padding: 12px 18px 12px 18px;
}

#propertybox .box .content ul li {
  background-image: url(../images/list_bullet.gif);
  background-repeat: no-repeat;
  background-position: 0px 6px;
  padding-left: 10px;
  line-height: 14.5px;
}

#propertybox .enquiry {
  margin-bottom: 13px;
  padding-left: 17px;
}

#property .enquiry,
#property .pdfbrochure {
  position:absolute;
  top:28px;
  right: -30px;
}

#property .pdfbrochure {
  top:52px;
}

#contact .input,
.booking .input,
.booking .select  {
  margin-top: 13px;
  position: relative;
  width: 300px;
}

#contact .input label,
.booking .input label,
.booking .select label {
  position: absolute;
  left: 0px;
}

.booking .select select {
  position: relative;
  left: 170px;
  width: 204px;
}

.booking .select.inline .pos {
  position: relative;
  left: 170px;
  width: 204px;
}

.booking .select.inline * select {
  position: static;
}

#contact .input input,
.booking .input input {
  position: relative;
  left: 170px;
  width: 200px;
}

#contact .submit,
.booking .submit {
  margin-top: 40px;
  width: 370px;
  text-align: right;
}

.booking .desc {
  margin-top: 25px;
  width: 380px;
}

.booking .checkbox {
  padding-left: 167px;
}
.booking .checkbox * {
  display: inline;
}

.booking .textbox,
#contact .textbox,
.booking .twolines {
  margin-top: 10px;
  margin-bottom: 5px;
}

#contact .textbox label,
.booking .textbox label,
.booking .twolines label {
  position: static;
  display: block;
}

.booking .twolines select {
  position: static;
  display: block;
  width: 374px;
}

#contact .textbox textarea,
.booking .textbox textarea {
  display: block;
  clear: left;
  width: 370px;
  height: 100px;
}

.booking .checkbox label {
  margin-left: 5px;
  margin-right: 10px;
  position: relative;
  top: -1px;
}

#contact label.error,
.booking label.error {
  border-bottom: 1px solid red;
}

.booking * select,
.booking * input,
.booking * textarea,

#contact * select,
#contact * input,
#contact * textarea  {

  font-family: arial, verdana;
  font-size: 11px;
  color: #000;
  letter-spacing: 0.5px;
}

.booking * input.postcode {
  width: 45px;
  margin-right: 2px;
}

.booking * input.city {
  width: 149px;
}

.booking .captcha {
  margin-top: 10px;
  position: relative
}

.booking .captcha input {
  position: absolute;
  top: 10px;
  left: 170px;
}

.contactaddresscontainer, .contactformcontainer {
  float: left;
}

.contactaddresscontainer {
  padding: 5px 0px 0px 40px;
}

.sendafriend {
  background-color: #000;
  padding: 18px;
  width: 375px;
  margin: auto;
}

div.error {
  border: 1px solid red;
}

.sendafriend .captcha {
  position: relative;
  left: 170px;
  top: 0px;
  width: 100px;
  height: 29px;
}