/**
 * Screen
 *
 * @author Cornelius Hansjakob <cha@massiveart.com>
 * @version 1.0
 */

/* ----------------
Reset */
@import url(reset.css);

/* ----------------
Main */

body {
  background-color:#fff;
  color:#333;
  font-family: Arial,Helvetica,sans-serif;
  font-size:14px;
  line-height:20px;  
}

p {
  padding-bottom:10px;
}

.clear {
  clear:both;
  height:0;
  line-height:0;
  font-size:0;
}

.inner {
  width:940px;
  margin:0 auto 0 auto;  
}

sup {
  font-size:10px;
  vertical-align: top;
  
}

/* ----------------
Links */

a, a:hover {
  font-size:14px;
  line-height:20px;
  color:#e65617;
  font-weight:normal;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

/* ----------------
Headlines */

h1 {
  font-size:36px;
  line-height:40px;
  font-weight:bold;
  color:#000;
}

h2 {
  font-size:30px;
  line-height:30px;
  font-weight:bold;  
  padding:0 0 20px 0;
  color:#333;
}

h2 a, h2 a:hover {
  font-size:30px;
  line-height:30px;
  font-weight:bold;  
  padding:0 0 10px 0;
  color:#e65617;
}

h3 {
  font-size:18px;
  line-height:20px;
  font-weight:bold;
  padding:0 0 10px 0;
  color:#333;
}

h3 a, h3 a:hover {
  font-size:18px;
  line-height:20px;
  font-weight:bold;
  padding:0 0 10px 0;
  color:#e65617;
}

h4 {
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  padding:0 0 10px 0;
  color:#333;
}

h4 a, h4 a:hover {
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  padding:0 0 10px 0;
  color:#e65617;
}

/* ----------------
Top & Main Navigation */

.top {
  background-color:#006ab3;
  height:120px;
  width:100%;
  text-align:left;
  position:fixed;
  z-index:50;
  top:0;
  left:0;
}

.top .logo {
  padding:25px 0 0 0;
  float:left;
}

.top .nav {
  float:right;
  text-align:right;
  position:relative;
}

.top .nav ul {
  position:absolute;
  top:70px;
  right:0;
  width:720px; 
}

.top .nav li {  
  display:inline;
  margin:0 0 0 5px;
}

.top .nav li a,
.top .nav li a:hover {
 
}

.top .nav li a:hover {

}

.top .business {
  position:relative;
  z-index:100;
}

#businessDiv {
  position:absolute; 
  top:1px; 
  left:0;
  width:382px; 
  z-index:70;
}

#businessDiv .portals {
  background-color:#999; 
  padding:10px 10px 0 10px;  
}

#businessDiv .shadowBottom {
  position:absolute; 
  bottom:-4px; 
  left:4px;
  right:0; 
  background:url(/website/themes/dietrich-bau/images/pixel_black_trans25.png) repeat 0 0; 
  height:4px;
}
	
#businessDiv .shadowRight {
  position:absolute; 
  bottom:-4px; 
  top:4px; 
  right:-4px; 
  background:url(/website/themes/dietrich-bau/images/pixel_black_trans25.png) repeat 0 0; 
  width:4px;
}

#businessDiv .itemLeft,
#businessDiv .itemRight {
  float:left;
  width:114px;
  position:relative;
  height:84px !important;
  height:88px;
  padding:0 0 10px 0;
}

#businessDiv .itemLeft {
  padding:0 10px 10px 0;
}
  
#businessDiv .portalOverview .front {
  position:absolute;
  background-color:#fff;
  width:100px;
  height:70px !important;
  height:74px;
  top:0;
  left:0;
  z-index:20;
  padding:5px;
  text-align:left;
}

#businessDiv .portalOverview .front img {
  padding:0 0 5px 0;
  display:block;
}
  
#businessDiv .portalOverview .front a, 
#businessDiv .portalOverview .front a:hover {
  font-size:12px;
  line-height:15px;
  text-decoration:none;
}
  
#businessDiv .portalOverview .front a:hover {
  text-decoration:underline;
}
  
#businessDiv .portalOverview .shadow {
  position:absolute;
  background-color:#737373;
  width:110px;
  height:80px !important;
  height:84px;
  top:4px;
  left:4px;
  z-index:10;
}

/* ----------------
Header */

.header {
  position:relative;
  width: 100%;
  height:340px;
  overflow: hidden;
  background:#efefef;  
  top:120px;
}

.header #bg,
.header #bg .image table,
.header #bg .image td { 
   width:100%;
   height:100%;
}

.header #bg .image { 
  position:absolute;
  width:200%;
  height:200%;
  top:-50%;
  left:-50%;
}

.header #bg .image td { 
  vertical-align:middle;
  text-align:center;
}

.header #bg .image img { 
  min-height:50%; 
  min-width:50%; 
  margin:0 auto 0 auto; 
  display:block;
}

.header #bg .headlineContainer { 
  position:relative;  
  margin:0 auto 0 auto;
  width:940px;
  text-align:left;
  z-index:20;
  height:100%;
}

.header #bg .headline { 
  position:absolute;  
  top:30px;
  right:0;
  z-index:20;
  text-align:left;
}

