body {
	font-family: verdana, tahoma, verdana, arial, sans-serif;
	font-size: 100,01%;
	line-height: 110%;
	color:#46545a;
	margin:0;
	padding:0;
} 
div#Wrapper {
	font-size: 69%;
	width:910px;
	text-align:left;
}
img { border:0; }
/* ############################
	Header
###############################*/
div#Header {
	background-image: url("../images/welle2.jpg");
	background-repeat:no-repeat;
	/*height:115px;*/
	height:151px;
	position:relative;
}
/* layer fuer animation im kopfbereich*/
#animationkopf{
	position:absolute;
	width:94px;
	height:94px;
	z-index:1;
	left: 107px;
	top: 8px;
	background: url("../images/animation-kopf.gif");
}
/* animation rechts */
#animation {
	float:right;
	width:250px;
}
#animation img.klein {
	margin-top:243px;
	}

div#claim1 {
	position:absolute;
	left:230px;
	top:60px;
	width:391px;
	height:25px;
}
.home {
	background: url("../images/glueck.png") no-repeat;
	behavior:url(iepngfix.htc);
}
.unternehmen {
	background: url("../images/tradition.png") no-repeat;
	behavior:url(iepngfix.htc);
}
.verbrauchsrechner {
	background: url("../images/mehrdrin.png") no-repeat;
	behavior:url(iepngfix.htc);
}
.referenzen{
	background: url("../images/objektiv.png") no-repeat;
	behavior:url(iepngfix.htc);
}
.novalis {
	background: url("../images/mehrdrin.png") no-repeat;
	behavior:url(iepngfix.htc);
}
.kontakt{
	background: url("../images/kundennaehe.png") no-repeat;
	behavior:url(iepngfix.htc);
}
div#ClaimGB {logo
	position:absolute;
	left:20px;
	top:63px;
	width:388px;
	height:15px;
	font-size:120%;
	background: transparent url("../images/claim-gb.png") no-repeat;
	behavior: url(iepngfix.htc);
}
div#zweiteZeile {
	position:relative;
	height:28px;
	margin-bottom:1em;
	width:660px;
}
* html div#zweiteZeile {
	width: 657px;
}
div#Logo {
	position:absolute;
	top:18px;
	right:3px;
}
.Logonovalis {
 	/*margin-left:54px;
 	margin-top:6px;*/
	background:transparent url("../images/ecolution-logo.jpg") no-repeat;
	position:fixed !important; 
	position:absolute; 
	top:158px; 
	left:714px; 
	width:165px;
	height:14px;
	}
div#Breadcrumb {
	position:absolute;
	bottom:0;
	left:190px;
	font-size: xx-small;
	width:470px;
}
* html div#Breadcrumb {
	width: 467px;
}
div#Logo a {
	display:block;
	background: transparent url("../images/logo-hager-elsaesser.png") no-repeat;
	behavior: url(iepngfix.htc);
	width:240px;
	height:70px;
	border-bottom:none;
}
/* ############################
	Sprachweiche
###############################*/
div#SprachWeiche {
	position:absolute;
	left:696px;
	top:0px;
	font-size: xx-small;	
	text-transform:uppercase;
	z-index:1;
}
div#SprachWeiche a, div#SprachWeiche a:link, div#SprachWeiche a:visited {
	padding-right:1em;
	color:#46545a;
}
div#SprachWeiche a.active {
	font-weight:bold;
}
div#SprachWeiche a#Language {
	padding-left: 30px;
	background-image: url("../images/dropdown_icon.gif");
	background-repeat: no-repeat;
	background-position: 5% 50%;
}
div#SprachWeiche a#Deutsch {
	padding-left: 30px;
	background-image: url("../images/icon-deutschland.gif");
	background-repeat: no-repeat;
	background-position: 5% 50%;
}
div#SprachWeiche a#English {
	padding-left: 30px;
	background-image: url("../images/icon-english.gif");
	background-repeat: no-repeat;
	background-position: 5% 50%;
}
/* ############################
	3 Spalten Content,...
###############################*/
div.col1 {
	width:140px;
	padding: 0 10px;
	float:left;
	text-align:right;
}
div.col2 {
	width:660px;
	float:left;
}
* html div.col2 {
	width:657px;
}
div.col3 {
	width:250px;
	float:right;
}

