body, p, div, td, th, a, .brot, .tdblock, .klein {
	font-family: Arial, Helvetica, sans-serif;
}
th, td, .brot, .tabellenkopf, .tdblock, a {
	font-size: 12px;
	color: #003;
}
.brot, td, div, p {
	line-height: 19px;
}
th, .tabellenkopf {
	background-color: #90B8E2;
	text-align: center !important;
	vertical-align: middle;
	font-weight: normal;
}
table.inhalt {
	margin: 0 0 30px 0;
	width: 538px;
}
table.trennstrich {
	border-collapse: collapse;
}
.trennstrich td {
	border-bottom: 1px dotted #90B8E2;
	vertical-align: top; 
}
.trennstrich th {
	border-bottom: 0 !important; 
}
.noborder {
	border: 0 !important;
}
table.inhalt td, table.inhalt th {
	padding: 10px;
}
.tdblock {
	text-align: justify !important;
	line-height: 19px;
}
.weiss {
	color: #FFF;
}
a:link {
	text-decoration: none;
	color: #003872;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: #4078B2;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #90B8E2;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color: #205892;
	font-weight: bold;
}
.titel {
	font-family: "Helvetica Condensed", Helvetica, Arial, sans-serif;
	font-size: 19px;
	color: #369;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
}

/* ================================================================ */
/* =============== FUER VERSION NACH WEBSTANDARDS: ================ */
/* ================================================================ */

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-size: 76%;
}
body, h1, h2, h3 p, div, a, .klein, td, li {
	font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3 {
	font-family: "Helvetica Condensed", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #369;
	line-height: 1.3;
}
h1 {
	margin: 0 0 10px;
	font-size: 28px;
}
h2 {
	margin: 24px 0 9px;
	font-size: 20px;
}
h3 {
	margin: 20px 0 9px;
	font-size: 16px;
}
body, p, div, a, .klein, td, li {
	color: #003;
}
p {
	margin: 0 0 0.8em; /* entspricht bei 76% Generalgröße 9,728px */
	font-size: 1em;
	line-height: 1.6; /* entspricht bei 76% Generalgröße 19,456px */
}
td, li {
	font-size: 1em;
}
li {
	line-height: 1.6;
}
strong {
	color: #336;
}
ul.links {
	margin: 10px 0 0 35px;
	padding: 0;
}
ul.links li {
	list-style-type: none;
	padding: 3px 0;
}
.druckLink {
	display: none;
}
td.tabellenkopf { /* in Preistabellen */
	padding: 2px 0;
	font-size: 1em;
	color: #003;
	background: #90B8E2;
}
.versteckt, .sm, .sr {
 position: absolute;
 left: -1000px; 
 top: -1000px;
 width: 0px;
 height: 0px;
 overflow: hidden;
 display: inline;
}
.l {
	text-align: left !important;
}
.c {
	text-align: center !important;
}
.r {
	text-align: right !important;
}
.clear {
	clear: both;
}
img {
	border: 0;
}
.preload {
	visibility: hidden;
}
.preload img {
	width: 1px;
	height: 1px;
}
.klein {
	font-size: 0.9em;
	color: #003;
}

/* =================== KOPF ===================== */
#kopf {
	height: 194px;
	margin: 0;
}
#kopf #logo {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 122px;
	height: 119px;
}
#fliesstext {
	z-index: 1;
	position: absolute;
	left: 16px;
	top: 145px;
	width: 130px;
	height: 49px;
	visibility: visible;
	overflow: hidden;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #003;
	font-size: 1em;
	line-height: 1.5;
}

#navig { /* die Liste der Links */
	margin: 19px 0 0 173px;
	background-color: transparent;
	padding: 0;
	width: 588px;
  text-align: left;
	color: #003;
	border-top: 1px solid #FFF; /* gg. Bug in Safari und Firefox; sollte nicht noetig sein */
}
#navig li {
	/* ieMac-Hack Start \*/
  float: left;
	/*  ieMac-Hack Ende */
  display: inline; /* gg. Bug in ieWin, sollte ignoriert werden */
  margin: 0 28px 0 0;
  padding: 0;
  list-style: none;
}
#navig li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	/* ieMac-Hack Start \*/
	display: block;
}
#navig li #aktiv {
	cursor: default;
}
#navig li#schad a:link, #navig li#schad a:visited {
	width: 96px;
	background: url(images/hauptnavig/schadstoffe.gif) no-repeat top left;
}
#navig li#schad a:hover, #navig li#schad a:active, #navig li#schad a#aktiv {
	background: url(images/hauptnavig/schadstoffe_a.gif) no-repeat top left;
}
#navig li#loes a:link, #navig li#loes a:visited {
	width: 53px;
	background: url(images/hauptnavig/loesung.gif) no-repeat top left;
}
#navig li#loes a:hover, #navig li#loes a:active, #navig li#loes a#aktiv {
	background: url(images/hauptnavig/loesung_a.gif) no-repeat top left;
}
#navig li#leis a:link, #navig li#leis a:visited {
	width: 82px;
	background: url(images/hauptnavig/leistungen.gif) no-repeat top left;
}
#navig li#leis a:hover, #navig li#leis a:active, #navig li#leis a#aktiv {
	background: url(images/hauptnavig/leistungen_a.gif) no-repeat top left;
}
#navig li#wir a:link, #navig li#wir a:visited {
	width: 26px;
	background: url(images/hauptnavig/wir.gif) no-repeat top left;
}
#navig li#wir a:hover, #navig li#wir a:active, #navig li#wir a#aktiv {
	background: url(images/hauptnavig/wir_a.gif) no-repeat top left;
}
#navig li#kont a:link, #navig li#kont a:visited {
	width: 60px;
	background: url(images/hauptnavig/kontakt.gif) no-repeat top left;
}
#navig li#kont a:hover, #navig li#kont a:active, #navig li#kont a#aktiv {
	background: url(images/hauptnavig/kontakt_a.gif) no-repeat top left;
}
#navig li#text a:link, #navig li#text a:visited {
	width: 98px;
	background: url(images/hauptnavig/texte.gif) no-repeat top left;
}
#navig li#text a:hover, #navig li#text a:active, #navig li#text a#aktiv {
	background: url(images/hauptnavig/texte_a.gif) no-repeat top left;
}
#navig li a span {
	visibility: hidden;
	/*  ieMac-Hack Ende */
}
#kopf #schadstoffe, #kopf #loesung, #kopf #leistungen, #kopf #kompetenz, #kopf #kontakt, #kopf #texte { /* ein HG-Bild ersetzt die Ueberschrift */
	position: absolute;
	top: 75px;
	left: 210px;
	margin: 0;
	padding: 0;
	height: 65px;
	width: 518px;
}
#kopf #leistungen { /* ein HG-Bild ersetzt die Ueberschrift */
	top: 84px;
}
#kopf #schadstoffe h1, #kopf #loesung h1, #kopf #leistungen h1, #kopf #kompetenz h1, #kopf #kontakt h1, #kopf #texte h1 {
	text-indent: -9999px;
}
#kopf .titelbild {
	position: absolute;
	top: 10px;
	left: 329px;
	height: 102px;
	width: 118px;
}
/* =================== KOPF ENDE =================== */

