/* <style type="text/css"> */


/* ---------------------
| Rahmenformatierungen |
--------------------- */

* {
	margin: 0;
	padding: 0;
}

html {
	margin: 0;
	padding: 0;
}


body {
	margin : 0;
	padding : 0;
	background-image: url(../_gfx/bg_body.jpg);
	background-repeat: repeat-x;
	background-color: #FFF;
	visibility: hidden;
}

#margin {
	width: 970px;
	margin: auto;
	position: relative;
}

#container {
	width: 970px;
	position: relative;
	margin-top: 0px;
	padding: 0px;
	float: left;
}

#header {
	height: 130px;
	width: 970px;
	position: relative;
	float: left;
}

#navi {
	width: 568px;
	height: 21px;
	margin: 90px 0 0 168px;
	padding: 0;
	display: block;
	float: left;
}


#pic {
width: 567px;
height: 241px;
background-color: #ffffff;
margin: 2px 0 0 168px;
padding: 0;
position: relative;
display: block;
border-left: 1px solid #fff;
border-right: 2px solid #fff;
float: left;
}

#center {
	width: 970px;
	float: left;
	margin-top: 37px;
}

#middle {
	width: 970px;
	padding: 0;
	margin: 0;
	float: left;
}

#subnavi {
	width: 168px;
	float: left;
}

#footer {
	margin: 55px 0 0 210px;
	padding: 0;
	float: left;
	width: 750px;
}


#content {
	width: 430px;
	padding: 0 93px 0 43px;
	margin: 0;
	float: left;
}

div#text-leistungsspektrum {
	display: block;
}

#column {
	width: 200px;
	margin: 0;
	float: left;
	padding: 0 0 0 18px;
}

div#rock_gallery {
	width: 550px;
}

#box {
display:none;
}

#member {
	position: relative;
}


#text {
	float: left;
	width: 231px;
}

#unten {
	clear: both;
}

#schwerpunkte {
position: relative;
margin: 40px 0 0 50px;
padding: 0;
}

.kasten-ueberblick {
background-color:#b2cfe2;
width: 195px;
padding: 0 5px 5px 0;
float: left;
margin: 18px 0 0 0;
height: 260px;
}

.kasten-ansprechpartner {
background-color:#e6e7e8;
width: 420px;
padding: 0 0 5px 0;
float: left;
margin: 18px 0 0 0;
}


#margin-kasten-ueberblick {
	margin-left: 17px;
}

#clear-kasten-ueberblick {
	clear: both;
}

.teaser {
	width: 484px;
	height: 108px;
	background-image: url(../_gfx/teaser.jpg);
	background-repeat: no-repeat;
	position: relative;
	margin: 0 0 20px 0;
}

div.pic-partner {
	float: left;
	margin: 0 20px 0 0;
}

div#unsere_partner {
margin: 20px 0 0 80px;
float: left;
}

/* -----------
| Navigation |
-------------- */

#navi ul {
	list-style-type: none;
}

#navi ul li{
	float: left;
	padding: 0;
	margin: 0 27px 0 0;
}


#navi ul li a{
}

#navi ul li#unternehmen a {
width: 86px;
height: 20px;
background-image: url(../_gfx/navi/unternehmen_n.jpg);
background-repeat: no-repeat;
display: block;
}

#navi ul li#unternehmen a:hover {
background-image: url(../_gfx/navi/unternehmen_h.jpg);
}

#navi ul li#unternehmen.active a {
background-image: url(../_gfx/navi/unternehmen_h.jpg);
}

#navi ul li#heizung a {
width: 49px;
height: 20px;
background-image: url(../_gfx/navi/heizung_n.jpg);
background-repeat: no-repeat;
display: block;
}

#navi ul li#heizung a:hover {
background-image: url(../_gfx/navi/heizung_h.jpg);
}

#navi ul li#heizung.active a {
background-image: url(../_gfx/navi/heizung_h.jpg);
}

#navi ul li#sanitaer a {
width: 45px;
height: 20px;
background-image: url(../_gfx/navi/sanitaer_n.jpg);
background-repeat: no-repeat;
display: block;
}

#navi ul li#sanitaer a:hover {
background-image: url(../_gfx/navi/sanitaer_h.jpg);
}

#navi ul li#sanitaer.active a {
background-image: url(../_gfx/navi/sanitaer_h.jpg);
}

#navi ul li#gas-sicherheit a {
width: 91px;
height: 20px;
background-image: url(../_gfx/navi/gas_sicherheit_n.jpg);
background-repeat: no-repeat;
display: block;
}

