@import url("global.css");

/*
	Layout-Styles
*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: white;
	text-align: center;
	background-image: url(../images/page_bg.gif);
	background-repeat:repeat-x;
	background-attachment: scroll;
}

html, body {
	height: 100%;
}

#frame {
	background-image: url(../images/frame_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#headIMG {
	position: absolute;
	z-index:10;
	padding-left:10px;
	padding-top:10px;
	background-image:url("../images/headIMG_bg.png");
	background-repeat:no-repeat;
	width:380px;
	height:280px;
}

#head {
	height: 210px;
	background-image: url(../images/header_bg.gif);
}

#homeButton {
	display: block;
	margin-top: 0px;
	margin-bottom: -100px;
	margin-left:750px;
	border:0px;
}
#homeButton img {
	border:0px;
}

#wrapper #leftcolumn {
	margin-right: 790px;
	padding-top:100px;
	padding-bottom:300px;
	background-repeat: no-repeat;
	border: none;
	margin-right: 0px !important;
	background-color: white;
}

*html #wrapper #leftcolumn {
	position:relative;
}

#wrapper #centercolumn {
    float: left;
    width: 560px;
    background-repeat: no-repeat;
    min-height: 500px;
    margin: 0;
	padding-top:100px;
    border: none;
}

#centercolumn {
	background-color: white;
}

#wrapper #rightcolumn {
    margin-left: 560px;
    min-height: 500px;
    border: none;
}

#innerwrapper {
	float: right;
    background-repeat: repeat-y;
    background-image: url(../images/kontext_bg.gif);
	background-position:right;
	margin: 0;
	width: 790px;
	border: none;
	margin-left: 0px !important;
	margin-left: -3px;
}

#contentwrapper {
	background-color: white;
	background-image: url("../images/menu_bg.gif");
	background-repeat: repeat-y;
	background-position:left;
	border: none;
}

#centercolumn div {
	padding-top:5px;
	padding-left: 0px;
	padding-bottom:5px;
	color: #868786;
	font-size: 12px;
	line-height: 18px;
}

#centercolumn div.layout {
	padding-top:40px;
	padding-bottom:5px;
	padding-left:10px;
}

#claim {
	margin-left:180px;
	margin-right:0px;
	margin-top: -100px;
	height: 60px;
}

#footer {
	width: 1000px;
	color: white;
	text-align: center;
	margin-top: 0px;
	margin-left: 0px;
	background-color: #000066;
	height: 50px;
}

#footer p.footnavi {
	float: left;
	padding-left: 0px;
	padding-top: 15px;
	padding-bottom:0px;
	color: #fff;
	text-align: left;
	font-size: 10px;
}

#footer p.copy {
	padding-top: 15px;
	padding-bottom:0px;
	color: #fff;
	text-align: right;
	font-size: 10px;
}

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

#footer a:hover {
	text-decoration: none;
	border-bottom:1px dotted;
}

.clearer {
	clear: right;
}




/*
	Navigation-Top
*/

#NavWrapper {
	margin-left:370px;
	padding-top:140px;
}

ul#NavItems {
	font-size: 12px;
	font-variant: small-caps;
	list-style:none;
}

ul#NavItems a {
	display:block;
	width:105px;
	text-align:center;
	padding-top:0px;
	line-height:60px;
}

ul#NavItems li {
	float:left;
}

ul#NavItems li a:link, ul#NavItems li a:visited {
	color: #fff;
	text-decoration: none;
}

ul#NavItems li a.active {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
	background-image: url("../images/nav_bg.gif");
}

ul#NavItems li a:focus, ul#NavItems li a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
	background-image: url("../images/nav_bg.gif");
}




/*
Subnavigation
*/

#menu {
	margin-right:800px;
	padding-top: 10px;
	margin-left: 11px;
}

#menu ul {
	font-size:12px;
	list-style:none;
	line-height:20px;
	color: #868786;
}

#menu li.inactive {
	border-bottom:1px dotted silver;
	padding-left:25px;
}

#menu.allgemein li.active, 
#menu.aktuelles li.active {
	border-bottom:1px dotted silver;
	background-image:url(../images/selector_allgemein.gif);
	background-repeat:no-repeat;
	padding-left:25px;
}

#menu.heizung li.active {
	border-bottom:1px dotted silver;
	background-image:url(../images/selector_heizung.gif);
	background-repeat:no-repeat;
	padding-left:25px;
}

#menu.sanitaer li.active {
	border-bottom:1px dotted silver;
	background-image:url(../images/selector_sanitaer.gif);
	background-repeat:no-repeat;
	padding-left:25px;
}

#menu.umwelt li.active {
	border-bottom:1px dotted silver;
	background-image:url(../images/selector_umwelt.gif);
	background-repeat:no-repeat;
	padding-left:25px;
}

#menu.service li.active {
	border-bottom:1px dotted silver;
	background-image:url(../images/selector_service.gif);
	background-repeat:no-repeat;
	padding-left:25px;
}

