/**-----------------------------------------------Dokumentweite Formatierungen------------------------------------------------------*/

body, html
	{
	
	/*---Standardschrift--*/
	font-family:Verdana, Tahoma,Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#333333;
	
	/*---Rahmen und Abstände---*/
	margin: 0px;
	padding: 0px;
	}
	
input[type="text"], textarea{border: 1px solid #ccc;}

/*Tabellenzellenformatierung*/
table{
	font-family:Verdana, Tahoma,Arial,Helvetica,sans-serif;
	font-size:12px;	
	color:#333;
	border-collapse:collapse;
	}

table td{
	padding:0px;
	color:#333;
	font-family:Verdana, Tahoma,Arial,Helvetica,sans-serif;
	font-size:12px;	
	}

/*Imageformatierungen*/
img{display:block; border-style: none;}

h1{
	font-family:Verdana, Tahoma,Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight: bold;
	color:#333;
	}

.heading-red{/*color: #D4241B;*/ color: #747474; font-size: 22px; text-align: left;}

h2{
	font-family:Verdana, Tahoma,Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#333;
	}

h3{padding: 0px; margin: 0px; font-size: 12px;}

a:link{text-decoration:none; color:#D4241B;}
a:visited{text-decoration:none;color:#D4241B;}
a:hover{text-decoration:none;color:#D4241B;}
a:active{text-decoration:none;color:#D4241B;}

/*---------------------------------------------------Klassenformatierungen----------------------------------------------------------*/


.imgWillkommen{
	position: absolute;
	width: 220px;
	height: 142px;
	top: 35px;
	right: 0px;
	z-index: 99;
	}
	
.obj_caption{color:#D4241B; font-size: 14px;}

.cap_grey{background-color: #e9e9e9; color: #333;}

#header {
	background: url(images/logo-bg.jpg) center no-repeat;
}
.content-row {
	width: 1170px;
	margin: 0 auto 0 auto;
	background: url(images/content-bg.jpg) left repeat-y;
}
#welcome {
	width: 600px;	
	float: left;
	
}
#welcome .welcome-row1 {
	font-size: 22px;
	font-weight: normal;
	margin: 60px 0 0 60px;
}
#welcome .welcome-row2 { 
	font-size: 17px;
	margin: 5px 0 0 60px;
}
#logo {
	width: 235px;
	float: left;
}
.main-menu {
	background-color: #E9E9E9;
	width: 235px;
	float: left;
	height: 100%;
}

.exclMark{
  display: inline;
  vertical-align: bottom;
  padding-left: 10px;
  }

.category-menu a {
	display: block;
	height: 23px;
	color: #000000;
	line-height: 23px;
	padding-left: 40px;
	text-decoration: none;
	font-size: 12px;
	border-top: 1px solid white;
	/*background: #D5D5D5 url(images/mainmenu-icon.jpg) no-repeat 7px 4px;*/
	background: #DDDDDD url(images/bg_mmenue_immobilien_normal.jpg) no-repeat left top;
}

.category-menu a:hover, .category-menu a.active {
	color: #FFFFFF;
	/*background: #6E6F71 url(images/mainmenu-icon-hover.jpg) no-repeat 7px 4px;*/
	background: url(images/bg_mmenue_immobilien_hover.jpg) no-repeat left top;
}

.redline {
	background-color: #D4241B;
	border-top: 5px solid #747474;
	height: 70px;
}
.contact-info {
	padding: 10px;
	font-size: 11px;
	line-height: 18px;
	margin-left: 10px;
}
.contact-info a {
	color: black;
}
.service-menu a {
	display: block;
	height: 23px;
	line-height: 25px;
	background: #6E6F71 url(images/bg_mmenue_immobilienservice_normal.jpg) no-repeat;
	padding-left: 40px;
	color: white;
	text-decoration: none;
	border-top: 1px solid white;
  
}
.service-menu a:hover {
	background: url(images/bg_mmenue_immobilienservice_hover.jpg) no-repeat #d4241b;
	color: white;
	
}

.txt_red{color: #D4241B;}

a.imageLinkTopObjekt img {display: block; margin: 25px auto 0 auto;}
/*a.imageLinkTopObjekt img:hover{border: 3px solid #D4241B; margin: 25px auto 0 auto;}*/

.imageLinkTopObjekt2Caption{
  background-color: #5c5c5c;
  font-size: 10px;
  color: #fff;
  text-align: center;
  padding-top: 1px;
  padding-bottom: 1px;
  }
a.imageLinkTopObjekt2 img {
  display: block;
  border-left: 4px solid #5c5c5c;
  border-right: 4px solid #5c5c5c;
  border-bottom: 4px solid #5c5c5c;
  }
a.imageLinkTopObjekt2 img:hover{
  border-left: 4px solid #D4241B;
  border-right: 4px solid #D4241B;
  border-bottom: 4px solid #D4241B;
  }


#footer {
	background: url(images/footer-bg.jpg) repeat-x top;
	height: 150px;
	font-size: 11px;
}

.footer-container {
	width: 1170px; 
	margin: 0 auto 0 auto;
}

.footer-left {
	width: 215px;
	border-right: 1px solid #CCCCCC;
	height: 80px;	
	margin: 20px auto 0 auto;
	padding: 10px;
	float: left;
  text-align: center;
}

.footer-center {
	width: 400px;
	float: left;
	border-right: 1px solid #CCCCCC;
	height: 80px;	
	margin: 20px;
	padding: 10px;
}

.footer-center a {
	display: block; 
	width: 150px;
	line-height: 20px;
	float: left;	
	color: #000000;
}
.footer-right {
	line-height: 18px;
	float: left;
	height: 80px;	
	margin: 20px;
	padding: 10px;
	width: 670px;
}

.footer-right a {;
	color: #000000;
}
.footer-right a:hover { 
	color: #D4241B;
}

.content-container {
	width: 1170px;
	margin: 0 auto 0 auto;
	}
.content {
	float: left;
	width: 860px;
	margin-left: 60px;
  margin-top: -100px;
}
	
.additional-menu {
	padding: 10px 10px 10px 40px;
}

.additional-menu a {
	display: block;
	line-height: 20px;
	color: #000000;
	text-decoration: none;
}
.additional-menu a:hover {
	color: #D4241B;
	font-weight: bold;
}

.obj_detail_caption{
  font-weight: bold;
  text-align: right;
  }

a.btnRed{
  background-image: url(images/backgroundButtonRed.jpg);
  background-repeat: repeat-x;
  padding: 3px 20px;
  color: #fff;
  font-size: 13px;
  text-decoration: none;
  }

.dotted_line{
	width: 600px;
	height: 7px;
	background-image:url(images/dotted_line.gif);
	background-repeat: repeat-x;
	}

/*---Ausrichtungsformatierungen---*/
.left{text-align: left;}
.cent{text-align: center;}
.right{text-align: right;}
.top{vertical-align: top;}

.fl-left { float: left; font-family: Verdana, Arial, "sans-serif"; color: #333;}
.fl-right { float: right; color: #333;}
.block-center { margin: 0 auto 0 auto; }

.inl{display: inline;}
.block{display: block;}
.clear{clear: both;}
	
.b{font-weight: bold;}
  
/*div { outline: 1px solid #cccccc; }*/
	
/*Formatierung verschiedener Medien*/

.onprint-invisible{width: auto; display: block;}
	

#nebenkosten table td{padding: 5px;}

/*Startseite*/
#startpage-photo{
	background: url(images/startpage_bgphoto.jpg) no-repeat top left;
	width: 423px;
	height: 330px;
	padding-top: 1px;
	}
/*---------------------------------------------[Pseudo-Formatierungen]----------------------------------------------------*/

/*a:link{text-decoration:none;font-size:11px;color:#254B72;}
a:visited{text-decoration:none;font-size:11px;color:#254B72;}
a:hover{text-decoration:none;font-size:11px;color:#999999;}
a:active{text-decoration:none;font-size:11px;color:#254B72;}*/

a.lnk_hvred{color:#747474;}
a.lnk_hvred:link{text-decoration:none;color:#747474;}
a.lnk_hvred:hover{text-decoration:none;color:#D4241B;}

	
.header-row {
	background: url(images/logo-bg.jpg) top center no-repeat;
	height: 178px;
  padding-top: 10px;
}
/*---------------------------------------------[Menü-Formatierung]----------------------------------------------------*/


#headermenue { 	width: 100%; background: url(images/headermenue_bg.jpg) #747474;	height: 34px; border-bottom: 1px solid #ccc;}
#headermenue ul { float: left; margin: 0 0 0 225px; padding: 0; }
#headermenue ul li {float: left; list-style: none; border-right: 1px solid white; display: block;}
#headermenue ul li.last { border: none; }
#headermenue a { color: white; display: block; background-color: transparent; background-image: none; background-repeat: repeat-x; text-decoration: none; padding: 8px 15px 5px 15px; height: 23px; font-size: 13px;}
#headermenue a:hover { text-decoration: underline; background-image: url(images/headermenue_bg_hov.jpg); text-decoration: none; color: #6E6F71;}
#headermenue a.act { font-weight: bold; background-image: url(images/headermenue_bg_hov.jpg); color: #6E6F71;}

#headermenu a.act{}
#headermenue .suche a{background-image: url(images/headermenue_bg_hov.jpg); background-repeat: repeat-x; font-size: 14px; font-weight: bold; color: #6E6F71;}

button {border: 1px solid #cccccc; cursor: pointer;}
button:hover { background-color: #cecece; }

.page-break {
	page-break-before:always;
}




.fieldIncomplete{background-color: #FADAD8;}
.colorSuccess{background-color: #FFF1A8;}



.listingPoint{text-decoration: underline !important;}

/*---------------------------------------------[Menü-Formatierung]----------------------------------------------------*/
#box-kontaktbox{
  border: 2px solid #F5E724;
  background-color: #ffc;
}

#kontaktbox{
  width: 400px;
  }
#kontaktbox tr td{
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 15px;
  }
  
.requiredField, .mailBox .requiredField{border: 2px solid #D4241B;}
  
.boxOk{
  border: 2px solid #F5E724;
  background-color: #ffc;
  padding: 15px 25px;
  font-size: 12px;
  color: #666;
  text-align: center;
  }

.boxError{
  border: 2px solid #D4241B;
  background-color: #FADAD8;
  padding: 15px 25px;
  font-size: 12px;
  color: #D4241B;
  font-weight: bold;
  text-align: center;
  }
  
.mailBox{
  -khtml-border-radius:10px;
  border: 2px solid #F5E724;
  background-color: #ffc;
  padding: 20px 30px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  }

/*Merkliste*/
#boxMerkliste{
  width: 220px;
  margin-left: -15px;
  }
  
#boxMerkliste .top{background: url(images/merkliste-top.jpg) no-repeat; height: 10px;}
#boxMerkliste .middle{background: url(images/merkliste-middle.jpg) repeat-y; min-height: 100px;}
#boxMerkliste .bottom{background: url(images/merkliste-bottom.jpg) repeat-y; height: 89px;}


#boxMerkliste .middle .cont{padding: 10px; color: #fff; text-align: left;}
#boxMerkliste .middle .cont h3{color: #fff; font-size: 12px; margin: 0 0 10px 0; padding: 0;}

/*----------------Detailseite Neu--------------*/
#box-detailview{width: 775px;}
.headingbox{border-top: 1px solid #999; border-bottom: 1px solid #999;}
.headingbox h1{font-size: 22px; color: #D41C14; padding: 5px 0px; margin: 0px; font-weight: normal;}
.headingbox h2{font-size: 18px; color: #666; padding: 5px 0px; margin: 0px; font-weight: normal;}
.headingbox h2.immobilienuebersicht{font-size: 16px; color: #D41C14; padding: 5px 0px; margin: 0px; font-weight: normal;}
.picture-box{width: 685px; height: 158px; padding: 12px 45px 20px 45px; background: url(images/bg-imagebar.jpg) no-repeat; margin-top: 20px;}
.picture-box h2{font-size: 14px; font-weight: normal;}
.picture-box .picBox{width: 148px; height: 111px; border: 4px solid #6E6F71; margin-right: 20px; overflow: hidden; float: left;}
.picture-box .picBox:hover{border: 4px solid #D41C14;}
.picture-box a{}
.picture-box .last{margin-right: 0px;}
.picture-box .picBox .statusTag{position: absolute; margin: 35px 0 0 -15px;}

.objektdtaten{margin: 20px 0 20px 0; width: 100%;}
.objektdtaten .caption{font-weight: bold; font-size: 12px; width: 29%; padding: 3px 1% 3px 0; text-align: right; vertical-align: top;}
.objektdtaten .data{width: 69%; padding: 3px 0 3px 1%; vertical-align: top;}

.immobilienrechner{margin: 10px 0 10px 0; font-size: 11px;}
.immobilienrechner .col1{width: 21%; margin: 3px 2% 0 2%; float: left;}
.immobilienrechner .col2{width: 23%; margin: 0 2% 0 0; float: left;}
.immobilienrechner .col3{width: 26%; margin: 0 2% 0 0; padding: 5px 1% 5px 1%; float: left; background-color: #888; color: #fff;}
.immobilienrechner .col3 span{border: 1px solid #666; background-color: #fff; font-weight: bold; color: #333; padding: 2px 8px;}
.immobilienrechner .col4{width: 20%; float: left;}

 
.boxCol{
  float: left;
  width: 382px;
  }
  
.boxColLeft{margin-right: 5px;}
.boxColRight{margin-left: 5px;}
  
.greyBox{
  width: 100%;
  min-height: 50px;
  background: url(images/boxGreyMiddle.jpg) repeat-y;
  font-size: 11px;
  margin-top: 10px;
  }
  
.greyBox .top{
  width: 100%;
  background: url(images/boxGreyTop.jpg) no-repeat;
  }

.greyBox .bottom{
  background: url(images/boxGreyBottom.jpg) no-repeat bottom;
  }

.greyBox .boxContent{width: 360px; padding: 10px 10px 10px 10px;}

.anfahrtsplan{border-top: 4px solid #6E6F71; border-bottom: 4px solid #6E6F71;}

.kontaktLeft{width: 260px; float: left;}
.kontaktLeft h4{font-size: 14px;}
.kontaktRight{width: 100px; float: left; text-align: right;}
.kontaktRight img{display: inline; border: 2px solid #ccc; padding: 1px;}
.kontaktanschrift{line-height: 180%;}

.buttonBox{}
.buttonBox .left{width: 50%; float: left;}
.buttonBox .right{width: 50%; float: left;}

.hinweistext{
  text-align: justify;
  color: #999;
  font-size: 11px;
  }

hr.greyline{
  height: 1px;
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-top: 1px solid #999;
  }

#backButtonBar{text-align: center;}
#backButtonBar img{display: inline;}

/*Suchformular*/



/*-------------[Immobilienvorschau]---------------*/
.immobilienuebersicht{}
.object-preview{width: 100%; margin-bottom: 30px;}
.object-preview .left{float: left; width: 28%;}
.object-preview .right{float: left; width: 72%; margin-top: 30px;}
.object-preview .left .boxSinglePreview{margin: 20px 0 20px 20px; width: 205px; height: 160px; overflow: hidden; background: url(images/single-imagebar.jpg) no-repeat; }
.object-preview .left .boxSinglePreview .innerBoxSinglePreview{margin: auto; width: 156px; overflow: hidden; background-color: #6E6F71; padding: 4px; height: 117px; margin: 18px 0 0 20px; position: absolute;z-index:5;}
.object-preview .left .boxSinglePreview .innerBoxSinglePreview a{position: absolute;}
.object-preview .left .boxSinglePreview .innerBoxSinglePreview img{display: block; margin: auto; position: absolute;z-index: 10;}
.object-preview .left .boxSinglePreview .newTag{position: absolute; z-index: 20; margin: -3px 0 0 -4px;}
.object-preview .left .boxSinglePreview .statusTag{position: absolute; z-index: 30; margin-top: 60px; margin-left: 13px;}

.previewLine{ margin-top: 5px;}
.previewLine .left{float: left; width: 22%; font-size: 12px; font-weight: bold; text-align: right; margin: 0;}
.previewLine .right{float: left; width: 76%; font-size: 12px; text-align: left; margin: 0 0 0 2%;}
.divider{color: #999; border-right: 1px dotted #999;}

/*Popup Energiewert*/