.header #bg .headline h1,
.header #bg .headline h1.sub { 
  background:transparent url(/website/themes/dietrich-bau/images/pixel_white_trans.png) 0 0;
  padding:0 10px 0 10px;
  
}

.header #bg .headline h1 { 
  display:inline; 
  padding-bottom:1px;
  padding-top:2px;
}

.header #bg .headline h1.sub { 
  font-size:30px;
  font-weight:normal;
  display:inline;
  padding-bottom:2px;
  padding-top:1px;  
}

.realestate .headlineMap { 
  position:absolute;  
  top:-270px;
  right:0;
  z-index:20;
  text-align:left;
}

.realestate .headlineMap h1,
.realestate .headlineMap h1.sub { 
  background:transparent url(/website/themes/dietrich-bau/images/pixel_white_trans.png) 0 0;
  padding:0 10px 0 10px;  
}

.realestate .headlineMap h1 { 
  display:inline; 
  padding-bottom:1px;
  padding-top:2px;
}

.realestate .headlineMap h1.sub { 
  font-size:30px;
  font-weight:normal;
  display:inline;
  padding-bottom:2px;
  padding-top:1px;  
}


/* ----------------
Property Header */

#headerGMap {
  width:100%;
  height:339px;
  top:0;
  position:relative;
  border-bottom:1px solid #006ab3;
}

.mapStrap,
.mapStrapDetail {
  background:url(/website/themes/dietrich-bau/images/strap_bottom_125.gif) no-repeat 0 100%;
  height:24px; 
  position:absolute; 
  right:0; 
  top:40px; 
  width:125px; 
  z-index:20;
}

.mapStrapDetail {
  top:-30px;
}

.mapStrap .bg,
.mapStrapDetail .bg { 
  background-color:#006ab3;
  height:20px;
  cursor:pointer;
}

.mapStrap .icon,
.mapStrapDetail .icon { 
  float:left;
  width:20px;
  height:20px;
}

.mapStrap .pointerDown,
.mapStrapDetail .pointerDown {
  background:url(/website/themes/dietrich-bau/images/pointer_black_down.gif) no-repeat 5px 5px;
}

.mapStrap .pointerUp,
.mapStrapDetail .pointerUp {
  background:url(/website/themes/dietrich-bau/images/pointer_black_up.gif) no-repeat 5px 5px;
}


.mapStrap .text,
.mapStrapDetail .text { 
  float:left;
  font-size:11px;
  color:#000;
  line-height:20px;
}

/* ----------------
Property Search */

#propSearchForm {
  
}

.propSearchContainer {
  position:relative; 
  z-index:20; 
  width:475px; 
  margin:-70px 0 0 0; 
  padding:0 0 20px 0; 
  text-align:left;
  left:0;
}

.propSearchContainer .shadowBottom {
  position:absolute; 
  bottom:13px; 
  left:7px;
  right:0; 
  background:url(/website/themes/dietrich-bau/images/pixel_black_trans25.png) repeat 0 0; 
  height:7px;
}
	
.propSearchContainer .shadowRight {
  position:absolute; 
  bottom:13px; 
  top:7px; 
  right:-7px; 
  background:url(/website/themes/dietrich-bau/images/pixel_black_trans25.png) repeat 0 0; 
  width:7px;
}

.propSearchContainer .outer {
  display:block; 
  background-color:#fff; 
  border:1px solid #e5e5e5; 
  padding:3px;
}

.propSearchContainer .box {
  background-color:#006ab3; 
  padding:15px 0 0 15px;
  position:relative;
}

.propSearchContainer h4 {
  color:#000;
  padding:0 0 2px 0;
}

.propSearchContainer .fieldContainer {
  width:350px;
}

.propSearchContainer .row {

}

#propAdvSearch .row {
  padding:15px 0 0 0;
}

.propSearchContainer .field {
  float:left;
  padding:0;
  width:175px;
  height:32px;
}

.propSearchContainer .field img {
  border:0;
}

.propSearchContainer .field select {
  width:160px;
  border:none;
}

.propSearchContainer .field input {
  width:146px;
  border:none;
}

.propSearchContainer .advSearch {
  text-align:right;
  padding:5px 15px 5px 0;
}

.propSearchContainer .advSearch a,
.propSearchContainer .advSearch a:hover {
  font-size:11px;
  color:#000;
  text-decoration:underline;
}

.propSearchContainer .button {
  position:absolute;
  bottom:28px;
  right:15px;  
}

.propSearchContainer .button .left {
  background:url(/website/themes/dietrich-bau/images/bttn34_gray_left.png) no-repeat 0 0;
  height:34px;
  width:5px;
  float:left;
}

.propSearchContainer .button .middle {
  background:url(/website/themes/dietrich-bau/images/bttn34_gray_center.png) repeat-x 0 0;
  height:27px;
  padding:7px 10px 0 10px;
  float:left;
  font-size:14px;
  font-weight:bold;
  color:#5c5c5c;
  line-height:20px;
  cursor:pointer;
}