#navi ul li#gas-sicherheit a:hover {
background-image: url(../_gfx/navi/gas_sicherheit_h.jpg);
}

#navi ul li#gas-sicherheit.active a {
background-image: url(../_gfx/navi/gas_sicherheit_h.jpg);
}

#navi ul li#kundendienst a {
width: 86px;
height: 20px;
background-image: url(../_gfx/navi/kundendienst_n.jpg);
background-repeat: no-repeat;
display: block;
}

#navi ul li#kundendienst a:hover {
background-image: url(../_gfx/navi/kundendienst_h.jpg);
}

#navi ul li#kundendienst.active a {
background-image: url(../_gfx/navi/kundendienst_h.jpg);
}

#navi ul li#service a {
width: 47px;
height: 20px;
background-image: url(../_gfx/navi/service_n.jpg);
background-repeat: no-repeat;
display: block;
}

#navi ul li#service a:hover {
background-image: url(../_gfx/navi/service_h.jpg);
}

#navi ul li#service.active a {
background-image: url(../_gfx/navi/service_h.jpg);
}



#navi ul li a:hover{
	color: #e9d6ae;
	
}

#subnavi ul {
	list-style-type: none;
	margin: 25px 0 0 30px;
	text-align: right;
}

#subnavi ul li{
	margin: 0;
	width: 131px;
	border-top: 1px solid #cccccc;
	padding: 3px 2px 5px 0;
	color: #777;
	height: 15px;
}

#subnavi ul li.active2{
}

#subnavi ul li.active2 a {
	color: #e2001a;
}


#subnavi ul li a{
	font-size: 12px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #444;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#subnavi ul li a:hover{
	color: #e2001a;
}

#subnavi ul li#ueber_uns {
	border-top: 0px none #000;
}

#subnavi ul li#heizzentralen {
	border-top: 0px none #000;
}

#subnavi ul li#badsanierung {
	border-top: 0px none #000;
}

#subnavi ul li#allgemeines {
	border-top: 0px none #000;
}

#subnavi ul li#kundendienst {
	border-top: 0px none #000;
}

#subnavi ul li#uebersicht {
	border-top: 0px none #000;
}


/* ------------------
| Textformatierungen |
-------------------- */

#content h1 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 20px;
	color: #E2001A;
	margin: 0 0 40px 0;
	font-weight: normal;
} 

#content h2 {
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #E2001A;
margin: 0 0 20px 0;
font-weight: normal;
}

div#column div.column-round div.text h2 {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #222;
margin: 0 0 10px 0;
font-weight: bold;
}


#content p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 17px;
color: #333;
}

div#text-leistungsspektrum p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333;
margin: 0 0 17px 0;
line-height: 17px;
float: none;
}

div#text-ueber_uns p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333;
margin: 0 0 13px 0;
line-height: 16px;
float: none;
}

div.text-normal p {
margin: 0 0 13px 0;
}

div#column div.column-round div.text p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
margin: 0 0 15px 0;
line-height: normal;
}

#content div.text-normal ul {
	margin: 0 0 0 30px;
	paddingt: 0;
}


#content div.text-normal ul li {
	color: #E2001B;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

#content ul li p{
	margin: 2px 0 2px 0;
	padding: 0;
	font-size: 11px;
}

#text p span {
	color: #d7b469;
}

div#content div.text-normal div.kasten-ueberblick ul {
	margin: 0 0 0 20px;
	padding: 0;
	width: 175px;
}

div#content ul li {
	margin: 0 0 4px 0;
	padding: 0;
	color: #E2001B;
	font-size: 10px;
}


div#content div.text-normal div.kasten-ueberblick ul li {
	margin: 0 0 4px 0;
	padding: 0;
	color: #0087c7;
	font-size: 10px;
}

div#content div.text-normal div.kasten-ueberblick ul li p {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

div#content div.text-normal div.kasten-ueberblick ul li ul {
	margin: 10px 0 10px 15px;
	padding: 0;
}

div#content div.text-normal div.kasten-ueberblick ul li ul li{
	margin: 0;
	padding: 0;
}

div#content ol {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#content ol li {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #555555;
	margin-left: 33px;
}

div#content ol li p {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

#footer p {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444;
}

div#content div.text-normal div.kasten-ueberblick h3.ueberschriften-ueberblick  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-align: center;
	background-color: #0087c7;
	height: 20px;
	padding: 3px 0 0 0;
	border-bottom: 2px solid #fff;
	width: 200px;
	display: block;
	margin: 0;
}

div#content div.teaser h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #e43649;
	margin: 15px 0 0 18px;
	float: left;
	font-weight: normal;

}

