#header { height: 105px; }

#properties { 
  position: relative; width: 100%; min-width: 1000px; height: 509px; 
  margin: 0 auto; overflow: hidden;
  background: url('/images/home_properties_bottom.gif') repeat-x;
  }
#properties ul.propertyList { position: absolute; top: 0; left: 50%; width: 2760px; height: 365px; list-style: none; }
#properties .property { position: absolute; width: 920px; height: 505px; top: 0; left: -460px; }
#properties .fullView { 
  position: absolute; top: 0; left: 0; 
  width: 920px; height: 365px; 
  border: 2px solid #10141c; border-top: none; border-bottom: none;
  background: #10141c; overflow: hidden;
  }
#properties .fullView img { position: absolute; top: 0; left: 0; }  
#properties .fullView img.sold { z-index: 10; }

#properties .info { 
	position: absolute; z-index: 1;
	top: 288px; left: 58px;
	width: 250px; height: 184px;
	padding: 24px 25px 0;
	background: url('/images/home_infobox_background.png') no-repeat;
	}
#properties .info h2 { font-size: 29px; line-height: 31px; line-height: 10px; color: #0a1f42; }
#properties .info h3 { font: 14px/16px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; color: #701344; }
#properties .info p.location { margin-top: 4px; font-size: 18px; line-height: 21px; color: #0a1f42; }
#properties p.short_description { margin-top: 10px; font: 13px/18px 'Georgia', serif; color: #454341; }
#properties p.short_description a { white-space: nowrap; }

#properties .thumbnails { list-style: none; position: absolute; top: 356px; left: 365px; }
#properties .thumbnails li { float: left; margin-right: 20px; height: 102px; background: url('/images/home_property_thumbnail_reflection.png') no-repeat bottom; }
#properties .thumbnails li a { display: block; position: relative; width: 123px; height: 66px; overflow: hidden; }
#properties .thumbnails li img { position: absolute; top: 0px; left: 0px; }
#properties .thumbnails li.selected a { width: 113px; height: 56px; border: 5px solid #7fb7ff; }
#properties .thumbnails li.selected img { top: -5px; left: -5px; }

#properties a.next,
#properties a.prev { 
  position: absolute; top: 127px; 
  width: 58px; height: 100px; 
  background: url('/images/property-next-prev-de.png') no-repeat; 
  text-indent: -1000em; overflow: hidden; z-index: 100;
  }
#properties a.next { left: 0; }
#properties a.prev { right: 0; background-position: -106px -100px; }

#page { width: 1000px; }

#content {
	width: 860px;
	margin: -37px 0 40px 83px; padding: 0;
	background: url('/images/home-content_top.png') left top no-repeat;
	}

/*Was: width: auf 480px gesetzt; background herausgelöscht; padding-bottom auf 10px gesetzt
Warum: .main-content gibt nun die breite vor; background-img ist breiter als 480px und ist nun im .content; vergrößert den .main-content nach unten um 2px
Ziel:  Damit die gefloateten Bilder keine breite besitzen und somit kein Scroll-Balken zu sehen ist; damit das Bild komplett angezeigt wird; Abstand nac h unten soll wie in der Vorlage sein */
#page .main-content { position: relative; width: 480px; padding: 4px 0 10px 19px; }
/*Was: width: 480px herausgelöscht
Warum: .main-content gibt nun die breite vor
Ziel:  Damit die gefloateten Bilder keine breite besitzen und somit kein Scroll-Balken zu sehen ist  */
#page .main-content p { font: 15px/20px "Georgia", serif; color: #454341; }

/*Was: #page div.main-content .float_right.out { margin: -5px -309px 0 0; } definiert; margin-top -15px gesetzt
Warum: wenn das Bild rechts aussen sitzen soll, wird das Bild nach rechts um -309px und oben um -5px verschoben; Bild sollt 10px höher sein (Ausgangswert 5px)
Ziel: damit das Bild richtig positioniert wird; Margin-top: 10px der p-tags werden soll ausgeglichen werden */
#page div.main-content .float_right.out { margin: -5px -309px 0 0; }

div.teasers,
div.services { width: 820px; float: left; padding: 8px 20px 0; background: #fffefc; }
div.teasers h2,
div.services h2 { padding: 8px 0 0; font-size: 19px; line-height: 21px; }
div.teasers { padding-top: 12px; background: #fffefc url('/images/home-teaser_background.png') repeat-x; }
/*div.services * { border: 1px solid red;} */
div.services { padding-bottom: 42px; background: #fffefc url('/images/home-content_bottom.png') no-repeat bottom; }
div.services h2 { padding: 2px 0 0 1px; }

#footerBox p.copyright { padding-right: 10px; }