.propSearchContainer .button .right {
  background:url(/website/themes/dietrich-bau/images/bttn34_gray_right.png) no-repeat 0 0;
  height:34px;
  width:7px;
  float:left;
}

/* ----------------
Content */

.templateContainer {
  padding:150px 0 40px 0;  
}

.templateContainer .inner {
  position:relative;  
}

.img, 
.imgLeft { 
  float:left;
  background: url(/website/themes/dietrich-bau/images/pixel_gray.gif) 0 0;  
  margin-top: 4px;
  margin-left: 4px !important;
  margin-left: 2px;
}

.img img, 
.imgLeft img {  
  display: block;
  position: relative;
  margin: -4px 4px 4px -4px;
  padding: 0;
}

.imgLeft {
  margin-right:16px;
  margin-bottom:6px;
}

.imgNoShadowCenter {
  text-align:center;
}

.templateContainer .subnav {
  float:left;
  width:270px;
  text-align:left;
  background-color:#efefef;
  padding:0;   
}

.templateContainer .start .subnav {
  width:250px;  
  padding:10px 10px 0 10px;   
}

.templateContainer .content {
  float:right;
  width:620px;
  text-align:left;
  padding:10px 0 0 0; 	
}

.templateContainer .content .description {
  padding:0 0 30px 0;
}

.templateContainer .block {
  padding:0 0 30px 0;
}

.content ul {
  list-style-position:inside;
  list-style-type:disc;
  padding:0 0 0 0;  
}

/* ----------------
Content Subnavigation */

.subnav ul {
  padding:0 0 40px 0;  
}

.subnav li {
   
}

.subnav li div {   
  margin:13px 10px 0 10px;
  border-bottom:1px solid #fff;
  padding:0 0 7px 5px;    
}

.subnav li div.selected {
  padding:13px 10px 7px 15px;
  background-color:#006ab3;
  border-bottom:none;
  margin:0; 
}

.subnav li a,
.subnav li a:hover {
  font-size:16px;
  font-weight:bold;
}

.subnav li div.selected a,
.subnav li div.selected a:hover {
  font-size:16px;
  font-weight:bold;
  color:#000;
}

.subnav li ul {
  padding:0 10px 17px 30px;
}

.subnav li ul li {
  background:none;
  padding:10px 0 4px 5px;
  border-bottom:1px solid #fff;
}

.subnav li ul li a,
.subnav li ul li a:hover {
  font-size:14px;
  font-weight:normal;  
  color:#e65617;
}

.subnav li ul li a.selected,
.subnav li ul li a.selected:hover {
  font-size:14px;
  font-weight:bold;
  color:#000;
  background:none;
}

.subnav li ul ul {
  padding:0 0 0 30px;
}

.subnav li ul ul li {
  background:none;
  padding:10px 0 4px 5px;
  border-bottom:1px solid #fff;
}

/* ----------------
Content Breadcrumb */

.templateContainer .breadcrumb {
  position:relative;
  margin:-11px 0 0 0;
  color:#999;
  font-size:11px;
  line-height:15px;
  padding:0 0 25px 0;
  text-transform:uppercase;
}

.realestate #breadcrumbSearch {
  position:absolute;
  color:#999;
  font-size:11px;
  line-height:15px;
  padding:0 0 25px 20px;
  text-transform:uppercase;
  left:475px;
  top:103px;
}

.templateContainer .breadcrumb a,
.templateContainer .breadcrumb a:hover {
  font-size:11px;
  line-height:15px;
  text-transform:uppercase;
  font-weight:normal;
  color:#e65617;
}

/* ----------------
Content Startpage */

.templateContainer .subnav .headline {
  font-weight:bold;
  font-size:18px;
  line-height:20px;
  color:#333;
  padding:0 0 10px 0;  
}

.templateContainer .colLeft {
  float:left;
  width:300px;
}

.templateContainer .colRight {
  float:right; 
  width:300px;
}

.templateContainer .portalOverview {
  padding:10px 0 0 0;
}

.templateContainer .portalOverview .itemLeft,
.templateContainer .portalOverview .itemRight {
  float:left;
  width:114px;
  position:relative;
  height:84px !important;
  height:88px;
  padding:0 0 20px 0;
}
	
.templateContainer .portalOverview .itemRight {
  float:right;
}
	
.templateContainer .portalOverview .front {
  position:absolute;
  background-color:#fff;
  width:100px;
  height:70px !important;
  height:74px;
  top:0;
  left:0;
  z-index:20;
  padding:5px;
}

.templateContainer .portalOverview .front img {
  padding:0 0 5px 0;
  display:block;
}
	
.templateContainer .portalOverview .front a, 
.templateContainer .portalOverview .front a:hover {
  font-size:12px;
  line-height:15px;
  text-decoration:none;
}
	
.templateContainer .portalOverview .front a:hover {
  text-decoration:underline;
}
	
.templateContainer .portalOverview .shadow {
  position:absolute;
  background-color:#ccc;
  width:110px;
  height:80px !important;
  height:84px;
  top:4px;
  left:4px;
  z-index:10;
}