/* ############################
	Allgemeine Elemente
###############################*/
.hellblau, strong.hellblau, b.hellblaz {
	color:#00adef;
}
h1, h2, h4 {
	font-size:110%;
	color:#46545a;
	margin-bottom: 0.8em;
}
h3, h2 {
	font-size:110%;
	color:#46545a;
	margin-bottom: 0em;
	margin:1em 0 .5em 0;
}
h1 { 
	font-size:120%; 
	margin-top:0;
}
div.col3 h2, div.col3 h3 {
	margin-top:0;
}
p { padding-bottom:1em; }
.hidden { display: none; }
a, a:link, a:visited {
	color: #09c;
	text-decoration:none;
}
a:hover {
	color:black;
	border-bottom:1px dotted #017EC0;
}
div#navi a, div#navi a:link, div#navi a:visited {
	border-bottom:none;
}
div#Inhalt {
	padding: 0 15px 0 20px;
	width:430px;
	float:left;
}
div#Inhalt ul {
	list-style-image: url("../images/dot.gif");
	list-style-position: outside;
	list-style-type:none;
	padding:0 0 1em 20px;
	margin:0;
}

/* CLEARER */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* ENDCE CLEARER */
div#Inhalt hr {
	height:1px;
	border:0;
	color: white;
	background-color:white;
	margin: 15px 0 15px 0;
} 
br.clearer {
	clear:both;
}
hr.clear_columns {	
	clear: both; 
	float: left; 
	content: "."; 
	display: block;  
	height: 0; 
	line-height: 0px; 
	visibility: hidden; 
	border: 0; 
	padding: 0;
	margin: -1.4em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
}
.invisable {
	position: absolute;
	left: -1000em;
	width: 20em;
}
/* ############################
	Navigationen
###############################*/
div#Hauptnavigation ul { 
	padding: 0 0 0 2em; 
	margin: 0px;
}
div#Hauptnavigation li { 
	list-style-type: none; 
	padding: 0px; 
	margin: 0px; 
	float:left;
}
div#Hauptnavigation ul li a { 
	display: block;
	padding: 2px 2em 2px 0; 
	color: #333; 
	text-decoration: none; 
	border-bottom:none;
}
div#Hauptnavigation li a.first {
	/* none geht nicht, sonst gibts nen Absstand im IE */
	border-top: 1px solid #C8C8C8; 
}
div#Hauptnavigation li a:hover, div#Hauptnavigation li a.active { 
	color:#F30100; 
}
div#Hauptnavigation li a.active, div#Hauptnavigation li a:hover {
	color: rgb(0,153,204);
}
div#Hauptnavigation li a.active {
	font-weight:bold;
}
div#Subnavigation ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
div#Subnavigation ul ul {
	padding: .5em 0;
}
div#Subnavigation ul ul ul li {
	font-style:italic;
	padding: 0 14px;
}
div#Subnavigation ul li {
	text-align:right;
	padding: .5em 0;
	line-height:110%;
}
div#Subnavigation ul li a, div#Subnavigation ul li a:link, div#Subnavigation ul li a:visited {
	text-decoration: none; 
	color:#09C;
}
div#Subnavigation ul ul li a, div#Subnavigation ul ul li a:link, div#Subnavigation ul ul li a:visited {
	color:#595757;
}
div#Subnavigation ul li a.active {
	font-weight:bold;
}

