/* CSS für Thermische Sanierung */

#headline img,
#sujet img,
#stoerer img,
#solar img,
#kamera img,
#tellwolle img,
#navigation,
#navigation_website img,
#close img,
#bottom2 img,
h1, h2,
h1 img
 {
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "/webapp_homepage/media/sonderseiten/sanieren/imgBlank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
	);
}
img {
	border:none;
	}
body {
	background:url('/webapp_homepage/media/sonderseiten/sanieren/imgBackBodySanieren.png') top repeat-x #eceae8;
	margin:0 auto;
	padding:0;
	height:100%;
	width:100%;
	text-align:center;
	overflow:hidden;
	border: none;
	
}
html {border: none; overflow: visible; frameborder: 0;}	
	
#main-content {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-480px;
	margin-top:-275px;
	width:960px;
	height:560px;
	z-index:1;
	text-align:center;
}
#sujet {
	position:absolute;
	margin:0 auto;
	width:600px;
	height:367px;
	top: 50px;
	right:10px;
	z-index:2;
	}
*:first-child+html #sujet {
	top: 50px;
	}
* html #sujet {
	top:50px;
}
#logo {
	position:absolute;
	top:465px;
	left:3px;
	z-index:300;
	float: right;
	width: 180px;
	height: 59px;
}
#stoerer {
	position:absolute;
	top:135px;
	left:333px;
	width: 170px;
	height: 170px;
	z-index:1000;
}
#navigation_head {
	font:15px Arial, Helvetica, sans-serif;
	color:#f0edee;
	font-weight:600;
	position:absolute;
	top:230px;
	left:3px;
	z-index:800;
	width: 410px;
	height: 210px;
	z-index:3;
	text-align:left;
}
#navigation_website {
	position:absolute;
	top:490px;
	left:675px;
	width: 282px;
	height: 36px;
	z-index:3;
	text-align:left;
}
#navigation {
	position:absolute;
	top:270px;
	left:2px;
	z-index:800;
	width: 810px;
	height: 210px;
	z-index:3;
	text-align:left;
}
#navigation a, #navigation a:link, #navigation a:visited {
	font:13px Arial, Helvetica, sans-serif;
	color:#39332e;
	line-height:25px;
	text-decoration:none;
	padding:0 15px 0 20px;
	background:url('/webapp_homepage/media/sonderseiten/sanieren/imgIcon.png') left center no-repeat;
}

#navigation a:hover {
	font:13px Arial, Helvetica, sans-serif;
	color:#ac0602;
	line-height:25px;
	text-decoration:underline;
	padding:5px 15px 5px 20px;
	background:url('/webapp_homepage/media/sonderseiten/sanieren/imgIcon.png') left center no-repeat;
}

#navigation a span {display:none; padding:10px 10px; margin-left:15px; width:300px; font-size:13px; line-height:18px;text-decoration:none;}
#navigation a:hover span{display:block; position:absolute; margin-top:-7px; left:350px; background:#ffffff; color:#6c6c6c;}

#kamera {
	position:absolute;
	top:370px;
	left:500px;
	z-index:800;
	width: 75px;
	height: 120px;
	z-index:4;
}
#solar {
	position:absolute;
	top:91px;
	left:590px;
	z-index:800;
	width: 116px;
	height: 79px;
	z-index:4;
}
#tellwolle {
	position:absolute;
	top:310px;
	left:680px;
	z-index:800;
	width: 211px;
	height: 152px;
	z-index:4;
}
#headline {
	float:left;
	position:absolute;
	width:579px;
	height:106px;
	top: 20px;
	left:0px;
	float: left;
	z-index:3;
	}	
#headline2 {
	font:15px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:19px;
	font-weight:600;
	float:left;
	text-align:left;
	position:absolute;
	width:500px;
	height:50px;
	top: 90px;
	left:3px;
	float: left;
	z-index:3;
	}
#headline2 strong {
	color:#000;
}
#sidebar {
	position:absolute;
	left:0px;
	top:150px;
	}