div#content div.teaser p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #525455;
	margin: 0;
	font-weight: normal;
	float: left;
	width: 305px;
	position: absolute;
	line-height: normal;
	top: 38px;
	left: 160px;
}

div#content div.kasten-ansprechpartner h2 {
	width: 405px;
	height: 24px;
	display: block;
	background-color: #E3001B;
	padding: 6px 0 0 15px;
	color: #ffffff;
	margin: 0;
	border-bottom: 4px solid #ffffff;
}

div#content div.kasten-ansprechpartner p.left {
	padding: 9px 0 0 15px;
	color: #333333;
	margin: 5px 0 5px 0;
	float: left;
	width: 230px;
}

div#content div.kasten-ansprechpartner p.left-zentrale {
	padding: 9px 0 0 15px;
	color: #333333;
	margin: 5px 0 5px 0;
	float: left;
	width: 200px;
}

div#content div.kasten-ansprechpartner p#zentrale_mail {
	padding: 9px 0 0 60px;
	color: #333333;
	margin: 0;
	float: left;
}

div#content div.kasten-ansprechpartner p.right {
	padding: 14px 0 0 80px;
	color: #333333;
	margin: 0;
	float: left;
	font-size: 11px;
}

div#content div.kasten-ansprechpartner p.text-right {
	padding: 8px 0 0 25px;
	color: #333333;
	margin: 0;
	font-size: 11px;
	float: left;
}

div#content div.kasten-ansprechpartner p span {
	font-size: 11px;
	color: #777777;
}


div#content div.text-normal h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #444444;
	margin: 30px 0 10px 0;
}

div#footer p#adresse {
	float: left;
}

div#footer p#absicherung {
	float: left;
	margin: 0 0 0 70px;
}

p#zurueck {
margin-top: 15px;
float: left;
}

div#unsere_partner p#text-unsere_partner {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #444444;
margin: 0;
padding: 0;
}

/* ------------------
| Bildformatierungen |
-------------------- */

img#logo {
	position: absolute;
	right: 35px;
	top: 49px;
	z-index: 50;	
}

img#headline {
	margin-bottom: 37px;
}

img#pic-newsletter {
	margin: 50px 0 0 0;
}

img#aktuelles {
	margin: 50px 0 15px 0;
}

img#pic-login {
}

img#pic-schwerpunkte {
	position: absolute;
	top: 0px;
	left: -22px;
	z-index: 500;
}

img.pic-teaser {
	margin: 9px 0 0 9px;
	display: block;
	float: left;
}

img.pic-teaser-arrow {
	position: absolute;
	top: 90px;
	right: -5px;
}

img#messtechnik {
float: right;
margin: 0 0 0 22px;
}

img#abdichten{
float: right;
margin: 0 0 0 22px;
}

img.bild-ansprechpartner {
float: left;
margin: 9px 0 0 15px;
}

img#allbau {
margin: 0 0 0 100px;
padding-bottom: 6px;
}

img#wobau-velbert {
margin: 0 0 0 16px;
padding-bottom: 6px;
}

img#wohnbau {
margin: 0 0 0 16px;
padding-bottom: 6px;
}

img#essen_nord {
margin: 0 0 0 16px;
}

img#gewobau {
margin: 0 0 0 16px;
padding-bottom: 2px;
}

img#deutsche_annington {
margin: 0 0 0 16px;
padding-bottom: 6px;
}

img#krupp_stiftung {
margin: 0 0 0 16px;
padding-bottom: 4px;
}

img.formatierung-column-bilder {
width: 180px;
margin:7px 0 7px 0;
}

img.pic_aktuelles {
float: left;
margin: 0 15px 10px 0;
}

img#vier_u_zwanzig {
position: absolute;
top: 319px;
right: 50px;
}

/* ------------------
| Linkformatierungen |
-------------------- */

div#content p a {
color: #555555;
text-decoration: none;
}

div#column div.column-round div.text p a {
	color: #e8354a;
	text-decoration: none;
	margin-left: 5px;
}

div#content ul li.admin a {
	color: #333333;
	font-size: 13px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#content ul li a {
	color: #444444;
	font-size: 13px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

tr td a {
	color: #444444;
}

a img {
	border: 0px none #000;
}


#footer p a {
	margin: 0;
	padding: 0 0 5px 0;
	color: #444;
}

.teaser a.mehr-teaser {
	color: #e43649;
	font-size: 13px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 85px;
	right: 5px;
}

div#content div.kasten-ansprechpartner p.right a {
	color: #666666;
}