/****************************************************************
	Rechte Spalte
*****************************************************************/		
/* Mitarbeiterbild rechts */
p.person_image { margin-top:20px;}
tx_abdownloads_listView_download {
	width:228px; // breite ist für ie7 sonst werden die downloadboxen falsch dargestellt
}
div.kontextbox {
	background: url("../images/bg-grey.gif");
	margin-bottom:15px;
	width:248px !important;
	width:228px;
}
div#Inhalt div.kontextbox {
	background: none;
	width:228px;
}
div.kontextbox h2 {
	background-color:#09c;
	color:white;
	font-size:100%;
	text-transform:uppercase;
	padding: .2em 0 .2em 20px;
	width:228px;
}
div#Inhalt div.kontextbox h2 {
	background-color:#fff;
	padding: 0 0 0 0px;
	font-size:110%;
	color:#46545a;
	text-transform:none;
	margin-bottom: 0.8em;
	margin-top:0;
	display:none;
	width:228px;
}
div.kontextbox ul { 
	list-style-image: url("../images/dot.gif"); 
	padding:0 0 0 20px;
	margin:1em;
}
div.kontextbox ul li.more {
	padding-top:10px;
	padding-left:15px;
	list-style-image: none;
	list-style-type: none;
	background: transparent url("../images/pfeil-vor.gif") no-repeat 0 70%;
}
div.rounded_corner {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
/****************************************************************
	Modul Image
 	Definiert Bilderausgabe Fliesstext Content-Bereich
*****************************************************************/		
#Inhalt img {
	border					:	0px;
}
#Inhalt .flLeft a, #Inhalt .flLeft a:link, 
#Inhalt .flLeft a:visited, #Inhalt .flRight a, 
#Inhalt .flRight a:link, #Inhalt .flRight a:visited {
	text-decoration			:	none;
	border					: 	0px !important;	
	cursor					:	hand;
}
#Inhalt .flLeft a img, #Inhalt .flRight a img {
	padding-bottom			:	23px;
	background				: 	transparent url("../images/icon_lupe.gif") no-repeat bottom right;
}
#Inhalt .flRight	{
	float					:	right;
	margin					:	.3em 0 0 10px;
}
#Inhalt .flLeft	{
	float					:	left;
	margin					:	.3em 10px 0 0;
}
#Inhalt .flLeft p, #Inhalt .flRight p	{
	margin-top				:	0px !important;
	margin-top				:	8px;
	margin-bottom			:	0;
	font-size				:	90%;
	line-height				:	110%;
}

div.news-single-additional-info dd img {
	margin-right:4px;
}
/****************************************************************
	Modul Image Thickbox
	Erg?nzung f?r das Nichterscheinen von Linklinien
*****************************************************************/	
div.csc-textpic-imagewrap dl dt a img {
	padding-bottom			:	23px;
	background				: 	transparent url("../images/icon_lupe.gif") no-repeat bottom right;
}
div.csc-textpic-imagewrap dd.csc-textpic-caption {
	margin					:	0px;
	font-family				:	Tahoma,Verdana,Sans-Serif;
	line-height				:	12px;
	font-size				:	10px;
	color					:	#000;
}
#Inhalt a.thickbox {
	text-decoration			:	none;
	border					: 	0px !important;	
}
a#TB_ImageOff {
	text-decoration			:	none;
	border					: 	0px !important;	
}
/* ############################
	Suchausgabe
###############################*/
div.teamlist_item {
	clear:both;
	margin:0 0 1em 0;
}
div.teamlist_item div.teamlist_image {
	width:100px;
	float:left;
	margin:0 15px 0 0;
}

div.teamlist_item h2 {
	font-size:100%;
	text-transform:uppercase;
	padding: .2em 0 .2em 20px;
	margin:0;
}
/* ############################
	Suchausgabe
###############################*/
div.tx-indexedsearch-res {
	border-bottom:1px solid #C5C6C6;
}
div.tx-indexedsearch-res h3 {
	margin: .6em 0;
	font-size:100%;
}
div.tx-indexedsearch-res p {
	margin:0;
	padding: 0 0 1em 0;
}
strong.tx-indexedsearch-redMarkup {
	font-weight:normal;
	color:red;
}

div.tx-indexedsearch-whatis, div.tx-indexedsearch-browsebox {
	background-color:#E6E7E8;
	padding: 5px;
}

div.tx-indexedsearch-browsebox p {
	padding:0;
	margin:0;
}