#bottom {
	position:absolute;
	top:530px;
	left:3px;
	display:block;
	text-align:left;
	height:28px;
	width:370px;
	color:#8b8483;
	font:11px Arial, Helvetica, sans-serif;
}

a.footerlink , a.footerlink:link, a.footerlink:visited {
	color:#39332e;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:none;
	border:0px;
	padding:0px;
	margin:0 0 0 5px;
	}
a.footerlink:hover {
	color:#c90219;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	background:none;
	border:0px;
	padding:0px;
	margin:0 0 0 5px;
	}
#rights {
	position:absolute;
	top:530px;
	right:0px;
	display:block;
	float:right;
	text-align:left;
	height:28px;
	width:570px;
	color:#8b8483;
	font:11px Arial, Helvetica, sans-serif;
	}
#rights p {
	margin:0 0 10px 0;
	padding:0;
}
.icon {
	float:left;
	margin:0 10px 0 0;
	}	
a.wuestenrot img , a.wuestenrot:link, a.wuestenrot:visited {
	text-decoration:none;
	background:none;
	border:0px;
	padding:0px;
	margin:0px;
	}

#container {
	position:absolute;
	top:26px;
	left:3px;
	width:980px;
	color:#f00;
	z-index:1;
	}
.vertical_accordion_toggle {
	display: block;
	height: 22px;
	width: 350px;
	padding: 8px 10px 2px 10px;
	font: 13px Arial,Helvetica,sans-serif;
	color:#39332e;
	margin: 1px 0 0 0;
	text-align:left;
	cursor: pointer;
 	background:url('/webapp_homepage/media/sonderseiten/sanieren/imgBackToggleWhite.png') ;
}
.vertical_accordion_toggle_active {
	display: block;
	height: 22px;
	width: 350px;
	padding: 8px 10px 2px 10px;
	font: 13px Arial,Helvetica,sans-serif;
	color:#ffffff;
	margin: 1px 0 0 0;
	text-align:left;
	cursor: pointer;
 	background:url('/webapp_homepage/media/sonderseiten/sanieren/imgBackToggleTop.png') top left !important ;
}
* html .vertical_accordion_toggle_active {
	display: block;
	height: 22px;
	width: 350px;
	padding: 8px 10px 2px 10px;
	font: 13px Arial,Helvetica,sans-serif;
	color:#ffffff;
	margin: 1px 0 0 0;
	text-align:left;
	cursor: pointer;
 		background:#5a564f !important;
}
.vertical_accordion_content,
.vertical_accordion_content2 {
	font:12px Arial,Helvetica,sans-serif;
	color: #ffffff;
	background:url('/webapp_homepage/media/sonderseiten/sanieren/imgBackToggle.png') top left;
	overflow: hidden;
	height:100px;
	margin:1px 0 0 0;
	padding:0 10px 0 10px;
	width:350px;
	display:block;
	text-align:left;
}
* html .vertical_accordion_content,
* html .vertical_accordion_content2 {
	font:12px Arial,Helvetica,sans-serif;
	color: #ffffff;
	background:#a9a6a1;
	overflow: hidden;
	height:100px;
	margin:1px 0 0 0;
	padding:0 10px 0 10px;
	width:350px;
	display:block;
	text-align:left;
}
.vertical_accordion_content2 p,
* html .vertical_accordion_content2 p {
	margin:10px 60px 10px 26px;
	width:300px;
}
.vertical_accordion_content p,
* html .vertical_accordion_content p {
	margin:10px 60px 10px 26px;
	width:260px;
}
#vertical_container a, #vertical_container a:link, #vertical_container a:visited {
	color:#39332e;
}
#vertical_container a:hover {
	color:#ffffff;
}
#vertical_container {
	  margin: 20px auto 20px auto;
	  padding:0 0 0 0;
	  width: 370px;
	  position:absolute;
	  left:0px;
	  top:100px;
    }
#bottom2 {
	display:block;
	height:80px;
	width:370px;
}