.templateContainer .colLeft h2,
.templateContainer .colRight h2,
.templateContainer .colRight h2.realestate { 
	font-size:18px;
	line-height:20px;
	color:#999;
	font-weight:bold;
	background:url(/website/themes/dietrich-bau/images/divider_pointer.gif) no-repeat 0 bottom;
	padding:0 0 20px 0;
	width:300px;
}

.templateContainer .colRight h2.realestate { 
  margin:0 0 10px 0;  
}

.templateContainer .headlineAddon {
  float:right; 
  position:relative; 
  margin:-37px 0 0 0;
}

.templateContainer .headlineAddonRealEstate {
  float:right; 
  position:relative; 
  margin:-47px 0 0 0;
}

.templateContainer .headlineAddon a,
.templateContainer .headlineAddon a:hover,
.templateContainer .headlineAddonRealEstate a,
.templateContainer .headlineAddonRealEstate a:hover {
  font-size:11px;
  line-height:20px;
}


.templateContainer .colLeft h3 a,
.templateContainer .colRight h3 a,
.templateContainer .colLeft h3 a:hover,
.templateContainer .colRight h3 a:hover { 
  font-weight:normal; 
}

.templateContainer .colRight h4,
.templateContainer .colRight h4.realestate {
  font-size:11px;
  line-height:20px;
  color:#999;
  font-weight:normal;
  text-transform:uppercase;
  border-top:1px solid #efefef;
  padding:19px 0 10px 0;
}

.templateContainer .colRight h4.realestate {
  padding:9px 0 10px 0;
}

.templateContainer .colRight .item {
  padding:0 0 10px 0;
}

.templateContainer .colRight .itemRealEstate {
  padding:0 0 10px 0;
  font-size:12px;
  line-height:20px;
}

.templateContainer .item .img,
.templateContainer .itemRealEstate .img {
  margin-bottom:10px;  
}

.templateContainer .item .imgLeft,
.templateContainer .itemRealEstate .imgLeft {
  margin-right:16px;
  margin-bottom:6px;
}

.templateContainer .colLeft .list ul,
.templateContainer .colRight .list ul,
.templateContainer .colRight .listRealEstate ul {
  list-style:none;
  padding:0;
  margin:0;
}

.templateContainer .colLeft .list li,
.templateContainer .colRight .list li,
.templateContainer .colRight .listRealEstate li {
  padding:0 0 10px 0;
}

.templateContainer .colLeft .list li span,
.templateContainer .colRight .list li span {
  font-size:11px;
  line-height:20px;
  color:#999;
}

.templateContainer .colRight .listRealEstate li span {
  font-size:12px;
  line-height:20px;
  color:#333;
}

/* Startpage Realestate */

.templateContainer .colLeft h4 {
  font-size:11px;
  line-height:20px;
  color:#999;
  font-weight:normal;
  text-transform:uppercase;
  padding:10px 0 0 0;
}

.templateContainer .colLeft .item {
  padding:0 0 10px 0;
  border-bottom: 1px solid #efefef;
}

/* ----------------
Content Overview */

.overview {
       
}

.overview h4 {
  color:#999;
  padding:0 0 20px 0;       
}

.templateContainer .overview .description {
  padding:0 0 10px 0;
}

.overview .item {
  padding-bottom:40px;
}

/* Overview 2 col */

.overview .col2 {
 clear:both;
 width:100%;  
}

.overview .col2 .item {
  padding-bottom:40px;
  width:300px;
  float:left;
}

.overview .col2 .left {  
  padding-right:20px;
}

/* Overview List */

.overview .list {
  padding:0 0 30px 0;  
}

.overview .list .itemImg {
  padding:0 0 10px 0; 
}

.overview .list .itemImg .left {
  float:left;
  background: url(/website/themes/dietrich-bau/images/pixel_gray.gif) 0 0;  
  margin-top: 4px;
  margin-left: 4px !important;
  margin-left: 2px;
  margin-right:16px; 
}

.overview .list .itemImg .left img {  
  display: block;
  position: relative;
  margin: -4px 4px 4px -4px;
  padding: 0;
}

.overview .list .itemImg .right {
  float:left;
  padding:10px 0 0 0;  
}

.overview .list .item {
  padding:0 0 10px 0;    
}

/* Overview for Realestate Page */

.overviewRealestate {
       
}

.overviewRealestate h2 {
	background:transparent url(/website/themes/dietrich-bau/images/divider_pointer_big.gif) no-repeat scroll 0 bottom;
	color:#999;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	margin:0 0 10px;
	padding:0 0 20px;
	width:100%;        
}

.overviewRealestate h4 {
  border-top:1px solid #EFEFEF;
	color:#999;
	font-size:11px;
	font-weight:normal;
	line-height:20px;
	padding:9px 0 10px;
	text-transform:uppercase;         
}

.templateContainer .overviewRealestate .description {
  padding:0 0 10px 0;
}

.overviewRealestate .itemRight,
.overviewRealestate .itemLeft {
  float:left;
  width:300px;
  padding:0 0 10px 0;
}

.overviewRealestate .itemLeft {
  padding-right:20px;
}

.overviewRealestate .list .item {
  padding:0 0 10px 0;    
}

/* ----------------
Content Video */