div#Inhalt ul.browsebox {
	list-style-image: none;
	list-style-position: outside;
	padding-left:0;
	margin-bottom:1em;
}

ul.browsebox li {
	list-style-type: none; 
	float:left;
	margin: 0 1em 0 0;
}
/* ############################
	Footer
###############################*/
#footer { height: 40px;}
#footer div.col1 { text-align:right; }
#footer div.col2  { solid white; }
#footer .col3  { padding-top:0; }
#footer .col2 a { margin-right:2em; }
#footer a#Oben {
	padding-left:18px;
	background: transparent url("../images/nach-oben.gif") no-repeat;
}
a#Back {
	margin-left:20px;
	padding-left:12px;
	background: transparent url("../images/pfeil-zurueck.gif") no-repeat bottom left;
}
span#Druckversion a {
	padding-left:20px;
	background: transparent url("../images/prints.gif") no-repeat bottom left;
}
#footer div.col1 {
	border-right:0px;
}
/*********************************
	ListeQuer mit fester Breite
**********************************/
  ul.ListeQuer {
    background-color: #e4e2e2;
    border-bottom: 1px solid #CCC;
  }
  ul.ListeQuer li {
  	padding:0 10px 0 10px;
    list-style: none;
    display: inline;
    border-right: 1px solid white;
  }

/*********************************
	Allgemeine Einstellungen
**********************************/
.backlink{
	padding-top:1em;
	padding-left:15px;
	list-style-image: none;
	list-style-type: none;
	background: transparent url("../images/pfeil-zurueck.gif") no-repeat 0 85%;
	}
.backlink a {
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 15px;
	margin-top: 10px;

}
/* #############################
	Tabellen
	########################### */
table.address{
	margin-bottom:20px;
	width:460px;
}
.address th {
	vertical-align:top;
	font-weight: bold;
	background-color:#f0f7fb;
	padding: 5px;
	border-bottom:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF; 
}
.address td{
	vertical-align:top;
	background-color:#f0f7fb;
	padding:5px;
	border-bottom:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF; 
}
table.address th.addresshead{
	vertical-align:top;
	background-color:#e3f0f7;
	padding:5px 5px 0px 5px;
	border-bottom:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF; 
}
/* #############################
	keine <h1> Überschriften in rechter Spalte
	########################### */
.col3 h1 {
	/*display:none;*/
	}
/* #############################
	Abstand zu Bildern im Contentbereich
	########################### */
div.csc-textpic-imagewrap {
	margin: 0px 0px 15px 0px;
	}
.home_bg_white {
	background-color:#ffffff;
	color:#46545a;
	margin:0 0 3px 0px;
	padding:0 0 10px 10px;
}
.home_bg_white h1 {
	padding:0px;
	margin:0px;	
}

.home_bg_blue {
	background-color:#eaf1f7;
	color:#46545a;
	width:100%;
}
.home_bg_blue h1 {
	padding:5px 10px;
	margin:0;
}
.tx-jppageteaser-pi1 {
	margin: 0 0 15px 0;
	float:left;
	width:100%;
	}	
.tx-jppageteaser-pi1-list {
	width:100%;
	float: left;
	background-color: #f4f8fb;
	}	
.tx-jppageteaser-pi1-list-entry {
	width: 45%;
	padding:0 10px;
	float:left;
	margin: 0px;
	clear:none;
	min-height:135px;
	}
.tx-jppageteaser-pi1-list-entry h4,
.tx-jppageteaser-pi1-list-entry h4 a,
.tx-jppageteaser-pi1-list-entry h4 a:hover{
	border:0;
	color:#09c;
	}
.tx-jppageteaser-pi1-list-entry-link-item a,
.tx-jppageteaser-pi1-list-entry-link-item a:hover {
	padding-top:10px;
	padding-left:12px;
	list-style-image: none;
	list-style-type: none;
	background: transparent url("../images/pfeil-vor.gif") no-repeat 0 100%;
	}
.tx-jppageteaser-pi1-list-entry-image {
	float:left;
	width:auto;
	}