#seite {
	position: absolute;
	top: 217px;
	left: 20px;
	margin: 0;
	padding: 0;
	width: 140px;
}
#seite img {
	display: block;
	margin: 0 0 39px;
}
#wrapper ul, #seite ul { /* Links */
	margin: 0;
	padding: 0;
}
#wrapper ul li, #seite ul li {
	padding: 0 0 8px 0;
	list-style-type: none;
}
#wrapper { /* statt table.inhalt fuer vorlauefige Seite in Frameset - kann entfernt werden, wenn es keine vorlaeufigen Seiten mehr gibt oder geben wird */
	margin: 0 0 30px 38px;
	width: 538px;
}
#inhalt { /* statt table.inhalt */
	position: absolute;
	top: 212px;
	left: 210px;
	padding: 0 0 20px 0;
	width: 518px;
}
#inhalt #subtitel { /* nur in den neuen vorlaeufigen Dateien im Frameset */
	margin-top: 0;
}
#inhalt h2 { /* diese Überschriften werden durch Bilder ersetzt */
	margin: 2.5em 0 1em;
	padding: 0;
	text-indent: -9999px;
	width: 518px;
	height: 19px !important;
}
#inhalt h2.bildbreite {
	width: 194px;
	background-position: right top;
}
#inhalt .kontakt h2 {
	width: 230px;
}
#inhalt img.spalte1, #inhalt ul.spalte1 {
	display: inline; /* gg. double-margin-Bug in ie6 */
	float: left;
	width: 194px;
}
#inhalt .spalte2 {
	display: inline; /* gg. double-margin-Bug in ie6 */
	float: right;
	margin-left: 20px;
	width: 304px;
}
#inhalt p {
	text-align: justify;
}
#inhalt p.rauf {
	text-align: right;
}
.rauf a {
	display: block;
}
.rauf a:link, .rauf a:visited {
	color: #205892;
}
.rauf a:hover {
	color: #C00;
}
p.uzt {
/* "Unterzwischentitel", d.h. Untertitel knapp unter dem Zwischentitel */
	margin: 0 0 9px 0;
	text-align: right !important;
}
table#preise, table.kontakt {
	margin: 0.5em 0 0;
	width: 575px;
	border-collapse: collapse;
	border: 0;
}
table#preise td {
	padding: 4px 0 6px;
	vertical-align: top;
}
table.kontakt td  {
	padding: 2px 0 3px;
	vertical-align: top;
}
table#preise td {
	text-align: right;
}
table.kontakt td.pad {
	padding-left: 38px;
}
#inhalt ul, #inhalt ul li {
	list-style-type: none;
}
#inhalt ul li {
	padding: 0.4em 0;
}
#referenzen #inhalt ul, #mitarbeit #inhalt ul, #vortraege #inhalt ul, #publikationen #inhalt ul {
	margin: 0 0 0 1em;
	padding: 0;
	width: 210px;
}
#referenzen #inhalt ul {
	margin-left: 0;
}
#mitarbeit #inhalt ul, #vortraege #inhalt ul, #publikationen #inhalt ul {
	width: 508px;
}
#mitarbeit #inhalt ul, #referenzen #inhalt ul.spalte 1 {
	margin: 0 0 1em 3em !important;
}
#vortraege #inhalt ul, #publikationen #inhalt ul {
	margin: 2em 0 3em 3em;
}
#referenzen #inhalt ul li, #mitarbeit #inhalt ul li, #vortraege #inhalt ul li, #publikationen #inhalt ul li {
	/* text-indent: -1em; funktioniert nicht in ie6! */
}

/* =============== Kontaktformular =============== */
#inhalt .kontaktform {
	width: 575px;
	padding: 0.9em;
}