.gruen {
	color			: #84b626;
}
.fett {
	font-weight		: bold;
}
.clear {
	height			: 1px;
	clear			: both;
	margin			: -1px 0px 0px;
	position		: static;
	overflow		: hidden;
}
.unsichtbar {
	display			: none;
}

* {
	margin			: 0px;
	padding			: 0px;
}
/*
img, div, span, ul, li {
	behavior: url(/css/iepng/iepngfix.htc);
}
*/
body {
	background		: #000000;
	font-family		: Arial, Verdana, Sans;
	min-height		: 101%;
}

body div.lichtjahre {
	background: url('/grafiken/10-lichtjahre.png');
	display: none;
	height: 97px;
	left: 126px;
	overflow: hidden;
	position: fixed;
	top: 186px;
	width: 111px;
}
body div.lichtjahre a {
	display: block;
	height: 97px;
	width: 111px;
}

a img {
	border			: none;
}

ul {
	list-style		: none;
}

a {
	color			: #84b626;
	text-decoration	: underline;
}
a:hover {
	color			: #ffffff;
}


#hintergrund {
	display			: block;
	position		: fixed;
	bottom			: -1px;
	right			: 0px;
	z-index			: 0;
}


div#seite {
	background		: transparent;
	display			: block;
	left			: 330px;
	margin			: 0px;
	overflow		: visible;
	position		: absolute;
	top				: 65px;
	width			: 600px;
	z-index			: 1;
}
div#seite ul.navigation {
	display			: none;
	height			: 150px;
	border-bottom	: 3px solid #84b626;
	width			: 600px;
}
div#seite ul.navigation li.subnavi {
	background		: url(/grafiken/transparent.png);
	color			: #ffffff;
	float			: left;
	font-size		: 0.8em;
	overflow		: visible;
	padding			: 0px 25px 0px 0px;
}
div#seite ul.navigation li.unternehmen {
	width			: 174px;
}
div#seite ul.navigation li.technologie {
	width			: 233px;
}
div#seite ul.navigation li.kontakt {
	width			: 108px;
}
div#seite ul.navigation li.subnavi a img {
	padding			: 0px 0px 0px 11px;
}
div#seite ul.navigation li.subnavi ul {
	background		: url(/grafiken/transparent.png);
	padding			: 2px 0px 0px 0px;
}
div#seite ul.navigation li.subnavi ul li {
	display			: none;
	height			: 18px;
	margin			: 0px 0px 0px 10px;
	padding			: 0px 0px 0px 15px;
	white-space		: nowrap;
}
div#seite ul.navigation li.subnavi ul li a {
	color			: #ffffff;
	text-decoration	: none;
}
div#seite ul.navigation li.subnavi ul li a.gruen {
	color			: #84b626;
}
div#seite ul.navigation li.subnavi ul li a:hover {
	color			: #84b626;
	text-decoration	: none;
}
div#seite ul.navigation li.subnavi ul li a:active {
	color			: #84b626;
	text-decoration	: none;
}



div#kopfbild {
	background		: #333333;
	margin			: 0px 0px 1.4em;
	position		: relative;
	width			: 600px;
}
div#kopfbild {
	display			: block;
	position		: relative;
}
div#kopfbild img {
	display			: block;
}
div#kopfbild .beschreibung {
	position		: absolute;
	top				: -1000px;
}
h1#seitentitel {
	background		: #84b626;
	color			: #ffffff;
	display			: none;
	font-size		: 1.2em;
	height			: 30px;
	line-height		: 30px;
	padding			: 0px;
	position		: absolute;
	overflow		: hidden;
	top				: 136px;
	vertical-align	: baseline;
	z-index			: 2;
}
h1#seitentitel img {
	padding			: 5px 15px 0px;
}


div#inhalt {
	background		: #333333;
	color			: #ffffff;
	display			: none;  /* TOGGLE */
	font-size		: 13px;
	padding			: 0px 0px 30px;
	overflow		: hidden;
}
div#inhalt a.hoch {
	background		: url(/grafiken/buttons/nachoben_off.png);
	display			: block;
	height			: 25px;
	margin			: 25px 0px 15px;
	overflow		: hidden;
	width			: 106px;
}
div#inhalt a.hoch:hover {
	background		: url(/grafiken/buttons/nachoben_on.png);
}
div#inhalt a.hoch span {
	display			: block;
	margin			: -20px 0px 0px 0px;
}
div#inhalt h2 {
	font-family		: Arial;
	font-size		: 1.5em;
	font-weight		: bold;
	color			: #84b626;
	padding			: 10px 15px 4px;
}
div#inhalt img.voll {
	padding			: 0px 0px 15px;
}
div#inhalt img.rechts {
	float			: right;
	padding			: 0px 0px 15px 15px;
}
div#inhalt img.links {
	float			: left;
	margin			: -2px 0px 0px;
	padding			: 0px 20px 15px 0px;
}
div#inhalt p {
	line-height		: 1.4;
	padding			: 0px 15px 15px 15px;
}
div#inhalt div.zitat {
	font-style		: italic;
	line-height		: 1.4;
	padding			: 0px 0px 15px;
}
div#inhalt label {
	display			: block;
	padding			: 0px 15px 0.6em;
}
div#inhalt > ul {
	padding			: 0px 15px 15px;
}
div#inhalt > ul > li {
	line-height		: 1.4;
	list-style		: square outside;
	margin			: 0px 0px 0px 15px;
	padding			: 0.4em 0px;
}
div#inhalt table.spezialist {
	border-collapse	: collapse;
	margin			: 0px 15px;
	text-align		: left;
}
div#inhalt table.spezialist th {
	font-weight		: bold;
	padding			: 5px 0px;
	text-align		: left;
	vertical-align	: top;
	width			: 130px;
}
div#inhalt table.spezialist td {
	padding			: 5px 0px;
}
div#inhalt table.spezialist td.umsatz,
div#inhalt table.spezialist td.ebitda {
	width			: 160px;
}
div#inhalt table.spezialist td label {
	display			: block;
	float			: left;
	margin			: 0px;
	overflow		: hidden;
	padding			: 0px;
	text-align		: left;
	width			: 55px;
}