.video {
  padding:0 0 40px 0;
}

/* ----------------
Content Gallery */

.gallery {
  padding:0 0 30px 0;
}
	
.gallery .item {  
  float:left;
  background: url(/website/themes/dietrich-bau/images/pixel_gray.gif) 0 0;  
  margin-top: 4px;
  margin-left: 4px !important;
  margin-left: 2px;
  margin-right:16px;
  margin-bottom:16px;
}

.gallery .item img {
  display: block;
  position: relative;
  margin: -4px 4px 4px -4px;
  padding: 0;
}

.gallery #showAll {
  float:left;
  padding-top:86px;
}

/* ----------------
Content Documents */

.documents {
  padding:0 0 30px 0;
}

.documents .item {
  padding:0 0 10px 0;
}

.documents .item .icon {
  float:left;
  width:32px;
  padding-right:20px;
}

.documents .item .text {
  float:left;
  width:560px;
}

.documents .item .text span {
  font-size:11px;
  color:#999; 
}

.documents .item .text span.black {
  color:#333; 
}

/* ----------------
Content Contact */

.contactContainer {
  padding:0 0 10px 0;  
}

.person,
.personLeft,
.personRight { 
  padding:0 0 20px 0;
}

.personLeft,
.personRight { 
  float:left;
  width:300px;
}

.personLeft {
  padding-right:20px;
}

.person .img,
.personLeft .img,
.personRight .img {
  float:left;
  width:80px;
  margin:0 16px 6px 0;
}

.person .img img {
  border:0;
}

.person .detail,
.personLeft .detail,
.personRight .detail {
  float:left;
  padding:0;
}

.personLeft .detail,
.personRight .detail {
  width:200px;
}

.detail .name {
  color:#333;
  font-weight:bold;
}
  
.detail .function {
  font-size:12px;
  line-height:20px;
  padding:0 0 10px 0;
}

.detail .infos {
  padding:0;
  font-size:13px;  
}

.detail .mail {
  
}

/* ----------------
Real Estate Overview */

.realestate .subnav .treeContainer {
  background-color:#efefef;
  padding-top:7px;
} 

/* ----------------
Real Estate Detail */

.realestate .subnav {
  background-color:#fff;  
}

.realestate .subnav .block {
  padding:0;
  border-bottom:1px solid #efefef;
  margin:0 0 10px 0; 
}

.realestate .subnav .noline {
  border:0;
}

.realestate .subnav .block .headline {
  font-weight:bold;
  color:#333;
  font-size:14px;
  line-height:20px;
}

.realestate .subnav .block .imgLeft {
  margin:0 11px 0 0;  
}

.realestate .subnav .search {
  text-align:center;  
}

.realestate .subnav .search a,
.realestate .subnav .search a:hover {
  font-size:16px;
}

.realestate .subnav .contact {
  background-color:#efefef;
  padding:10px;
  margin-top:28px;
  margin-bottom:20px;  
}

.realestate .subnav .contact .headline {
  position:relative;
  width:100%;
  height:30px;    
}

.realestate .subnav .contact .headline .bg {
  float:left;
  width:65px;
  height:1px;
  background-color:#999;
  margin-top:10px;
  display:inline;
}

.realestate .subnav .contact .headline .text {
	width:120px;
	color:#999;
  font-size:14px;
  font-weight:normal;
  line-height:20px;
  padding:0 0 10px 0;
  text-align:center;
  float:left; 
}

.realestate .subnav .contact .intro {
  color:#999;
  font-size:12px;
  line-height:20px; 
  padding:0 0 20px 0; 
}

.realestate .subnav .contact .data {
  padding:0 0 10px 0;
}

.realestate .subnav .contact .data .name {
  padding:0 0 10px 0;
}

.realestate .subnav .contact .data .img {
  float:left;
  width:40px;
  margin:0 16px 6px 0;
}

.realestate .subnav .contact .data .img img {
  border:0;
}

.realestate .subnav .contact .data .infos {
  color:#333;
  font-size:12px;
  float:left;
}

.realestate .subnav .contact .data .infos span {
  color:#999;
}

.realestate .subnav .contact .data .infos a,
.realestate .subnav .contact .data .infos a:hover {
  font-size:12px;
}

.realestate .subnav .linkBlock {
  padding:0 0 10px 0;
  margin:0 0 10px 0;
  border-bottom:1px solid #efefef;
  cursor:pointer;
}

.realestate .subnav .linkBlock .headline {
  color:#e65617;
  font-size:14px;
  line-height:20px;
  font-weight:bold;  
}

.realestate .subnav .linkBlock .imgLeft {
  background:none;
  margin:0;
  padding:0 10px 0 0;
}

.realestate .subnav .linkBlock .text {
  font-size:12px;
  line-height:20px;
}

.realestate .subnav .linkBlock .text span.small {
  font-size:10px;
  line-height:20px;
}

.realestate .subnav .gallery {

}

.realestate .subnav .gallery .headline {
  color:#333;
  font-size:14px;
  line-height:20px;
  font-weight:bold;
}

