body {

	text-align: center;													/* required for IE 5.5 */
	color: #777;
	font: 11px "Lucida Grande", Verdana, Arial, sans-serif;
	background: white url(../img/bg.gif) repeat-x;
	margin: 0;
	
}

/* Commons - gültig für jede Seite */

form {

	margin: 0;									/* nötig für Internet Explorer 7 */

}

h1 {

	color: #444;
	font-weight: normal;
	font-size: 20px;
	border-bottom: 1px #ddd solid;
	margin-top: 0px;
	padding-bottom: 5px;

}

h2 {

	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px #ddd solid;
	padding: 0 0 5px 0;
	margin-top: 20px;
	color: #444;
	
}

h3 {

	margin-top: 15px;
	margin-bottom: 2px;
	font-size: 12px;
	font-weight: normal;
	color: #006ec7;

}

h4 {

	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px #ddd dotted;
	padding: 0 0 5px 0;
	margin-top: 20px;
	color: #444;
	
}

img {

	border: 0;									/* nötig, damit IE nicht border für Links anfügt */

}

span.addon {

	font-weight: bold;
	font-size: 9px;

}

a {

	text-decoration: none;

}

a:hover {

	text-decoration: none;

}

a.language {

	color: black;
	text-decoration: none;

}

a.language:hover {

	color: #006ec7;
	text-decoration: none;
	border-bottom: 1px #006ec7 dotted;

}


a.text {

	color: #006ec7;
	text-decoration: none;
	border-bottom: 1px  #006ec7 dotted;

}

a.text:hover {

	color: black;
	text-decoration: none;
	border-bottom: 1px black dotted;

}

/* Zitate */

blockquote {

	padding: 10px 40px;
	margin: 0px;
	color: #444;

}

span.author {

	margin-top: 10px;
	display: block;
	font-size: 9px;
	text-align: right;
	color: #444;

}

/* Karriere Kontakt */

#careercontact {

	margin-bottom: 20px;

}

#careercontact th {

	font-weight: bold;
	width: 155px;

}

#careercontact td {

	width: 155px;
	vertical-align: top;

}


/* sollte kein Flash bzw. JavaScript verfügbar sein */

span.noflash {

	display: block;
	width: 710px;
	text-align: center;

}

/* Kontaktformular - Umständliche Formatierung wegen Internet Explorer */

#mail_error {

	margin: auto;
	margin-top: 25px;
	padding: 10px;
	width: 400px;
	border: 1px red dotted;
	color: red;

}

#mail_error span {

	display: block;
	font-weight: bold;
	border-bottom: 1px red dotted;
	padding-bottom: 5px;
	margin-bottom: 5px;

}

#mail_error li {

	margin-left: 18px;
	padding: 4px;
	list-style-image: url(../img/warning.gif);

}

#contact label {

	display: block;
	color: #006ec7;
	font-size: 11px;
	margin-bottom: 2px;

}

input.text {

	display: block;
	width: 190px;
	margin-bottom: 10px;
	border: 1px #ccc solid;
	padding: 2px;
	
}

#zip {

	width: 40px;

}

#city {

	width: 135px;

}

#contact select {

	display: block;
	width: 460px;
	margin-bottom: 20px;
	border: 1px #ccc solid;

}

#contact textarea {

	font: 12px "Lucida Grande", Verdana, Arial, sans-serif;
	display: block;
	border: 1px #ccc solid;
	padding: 2px;
	margin-bottom: 20px;
	height: 150px;
	width: 454px;

}

#contact span {

	display: block;

}

#contact span.left {

	float: left;

}

#contact span.right {

	float: right;

}

#contact span.clear {

	clear: both;

}

#contact hr {

	color: #fff;		/* nötig für Internet-Explorer. Sonst wird zusätzlich zur Border immer grauer strich angezeigt */
	border: 0;
	border-bottom: 1px #ddd solid;
	margin: 20px 0 20px 0;

}

