/***********************************************************************
 * Allgemeine Angaben
 */
body {
	font-size: 0.75em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding: 0px;
	margin: 0px;
	color: #404040;
	background-color: #fff;
}

/* Extrem-Zoom im IE beiseitigen. Durch die Font-Definition zoomt der IE wieder normal */       
body * { font: 100.01% Arial, Helvetica, Verdana, sans-serif } 

/* Link Formatierungen */
a { color: #404040; text-decoration: none; }
a:hover, #Noticeboard a, #Content a, #Noticeboard a.Button:hover { text-decoration: underline; }
a.letter, #Content a.letter, a.Button, #Noticeboard a.Button { text-decoration: none; }

/* Listen sollen keine Abst?e haben */
ul, ol { padding: 0px; margin: 0px; margin-left: 20px; }

/* Keine Rahmen f?der */
img, area { border: none; }

/* Abs?e mit 5px Abstand nach unten */
p { margin: 0px; padding: 0px; margin-bottom: 5px; }

/***********************************************************************
 * ?erschriften 
 */
h1 { margin: 0px; margin-top: 5px; padding: 0px; margin-bottom: 5px; font-size: 1.2em; font-weight: bold; }
h2 { margin: 0px; padding: 0px; margin-bottom: 5px; font-size: 1.1em; font-weight: bold; }
h3 { margin: 0px; padding: 0px; margin-bottom: 5px; font-size: 1.2em; font-weight: bold; }
h4 { font-size: 1em; margin: 0px; padding: 0px; margin-bottom: 5px; font-weight: bold; }
h5 { font-size: 1em; margin: 0px; padding: 0px; font-weight: bold; display: inline; }


/***********************************************************************
 * Seitenlayout
 */
#Body {
	top: 0px;
	position: relative;
	width: 900px;
	margin: auto;
}

#Stage {
	position: relative;
	height: 100%;
	background-image: url(../gfx/BG_Grau.gif);
}


/***********************************************************************
 * Logo
 */
#Logo { position: relative; background-color: 	#9B9D98; height: 70px;}
#textlogo { position: absolute; padding-left: 40px;} 
/*margin-top: 35px;*/
#homelogo { position: absolute; right: 206px; float: right; vertical-align: middle; /*margin-top: 12px;*/ }


/***********************************************************************
 * Metanavigtion 
 */
#Metanavigation { height: 2em; background-color: #373B32; color: #fff; padding-left: 40px; margin-top: 1px; font-size: 0.8em; }
#Metanavigation a  { display: inline; color: #fff; margin-right: 25px; position: relative; top: 6px; }

#metalanguages { display: inline; }
#metalanguages2 { display: inline; }
#metaitems { display: inline; }

#w1 { background-color: #fff; position: absolute; height: 4px; width: 820px; top: 70px; font-size: 1px; }
#w2 { background-color: #fff; position: absolute; height: 2.2em; width: 24px; top: 70px; margin-left: 653px; }
#g1 { background-color: #9B9D98; position: absolute; top: 70px; margin-left: 677px; height: 2.2em; width: 183px; margin-top: -1px; }


/***********************************************************************
 * Linke Leiste mit der Navigation
 */
#LinkeLeisteBG { background-color: #D7D8D6; position: absolute; height: 100%; top: 0px; left: 0px; width: 183px; z-index: -1; clear: both; }
#LinkeLeiste { background-color: #D7D8D6; float: left; width: 183px; height: 100%; border-top: 1px solid #fff; overflow: hidden; }

/***********************************************************************
 * Die Collage zwische Seitenkopf und Inhalten
 */
#Collage { margin-top: 1px; float: right; }

/***********************************************************************
 * Die rechte Spalte
 */
#NoticeboardBG {
	background-color: #D7D8D6;
	position: absolute;
	height: 100%;
	right: 0px;
	top: 1px;
	width: 183px;
	z-index: -1;
}
#Noticeboard {
	background-color: #D7D8D6;
	float: right;
	width: 183px;
	height: 100%;
	font-size: 0.9em;
	border-bottom: 1px solid #fff;
	overflow: hidden;
}
#Noticeboard input.Checkbox {
	position: relative;
	left: -4px;
	top: 2px;
	margin-right: -5px;
}
#Noticeboard p.bodytext {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
#Noticeboard h1 {
	border-top: 1px solid #fff;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	color: #fff;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #9B9D98;
	margin-bottom: 0px;
	display: block;
}
#Noticeboard h5 {
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	display: block;
}


/***********************************************************************
 * Formular elemente
 */