div#content div.text-normal p a {
text-decoration: underline;
color: #444444;
}
/* ---------
| Allgemein |
---------- */

hr {	
border: 1px solid #ddd;
margin: 15px 0 15px 0;
}

div#unsere_partner hr {
margin: 0 0 7px 90px;
padding: 0;
width: 790px;
color: #666666;
}

/* --------------
| Tabellen-Elemente |
----------------- */

form {
	margin: 0;
	padding: 0;
}

input#suchtext {
	border: 1px solid #555;
	height: 14px;
	margin: 2px 0 0 48px;
	padding: 1px 4px 0 0;
	width: 89px;
	text-align: right;
	color: #555;
	font-size: 10px;
}


input#mainpage-suchbutton {
	margin: 2px 0 0 0;
}

input#benutzername {
	border: 1px solid #555;
	height: 15px;
	margin: 5px 0 0 0px;
	padding: 2px 0 0 5px;
	width: 190px;
	text-align: left;
	color: #555;
	font-size: 10px;
}

input#passwort {
	border: 1px solid #555;
	height: 15px;
	margin: 6px 0 0 0px;
	padding: 2px 0 0 5px;
	width: 126px;
	text-align: left;
	float: left;
	color: #555;
	font-size: 10px;
}

input#login {
margin: 5px 0 0 4px;
width: 60px;
font-size: 10px;
}

input#newsletter {
border: 1px solid #555;
	height: 15px;
	margin: 5px 0 0 0px;
	padding: 2px 0 0 4px;
	width: 126px;
	text-align: left;
	float: left;
	color: #555;
	font-size: 10px;
}

input#bestellen {
margin: 4px 0 0 4px;
width: 60px;
font-size: 10px;
}

input#e-mail {
	padding-left: 4px;
	width: 196px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
}

#content form#contactform table tr td.formtext {
	padding: 5px 15px 5px 0;
	color: #444444;
	vertical-align: top;
}

#content form#newsletter_form table tr td.formtext {
	padding: 5px 15px 5px 0;
	color: #444444;
	vertical-align: top;
}

#content form#newsletter_form table tr td input {
border: 1px solid #999999;
}

#content form#newsletter_form table tr td input#e-mail {
	width: 260px;
}

#content form#bewerbung table {
margin: 20px 0 0 0;
}

#content form#bewerbung table tr td.formtext {
	padding: 5px 15px 5px 0;
	color: #444444;
	vertical-align: top;
}

#content form#bewerbung table tr td#headline {
	padding: 5px 15px 13px 0;
}

#content form#bewerbung table tr td#anstellung {
	padding: 15px 15px 5px 0;
}

#content form#bewerbung table tr td#bewerbungstext {
	padding: 15px 15px 5px 0;
}

#content form#bewerbung table tr td#abschicken {
	padding: 15px 15px 5px 0;
}

#content form#bewerbung table tr td input.trick{
	background-color: #ffffff;
	border: 1px solid #999999;
	width: 220px;
}

#content form#bewerbung table tr td#alter input.trick{
	width: 40px;
}

#content form#bewerbung table tr td#plz input.trick{
	width: 50px;
}

#content form#bewerbung table tr td{
	color: #444444;
}

#content form#bewerbung table textarea {
	width: 350px;
	background-color: #ffffff;
	border: 1px solid #999999;
}

td.formerror {
	color: #F00;
	padding: 4px 12px 4px 0;
}

td.eintrag {
	width: 59px;
}

td.eintrag_text {
	padding: 12px 0 0 0;
}

#content form#kunden_registrieren table tr td {
padding: 5px 15px 5px 0;
	color: #444444;
	vertical-align: top;
}

#content form#kunden_registrieren table tr td.right input{
	background-color: #ffffff;
	border: 1px solid #999999;
	width: 200px;
}

#content form#kunden_registrieren table td select {
	background-color: #ffffff;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
}

#content form#contactform table tr td input.trick{
	background-color: #ffffff;
	border: 1px solid #999999;
	width: 200px;
}

#content form#newsletter_form table tr td input.trick{
	background-color: #ffffff;
	border: 1px solid #999999;
	width: 270px;
}


#content form#contactform table textarea {
	width: 285px;
	background-color: #ffffff;
	border: 1px solid #999999;
}

#content form#contactform table td select {
	background-color: #ffffff;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
}

#content form#newsletter_form table td select {
	background-color: #ffffff;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
}

#content table option {
	padding-right: 9px;
}

td.play {
	padding: 0 12px 0 0;
	width: 13px;
}

td span {
	color: #d7b469;
}