.realestate .subnav .gallery .img97 {
  width:97px;
  height:69px;
  display:block;
	margin:-4px 4px 4px -4px;
	padding:0;
	position:relative;
	border:1px solid #ccc;
}

.realestate h2 {
  font-size:18px;
  line-height:20px;
  color:#999;
  font-weight:bold;
  background:url(/website/themes/dietrich-bau/images/divider_pointer_big.gif) no-repeat 0 bottom;
  padding:0 0 20px 0;
  margin:0 0 10px 0;
  width:100%;
}

.realestate .content .description {
  padding:0 0 20px 0;
}

.realestate .objects {
  padding:10px 0 40px 0;
  border-top:1px solid #efefef;
}

.realestate .objects h4 {
  font-size:11px;
  text-transform: uppercase;
  line-height:20px;
  color:#999;
  font-weight:normal;
  padding:0 0 20px 0;
}

.realestate .objects .listHeader {
  color:#999;
  font-size:12px;
  line-height:20px;
  font-weight:bold;
  border-bottom:1px solid #ccc;
  padding:0 0 5px 0;
}

.realestate .objects .listRow {
  min-height:20px;
  border-bottom:1px solid #ccc;
  padding:10px 0 9px 0;
}

.realestate .objects .gray {
  background-color:#efefef;
}

.realestate .objects .listHeader .door,
.realestate .objects .listRow .door {
  float:left;
  width:70px;
}
	
.realestate .objects .listHeader .typ {
  float:left;
  width:280px;
}
	
.realestate .objects .listHeader .floor,
.realestate .objects .listRow .floor {
  float:left;
  width:120px;
}
	
.realestate .objects .listHeader .space,
.realestate .objects .listRow .space {
  float:left;
  width:150px;
}

.realestate .objects .listRow .typ {
  float:left;
  width:180px;
}

.realestate .objects .listRow .link {
  float:left;
  width:100px;
}

.realestate .objects .listRow .link a,
.realestate .objects .listRow .link a:hover {
  font-size:11px;
  line-height:20px;
  background: url(/website/themes/dietrich-bau/images/icon_pointer_blue_right.gif) no-repeat 100% 100%;
  padding:8px 21px 1px 0;
}

.realestate .col2 {
  padding:0 0 20px 0; 
}

.realestate .col2 h3 {
  font-size:18px;
  line-height:20px;
  color:#999;
  font-weight:bold;
  background:url(/website/themes/dietrich-bau/images/divider_pointer.gif) no-repeat 0 bottom;
  padding:0 0 20px 0;
  width:100%;
}

.realestate .col2 .left {
  float:left;
  width:300px;
}

.realestate .col2 .right {
  float:right;
  width:300px;
}

#projGMap {
  border:1px solid #ccc;
  margin:0 0 10px 0;
  height:158px;
  width:598px;
}

.realestate .col2 .address {
  font-size:16px;
  font-weight: bold;
  line-height:20px;
  color:#999;
  padding:0 0 5px 0;
}
	
.realestate .col2 .shortinfo {

}

.realestate .listInfos {
  padding:0 0 40px 0;  
}

.realestate .listInfos .row {
  height:29px;
  border-bottom:1px solid #ccc;
  padding:10px 0 0 0;
}

.realestate .listInfos .gray {
  background-color:#efefef; 
}

.realestate .listInfos .row .key {
  float:left;
  width:300px;
  font-weight:bold;
}

.realestate .listInfos .row .value {
  float:left;
}

/* ----------------
Real Estate Search Result */

.realestate h2 span.black {
  color:#333;	
}

.noResult {
  color:#999;
  font-size:16px;  
}

.realestate .subnav .filterContainer {
  background-color:#efefef;
  padding:10px 0 0 0;
  margin-top:3px;
  margin-bottom:40px;  
}

.realestate .subnav .filterContainer .headline {
  position:relative;
  width:250px;
  height:20px;
  padding:0 10px 0 10px    
}

.realestate .subnav .filterContainer .headline .bg {
  float:left;
  width:65px;
  height:1px;
  background-color:#999;
  margin-top:10px;
  display:inline;
}

.realestate .subnav .filterContainer .headline .text {
  width:120px;
  color:#999;
  font-size:14px;
  font-weight:normal;
  line-height:20px;
  padding:0 0 10px 0;
  text-align:center;
  float:left; 
}

.realestate .subnav .filterContainer .filters {
  
}

.realestate .subnav .filterContainer .filters .item {
  height:29px;
  border-bottom:1px solid #fff;
  padding:10px 0 0 5px;
  margin:0 10px 0 10px;
}

.subnav .filterContainer li a, 
.subnav .filterContainer li a:hover {
	font-size:14px;
	font-weight:normal;
}

.subnav .filterContainer li div.selected a, 
.subnav .filterContainer li div.selected a:hover {
  color:#000000;
	font-size:14px;
	font-weight:bold;	
}

.realestate .search h4 {
	color:#999;
	font-size:11px;
	font-weight:normal;
	line-height:20px;
	padding:0 0 20px;
	text-transform:uppercase;
}

.realestate .search .list {
  padding:0 0 20px 0;
}

.realestate .search .object {
  padding:0 0 10px 0;
}