#contact fieldset {

	width: 460px;
	margin-top: 30px;
	padding: 20px;
	border: 1px #ddd solid;

}

#contact input.btn {

	font-size: 11px;
	float: left;
	width: 220px;
	height: 20px;
	padding: 2px;
	color: white;
	background-color: #888;
	border: 0;

}


#contact input.btn:hover {

	background-color: #006ec7;
	
}

#contact a {

	display: block;
	float: right;
	text-align: center;
	width: 210px;
	height: 14px;
	padding: 3px;
	color: white;
	background-color: #888;
	border: 0;

}

#contact a:hover {

	background-color: #006ec7;
	
}

#contact input.btn_newsletter {

	font-size: 11px;
	float: left;
	width: 196px;
	height: 20px;
	padding: 2px;
	color: white;
	background-color: #888;
	border: 0;

}

#contact input.btn_newsletter:hover {

	background-color: #006ec7;
	
}


#contact a.newsletter {

	display: block;
	float: right;
	text-align: center;
	width: 190px;
	height: 14px;
	padding: 3px;
	color: white;
	background-color: #888;
	border: 0;

}

#contact a.newsletter:hover {

	background-color: #006ec7;
	
}

/*News_error */

#news_error {

	margin-top: 25px;
	padding: 0px 10px 0px 10px;
	width: 400px;
	color: red;
	clear:both;
}

#news_error li {

	margin-left: 6px;
	padding: 4px;
	list-style-image: url(../img/warning.gif);

}



/* newssubscribe */

#newssubscribe select {

	display: block;
	width: 460px;
	margin-bottom: 20px;
	border: 1px #ccc solid;

}

#newssubscribe textarea {

	font: 12px "Lucida Grande", Verdana, Arial, sans-serif;
	display: block;
	border: 1px #ccc solid;
	padding: 2px;
	margin-bottom: 20px;
	height: 150px;
	width: 454px;

}

#newssubscribe span {

	display: block;

}

#newssubscribe span.left {

	float: left;

}

#newssubscribe span.right black

#newssubscribe span.clear {

	clear: both;

}

#newssubscribe hr {

	color: #fff;		/* nötig für Internet-Explorer. Sonst wird zusätzlich zur Border immer grauer strich angezeigt */
	border: 0;
	border-bottom: 1px #ddd solid;
	margin: 20px 0 20px 0;

}

#newssubscribe fieldset {

	width: 636px;
	margin-top: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:20px;
	padding-right:20px;
	border: 1px #ddd solid;

}

#newssubscribe input.btn {
	
	margin-left:20px;
	font-size: 11px;
	float: left;
	width: 100px;
	height: 20px;
	padding: 2px;
	color: white;
	background-color: black;
	border: 0;

}

#newssubscribe input.btn:hover {

	background-color: #006ec7;
	
}

#newssubscribe a {

	display: block;
	float: right;
	text-align: center;
	width: 210px;
	height: 14px;
	padding: 3px;
	color: white;
	background-color: black;
	border: 0;

}

#newssubscribe a:hover {

	background-color: #006ec7;
	
}

/* Tabelle Sitemap */

#sitemap td {

	border: 1px white solid;
	vertical-align: top;
	width:215px;
	padding: 5px;
	
}

#sitemap td.filled{

	background-color: #eee;

}


/* Impressum */

table.imprint {

	width: 600px;
	margin-bottom: 30px;

}

table.imprint td {

	width: 300px;
	vertical-align: top;

}

/* Profile Geschäftsführer */

img.gf {

	border: 5px #eee solid;

}

p.gf {

	margin-left: 5px;

}

#gf td {

	vertical-align: top;
	padding: 5px 20px 10px 0;

}


/* Thumbnails Board */

img.board {

	border: 5px #eee solid;
	margin: 0 10px 5px 0;
}

p.board {

	margin-top: 20px;
	width: 250px;
	height: 160px;
	font-size: 9px;
	float: left;

}

span.board {

	display: block;
	padding-top: 3px;
	font-size: 11px;
	font-weight: bold;
	color: #444;
	
}

