/* generell */
body {
	font-family:	Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:		12px;
	color:			#333;
	margin:			0px;
	padding:			0px;
	background: 	#01338f;
	text-align:		left; /* For IE */
	}


/* Container Styles */
#container {
	position:		relative;
	width:			1025px !important;
	width /**/:		1025px;
	margin:			0 auto;
	text-align:		left; /* For IE, see above */
	}
	
#intro {
	position:		absolute;
	width:			945px;
	padding:			0px 40px 0 40px;
	background:		url(gfx/backgrounds/verlauf-bg.gif) top left;
}

/* allgemeine Styles */

a{
	color:			#173a82;
	text-decoration: none;
}

a:hover{
	color:			#333;
	text-decoration: none;
}

.texte a{
	color:			#173a82;
	text-decoration: none;
	font-weight: bold;
}

.texte a:hover{
	color:			#333;
	text-decoration: none;
}

h1{
	font-size:	13px;
	padding:		0px;
	margin:		0 0 10px 0;
	clear:		both;
}

h2{
	font-size:	13px;
	padding:		0px;
	margin:		0 0 10px 0;
	clear:		both;
}

h3{
	color:			#173a82;
	font-size:	12px;
	padding:		0px;
	margin:		0 0 3px 0;
	clear:		both;
}

p{
	padding:			0px;
	margin:			0 0 20px 0;
	clear:		both;
}

img.ref{
	width: 200px;
	height:	auto;
	float: left;
	margin:	0 15px 15px 0;
}

img.left{
	height:	auto;
	float: left;
	margin:	0 15px 15px 0;
}

img.right{
	height:	auto;
	float: right;
	margin:	0 0 15px 15px;
}

img.partner{
	width: 100px;
	height:	auto;
	float: left;
	margin:	0 15px 15px 0;
}

/* Head Bereich */
	
#global{
	float:			left;
	width:			915px;
	height:			45px;
	background: 	url(gfx/backgrounds/global-bg.gif) repeat-x;
	padding:			20px 0 0 15px;
}

#global a{
	color:			#333;
	text-decoration: none;
}

#global a:hover{
	color:			#333;
	text-decoration: underline;
}

#content{
	float:			left;
	width:			945px;
	top:				80px;
}

/* Index Styles */

#branchenbox {
	float:			left;
	height:			480px;
	width:			681px;
	background: url(gfx/backgrounds/branchenbox.jpg) top left no-repeat;
}

#branchenbox a.energie{
	display:			block;
	height:			152px;
	width:			682px;
	border:			none;
	margin-bottom:	10px;
	background: url(gfx/buttons/energie-und-umwelt.jpg) no-repeat;
}

#branchenbox a:hover.energie{
	background:  url(gfx/buttons/energie-und-umwelt-hover.jpg) no-repeat;
}

#branchenbox a.bad{
	display:			block;
	height:			152px;
	width:			682px;
	border:			none;
	margin-bottom:	10px;
	background: url(gfx/buttons/bad-und-komfort.jpg) no-repeat;
}

#branchenbox a:hover.bad{
	background: url(gfx/buttons/bad-und-komfort-hover.jpg) no-repeat;
}

#branchenbox a.herrlein{
	display:			block;
	height:			152px;
	width:			682px;
	border:			none;
	margin-bottom:	10px;
	background: url(gfx/buttons/ueber-herrlein.jpg) no-repeat;
}

#branchenbox a:hover.herrlein{
	background: url(gfx/buttons/ueber-herrlein-hover.jpg) no-repeat;
}


#service{
	float:			left;
	width:			225px;
	margin-left:	20px;
}

#service img{
	margin-bottom:	10px;
}

#service span.hotline{
	color:			#173a82;
	font-weight:	bold;
	background: url(gfx/icons/info-icon.gif) top left no-repeat;
	padding:			2px 0 0 27px;
}

#service span.aktuell{
	color:			#173a82;
	font-weight:	bold;
	background: url(gfx/icons/aktuell-icon.gif) top left no-repeat;
	padding:			2px 0 0 27px;
}

#service p{
	width:			200px;
	padding:			0px;
	margin:			10px 0 20px 0;
}

#service a{
	color:			#173a82;
	text-decoration: none;
}

#service a:hover{
	color:			#173a82;
	text-decoration: underline;
}

#service .news-list-item{
	margin: 10px 0px 10px 0px;
	font-size: 12px;
}

#service .news-list-item strong a{
	text-decoration: none;
}

#service .news-list-item p.bodytext{
	margin: 0px;
	padding: 0px;
	clear: both;
}