.realestate .search .object .icon {
  float:left;
  width:97px;
  background: url(/website/themes/dietrich-bau/images/pixel_gray.gif) 0 0;  
  margin-top: 4px;
  margin-left: 4px !important;
  margin-left: 2px;
  margin-right:10px; 
}

.realestate .search .object .icon img {
  display:block;
  margin:-4px 4px 4px -6px;
  padding:0;
  position:relative;
  border:1px solid #ccc;
}

.realestate .search .object .text {
  float:left;
  width:505px;
  padding:5px 0 0 0;
}

.realestate .search .object .text .infos {
  font-size:12px;
  color:#999;
}

.realestate .search .project {
  /*background:url(/website/themes/dietrich-bau/images/divider_pointer_big.gif) no-repeat 0 bottom;*/
  padding:0 0 20px 0;
  margin:0 0 10px 0;
}

.realestate .search .project .icon {
  float:left;
  width:97px;
  background: url(/website/themes/dietrich-bau/images/pixel_gray.gif) 0 0;  
  margin-top: 4px;
  margin-left: 4px !important;
  margin-left: 2px;
  margin-right:10px; 
}

.realestate .search .project .icon img {
  display:block;
  margin:-4px 4px 4px -6px;
  padding:0;
  position:relative;
  border:1px solid #ccc;
}

.realestate .search .project .text {
  float:left;
  width:505px; 
}

.realestate .search .project h2 {
  background:none;
  padding:0 0 5px 0;
  margin:0;
}

.realestate .search .project h2 a,
.realestate .search .project h2 a:hover {
  font-size:18px; 
  color:#999;
}

.realestate .search .project .description {
  padding:5px 0 0 0;
}

/* ----------------
Overlay Contact Form */

#overlayContactForm {
  position:absolute; 
  z-index:40; 
  width:601px; 
  height:460px;
  /*top:245px;
  left:320px;*/
  background:url(/website/themes/dietrich-bau/images/bg_contactform.png) no-repeat 0 0;
}

#overlayContactForm .inner {
  position:relative;
  width:520px;
  height:420px;
  margin:16px 0 0 57px;
  padding:0 0 0 20px;
}

#overlayContactForm .headline {
  position:relative;
  width:500px;
  height:30px;
  padding:20px 0 10px 0;    
}

#overlayContactForm .headline .bg {
  float:left;
  width:147px;
  height:1px;
  background-color:#999;
  margin-top:10px;
  display:inline;
}

#overlayContactForm .headline .text {
  width:185px;
  color:#999;
  font-size:14px;
  font-weight:normal;
  line-height:20px;
  padding:0 0 10px 0;
  text-align:center;
  float:left; 
}

#overlayContactForm form {

}

#overlayContactForm .itemLeft {
  float:left;
  width:240px;
  padding:0 0 10px 10px;
}

#overlayContactForm .itemRight {
  float:left;
  width:250px;
  padding:0 0 10px 0;
}

#overlayContactForm .itemLeft label,
#overlayContactForm .itemRight label,
#overlayContactForm .item label {
  padding:0 0 0 5px;
  color:#999;
  font-size:14px;
}

#overlayContactForm .itemLeft input,
#overlayContactForm .itemRight input {
  width:214px;
  border:1px solid #cdcdcd;
  padding:4px 2px 2px 2px;
  height:24px;
  font-size:18px;
  font-weight:bold;
  
}

#overlayContactForm .item {
  width:490px;
  padding:0 0 10px 10px;
}

#overlayContactForm .item textarea {
  border:1px solid #cdcdcd;
  width:454px;
  height:82px;
  font-size:14px;
  line-height:20px;
  font-family:Arial, Helvetica, sans-serif;
  padding:4px 2px 4px 2px;
}

#overlayContactForm .itemChbx {
  float:left;
  width:240px;
  padding:7px 0 0 10px;
}

#overlayContactForm .itemChbx input {
  vertical-align:middle;
  margin:0 0 4px 0;
}

#overlayContactForm .itemChbx label {
  padding:0 0 0 5px;
}

#overlayContactForm .button {
  float:right;
  width:220px;
  text-align:right;
  width:170px;
  height:34px;
  margin:0 50px 0 0;
  display:inline;  
}

#overlayContactForm .cancel {
  padding:8px 0 0 0;
  float:left; 
}

#overlayContactForm .cancel a,
#overlayContactForm .cancel a:hover {
  font-size:12px;
}

#overlayContactForm #succesMsg {
  font-weight:bold;
  padding:20px 0 0 0;
}

#overlayContactForm .button input {
  border:0;
  background:none;
  background:url(/website/themes/dietrich-bau/images/bttn34_gray.gif) no-repeat 0 0;
  height:34px;
  width:95px;
  text-align:center;
  color:#5C5C5C;
  font-size:14px;
  font-weight:bold;
  vertical-align:middle;
  padding:0 0 3px 0;
  cursor:pointer;
}


/* ----------------
Overlay */

.overlayContainer {
  position:fixed; 
  z-index:100; 
  width:717px; 
  height:582px;
}