/* Tabellenformatierung - allgemein */


/* Tabellenformatierung - Download */

table.download {

	width: 500px;
	border: 1px #ccc dotted;
	border-bottom: 0;				/* unten wird ja von td gesetzt */
	
}

table.download td {

	margin: 0;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px #ccc dotted;

}

td.date {

	color: #444;

}

td.type {

	width: 30px;

}

td.download {

	width: 70px;

}

td.download a {

	background: url(../img/bg_btn_download_off.gif) no-repeat;
	color: white;
	display: block;					/* nötig damit breite interpretiert wird */
	height: 17px;					/* nötig für IE */
	width: 70px;
	padding: 2px 5px;
	font-size: 10px;
	text-decoration: none;

}

td.download a:hover {

	background: url(../img/bg_btn_download_on.gif) no-repeat;
}

/* News Download Table */

table.news {

	width: 680px;
	border: 1px #ccc dotted;
	border-bottom: 0;				/* unten wird ja von td gesetzt */
	
}

table.news td {

	margin: 0;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px #ccc dotted;

}

td.date {

	color: #444;

}

td.type {

	width: 30px;

}

td.news {

	width: 70px;

}

td.news a {

	background: url(../img/bg_btn_download_off.gif) no-repeat;
	color: white;
	display: block;					/* nötig damit breite interpretiert wird */
	height: 17px;					/* nötig für IE */
	width: 70px;
	padding: 2px 5px;
	font-size: 10px;
	text-decoration: none;

}

td.news a:hover {

	background: url(../img/bg_btn_download_on.gif) no-repeat;
}

/* Tabellenformatierung - Umweltzertifikate */

table.certificates {

	width: 500px;
	
}

table.certificates th {

	font-size: 10px;
	color: #006ec7;
	padding: 5px;
	margin: 0;
	
}

table.certificates td {

	border-top: 1px #ddd dotted;
	padding: 10px 5px;
	margin: 0;
	
}


/* nur für Home --- wird home.css (für zwei dateien de und en) */

div.news {

	margin-top: 20px;
	
}


div.news h2 {
	
	font-weight: bold;
	padding-bottom: 5px;
	color: #444;
	border-bottom: 1px #777 solid;
	
}

div.news span {
	
	font-weight: normal;
	color: #777;

}

/* End:nur für News */

a.more {

	color: #444;
	text-decoration: none;
	padding-left: 8px;
	background: url(../img/arrow_right_grey.gif) no-repeat center left;
	border-bottom: 1px #333 dotted;

}

a:hover.more {

	color: #006ec7;
	background: url(../img/arrow_right_blue.gif) no-repeat center left;
	border-bottom: 1px #006ec7 dotted;

}

/* Layout */

/* Hülle */

#wrapper {
	
	margin: 0px auto;													/* "0px" setzt margin (also nach innen) auf 0. "auto" richtet mittig aus. */
	text-align: left;													/* nötig weil für IE 5 im body "text-align: center;" nötig ist. */
	width: 960px !important;											/* important damit es nie breiter als diese Angabe werden kann */
	position: relative;

}


#header {

	width: 960px;
	background: url(../img/edge_top.png) no-repeat bottom;

}

/* Languageselection */

#language {

	padding: 15px 0px 25px 30px;
	font-size: 10px;
	color: #444;

}

span.active {

	color: #006ec7;
	border-bottom: 1px #006ec7 dotted;

}


#logo {

	height: 100px;
	width: 940px;
	background-color: white;
	margin-left: 10px;						/*rückt 10px nach links ein, damit bg sichtbar */
}

#logo img {

	margin: 20px 0 25px 25px;
	border: 0;								/* garantiert, dass auch bei einem Link keine Border auftaucht */

}

#teaser {

	margin-left: 10px;						/*rückt 10px nach links ein, damit bg sichtbar */

}

/* Suche */

