﻿@charset "utf-8";

@import url("reset.css"); /* Setzt alle Browserstyles auf einen Standard */
@import url("html.css"); /* Formatiert HTML-Tags */
@import url("layout.css"); /* Grundlegendes Layout der Seite, Position der Elemente */
/*@import url("datepicker.css");  Datumsauswahl */


@charset "utf-8";
/*
HTML CSS V1.0 - Copyright (c) 2009 parallaxis – digitales Marketing
CSS for HTML-Tags
*/
body {
	background:url("../images/page-bg.png") repeat-x scroll 0 0 #ffffff;
	color:#434343;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

a{color:#0169A6;font-size: 11px;}
p {color:#434343;font-size: 11px;}
h1 {color:#434343;font-size: 14px;}

#page {
}

#phead {
}


#logo {width:500px!important;float:left;}

#sprachnavi {float:right;padding-top: 80px;}
#sprachnavi a{cursor:pointer;font-size:11px;}

#logo img {
	margin: 25px 0 0 10px;
	vertical-align: center;
}

#logo1 {
	float:left;
}

#logo1 img {
	margin: 25px 0 0 150px;
	vertical-align: center;
}

#logo2 img {
	margin: 25px 0 0 45px;
	vertical-align: center;
}

#header {
	background-color:#0169a6;	
}

#header img {
	float:left;
	height: 140px;
}

#pbody {
	background:url("../images/content-bg-verlauf.png") no-repeat scroll bottom left transparent;
}




#mainnav  {
	color:#434343;
	list-style-type:none;
	list-style-position:inside;
	padding:0;
	font-size:11px;
	overflow: visible;
}

#mainnav  UL {
	color:#434343;
	list-style-type:none;
	list-style-position:outside;
	margin:0 0 0 0;
	padding:0;
}

#mainnav #level1 {margin:0 0 28px 0;}

#mainnav  UL LI {
	margin:0;
	padding:0;
}

#mainnav  a {
	color: #434343;
	margin: 0;
	font-size: 11px;
	font-family: Arial;
	font-weight: normal;
	min-height:20px;
	display: block; 
	text-decoration:none;
}


#mainnav  #level1 .menuitem { overflow: visble; }

#mainnav  #level1 .menuitem a  {
	background-color:#e6e6e6;
	border-bottom:1px solid #ffffff;
	color:#434343;
	padding: 3px 0 0 10px;
	width: 194px;
}


#mainnav  #level1 .menuactive a, #mainnav  #level1  a:hover , #mainnav  #level1 .menuactive a:hover  {
	color:#ffffff;
	background-color:#0169a6;
	font-weight:bold;
	padding-left:10px !important;
	width: 194px
}
 
#mainnav  #level1 #level2  a  {
	background-color:#f2f2f2;
	border-bottom:1px solid #ffffff;
	color:#434343;
	font-weight: normal;
	padding-left:20px !important;
	width:184px !important;
}
 
#mainnav  #level1 #level2 .menuactive a, #mainnav  #level1 #level2 a:hover {
	color:#ffffff;
	background-color:#0169a6;
	font-weight:bold;
	padding-left:20px !important;
	width:184px !important;
}

#mainnav .csc-header h1 {
	background-color:#e6e6e6;
	border-bottom:1px solid #ffffff;
	color:#434343;
	font-size:11px;
	font-weight:bold;
	padding: 6px 0 7px 10px;
}

#mainnav p.bodytext {
	background-color:#f2f2f2;
	padding:11px;
}

#content {
}
#cimg {margin: 0 0 15px 0;}

#spalte1 {
}

#spalte-breit { margin: 0; float: left }

#spalte1 div.csc-textpic-center div.csc-textpic-imagewrap { margin-bottom: 10px; }
#spalte1 table { margin: 0 0 20px 8px; border: 1px solid #E6E6E6; width: 520px; }
#spalte1 table td { padding: 3px 2px 3px 4px; }
/*#spalte1 table td.td-0 { background-color: #F2F2F2; border: 1px solid #FFF; width: 150px; }*/
#spalte1 table caption { background-color: #E6E6E6; font-weight: bold; padding: 5px 0; text-align: center; }