#Button, .Button {
	background-image: url(../gfx/Icons/arrow-right.png);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	margin-top: 3px;
	margin-left: 0px;
	padding-left: 12px;
	padding-right: 2px;
	font-weight: bold;
	height: 16px;
	line-height: 16px;
	color: #404040;
	border: 1px solid #9B9D98;
	background-color: #B4B6B2;
}
.TextButton, #TextButton {
	background-image: url(../gfx/Icons/arrow-right.png);
	background-repeat: no-repeat;
	background-position: right;
	margin-top: 3px;
	padding-right: 12px;
	font-weight: bold;
	height: 16px;
	line-height: 16px;
	color: #404040;
}
.Textbox {
	width: 169px;
}



/***********************************************************************
 * Contentn, der komplette Inhaltsbereich
 */
#Content {
	position: relative;
	top: 0px;
	margin-left: 50px;  
	width: 460px;	
	padding-bottom: 20px;
	overflow: hidden;
}

*html #Content {
	margin-left: 230px;
} 


/***********************************************************************
 * Content Footer, der Content Footer ist der Abschlu?des Inhaltsbereiches 
 * in dem der "Seite drucken" und "zur?ot; Button liegen. 
 */
#ContentFooter {
	border-top: 1px solid #9B9D98;
	font-size: 0.8em;
	color: #9B9D98;
	width: 460px;
	margin-left: 233px;
	padding-bottom: 20px;
	clear: both;
}
#ContentFooter a {
	color: #9B9D98;
}

/***********************************************************************
 * Breadcrumbs, die Breadcrumbs sind die Pfandanzeige der Navigation im 
 * Contentbereich oben.
 */
#Breadcrumbs {
	top: 4px;
	position: relative;
	width: 460px;
	margin-left: 233px;
	width: 460px;	
	margin-bottom: 20px;
	border-bottom: 1px solid #9B9D98;
	font-size: 0.8em;
}
*html #Breadcrumbs {
	margin-left: 230px;
}

#Breadcrumbs a {
	color: #9B9D98;
}
#Breadcrumbs img {
	position: relative;
	top: 1px;
	margin-left: 3px;
	margin-right: 3px;
}
#Breadcrumbs p {
	margin-bottom: 4px;
}






/***********************************************************************
 * Navigation
 */
#Navigation { 	margin-top: 20px;	background-color: #D7D8D6;	border-top: 1px solid #fff;	min-height: 400px;	overflow: visible; }
*html #Navigation {	height: 400px; }

#Navigation div { position: relative; overflow: visible; margin: 0px; padding: 0px; list-style-type: none; }
#Navigation a {	z-index: 3;	display: block;	border-bottom: 1px solid #fff;	border-top: 1px solid #fff;	margin-top: -1px;	color: #fff;	padding-left: 40px;	text-decoration: none;	padding-top: 2px;	padding-bottom: 1px;	font-size: 1em;	font-weight: bold; }

#SecondNavigation div {	background-position: 38px 5px; background-repeat : no-repeat;	background-image: url(../gfx/Icons/bullet_white.png); }
#SecondNavigation a {	z-index: 2;	text-transform: none; font-weight: normal;	margin-left: 40px;	padding-left: 10px; }

#ThirdNavigation div { background-position: 48px 5px; }
#ThirdNavigation a { z-index: 3; margin-left: 50px; }

#FourthNavigation div { background-position: 58px 5px; }
#FourthNavigation a { z-index: 4; margin-left: 60px; }

#FifthNavigation div { background-position: 68px 5px; }
#FifthNavigation a { z-index: 5; margin-left: 70px; }

#NavigEnd {
	position: relative;
	height: 10px;
	top: -1px;
	border-top: 1px solid #fff;
	background-color: #D7D8D6;	
	color: #D7D8D6;	
}