.tx-jppageteaser-pi1-list-entry-image img {
	float:left;
	width:auto;
	float: left; 
	margin: 3px 10px 5px 0px;
	border: 1px solid #000000;
	}
.tx-jppageteaser-pi1-list-entry-description {
	border:0px solid #003300;
	margin:0px;
	padding:0px;
	width:auto;
	line-height:1.4;
	}	
a img { 
	margin-top:0;
	padding-top:0;
}
/***************************
Formular
*****/
fieldset {
	margin: 0px 0px 10px 0px;
	padding: 5px 0 0 0;
	border: none;
}
legend {
	paddng:0;
	margin:0;
	display:none;
}
.tx-powermail-pi1_formwrap, .tx-powermail-pi1, .tx_powermail_pi1_form {
	padding:0;
	margin:0;
}
.tx_powermail_pi1_fieldwrap_html input.powermail_kontakt, textarea.powermail_kontakt {
	border:1px solid #BDBDBD;
	border-top: 1px solid #696969;
	border-left: 1px solid #8B8B8B;	
	width:200px;
}
.tx_powermail_pi1_fieldwrap_html_submitgraphic {
	color:white;
  	width: auto;
  	display: inline;
	padding-top:10px;
	}
.tx_powermail_pi1_fieldwrap_html label {
	width:100px;
	display:block;
	float:left;
}
/*Laenderauswahl*/
#uid18 {
	width:202px;
	background-color: #F5F5F5;
	border:1px solid #8B8B8B;
}
.tx_powermail_pi1_fieldwrap_html {
padding:5px;
}
/*******Berechnungstylesheet*****/
.left {
	float:left; 
	width:200px; 
}
.tabelle {
	background:#dcddde;
	padding:1px;
	width:600px;
}

.tabelle-links, .tabelle-rechts {
	float:left;
	width:190px;
	text-align:center;
	border-left:1px solid #dcddde;
	padding:5px;
	background:white;	
	height:25px;
}

.tb-element {
	background:white;
	margin:1px 0 0 0;
	padding:0;
}
.tb-eintrag {
	float:left;
	width:187px;
	padding:5px;
	height:25px;
}
br.cleartabelle {
	clear:both;
	height:0px;
	border:0px;
	margin:0px;
	padding:0px;	
	line-height:0px;
	width:0px;
}
.head {
	background:#dcddde;
}

.error {
	color:red;
	margin-top:10px;
}
/*******Tabelle Novalis Ecolution*********/
.grau {
	background: #dcddde;
	font-weight:bold;
	font-size:90% !important;
	font-size:90%;
}
table.techn {
	border:1px solid #dcddde;
	font-size:90% !important;
	font-size:90%;
}
table.techn tr td {
	border-left:1px solid #dcddde;
	border-bottom:1px solid #dcddde; 
	font-size:90% !important;
	font-size:90%;
}
table.techn td {
	text-align:center;
	font-size:90% !important;
	font-size:90%;
}
table.techn tr th {
	padding-left:2px;
	text-align:left;
	font-size:90% !important;
	font-size:90%;
	border-bottom:1px solid #dcddde;
}
.regular {
	font-weight:normal;
}
/* #############################
	Liste bei Downloads
	########################### */
.tx-abdownloads-pi1 {
	position:fixed;
	top:480px; 
	left:660px;
}
* html .tx-abdownloads-pi1 {
 	margin-top:330px;
}

.tx_abdownloads_listView_download ul li {
	list-style-type:none;
	list-style-image: url(../images/pdf-liste.gif);
	list-style-position: outside;
	padding-left: 10px; 
	margin:0 0 0 10px;
	}
* html .tx_abdownloads_listView_download ul li, *+html .tx_abdownloads_listView_download ul li {
	margin:0px;
}
/****** Wasserberechnung ********/
.wasserberechnung {
	padding:0 10px 10px 10px;
	margin:10px 0 10px 0;
	border:1px solid #0099cc;
	background:#e6e7e8;
	width:590px;
}
/**********feste breite********/
.breitetel {
	float:left;
}