BODY {
	background-image: url(grafik/hintergrund.jpg);
	background-color: #FFFFFF;
	font-size: 0.9em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	letter-spacing: 0px;
	text-decoration: none;
	font-weight: normal;
	line-height: 22px;
	color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
	width: 100%;
}


/* Definition umschliessender Div Gesamt*/
.divgesamt {
	clear: both;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(bilder/hintergrundkachel.jpg);
	background-repeat: repeat-y;
	width: 743px;								/* Gesamtbreite Website*/
	height: 100%;							/* Gesamthöhe Website*/
	position: relative;
	top: 0px;
	margin: auto;
	padding: 0px 0px 0px 0px;
}

/* Definition oberster Bereich für Logo etc*/
.header
{

	background-color: #FFFFFF;
	color: #000000;
	width: 743px;								/* Breite Header*/
	height: 56px;								/* Höhe Header*/
	position: relative;
	top:0px;
	margin: auto;
	padding: 0px 0px 0px 0px;
	
}

.headerbild
{
	background-image: url(grafik/header.jpg);
	background-repeat: no-repeat;
	top: 0px;
	position: relative;
	width: 100%;
	height: 56px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.sprachen
{
	float: left;
	margin: 25px 0px 0px 23px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.9em;
}


/* Sprachen */

.sprachenabstand
{
	margin-right: 5px;
	width: 16px;
	height: 11px;
}

.sprachenabstandfr
{
	margin-right: 5px;
	width: 16px;
	height: 11px;
}

.ie-only.sprachenabstandfr
{
	margin-left: 4px;
	width: 16px;
	height: 11px;
}

/* Definition Headvisual*/
.headvisual
{
	background-image: url(head/headimage1.jpg);
	width: 100%;								/* Breite Headvisual*/
	height: 162px;								/* Höhe Headvisual*/
	background-color: transparent;
	position: relative;
	top: 0px;
	margin: auto;
	padding: 0px 0px 0px 0px;

}

.headvisualunternehmen
{
	background-image: url(head/headimage2.jpg);
	width: 100%;								/* Breite Headvisual*/
	height: 162px;								/* Höhe Headvisual*/
	background-color: transparent;
	position: relative;
	top: 0px;
	margin: auto;
	padding: 0px 0px 0px 0px;

}

.headvisualleistungen
{
	background-image: url(head/headimage3.jpg);
	width: 100%;								/* Breite Headvisual*/
	height: 162px;								/* Höhe Headvisual*/
	background-color: transparent;
	position: relative;
	top: 0px;
	margin: auto;
	padding: 0px 0px 0px 0px;

}

.headvisualprodukte
{
	background-image: url(head/headimage4.jpg);
	width: 100%;								/* Breite Headvisual*/
	height: 162px;								/* Höhe Headvisual*/
	background-color: transparent;
	position: relative;
	top: 0px;
	margin: auto;
	padding: 0px 0px 0px 0px;

}

/* Definition Topnavigation*/
.topnavi
{
	background-image: url(grafik/zwischenlleiste.jpg);
	width: 100%;								/* Breite Topnavi*/
	height: 29px;								/* Höhe Topnavi*/
	background-color: transparent;
	position: relative;
	top: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* Container Contentbereich inkl Lefthand-Navi und Context-Spalte und Schatten*/
.contentgesamt
{
	background-color: #FFFFFF;
	color: #000000;
	background-image: url(grafik/hintergrundweiss.jpg);
	background-repeat: repeat-y;
	width: 743px;								/* Breite Contentbereich*/
	height: 100%;								/* Höhe Contentbereich*/
	position: relative;
	top: 0px;
	margin: auto;
	padding: 0px 0px 0px 0px;

}

/* Container Contentbereich inkl Lefthand-Navi und Context-Spalte*/
.containercontent
{
	color: #000000;
	background-color: #FFFFFF;
	width: 711px;								/* Breite Container Contentbereich*/
	height: 100%;
	position: relative;
	margin: auto;
}

/* Container Lefthand-Navi*/
.lefthandnavi
{
	color: #000000;
	background: #FFFFFF;
	width: 135px;								/* Breite Lefthandnavi*/
	height: 100%;							/* Höhe Lefthandnavi*/
	position: relative;
	float: left;
	top: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.01em;
	border: none;
}

/* Container Contentspalte*/
.contentspalte
{
	background-image: url(grafik/hintergrund_content.gif);
	background-repeat: repeat-y;
	width: 441px;								/* Breite Contentspalte*/
	height: 100%;							/* Höhe Contentspalte*/
	position: relative;
	float: left;
	top: 0px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.01em;
}

/* Verhalten und Aussehen der Lefthandnavigation*/


/* Listendefinitionen für Lefthandnavigation*/
ul 
{
	float: none;
	list-style: none;
	left: 0px;
	top: 0px;
	margin: 0px 0px 0px 0px;
	padding: 14px 0px 0px 11px;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 2em;
}

li
{
	float: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}

/* Einrücken der 2. Navigationsebene*/
.navigationsebene2
{
	padding: 0px 0px 0px 10px;
	
}

/* Menüpunkte für Lefthandnavigation*/
.home
{
	background-image: url(navi/home.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	text-decoration: none;
	background-repeat: no-repeat;
}

.home:hover
{
	background-image: url(navi/home_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.homeactive
{
	background-image: url(navi/home_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.unternehmen
{
	background-image: url(navi/unternehmen.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.unternehmen:hover
{
	background-image: url(navi/unternehmen_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.unternehmenactive
{
	background-image: url(navi/unternehmen_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.leistungen
{
	background-image: url(navi/leistungen.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.leistungen:hover
{
	background-image: url(navi/leistungen_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.leistungenactive
{
	background-image: url(navi/leistungen_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.produkte
{
	background-image: url(navi/produkte.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.produkte:link
{
	background-image: url(navi/produkte.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.produkte:hover
{
	background-image: url(navi/produkte_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.produkteactive
{
	background-image: url(navi/produkte_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.projekte
{
	background-image: url(navi/projekte.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.projekte:link
{
	background-image: url(navi/projekte.gif);
	position: absolute;
	width: 100%;
	height: 45px;
	background-repeat: no-repeat;
}

.projekte:hover
{
	background-image: url(navi/projekte_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.projekteactive
{
	background-image: url(navi/projekte_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.ks300
{
	background-image: url(navi/ks300.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.ks300:hover
{
	background-image: url(navi/ks300_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.ks300active
{
	background-image: url(navi/ks300_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.iso110
{
	background-image: url(navi/iso110.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.iso110:hover
{
	background-image: url(navi/iso110_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.iso110active
{
	background-image: url(navi/iso110_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.abstand
{
	padding: 0px 0px 10px 0px;
}

.kombi
{
	background-image: url(navi/kombi.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
	padding: 0px 0px 10px 0px;
}

.kombi:hover
{
	background-image: url(navi/kombi_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.kombiactive
{
	background-image: url(navi/kombi_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.weitere
{
	background-image: url(navi/weitere.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.weitere:hover
{
	background-image: url(navi/weitere_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.weitereactive
{
	background-image: url(navi/weitere_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.aktuelles
{
	background-image: url(navi/aktuelles.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.aktuelles:hover
{
	background-image: url(navi/aktuelles_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.aktuellesactive
{
	background-image: url(navi/aktuelles_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.kontakt
{
	background-image: url(navi/kontakt.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.kontakt:hover
{
	background-image: url(navi/kontakt_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.kontaktactive
{
	background-image: url(navi/kontakt_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.impressum
{
	background-image: url(navi/impressum.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.impressum:hover
{
	background-image: url(navi/impressum_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.impressumactive
{
	background-image: url(navi/impressum_over.gif);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}



.datenschutz
{
	background-image: url(navi/datenschutz.png);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.datenschutz:hover
{
	background-image: url(navi/datenschutz_over.png);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}

.datenschutzactive
{
	background-image: url(navi/datenschutz_over.png);
	position: absolute;
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}





/*Linkverhalten*/
a
{
	text-decoration: none;
	color: #000000;	
	background-color: #FFFFFF;
}

img
{
	top: 16px;
	border: 0px solid;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

span.linktext
{
	display: none;
}


/* Contentspalte*/

img.headline
{
	padding: 0px 0px 20px 25px;
}

.contenttext
{

	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.9em;
	line-height: 2em;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 25px;
	float: left;
	width: 90%;
}

.projektezwischenhead
{

	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.9em;
	line-height: 2em;
	margin: 0px 0px -15px 0px;
	padding: 0px 0px 2px 25px;
	float: left;
	width: 90%;
	color: #2C286C;
	font-weight: bold;
}

.zwischenheadgross
{

	color: #2C286C;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.3em;
}

.zwischenheadposition
{

	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 25px;
	color: #2C286C;
	font-weight: bold;
	clear: both;
}

.zwischenheadprodukte
{

	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 7px 25px;
	color: #2C286C;
	font-weight: bold;
	clear: both;
}

.zwischenheadhome
{
	color: #2C286C;
	text-align: center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.9em;
	line-height: 2em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 25px;
	width: 90%;

}

.produktbild
{
	color: #FFFFFF;
	width: 389px;
	background: #CCCCCC;
	border: 1px solid #ACACAC;
}

.link
{
	color: #2C286C;
	border: 0px solid;
	position: relative;
	margin: 0px 0px 0px 26px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.9em;
	line-height: 2em;
	float: left;
	text-decoration: none;
}

.ie-only.link
{
	color: #2C286C;
	border: 0px solid;
	position: relative;
	margin: 0px 0px 0px 26px;
	padding: 6px 0px 0px 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.9em;
	line-height: 2em;
	float: left;
	text-decoration: none;
}


/* Listen im Contentbereich */

.zwischenheadline
{
	color: #2C286C;
	font-weight: bold;
}

.kernaussage
{
	color: #E77918;
	font-weight: bold;
	font-size: 1.2em;
}

.kernaussagegross
{
	color: #E77918;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.1em;
	margin: 0px 0px 8px 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding: 0px 0px 2px 25px;
	float: left;
	width: 90%;
}

ul.contentliste
{
	list-style-type: disc;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.9em;
	line-height: 2em;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 20px;
	float: left;
	width: 90%;
}

ul.listeklein
{
	list-style-type: disc;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.9em;
	line-height: 2em;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	float: left;
	width: 90%;
}

li.content
{
	margin: 0px 0px 10px 20px;
	list-style-position: outside;
	font-weight: bold;
	color: #2C286C;
	padding: 0px 0px 0px 0px;
}

li.listeeng
{
	margin: 0px 0px 0px 20px;
	list-style-position: outside;
	font-weight: normal;
	color: #000000;
	padding: 0px 0px 0px 0px;
}

.listentext
{
	color: #000000;
	font-weight: normal;
}

.hervorhebungblau
{
	color: #2C286C;
}

.hervorhebungabstandblau
{

	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.9em;
	line-height: 2em;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 2px 25px;
	float: left;
	width: 90%;
}



/* Contextspalte */


/* Container Contextspalte*/

.contextspalte
{
	background: #FFFFFF;
	width: 135px;								/* Breite Contextspalte */
	height: 100px;							/* Höhe Contextspalte*/
	position: relative;
	float: right;
	top: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.01em;
}

.ie-only.contextspalte					/* IE-Anpassung*/
{
	background: #FFFFFF;
	width: 115px;								/* Breite Contextspalte */
	height: 100px;							/* Höhe Contextspalte*/
	position: relative;
	float: right;
	top: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.01em;
}

.contextbild
{
	top: 5px;
	float: right;
	width: 135px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	position: relative;
}

p.contextspaltetext
{
	position: relative;
	width: 87%;
	height: 100%;
	padding: 9px 5px 0px 15px;
	line-height: 1.7em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.7em;
	color: #6C6C6C;
	float: right;
}

.ie-only.p.contextspaltetext            /* IE-Anpassung*/
{
	position: relative;
	width: 100%;
	height: 100%;
	padding: 9px 5px 0px 15px;
	line-height: 1.7em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.7em;
	color: #6C6C6C;
	float: right;
}


.hervorhebung
{
	color: #000000;
}


.abbinder
{
	clear: both;
	background-image: url(grafik/abbinder.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 743px;
	height: 51px;
}