/* Content Styles */

#content div.schmuckbild{
	height:			190px;
	width:			947px;
	float:			left;
}

#content .indexlink{
	position:	absolute;
	margin:		20px 0 0 700px;
	height:			100px;
	width:			225px;
	z-index:			5;
	border:			none;
}

#content div.register{
	position:	absolute;
	margin:		148px 0 0 444px;
	height:		36px;
	width:		503px;
	z-index:		1;
}

#content a.registerenergie{
	position:	absolute;
	z-index:		3;
	display:		block;
	height:		27px;
	width:		163px;
	background: url(gfx/buttons/energie-und-umwelt.gif) no-repeat;
}

#content a:hover.registerenergie{
	display:		block;
	height:		36px;
	width:		163px;
	background: url(gfx/buttons/energie-und-umwelt-hover.gif) no-repeat;
}

#content a.registerenergieaktiv{
	position:	absolute;
	z-index:		3;
	display:		block;
	height:		36px;
	width:		163px;
	background: url(gfx/buttons/energie-und-umwelt-hover.gif) no-repeat;
}

#content a.registerbad{
	position:	absolute;
	z-index:		2;
	left:			156px;
	display:		block;
	height:		27px;
	width:		175px;
	background:	url(gfx/buttons/bad-und-komfort.gif) no-repeat;
}

#content a:hover.registerbad{
	display:		block;
	left:			0px;
	height:		36px;
	width:		331px;
	background:	url(gfx/buttons/bad-und-komfort-hover.gif) no-repeat;
}

#content a.registerbadaktiv{
	position:	absolute;
	z-index:		2;
	display:		block;
	left:			0px;
	height:		36px;
	width:		331px;
	background:	url(gfx/buttons/bad-und-komfort-hover.gif) no-repeat;
}

#content a.registerherrlein{
	position:	absolute;
	z-index:		1;
	left:			324px;
	display:		block;
	height:		27px;
	width:		160px;
	background: url(gfx/buttons/ueber-herrlein.gif);
}

#content a:hover.registerherrlein{
	display:		block;
	left:			0px;
	height:		36px;
	width:		484px;
	background: url(gfx/buttons/ueber-herrlein-hover.gif);
}

#content a.registerherrleinaktiv{
	position:	absolute;
	z-index:		1;
	display:		block;
	left:			0px;
	height:		36px;
	width:		484px;
	background: url(gfx/buttons/ueber-herrlein-hover.gif);
}

#content div.texte{
	float:		left;
	margin:		30px 0 0 100px;
	width:		505px;
}

#content div.texte .news-list-item{
	margin: 0px 0px 20px 0px;
	font-size: 12px;
}

#content div.texte .news-list-item strong a{
	text-decoration: none;
}

#content div.texte .news-list-item p.bodytext{
	margin: 0px;
	padding: 0px;
	clear: both;
}

#content div.navigation{
	float:		left;
	margin:		70px 0 0 50px;
	width:		200px;

}

#content div.navigation a{
	display:		block;
	width:		197px;
	height:		21px;
	font-size:	12px;
	color:		#333;
	padding:		2px 0 0 15px;
	margin:		0px;
	background:	none;
	text-decoration:	none;
}

#content div.navigation a:hover{
	background:	url(gfx/backgrounds/navi-hover.gif) no-repeat;
}

#content div.navigation a.aktiv{
	display:		block;
	width:		197px;
	height:		21px;
	font-size:	12px;
	color:		#333;
	padding:		2px 0 0 15px;
	background:	url(gfx/backgrounds/navi-hover.gif) no-repeat;
	text-decoration:	none;
}

#content ul.sitemap{
	margin:		0 0 20px 0;
	padding:		0px;
}

#content ul.sitemap li{
	list-style: none;
	margin:		0 0 0 25px;
	padding:		0px;
}

/* Footer Styles */

#footer {
	float:			left;
	width:			945px;
	margin:			35px 0 0 0;
	padding-bottom:30px;
	color:			#666666;
	background: 	url(gfx/backgrounds/global-bg.gif) repeat-x;
}

#footer div.box{
	float:			left;
	margin:			25px 10px 30px 15px;
}

#footer h2{
	color:			#666;
	font-size:		12px;
	font-weight:	bold;
	padding:			0px;
	margin:			0 0 8px 0;
}

#footer span{
	color:			#666;
	font-size:		10px;
}

#footer a{
	color:			#666666;
	text-decoration: none;
}

#footer a:hover{
	color:			#173a82;
	text-decoration: none;
}








div.referenzen img{
	margin-right: 5px;
}