#header { height: 134px; }
#header_content { height: 134px; }

#galleryViews { 
  position: relative; width: 100%; height: 290px; 
  margin: 0 auto; padding-bottom: 12px;
  overflow: hidden;
  background: #10141c url('/images/property_viewer_bottom.gif') bottom repeat-x;
  }
#galleryViews div.wrapper { position: absolute; top: 0; left: 50%; width: 2700px; height: 290px; }
#galleryViews img { display: none; position: absolute; top: 0; left: -420px; }
#galleryViews .view {
  display: block; position: absolute; 
  height: 290px;
  background: #10141c;
  overflow: hidden;
  text-decoration: none; 
  }
#galleryViews a.view {
  border: 1px solid #10141c; 
  border-top: none;
  border-bottom: none;
  }
#galleryViews a.selected { cursor: default; }
#galleryViews .view img { left: 0; }
#galleryViews div.wrapper div.next { visibility: hidden; position: absolute; top: 97px; left: 0; width: 58px; height: 100px; background: url('/images/gallery-next-prev-de.png') no-repeat; }
#galleryViews div.wrapper div.prev { visibility: hidden; position: absolute; top: 97px; right: 0; width: 58px; height: 100px; background: url('/images/gallery-next-prev-de.png') -106px -100px no-repeat; }
#galleryViews div.wrapper .view p.caption {
  position: absolute; left: 19px; bottom: 18px; 
  max-width: 270px; padding: 5px 7px; 
  font-size: 12px; color: #363330;
  background: #fff;
  }

#content { margin: 0 auto; }

/*Was: habe #page .main-content { padding-top: 10px; } hinzugefügt
Warum: Zusammenfassung der Werte aus guide und legal. Der Innenabstand des main-contents nach oben wird um 10px erhöht
Ziel:  Übersichtlichkeit. Lücke die durch Margin-top eines <p> geöffnet wird wird durch das padding wieder geschlossen */
#page .main-content .single-column { padding-top: 10px; }

#page div.properties { width: 954px; padding: 0; margin: 0 0 25px 46px; }
#page div.properties h2 {
	width: 929px;
	padding: 7px 0 0 11px; margin-left: 2px;
	border-top: 2px solid #c4bfb2;
	font-size: 20px; line-height: 22px;
	}
#page div.properties h2 a.show_all {
	float: right;
	margin: 7px 10px 0 0;
	font: 12px/22px 'Lucida Sans', sans-serif;
	color: #0a1f42;
	}
#page div.properties ul { clear: both; float: left; margin: 0; padding: 0; }
#page div.properties ul li {
	position: relative;
	float: left;
	width: 305px; height: 127px;
	padding: 0; margin: 0 13px 0 0;
	list-style: none;
	background: #f4f0e9 url('/images/property_plate-small.png') no-repeat;
	}
#page div.properties ul li:hover { background-position: 0 -127px; cursor: pointer; }
#page div.properties ul a { display: block; padding-left: 178px; height: 127px; color: #6b6966; text-decoration: none; }
#page div.properties ul img { position: absolute; top: 4px; left: 6px; }
#page div.properties ul h3 { position: relative; left: -2px; margin-top: 6px; font-size: 20px; line-height: 15px; }
#page div.properties ul p { margin-top: 2px; padding: 0; font: 13px/16px 'Georgia', serif; }
#page div.properties ul p.price { position: absolute; top: 89px; left: 178px; font-size: 14px; color: #496580; }

#page div.useful-links { 
  clear: both; margin: 25px 0 45px 50px; padding: 0 !important; width: 940px; height: 70px; 
  background: url('/images/useful-links.png') no-repeat; 
  }
#page div.useful-links h2 { 
  float: left; width: 154px; margin: 0; padding: 24px 5px 0 5px; 
  font-size: 17px; color: #fff; text-align: center; 
  }
#page div.useful-links ul { float: left; list-style: none; margin: 0; padding: 0; width: 776px; }
#page div.useful-links li { float: left; margin: 0; padding: 2px 1px 2px 0; }
#page div.useful-links li a { 
  display: block; width: 258px; height: 66px; text-decoration: none;
  background: url('/images/useful-links.png') -164px -2px no-repeat; 
  }
#page div.useful-links li a:hover { text-decoration: underline; }
#page div.useful-links li a:active { text-decoration: underline; background-position: -164px -72px; }
#page div.useful-links li a:active p { color: #701344; }
#page div.useful-links li h3 { margin: 0; padding: 16px 0 0 35px; color: #751818; font-weight: normal; font-size: 12px; text-transform: uppercase; }  
#page div.useful-links li p { margin: 0; padding: 5px 0 0 35px; font: 15px Georgia, serif; color: #0a1f42; }
#page div.useful-links .li-2 a { background-position: -423px -2px; }
#page div.useful-links .li-2 a:active { background-position: -423px -72px; }
#page div.useful-links .li-3 a { width: 256px; background-position: -682px -2px; }
#page div.useful-links .li-3 a:active { background-position: -682px -72px; }