/**
 * zeitleiste
 */
div#inhalt ul.zeitleiste ul {
	margin			: 0px;
	padding			: 0px;
}
div#inhalt ul.zeitleiste li {
	list-style		: none;
	margin			: 0px 0px 0px;
	overflow		: hidden;
	padding			: 0px;
	position		: relative;
}
div#inhalt ul.zeitleiste li.eintrag {
	margin			: 0px 0px 4px;
}
div#inhalt ul.zeitleiste li.jahr {
	float			: left;
	font-size		: 1em;
	font-weight		: bold;
	margin			: 0px 10px 0px 0px;
	padding			: 17px 0px 0px;
	text-align		: left;
	width			: 60px;
}
div#inhalt ul.zeitleiste li.projekt {
	float			: left;
	margin			: 0px 0px 4px;
	padding			: 0px;
	width			: 500px;
}
div#inhalt ul.zeitleiste li h3 {
	cursor			: pointer;
	font-size		: 1em;
	font-weight		: normal;
	float			: none;
	margin			: 17px 0px 0px 10px;
	padding			: 0px;
	width			: 380px;
}
div#inhalt ul.zeitleiste li p {
	clear			: both;
	display			: none;
	font-weight		: normal;
	float			: none;
	margin			: 0px;
	padding			: 10px 0px 15px 10px;
	width			: 380px;
}
div#inhalt ul.zeitleiste li.projekt img {
	display			: block;
	float			: right;
	margin			: 0px;
}
div#inhalt ul.zeitleiste li.letztes {
	margin			: 0px;
}
div#inhalt ul.zeitleiste div.gruen {
	background		: #84b626;
	bottom			: 0px;
	height			: 2px;
	overflow		: hidden;
	position		: absolute;
	width			: 60px;
}
div#inhalt ul.zeitleiste div.weiss {
	background		: #ffffff;
	bottom			: 0px;
	height			: 1px;
	left			: 70px;
	overflow		: hidden;
	position		: absolute;
	width			: 390px;
}
div#inhalt a.zeitleiste {
	background		: url(/grafiken/buttons/timelineopen_off.png);
	display			: block;
	height			: 25px;
	margin			: 0px auto 30px;
	width			: 131px;
}
div#inhalt ul.zeitleiste li.projekte {
	display			: block;
}
div#inhalt ul.zeitleiste > li {
	cursor			: default;
	background		: url(/grafiken/transparent.png);
}
div#inhalt ul.zeitleiste li.eintrag > ul li.projekt:hover{
	background		: #5c5c5c url(../grafiken/transparent.png);
}

/* europaeisch */
div#inhalt img.europa {
	margin			: 0px 0px 15px 0px;
	padding			: 0px;
}
div#inhalt > ul.zitat {
	padding			: 25px 0px 25px 15px;
}
div#inhalt > ul.zitat > li {
	list-style		: none;
	margin			: 14px 0px 12px;
}
div#inhalt > ul.zitat > li > p {
	font-style		: italic;
	line-height		: 1.4em;
	margin			: 0px 0px 5px;
	padding			: 0px;
}