#search {

	position: absolute;
	padding: 10px;
	top: -7px;								/* wegen Schatten von oben */
	right: 30px;
	background-color: #eee;
	border: 1px #ccc dotted;
	border-top: 0;
	font-size: 10px;

}

#search span {

	display: block;
	margin: -3px 0 5px 0;
	color: #444;
	font-weight: bold;

}

#searchinput {

	font-size: 11px;
	padding: 2px;
	color: #006ec7;
	border: 1px #999 solid;
	width: 85px;
	height: 14px;

}

#searchsubmit {
	
	vertical-align: bottom;
	height: 20px;
	width: 38px;

}

/* Ende Suche */

#container {

	width: 960px;
	background: url(../img/edge.png);		/* sorg für Hintergrund vertikal */
	position: relative;

}

/* Navigation */

#nav {
	
	margin: 0 0 0 10px;						/* rückt 10px nach links ein, damit bg sichtbar */
	padding: 0;
	font-size: 11px;
	width: 940px;							/* wird benötigt, weil navi sonst breite darüber annimmt */
	height: 39px;
	background: url(../img/nav-bg.gif); 	/* zur Sicherheit sollte noch Farbe davor! */
	list-style-type: none;

}

#nav img {

	float: left;

}


#nav a {
	
	float: left;
	display: block;
	height: 29px;
	text-decoration: none;
	text-align:center;
	padding-top: 10px;
	color: #777;
	
}

#nav a:hover {
	
	color: #444;
	background: url(../img/nav-arrow_hover.gif) no-repeat bottom center;
	
}

#nav a.active {

	text-decoration: none;
	color: #444;
	background: url(../img/nav-arrow_active.gif) no-repeat bottom center;
	
}

#nav li {

	float: left;

}

#nav li.active {

	text-decoration: none;
	background: #fff url(../img/nav-bg_active.gif);
	
}

/* Verteilung der Buttons - Deutsch */

#home_de {

	width: 87px;

}

#company_de {

	width: 142px;

}

#competencies_de {

	width: 142px;

}

#career_de {

	width: 117px;

}

#environment_de {

	width: 107px;

}

#contact_de {

	width: 117px;

}

#press_de {

	width: 89px;

}

#downloads_de {

	width: 131px;

}

/* Verteilung der Buttons - Englisch */

#home_en {

	width: 88px;

}

#company_en {

	width: 118px;

}

#competencies_en {

	width: 148px;

}

#career_en {

	width: 103px;

}

#environment_en {

	width: 140px;

}

#press_en {

	width: 88px;

}

#contact_en {

	width: 118px;

}

#downloads_en {

	width: 130px;

}

/* Navigation 2 */

#nav2 {

	font-size: 11px;
	padding: 0px;
	margin: 0 0 0 11px;				/* Schiebt auf Kante Schatten (+1 Pixel für doppelrand) */
	width: 180px;
	list-style-type: none;
	float: left;

}

#nav2 li {
	
	background: white;
	
}

#nav2 li a {
	
	color: #777;
	text-decoration: none;
	display: block;
	padding: 9px 10px;
	border-bottom: 1px #ccc solid;
	
}

#nav2 li a:hover {
	
	color: #444;
	background: url(../img/nav2-arrow_right.gif) no-repeat center right;				/* geht nicht so, weil active ja auch nach rechts zeigen könnte! */
	
}

#nav2 li a.active {
	
	color: #444;
	background: url(../img/nav2-arrow_right.gif) no-repeat center right;				/* geht nicht so, weil active ja auch nach rechts zeigen könnte! */
	
}

#nav2 li a.dropped {
	
	color: #444;
	background: url(../img/nav2-arrow_down.gif) no-repeat center right;				/* geht nicht so, weil active ja auch nach rechts zeigen könnte! */
	
}

/* Navigation 3 */

#nav3 {

	font-size: 11px;
	padding: 0px;
	margin: 0px;
	width: 180px;
	list-style-type: none;
	
}

#nav3 li {
	
	background-image: url(../img/nav3-bg.gif);

}

