table.twoColumns {
  width:730px;
}
table.twoColumns tr td.col1 {
  width:355px;
  padding:0 10px 0 0;
}
table.twoColumns tr td.col2 {
  width:355px;
  padding:0 0 0 10px;
}

table.threeColumns {
  width:730px;
  font-size:11px;
}
table.threeColumns tr td.col1,
table.threeColumns tr td.col2 {
  padding:0 20px 0 0;
  width:230px;
}
table.threeColumns tr td.col3 {
  width:230px;
}

.longdesc {
  color:#fff;
  background:#18479F;
  padding:3px;
  text-align:center;
}

.jiggy {
  font-size:11px;
  margin:0 0 10px 10px;
  text-align:right;
  padding:0 30px 0 0;
}

div.onlinebuchen {
  text-align:right;
}
div.onlinebuchen a {
  /* background:#18479F; */
  background:#9F1E18;
  color:#fff;
  padding:3px;
  display:block;
  width:140px;
  text-align:center;
  float:right;
}

a.wohnungenZuVerkaufen {
  background:#EBE0CA;
  padding:3px;
  display:block;
  width:140px;
  text-align:center;
}
a:hover.wohnungenZuVerkaufen {
  background:#CDBB96;
  text-decoration:none;
}


table.ferienwohnungen {
  width:730px;
}
table.ferienwohnungen tr td.col1 {
  border:solid #E1D0B0;
  border-width:1px 0;
  padding:3px 0 3px 0;
}
table.ferienwohnungen tr td.col2 {
  width:200px;
  padding:0 0 0 20px;
}
table.ferienwohnungen tr td.col1 h2,
table.ferienwohnungen tr td.col1 p {
  margin:.5em 0;
  font-size:11px;
  line-height:14px;
}

table.ferienwohnung tr td.col2 {
  font-size:11px;
  line-height:14px;
}

div.imagebar {
  width:730px;
  height:300px;
  overflow:auto;
}
div.imagebar div.inner {
  white-space:nowrap;
  background:#EBE0CA;
}
div.imagebar img {
  border-right:solid #EBE0CA 5px;
  margin:0;
}
div.imagebar div.image {
  float:left;
}
div.imagebar div.longdesc {
  background:#EBE0CA;
  clear:both;
  color:#000;
}

/* Kontakt */
.contactForm table {
  width:400px;
}
.contactForm table tr td{
  padding:2px 1em 2px 0;
}
.contactForm label {
  display:block;
  white-space:nowrap;
  color:#AA9163;
  text-align:right;
}
.contactForm input.text,
.contactForm textarea {
  width:300px;
}
#vorname,
#phone {
  width:145px;
  margin:0 5px 0 0;
}
#name,
#fax  {
  width:145px;
  margin:0 0 0 5px;
}
.sendmail_emptyfield1 label {
  color:#18479F ;
}
.sendmail_emptyfield1 input,
.sendmail_emptyfield1 textarea {
  border:solid #18479F 1px;
}

/* Spezielle Navig */

#id104 {
  margin-top:1em;
}

/* Heringsdorf-Info */
#nv2 a#id95,
#nv2s a#id97 {
  font-size:11px;
  margin:16px 0 1em 0;
  color:#000;
  text-transform:uppercase;
  letter-spacing:.1em;
}
#nv2 a#id95.a1,
#nv2s a#id97.a1 {
  color:#18479F;
}



/* Sqares: Referenzen */
table.sqares {
  margin:0 auto;
}
table.squares tr td {
  width:96;
  height:96px;
}
table.squares tr td.link {
  padding:2px;
  background:#18479F;
  color:#fff;
  text-align:center;
  vertical-align:middle !important;
}
table.squares tr td a {
  color:#fff;
  font-size:10px;
}
table.squares tr td a span.year {
  font-size:16px;
  display:block;
}
.beige100 {
  background:#E1D0B0;
}
.beige80 {
  background:#E7D9C0;
}
.beige60 {
  background:#EDE3D0;
}
.beige40 {
  background:#F3ECDF;
}
.beige20 {
  background:#F3ECDF;
}
.white {
  background:#fff;
}

/* Referenzen als Artikel */
.referenzen {
  width:600px;
  background:url(images/referencesBg.gif);
}
.referenzen td {
  text-align:center;
  vertical-align:middle;
  color:#fff;
  font-size:10px;
  width:100px;
  height:100px;
}
.referenzen td div.outer {
  height:100%;
  background:#18479F;
}
.referenzen a {
  color:#fff;
  display:block;
  width:100px;
  height:100px;
}
.referenzen a:hover {
  text-decoration:none;
}
.referenzen .year {
  font-size:16px;
  display:block;
}

.referenzLinks,
.referenz {
  width:100px;
  height:100px;
  padding:0 100px 0 0;
}
.referenzRechts {
  padding:0 0 0 100px;
}
.referenzLinks a div.text,
.referenz a div.text,
.referenzRechts a div.text {
  display:none;
}
.referenzLinks a:hover div.text,
.referenz a:hover div.text,
.referenzRechts a:hover div.text {
  display:block;
}
.referenzLinks a:hover img,
.referenz a:hover img,
.referenzRechts a:hover img {
  display:none;
}
/* Workaround für IE */
.referenzLinks a:hover,
.referenz a:hover,
.referenzRechts a:hover {
  color:#fff;
}