#menu a:link, #menu a:visited {
	color:#868786;
	font-weight:normal;
	text-decoration:none;
}

#menu.allgemein a:link.active, 
#menu.aktuelles a:link.active {
	color:#868786;
	font-weight:bold;
	text-decoration:none;
}
#menu.umwelt a:link.active {
	color:#6cc120;
	font-weight:bold;
	text-decoration:none;
}
#menu.heizung a:link.active {
	color:#b92f2f;
	font-weight:bold;
	text-decoration:none;
}
#menu.sanitaer a:link.active {
	color:#000066;
	font-weight:bold;
	text-decoration:none;
}
#menu.service a:link.active {
	color:#5a99cc;
	font-weight:bold;
	text-decoration:none;
}

#menu.allgemein a:focus, 
#menu.aktuelles a:focus,
#menu.allgemein a:hover, 
#menu.aktuelles a:hover {
	color:#868786;
	font-weight:bold;
	text-decoration:underline;
}
#menu.umwelt a:focus,
#menu.umwelt a:hover {
	color:#6cc120;
	font-weight:bold;
	text-decoration:underline;
}
#menu.sanitaer a:focus,
#menu.sanitaer a:hover {
	color:#000066;
	font-weight:bold;
	text-decoration:underline;
}
#menu.heizung a:focus,
#menu.heizung a:hover {
	color:#b92f2f;
	font-weight:bold;
	text-decoration:underline;
}

#menu.service a:focus,
#menu.service a:hover {
	color:#5a99cc;
	font-weight:bold;
	text-decoration:underline;
}

#menu.allgemein a:active, 
#menu.aktuelles a:active {
	color:#868786;
	font-weight:bold;
	text-decoration:underline;
}
#menu.umwelt a:active {
	color:#6cc120;
	font-weight:bold;
	text-decoration:underline;
}
#menu.heizung a:active {
	color:#b92f2f;
	font-weight:bold;
	text-decoration:underline;
}
#menu.sanitaer a:active {
	color:#000066;
	font-weight:bold;
	text-decoration:underline;
}
#menu.service a:active {
	color:#5a99cc;
	font-weight:bold;
	text-decoration:underline;
}



/*
Rechte Spalte
*/

#rightcolumn h2 {
	padding-top: 19px;
	margin-left: 10px;
	margin-right:40px;
	font-weight: bold;
	color: white;
	font-size: 12px;
}

#rightcolumn h2.rightcolumnHeading {
	padding-top: 10px;
	color: #6c6c6c;
	margin-left: 30px;

}

#rightcolumn span.heading {
	display:block;
	padding-top: 19px;
	margin-left: 10px;
	margin-right:40px;
	font-weight: bold;
	font-size: 12px;
}

#rightcolumn span.description {
	display:block;
	color: black;
	font-size: 10px;
	margin-left:10px;
	margin-top:0px;
	margin-top: 15px !Important;
	margin-right:20px;
}

#rightcolumn p {
	color: black;
	font-size: 10px;
	margin-left:10px;
	margin-top:15px;
	margin-right:20px;
}

#rightcolumn div {
	margin-left: 30px;
	margin-top:10px;
}

*html #rightcolumn div {
	margin-left: 27px;
	margin-top:10px;
}

#rightcolumn #rightMenu {
	margin-left: 0px;
}

#BoxHotline {
	background-image: url("../images/box_hotline.gif");
	background-repeat:no-repeat;
	width:200px;
	height:90px;
}




/*
	Rechte Spalte Leistungen-Menü
*/
#rightcolumn a span.description {
	display: none;
}
#rightcolumn a:hover span.description,
#rightcolumn a.BoxheizungActive span.description,
#rightcolumn a.BoxsaniActive span.description,
#rightcolumn a.BoxumweltActive span.description,
#rightcolumn a.BoxserviceActive span.description {
	display: block ! important;
}
a.Boxheizung {
	display:block;
	background-image: url("../images/box_heizung.gif");
	background-repeat:no-repeat;
	width:200px;
	height:90px;
	text-decoration: none;
	color: white;
}

a.Boxheizung:hover, a.BoxheizungActive {
	display:block;
	background-image: url("../images/box_heizung_over.gif");
	background-repeat:no-repeat;
	width:200px;
	height:90px;
	text-decoration: none;
	color: black;
}

a.Boxsani {
	display: block;
	background-image: url("../images/box_sani.gif");
	background-repeat:no-repeat;
	width:200px;
	height:90px;
	text-decoration: none;
	color: white;
}

a.Boxsani:hover, a.BoxsaniActive {
	display: block;
	background-image: url("../images/box_sani_over.gif");
	background-repeat:no-repeat;
	width:200px;
	height:90px;
	text-decoration: none;
	color: black;
}

a.Boxumwelt {
	display: block;
	background-image: url("../images/box_umwelt.gif");
	background-repeat:no-repeat;
	width:200px;
	height:90px;
	text-decoration: none;
	color: white;
}

