body { background-color: #b0bbbf; background-image: url(hg.jpg); background-repeat: no-repeat; background-position: center top; margin-top: 0; }

#kopf { background-image: url(transparent.png); height: 100px; width: 900px; margin-top: 0; margin-right: auto; margin-left: auto; }

#kopf-inhalt {

	float: left;

	height: 90px;

	width: 400px;

	margin-top: 10px;

	margin-left: 20px;

}

#kopf-inhalt-rechts {

	float: right;

	width: 460px;

	margin-top: 30px;

	text-align: right;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: bold;

	color: #FF9900;

	margin-right: 10px;

	padding-top: 15px;

}

#kopf-bild {

	height: 595px;

	width: 900px;

	margin-right: auto;

	margin-left: auto;

	background-color: #FFF;

	background-image: url(beglau-waermepumpen-index.jpg);

	background-repeat: no-repeat;

}

#ueberschrift {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 19pt;

	font-weight: normal;

	color: #FF9900;

	width: 95%;

	margin-right: auto;

	margin-left: auto;

	padding-top: 555px;

}



#box-content {

	width: 900px;

	margin-right: auto;

	margin-left: auto;

	background-color: #FFF;

}

#box-content-links { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666; font-size: 12px; float: left; width: 460px; margin-top: 25px; margin-left: 25px; }

#box-content-links a {

	font-weight: normal;

	color: #FF9900;

	font-size: 12px;

	text-decoration: none;

}

#box-content-rechts {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	color: #000;

	float: right;

	width: 340px;

	margin-right: 25px;

	margin-top: 30px;

	margin-bottom: 20px;

}

#angebot { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-align: center; width: 100%; text-indent: 15px; padding-top: 5px; padding-bottom: 5px; letter-spacing: 0.3em; }

#angebot a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; width: 100%; border: double 1px #ff9900; text-indent: 15px; padding-top: 5px; padding-bottom: 5px; letter-spacing: 0.3em; color: #666; text-decoration: none; text-align: center; display: block; }

#angebot a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; width: 100%; border: double 1px #ff9900; text-indent: 15px; padding-top: 5px; padding-bottom: 5px; letter-spacing: 0.3em; background-color: #b0bbbf; color: #fff; text-align: center; }

#box-content-rechts-l {

	float: left;

	width: 220px;

	margin-top: 20px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #666;

	margin-left: 0;

	list-style-type: none;

}

#navi {

	margin-top: 10px;

	width: 200px;

	margin-left: 0px;

	padding-left: 0px;

}

#navi li {

	width: 200px;

	list-style-type: none;

	margin-left: 0px;

}

#navi a {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #666;

	display: block;

	padding-left: 0px;

	width: 190px;

	text-decoration: none;

	margin-top: 3px;

	padding-top: 2px;

	height: 18px;

}

#navi a:hover, 

#navi a.active {

	color: #FF9900;

}

#box-content-rechts-r {

	float: right;

	width: 110px;

	margin-top: 20px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #666;

	font-weight: bold;

}

#box-content-rechts-r a {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #666;

	text-decoration: none;

	display: block;

	margin-top: 3px;

	padding-top: 2px;

	height: 18px;

}

#box-content-rechts-r a:hover {

	color: #FF9900;

}





#trenner500 {

	clear: both;

	height: 1px;

	width: 400px;

}



#trenner900 {

	clear: both;

	height: 1px;

	width: 900px;

}
h1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #0048af;

}
h2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #000;

}