.overlayContainer .middle {
  width:717px; 
  height:543px;
}

.overlayContainer .middle .content {
  float:left;
  width:671px; 
  height:537px;
  background-color:#fff; 
  padding:3px; 
}

.overlayContainer .middle #mapEarth {
  width:671px; 
  height:494px;  
}

.overlayContainer .middle #videoVVO {
  width:651px; 
  height:474px;
  padding:10px;  
}

.overlayContainer .middle #handle {
  background-color:#006ab3; 
  height:20px; 
  cursor:move;
  padding:10px;
  margin:0 0 3px 0;
}

#overlayContainerVVO .middle #handleVVO {
  background-color:#006ab3; 
  height:90px; 
  cursor:move;
  padding:10px;
  margin:0 0 3px 0;
}

.overlayContainer .middle #handle .text,
.overlayContainer .middle #handleVVO .text {
  float:left;
  font-size:18px;
  font-weight:bold;   
}

.overlayContainer .middle #handleVVO .subtext {
  padding:10px 0 0 0;  
}

.overlayContainer .middle .close {
  float:right;
  background:url(/website/themes/dietrich-bau/images/icon_close.gif) no-repeat right 2px;
  padding:0 21px 0 0;
  cursor:pointer;
  font-size:12px;
  line-height:20px; 
}


.overlayContainer .shadowTop {
  background:url(/website/themes/dietrich-bau/images/shadow/box_shadow_top.png) no-repeat 0 0;
  width:717px;
  height:16px;
}

.overlayContainer .shadowBottom {
  background:url(/website/themes/dietrich-bau/images/shadow/box_shadow_bottom.png) no-repeat 0 0;
  width:717px;
  height:23px;
}

.overlayContainer .shadowLeft {
  background:url(/website/themes/dietrich-bau/images/shadow/box_shadow_left.png) no-repeat 0 0;
  float:left;
  width:17px;
  height:543px;
}

.overlayContainer .shadowRight {
  background:url(/website/themes/dietrich-bau/images/shadow/box_shadow_right.png) no-repeat 0 0;
  float:left;
  width:23px;
  height:543px;
}


/* ----------------
Image Definitions */

.imgLeft {
  float:left;
}

.imgRight {
  float:right;
}

/* ----------------
Footer */

.footer {
  background-color:#666;
  font-size:12px;
  line-height:20px;
  color:#efefef;
  text-align:left;
}

.footer .logo {
  background-color:#006ab3;
  width:270px;
  padding:10px 0 10px 0;
  margin:0 0 20px 0;	
  text-align:center;
}

.footer .left,
.footer .center,
.footer .right {
  float:left;
  width:300px;
  padding:0 20px 0 0;
  text-align:left;
  margin:0 0 20px 0;
}

.footer .right {  
  padding:0;
}

.footer .right ul {  
  padding:0 0 20px 0;
}

.footer a,
.footer a:hover  {  
  font-size:12px;
  line-height:20px;
  color:#fff;
  text-decoration:underline;  
}

.footer a:hover {  
  text-decoration:none;
}

.footer .portalOverview {

}

.footer .portalOverview .itemLeft {
  float:left;
  width:140px;
  padding:0 20px 0 0;
}

.footer .portalOverview .itemRight {
  float:left;
  width:140px;
}

/* ----------------
Font Weight */

.bold {
  font-weight:bold;
}

.normal {
  font-weight:normal;
}

.lighter {
  font-weight:lighter;
}

.bolder {
  font-weight:bolder;
}

/* ----------------
Colors */

.yellow {
  color:#006ab3;
}

.blue {
  color:#e65617;
}

/* ----------------
Paddings */

.ptop10 {
  padding-top:10px;
}

.ptop20 {
  padding-top:20px;
}

.pbottom10 {
  padding-bottom:10px;
}

.pbottom20 {
  padding-bottom:20px;
}

.pleft10 {
  padding-left:10px;
}

.pleft20 {
  padding-left:20px;
}

.pright10 {
  padding-right:10px;
}

.pright20 {
  padding-right:20px;
}

/* ----------------
Margins */

.mtop10 {
  margin-top:10px;
}

.mtop20 {
  margin-top:20px;
}

.mbottom10 {
  margin-bottom:10px;
}

.mbottom20 {
  margin-bottom:20px;
}

.mleft10 {
  margin-left:10px;
}

.mleft20 {
  margin-left:20px;
}

.mright10 {
  margin-right:10px;
}

.mright20 {
  margin-right:20px;
}

/* ----------------
Floats */

.left {
  float:left;
}

.right {
  float:right;
}

/* ----------------
Busy & Missing */
  
.missinginput,
#overlayContactForm .itemLeft input .missinginput, 
#overlayContactForm .itemRight input .missinginput {
  border: 2px solid #cc0000 !important;
}

.missing,
#overlayContactForm .itemLeft .missing, 
#overlayContactForm .itemRight .missing {
  color: #cc0000 !important;
}

.busy {
  background: transparent url(/website/themes/dietrich-bau/images/loader_efefef.gif) no-repeat center center;
  border:0;
  font-size:0;
}

#overlayContactForm .busy input {
  display:none;
}