a.Boxumwelt:hover, a.BoxumweltActive {
	display: block;
	background-image: url("../images/box_umwelt_over.gif");
	background-repeat:no-repeat;
	width:200px;
	height:90px;
	text-decoration: none;
	color: black;
}

a.Boxservice {
	display: block;
	background-image: url("../images/box_service.gif");
	background-repeat:no-repeat;
	width:200px;
	height:90px;
	text-decoration: none;
	color: white;
}

a.Boxservice:hover, a.BoxserviceActive {
	display: block;
	background-image: url("../images/box_service_over.gif");
	background-repeat:no-repeat;
	width:200px;
	height:90px;
	text-decoration: none;
	color: black;
}



/*
	Rechte Spalte Aktuelles
*/

table#Aktuelles td.AktTableHeader {
	width: 200px;
	height:50px;
	background-image: url("../images/box_aktuelles_head.gif");
	background-repeat:no-repeat;
}

table#Aktuelles {
	margin-bottom:20px;
}

#Aktuelles h2.AktHeading {
	padding-top:5px;
}

#Aktuelles td.AktTableContent {
	width:200px;
	min-height:100px;
	background-image: url("../images/box_aktuelles_content.gif");
	background-repeat:repeat-y;
}

#Aktuelles p.AktContent {
	margin-top: 0px;
}

#Aktuelles td.AktTableFooter {
 	width:200px;
	height: 10px;
	background-image: url("../images/box_aktuelles_footer.gif");
	background-repeat:repeat-y;
}

#Aktuelles p.AktDescription {
	padding-bottom:10px;
	margin-bottom: 10px;
	border-bottom:1px dotted grey;
}

#Aktuelles hr.AktTableRuler {
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px dotted grey;
	margin-left:10px;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#Aktuelles a:link, #Aktuelles a:visited {
	color: #000066;
}
#Aktuelles a:focus, #Aktuelles a:hover {
	color: #7FBCFF;
}




/*
Startseite
*/
#startContent {
	margin-top:70px;
	background-color:white;
	width:1000px;
	min-height:200px;
}

#start_links {
	width:500px;
	float:left;
	text-align:center;
	padding-top:50px;
	padding-left:30px;
}

#start_rechts {
	margin-left:500px;
	text-align:center;
}

div#startMenu {
	width: 1000px;
}
div#startMenu a {
	border: 0px solid black;
}

div.startContainerRight {
	margin-left:500px;
}

div.startContainerLeft {
	float:left;
	width: 500px;
}

a.startBox1:link,
a.startBox1:visited {
	display: block;
	float:left;
	width:250px;
	height:150px;
	background-image: url("../images/start_box_heizung.jpg");
	background-repeat:no-repeat;
	text-decoration: none;
	padding-top: 15px;
}

a.startBox1:focus,
a.startBox1:hover {
	display: block;
	float:left;
	width:250px;
	height:150px;
	background-image: url("../images/start_box_heizung_over.jpg");
	background-repeat:no-repeat;
	text-decoration: none;
	padding-top: 15px;
}

a.startBox2:link,
a.startBox2:visited {
	display: block;
	margin-left:250px;
	width:250px;
	height:150px;
	background-image: url("../images/start_box_sanitaer.jpg");
	background-repeat:no-repeat;
	text-decoration: none;
	padding-top: 15px;
}

a.startBox2:focus,
a.startBox2:hover {
	display: block;
	margin-left:250px;
	width:250px;
	height:150px;
	background-image: url("../images/start_box_sanitaer_over.jpg");
	background-repeat:no-repeat;
	text-decoration: none;
	padding-top: 15px;
}

a.startBox3:link,
a.startBox3:visited {
	display: block;
	float: left;
	width: 250px;
	height: 150px;
	background-image: url("../images/start_box_umwelt.jpg");
	background-repeat: no-repeat;
	text-decoration: none;
	padding-top: 15px;
}

a.startBox3:focus,
a.startBox3:hover {
	display: block;
	float:left;
	width:250px;
	height:150px;
	background-image: url("../images/start_box_umwelt_over.jpg");
	background-repeat:no-repeat;
	text-decoration: none;
	padding-top: 15px;
}

a.startBox4:link,
a.startBox4:visited {
	display: block;
	margin-left:250px;
	width:250px;
	height:150px;
	background-image: url("../images/start_box_service.jpg");
	background-repeat:no-repeat;
	text-decoration: none;
	padding-top: 15px;
}

a.startBox4:focus,
a.startBox4:hover {
	display: block;
	margin-left:250px;
	width:250px;
	height:150px;
	background-image: url("../images/start_box_service_over.jpg");
	background-repeat:no-repeat;
	text-decoration: none;
	padding-top: 15px;
}


#contentwrapper #startMenu span.startLink {
	color: white;
	padding-left: 60px;
	font-size: 16px;
	font-weight: bold;
}

*html a.startBox1,
*html a.startBox2,
*html a.startBox3,
*html a.startBox4 {
	margin-right: -3px;
}




/*
	Google-Map
*/
#googlemap div {
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	color: #000;
	font-size: 12px;
	line-height: 12px;
}