#spalte1 h1, #spalte-breit h1 {color:#0169A6;font-size: 14px; margin: 0 0 10px 10px; font-weight:bold;}
#spalte1 p, #spalte-breit p {color:#434343;font-size: 11px; margin: 0 0 10px 0; line-height:150%;}

#spalte2 {
}

#spalte2 a  { font-size: 11px; }

#spalte2 .csc-header h1 {
	background-color:#e6e6e6;
	border-bottom:1px solid #ffffff;
	color:#434343;
	font-size:11px;
	font-weight:bold;
	padding: 6px 0 7px 10px;
}

#spalte2 p.bodytext {
	background-color:#f2f2f2;
	padding:11px;
}

#spalte2 ul {
	font-size: 10px;
	background-color:#f2f2f2;
	padding:0 11px 10px 0;
}

#spalte2 li { list-style-type: disc; margin-bottom: 2px; margin-left: 25px; }

#foot {
	background: #1b1a1a url("../images/page-bg-bottom.png") repeat-x scroll 0 0;
}


#pfoot {
	background: #1b1a1a url("../images/inhalt-bg-bottom.png") repeat-x scroll 0 0;
}

#metanavi {
	margin: 25px 0 0 45px;
}

#metanavi a {
	color:#FFFFFF;
	margin: 0 15px 0 0;
}

#contact {
	
}

#contact img {
	margin: 15px 0 0;
}

#gamgroup {
	margin: 15px 30px 0 0 !important;
}

#footerbag {
	margin: 15px 20px 0 0 !important;
}

#footerdel {
	margin: 15px 20px 0 0 !important;
}

#footerhim {
	margin: 15px 20px 0 0 !important;
}

#footerrec {
	margin: 15px 20px 0 0 !important;
}

#footerlei {
	margin: 15px 20px 0 0 !important;
}

#spalte1 .bodytext, #spalte-breit .bodytext {
	font-size:12px;
	line-height:150%;
	margin:0 0 20px 10px;
}

#spalte1 .info p { border: 1px solid #FF0000; color: #FF0000; padding: 10px; }

#spalte1 .csc-textpic img { margin: 0 10px 40px 10px; }

#spalte1 ul, #spalte-breit ul { list-style: outside disc; margin: 10px 0 20px 0; padding-left: 30px; }
#spalte1 ul ul, #spalte-breit ul ul  { list-style: outside circle; margin: 0; padding-left: 15px; }
#spalte1 ol, #spalte-breit ol { list-style: outside decimal; margin: 10px 0; padding-left: 25px; }
#spalte1 ol ol, #spalte-breit ol ol { list-style: outside decimal; margin: 0; }

.csc-textpic { margin-top: 0; }

.important {
	color:red;
}

#c84 {
	margin-top:20px;
}

#c52 {
	margin-top:230px;
}

#Adressbox { margin-bottom: 15px; }
#Adressbox a, #Messe a { color: #0169A6; display: inline; font-family: Verdana, Arial, Helvetica; height: auto; text-decoration: underline; }
#Adressbox a:hover, #Messe a:hover { text-decoration: none; }

#spalte-breit .csc-textpic-imagewrap { margin: 0; padding: 0; }
#spalte-breit .csc-textpic-imagewrap ul { margin: 0; padding: 0; }
#spalte-breit .csc-default { margin: 0; padding: 0; }

.Referenzen ul {
	margin:0 !important;
	padding:0 !important;
}

.Referenzen .csc-textpic-firstcol {
	margin-right:200px !important;
}

.Referenzen .csc-textpic-imagewrap {
	width:500px !important;
}

.Referenzen .csc-textpic-imagerow {
	width:500px !important;
}

.Referenzen .csc-textpic-image {
	padding-bottom:20px !important;
}

.Europakarte .csc-textpic-imagewrap {
	padding-bottom:20px;
}