#nav3 li a {

	display: block;
	padding: 9px 15px;
	color: #777;
	text-decoration: none;
	border-bottom: 1px white solid;					/* muss rein, weil sonst höhe nicht mehr stimmt, außerdem wird weiße kannte benötigt */
	
}

#nav3 li a:hover {

	color: #444;
	display: block;
	text-decoration: none;
	
}


/* Content - verwendete ID unterscheidet sich je nach Layout */


#content_home {
		
	float: left;
	margin-left: 10px;
	padding: 15px 24px;
	width: 680px;

}

#content_searchresults {
		
	float: left;
	margin-left: 10px;
	padding: 15px 24px;
	width: 890px;
	min-height: 300px;

}

#content_twocol {
		
	float: left;
	padding: 15px 24px;
	border-left: 1px #ccc solid;
	width: 500px;

}

#content_onecol {
		
	float: left;
	padding: 15px 24px;
	border-left: 1px #ccc solid;
	width: 710px;

}


/* Quicklinks - gehört in basic oder extra für jede Seite die Quicklinks nutzt - also home und 2col */

#quicklink {

	float: right;
	width: 210px;
	padding: 0px;
	margin-right: 10px;
	
}

#quicklink h1 {

	text-align: right;
	color: black;
	font-size: 11px;
	font-weight: normal;
	padding: 0;
	margin: 10px 20px;
	border: 0px;
	

}

#quicklink span {

	color: #006ec7;
	font-size: 11px;
	border-bottom: 1px #ccc solid;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	display: block;
	

}

#quicklink span.quicktime {

	color: #777;
	font-size: 9px;
	border-bottom: none;
	padding-top: 5px;
	padding-bottom: 0;
	margin-bottom: 10px;
	font-weight: normal;
	display: block;
	

}

#quicklink p {

	background-color: #eee;
	border: 1px #ccc dotted;
	color: #444;
	font-size: 10px;
	padding: 10px;
	width: 170px;

}

#quicklink p.fsc {

	background-color: #fff;
	border: none;
	padding: 3px 10px;
	margin: 0px;
	font-size: 8px;
	text-align: center;

}

#quicklink a {

	background: url(../img/bg_btn_qlink_off.gif) no-repeat;
	color: white;
	display: block;					/* nötig damit breite interpretiert wird */
	height: 17px;					/* nötig für IE */
	width: 160px;
	padding: 2px 5px;
	margin-top: 10px;
	font-size: 10px;
	text-decoration: none;

}

#quicklink a:hover {

	background: url(../img/bg_btn_qlink_on.gif) no-repeat;
	
}

/* Link für Bildlinks innerhalb der Quicklinks - überschreiben! */

#quicklink a.other {

	margin-top: 20px;
	margin-right: 10px;
	width: 180px;
	height: auto;
	text-align: center;
	text-decoration: none;
	background: none;				/* überschreibt vorheriges Bild */
	display: block;					/* nötig damit breite interpretiert wird */

}

#quicklink a.other:hover {

	background:  none;
	
}

#quicklink a.mail {
	
	height: auto;
	padding: 0;
	margin: 0;
	display: inline;
	color: #006ec7;
	background: none;
	text-decoration: none;

}

#quicklink a.mail:hover {

	color: #006ec7;
	background: none;
	text-decoration: none;
	border-bottom: 1px #006ec7 dotted;

}

/* Footer */

#footer {
	
	clear: both;
	padding: 15px;
	background:  white url(../img/edge_bottom.png) no-repeat top;				/* Farbe nötig damit png aus HG-Container nicht durchschimmert */

}

#footer_home {
	
	clear: both;
	padding: 15px;
	background:  white url(../img/edge_bottom_home.png) no-repeat top;				/* Farbe nötig damit png aus HG-Container nicht durchschimmert */

}

a.footer {

	font-size: 10px;
	margin: 0 5px;
	color: #777;
	text-decoration: none;

}

a.footer:hover {

	color: #444;
	border-bottom: 1px #444 dotted;

}