@charset "utf-8";
/* CSS Document */



#mainContent {
	overflow:hidden;
}

#mainContent .left {
	float: left;
	width: 565px;
	padding-top: 70px;
}

#mainContent .right {
	float:right;
	width: 370px;
	min-height: 200px;
	padding-top: 70px;
	z-index: 1;
}

.mainBox{
	position:absolute;
	top:0px;
	left:0px;
	width: 175px;
	height: 225px;
	background: #ffffff;
}


.changedBox {
	position:absolute;
	top:0px;
	left:0px;
	width: 175px;
	height:225px;
	background: #ffffff;
}

.changedBox.wide {
	width: 370px;
}

.teaserBox{
	height:198px;
	background-color:transparent;
}

.teaserBox_right{
	background:#ffffff;
	height:287px;
}

.teaserBox:hover .mainBox{
	visibility:hidden;
}


#welcomeTeaser {
	width:565px;
	height:225px;
	background:url(../_images/welcomeTeaser-bg.jpg);
}

#welcomeTeaser .teaserContent {
	position:relative;
	top: 15px;
	left: 0px;
	z-index:2;
	background: #ffffff;
	width: 410px;
	height: 175px;
	padding: 10px;
	margin-bottom:-200px;
	line-height:normal;
}

#welcomeTeaser .teaserContent p {
	margin-top: 5px;
}
#welcomeTeaser .teaserContent h2 {
	color: #999999;
	font-size: 15px;
}

#welcomeTeaser .teaserContent h1 {
	margin-top: 0px;
	color: #808080;
	font-size: 22px;
	font-weight:bold;
}
p.mehr { position:absolute; bottom:0px; left:5px;}
.teaserBox_right a,
.teaserBox a { color:#808080;}
.teaserBox_right a:hover,
.teaserBox a:hover { padding-bottom:2px; border-bottom: 1px solid #808080;}

.teaserBox a img { border:none;}
.teaserBox a.imgLink { border:none;}
.teaserBox a.textLink { border:none;}


#kfw, #kfw2 { background: url(../_images/kfw.jpg) no-repeat;}
#kfw .boxContent  p, #kfw2 .boxContent  p{ color:#fff;}
#kfw .boxContent  p.mehr a, #kfw2 .boxContent  p.mehr a{ color:#fff;}
#kfw .boxContent  p.mehr a, #kfw2 .boxContent  p.mehr a{ border-color:#fff;}

p.messen { margin:0;}
ul.messen { line-height:120%;}
ul.messen li { margin-bottom:8px;}

#welcome { width: 565px; background: #A2C644; height:245px; margin-bottom:20px; float:left;   }
#welcome h1 { text-indent:-9999px; background:url(../_images/startseite/wohnen-wohlfuehlen-werte-erhalten.gif) no-repeat left top; height: 50px; width: 565px;} 


#infobox {
	width: 370px; 
	float: left;
	margin-left:20px;
	height: 245px;
}

#infobox img.fbf { float:left;}
.input_PLZ,
.input_Leistungsbereiche { width:117px; float:left; background: url(../_images/bg_plz.gif) no-repeat left top ; height: 50px; position:relative; top: 14px; z-index:10;}
.input_Leistungsbereiche { width: 114; margin-left: 5px; background: url(../_images/bg_lb.gif) no-repeat left top ;}

#fachbetriebe_finden { background: #a2c644; height:50px; }


#infobox input{
	display:block;
	border:none;
	background:none;
	width: 105px;
	height:16px;
	padding:0px;
	margin:0px;
	position: relative;
	/* color:#aaa199;*/
	color: #666;
	top: 4px;
	left: 6px;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
}
#leistungsbreich_click{
	position:absolute;
	top:0px;
	left:0px;
	cursor:pointer;
	height:17px;
	width:90px;
	padding: 3px 20px 0px 7px;
	margin:0px 0px 3px 0px;
	z-index:20;
	overflow:hidden;
	background:url(../_images/dropdown_arrow.gif) no-repeat 103px 10px;
	/*color:#AAA199;*/
	color:#666;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
#leistungsbreich_dropdown_top{
	background:url("../_images/dropdown_top_start.png") no-repeat;
	height:35px;
	width:268px;
}
#fachbetriebe_finden input.inputImg {
height:25px;
position:relative;
top:13px;
width:25px;
}

#partnerfinden { width:370px; height:195px; background:url(../_images/startseite/bg-partnerfinden.jpg); position:relative; }
#partnerfinden p.anzahlPartner { position: absolute; left: 20px; bottom: -2px; text-align:center;	font-size:12px;	line-height: 16px;	color: #998D87; }
#partnerfinden .slogan { position:absolute; right:10px; top: 67px; width:150px;  font-weight:bold; font-size:13px; text-align:center;  height:70px; vertical-align:middle;}
#partnerfinden p.hotline { position: absolute; right: 10px; top: 132px;  color: #808080; font-size: 12px; line-height:16px; font-weight: bold; text-align:center; width: 150px;  }
#partnerfinden p.hotline span { display:none; }
	

	

#karte {
	float:left;
	width: 195px;
	height: 195px;
	background:url(../_images/bg-karte.jpg) no-repeat top left #ffffff;
}
#karte img {
display: block;
	margin:0 auto;
}
#karte p {
	margin:0 auto;
	font-size:12px;
	line-height: 16px;
	color: #998D87;
	text-align:center;
}

#hotline {
	float:left;
	width: 175px;
	height: 195px;
	background:#a2c644; 
}


#hotline img {
	margin: 0 auto;
	display:block;
}

#hotline p {
	text-align:center;
	font-weight:bold;
	font-size:12px;
	line-height:16px;
	margin:2px;
}

#mainContent .clearer { height:25px; }

.pm ul { line-height:16px; font-size:12px; padding-right:20px;}
.pm ul a { font-weight:bold; }
.pm ul small { font-size: 11px;}
.pm li { margin: 9px 0; }

.messen ul { line-height:16px; font-size:12px; padding-right:5px; font-weight:bold; }
.messen li { margin: 5px 0; }
.messen small { font-weight:normal; font-size:11px; }
.teaserBox .messen p,
.teaserBox p.kfw { margin:0; padding-bottom: 0;}