/* Sitemap-Gestaltung */
.tx-wssitemap-pi1 .treemenudiv a:hover { color: #0169A6; }
.tx-wssitemap-pi1 .treemenudiv a, .tx-wssitemap-pi1 .treemenudiv a span.treemenutext_act { color: #434343; }

/* IE7 */
*+html div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img { margin: 0 0 10px 0; }

/* Recuheat Wärmetauscher Formular */
#uid-110 #pbody { background-image: url("../images/content-bg-verlauf-1spalte.png"); }
#uid-110 #pbody #spalte1, #uid-135 #pbody #spalte1{ width: 730px;}
#uid-110 #pbody #spalte2, #uid-135 #pbody #spalte2{ display: none; }

.formular{ margin: 0 0 10px 10px; }

#wtform { display: block; padding: 10px; }
#wtform h3 { color: #0169A6; font-size: 14px; line-height: 150%; margin: 10px 0; }
#wtform  h3.trigger {
	background: transparent url(../images/pfeil_d.png) right top no-repeat;
	border: 1px solid #0169A6;
	cursor: pointer;
	margin-bottom: 25px;
	padding: 5px;
	width: 697px;
}
#wtform fieldset h3 { margin: 0; padding-top: 10px; }
#wtform fieldset {
	border: 1px solid #0169A6; 
	clear: both;
	line-height: 30px;
	overflow: hidden;
	padding: 15px 10px;
	width: 687px;
}

#wtform  div.no-element { overflow: hidden; padding-bottom: 25px; }
#wtform label { line-height: 29px; }
#wtform fieldset p { margin: 0; }
#wtform fieldset div { float: left; }
#wtform fieldset .eingabe { width: 100%; }
#wtform option { padding: 0 2px; }
#wtform .field, #wtform .select { border: none; }
#wtform .textarea { height: 80px; margin-bottom: 15px; width: 680px; }
#wtform .field { border-bottom: 1px solid #0169A6; height: 20px; margin: 3px 0; width: 100%; }
#wtform .field.short { width: 163px; /*float: right;*/ }
#wtform .field.tiny { width: 180px; }
#wtform fieldset .stCol { width: 250px; }
#wtform fieldset .ndCol, fieldset .rdCol { width: 200px; }
#wtform fieldset.kontakt .ndCol { width: 400px; }
#wtform fieldset.tauscher .radio { margin-right: 70px; }
#wtform fieldset .rdCol { margin-left: 35px; }
#wtform fieldset .label { width: 145px; }
#wtform fieldset .einheit select {
	color: #434343;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	height: 19px;
	margin: 5px 0;
	width: 95px;
}
#wtform input[type="submit"] {
	border: 1px solid #0169A6;
	color: #0169A6;
	cursor: pointer;
	float: right;
	font-weight: bold;
}

#wtform fieldset .stCol { width: 260px; }
#wtform fieldset .label { width: 170px; }
#wtform fieldset.tauscher .radio { margin-right: 40px; }
#wtform fieldset .rdCol { margin-left: 25px; }
#wtform fieldset .einheit select { width: 80px; }

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
line-height:15px;
text-align:center;
margin:5px 0 20px 0;
}

.weiss p  {
background-color:#ffffff !important;
}

.pufferspeicher tr.tr-odd {
background-color:#F2F2F2 !important;
}
.pufferspeicher .tr-odd td {
background-color:#F2F2F2 !important;
}

.behaelter  {
margin:12px 0px 0px 0px;
}

.download {
margin:25px 0px -24px 15px;
}

.behaelterbau  {
padding:39px 0px 0px 0px;
}

.lohnfertigung {
padding:8px 0px 0px 0px;
}

.sonderapparate  {
padding:101px 50px 0 40px;
}

.sonderapparate .csc-textpic img {
margin:0px 0px 5px 0px !important;
}

.zertifikate {
padding:0px 52px 0px 0px;
}

.sonderapparate .csc-textpic-image {
margin:0px 0px 0px 28px!important;
}

/*---------- BAGOM - Referenzen ----------*/
.bagom-referenzen table td { font-weight: bold; text-align: center; }
.bagom-referenzen tr.tr-odd { background-color: #F2F2F2 !important; }
.bagom-referenzen tr.tr-odd td { background-color: #F2F2F2 !important; }

#uid-103 #spalte1 .csc-textpic img { margin: 0; }