.Gruppe { background-color: #3D6890; }
#FirstNavigation div.Gruppe a { background-color: #3D6890; }

.Automobiltechnik { background-color: #AFA839; }
#FirstNavigation div.Automobiltechnik a { background-color: #AFA839; }

.StahlRohr { background-color: #90914E; }
#FirstNavigation div.StahlRohr a {  background-color: #90914E; }

.Karriere { background-color: #B88749; }
#FirstNavigation div.Karriere a { background-color: #B88749; }

.Handel { background-color: #7C9094; }
#FirstNavigation div.Handel a { background-color: #7C9094; }

.Allgemein { background-color: #9B9D98; }
#FirstNavigation div.Allgemein a { background-color: #9B9D98; }

/***********************************************************************
 * Seitenabschlu?- Footer
 */
#Footer {
	background-color: #C3C4C1;
	line-height: 1.7em;
	font-size: 1em;
	height: 1.7em;
	margin-bottom: 0px;
	position: relative;
	margin-top: 1px;
}
#Footer a {
	font-size: 0.8em;
	margin-left: 40px;
	color: #404040;
	text-decoration: none;
}
#Footer a:hover {
	text-decoration: underline;
}
#AnchorRight {
	position: absolute;
	width: 183px;
	height: 11px;
	top: -2px;
	right: 0px;
	font-size: 0px;
	background-color: #D7D8D6;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}
#Copy {
	position: absolute;
	left: 600px;
	font-size: 0.8em;
	top: 0px;
}

#groupText {
	position: absolute;
	left: 235px;
	font-size: 0.8em;
	top: 0px;
}

/***********************************************************************
 * Sitemap Layout
 */

p.csc-sitemap-level1 {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	font-weight: bold;
	background-color: #B4B6B2;
	color: #fff;
}
p.csc-sitemap-level1 a {
	color: #fff;
}
p.csc-sitemap-level2 {
	padding-left: 30px;
}
p.csc-sitemap-level3 {
	padding-left: 50px;
}

/***********************************************************************
 * News
 */
div.news-list-container {
	position: relative;
}
div.news-single-item h2 {
	font-size: 1.1em;
	font-weight: bold;
}
div.news-single-item h3 {
	font-size: 1em;
	font-weight: bold;
}
div.news-single-img {
	float: left;
	padding-right: 10px;
}

div.news-list-item h2 {
	font-size: 1.1em;
	font-weight: bold;
}
div.news-list-item h3, div.news-list-item h3 a {
	font-size: 1em;
	font-weight: bold;
}
div.news-list-item img {
	float: left;
	padding-right: 5px;
}
div.news-list-item p {
	text-decoration: none;
}
div.news-list-item span.news-list-date {
	font-size: 0.8em;
	font-weight: normal;
	display: block;
}
hr.clearer {
	padding: 0px;
	height:1px;
	background-color: #d7d6d8;
	color: #d7d6d8;
	border: 0px;
	clear: both;
}
div.news-list-morelink a, div.news-single-backlink a {
	background-image: url(../gfx/Icons/arrow-right.png);
	background-repeat: no-repeat;
	background-position: right;
	margin-top: 3px;
	padding-right: 12px;
	font-weight: normal;
	height: 16px;
	line-height: 16px;
	color: #404040;
}
 
 
/***********************************************************************
 * Suchbox
 */
#searchform input {
	display: block;
}

/***********************************************************************
 * Allgemeine Formatierungen
 */
p.csc-caption {
	font-style: italic;
	font-size: 0.8em;
}

ul.csc-bulletlist {
	margin-top: 0px;
	margin-left: 30px;
	padding: 0px;
}
p.bodytext {
	margin: 0px;
}

.spacer-gif {
	display: none;
}
.Icon, #ContentFooter img {
	position: relative;
	top: 2px;
	margin-right: 2px;
}
a.letter { /* Glossar Begriffserkl?ngen */
	border-bottom: 1px dotted #404040;
	cursor: help;
	text-decoration: none;
}
#routen select { /* Selectbox bei "So finden Sie uns" in der Aktionsleiste */
	width: 130px;
	margin-left: 5px;
	margin-bottom: 8px;
	valign: left;
}

/***********************************************************************
 * Tabelle in einem Inhaltsbereich
 */
.contenttable {
	border-collapse: collapse;
	background-color: #B4B6B2;
	width: 100%;
	margin-bottom: 20px;
}
.contenttable th {
	background-color: #9B9D98;
	color: #fff;
	font-weight: bold;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: left;
	horizontal-align: top;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 0.9em;
}
.contenttable td {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: left;
	vertical-align: top;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	
}
tr.tr-even {
	background-color: #b4b6b2;
}
tr.tr-odd {
	background-color: #d7d6d8;
}


/***********************************************************************
 * Downloaddokumente
 */
table.csc-uploads {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-size: 0px;
	border-style: none;
}
table.csc-uploads tr.tr-even, table.csc-uploads tr.tr-odd {
	background-color: #fff;
}
td.csc-uploads-fileName a {
	font-weight: normal;
}

/***********************************************************************
 * Kontaktformulare
 */

.csc-form-labelcell {
	vertical-align: top;
}
.dropdownlistselect {
	width: 100%;
}