/* kontakt */
div#inhalt form#kontakt > ul {
	margin			: 0px 15px;
	padding			: 0px;
}
div#inhalt form#kontakt ul li {
	clear			: none;
	list-style		: none;
	margin			: 0px;
	padding			: 0px 0px 0px;
}
div#inhalt form#kontakt ul li ul {
	margin			: 0px;
	padding			: 0px;
}
div#inhalt form#kontakt ul li ul li {
	clear			: none;
	float			: left;
	margin			: 0px;
	overflow		: hidden;
	padding			: 0px;
}
div#inhalt form#kontakt ul li ul li.label {
	overflow		: hidden;
	padding			: 4px 0px 0px;
	width			: 150px;
}
div#inhalt form#kontakt ul li ul li.feld {
	width			: 420px;
}
div#inhalt form#kontakt ul li ul li.feld input {
	border			: 1px solid #757575;
	font-family		: Arial;
	font-size		: 1em;
	margin			: 0px 0px 5px;
	padding			: 3px 3px;
	width			: 200px;
}
div#inhalt form#kontakt ul li ul li.feld label {
	padding			: 5px 0px 0px 0px;
}
div#inhalt form#kontakt ul li ul li.feld input.cb {
	float			: left;
	margin			: 5px 5px 5px 0px;
	padding			: 5px 0px;
	vertical-align	: baseline;
	width			: 15px;
}
div#inhalt form#kontakt ul li ul li.feld textarea {
	border			: 1px solid #757575;
	display			: inline;
	font-family		: Arial;
	font-size		: 1em;
	margin			: 0px 0px 5px;
	padding			: 3px;
	width			: 370px;
}
div#inhalt form#kontakt ul li ul li label {
	margin			: 0px;
	padding			: 0px;
}
div#inhalt form#kontakt {
	padding			: 0px 0px 10px;
}
div#inhalt form#kontakt span.anmerkung {
	color			: #757575;
	display			: block;
	font-size		: 0.9em;
	line-height		: 1.2em;
	padding			: 17px 0px 0px;
}



/* kunden */
ul.kunden {
	list-style		: none;
	margin			: 30px 0px;
	padding			: 0px;
}
div#inhalt ul.kunden > li {
	min-height		: 51px;
	height			: 64px;
	margin			: 0px 0px 15px;
	overflow		: hidden;
	padding			: 0px 0px 1px;
	position		: relative;
}
div#inhalt ul.kunden * {
	list-style		: none;
}
div#inhalt ul.kunden img {
	font-size		: 1em;
	right			: 0px;
	bottom			: 0px;
	position		: absolute;
}
div#inhalt ul.kunden li p {
	bottom			: 0px;
	display			: block;
	line-height		: 1.2em;
	margin			: 0px 0px 4px;
	overflow		: hidden;
	padding			: 0px 0px 3px 0px;
	position		: absolute;
	width			: 470px;
}
div#inhalt ul.kunden li p a {
	text-decoration	: underline;
}
ul.kunden li .gruen,
ul.kunden li .weiss {
	overflow		: visible;
	position		: absolute;
	bottom			: 0px;
}
ul.kunden li .gruen {
	background		: #84b626;
	display			: none;
	height			: 2px;
	left			: 0px;
	width			: 100px;
}
ul.kunden li .weiss {
	background		: #ffffff;
	height			: 1px;
	left			: 0px;
	width			: 460px;
}


/* partner */
ul.partner {
	list-style		: none;
	margin			: 0px;
	padding			: 0px;
}
div#inhalt ul.partner > li {
	margin			: 0px 0px 10px;
	padding			: 0px 0px 1px;
	position		: relative;
}
div#inhalt ul.partner * {
	list-style		: none;
}
.partner h3 {
	float			: left;
	font-size		: 1em;
	left			: 0px;
	position		: absolute;
	width			: 170px;
}
ul.partner li ul {
	display			: block;
	margin			: 0px 0px 3px;
	overflow		: hidden;
	padding			: 0px 0px 0px 180px;
	width			: 380px;
}
ul.partner li ul li {
	display			: list-item;
	margin			: 0px;
	padding			: 0px;
	position		: relative;
	width			: 380px;
}

ul.partner li .gruen,
ul.partner li .weiss {
	overflow		: visible;
	position		: absolute;
	bottom			: 0px;
}
ul.partner li .gruen {
	background		: #84b626;
	height			: 2px;
	left			: 0px;
	width			: 170px;
}
ul.partner li .weiss {
	background		: #ffffff;
	height			: 1px;
	left			: 180px;
	width			: 390px;
}


/* leistungen */
ul.leistungen {
	list-style		: none;
	margin			: 15px 0px 0px;
	padding			: 0px;
}
div#inhalt ul.leistungen > li {
	margin			: 0px 0px 10px;
	padding			: 0px 0px 1px;
	position		: relative;
}
div#inhalt ul.leistungen * {
	list-style		: none;
}
.leistungen h3 {
	float			: left;
	font-size		: 1em;
	left			: 0px;
	position		: absolute;
	width			: 200px;
}
ul.leistungen li ul {
	display			: block;
	margin			: 0px 0px 3px;
	overflow		: hidden;
	padding			: 0px 0px 0px 210px;
	width			: 360px;
}
ul.leistungen li ul li {
	display			: list-item;
	margin			: 0px;
	padding			: 0px;
	position		: relative;
	width			: 380px;
}

ul.leistungen li .gruen,
ul.leistungen li .weiss {
	overflow		: visible;
	position		: absolute;
	bottom			: 0px;
}
ul.leistungen li .gruen {
	background		: #84b626;
	height			: 2px;
	left			: 0px;
	width			: 200px;
}
ul.leistungen li .weiss {
	background		: #ffffff;
	height			: 1px;
	left			: 210px;
	width			: 360px;
}
div#inhalt ul.leistungen ul li span.anmerkung {
	color			: #757575;
}



div#inhalt div.impressum p {
	padding			: 5px 15px;
}
div.impressum h4 {
	font-size		: 1em;
	font-weight		: bold;
	margin			: 0px;
	padding			: 15px 15px 0px;
}


