@charset "UTF-8";

/* --- CSS-Reset --- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/* --- Body --- */

body  {
	line-height: 1;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #505455;
	padding: 0;
	text-align: center; 
	color: #000000;	
}

body a {
	text-decoration:none;
}

sup {
	font-size: 65%;
    line-height: 0px;

}



/* --- H1, H3 im Main Content --- */

h1 {
	font-weight:bold;
	font-size:310%;
	line-height:125%;
	letter-spacing:0;
	color:#505455;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0 25px 0;
}

h3 {
	font-weight:bold;
	font-size:30px;
	line-height:125%;
	letter-spacing:-1px;
	color:#404043;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0 25px 0;
}

h4 {
	font-weight:bold;
	font-size:150%;
	line-height:125%;
	letter-spacing:0;
	color:#404043;
	font-family:Arial, Helvetica, sans-serif;
	margin: 45px 0 6px 0;
}

h5 {
	font-weight:bold;
	font-size:120%;
	line-height:50%;
	letter-spacing:0;
	color:#404043;
	font-family:Arial, Helvetica, sans-serif;
	margin: 5px 0 -10px 0;
}


/* --- Container --- */

#container { 
	width: 964px; 
	background: #FFFFFF;
	margin: 60px auto; 
	text-align: left; 
	position:relative;
	display: block;
	padding: 0;
}


/* --- Schlagschatten für den Container --- */

#schlagschatten_r { 
	background: url(img/schatten_rechts.gif) top right repeat-y;
	padding: 0;	
	margin:0;
	display:block;
}
#schlagschatten_u { 
	background: url(img/schatten_unten.gif) bottom left repeat-x;
	padding: 0;	
	margin:0;
	display:block;
}
#schlagschatten_r_u { 
	background: url(img/schatten_rechts_unten.gif) bottom right no-repeat;
	padding: 0;
	margin:0;
	display:block;		
}
#schlagschatten_r_o { 
	background: url(img/schatten_rechts_oben.gif) top right no-repeat;
	padding: 0;
	margin:0;
	display:block;		
}
 #schlagschatten_l_u { 
	background: url(img/schatten_links_unten.gif) bottom left no-repeat;
	padding: 0 8px 8px 0;
	margin:0;
	display:block;		
}


/* --- Header --- */

#header { 
	height:61px;
	background:url(img/header_verlauf.gif) left;
	padding: 0;
} 
#header img {
	margin: 0; 
	padding: 6px 20px 0px 22px;

}


/* ----- Navigation auf jeweiliger Seite markieren --- */

body#thecompany .reiter_thecompany, body#products .reiter_products, body#quality .reiter_quality, body#contact .reiter_contact {
	color: #333333;
}


/* --- Menu/Navigation --- */

#navi {
	background: #c3c4c7;
	height: 55px;
	margin: 0 8px 5px 8px; 	
	padding: 0;
}

#navigation {
	padding-left: 5px;
	padding-top: 32px;
	float: left;
	margin-top: 2px;
	margin-left: 5px;
	font-size: 13px;
}

#navigation li{
	display: inline;
	list-style-type: none;
}

#navigation a {
	padding: 2px 50px 2px 5px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

#navigation a:hover {
	color: #333333;
}

.subnavi {
	height: 12px; 
	background-color: #ffffff;
	padding-left: 3px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 2px;
	font-size:10px;
	float: left;
}

.subnavi li{
	display: inline;
	margin:5px 0 7px 0;
	padding:0;
	height: 12px;
	color:#404043;
}

.subnavi li a{
	color:#8f96a0;
	text-decoration:none;
}

.subnavi li a:hover, a:active{
	color:#404043;
	text-decoration:none;
}


/* --- Main Content --- */

#mainContent_index, #mainContent_thecompany, #mainContent_engineering, #mainContent_blisks, #mainContent_qassurance { 
	margin-top: 0;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom:  8px; 
	position: relative; 
	display: block;
	font-size: 70%;
	letter-spacing: -0.02em;	
} 

#mainContent_index, #mainContent_thecompany { 
	width: 941px;
	height: 521px;
}

#mainContent_engineering { 
	width: 940px;
	height: 695px;
}

#mainContent_blisks { 
	width: 940px;
	height: 1030px;
}

#mainContent_qassurance { 
	width: 940px;
	height: 521px;
}

#home #mainContent_index { 
	background: url(img/bg_index.jpg) top left no-repeat;
}

#thecompany #mainContent_index { 
	background: url(img/bg_thecompany.jpg) top left no-repeat;
}

#products #mainContent_index { 
	background: url(img/bg_products.jpg) top left no-repeat;
}

#quality #mainContent_index { 
	background: url(img/bg_index.jpg) top left no-repeat;
}

#contact #mainContent_index { 
	background: url(img/bg_contact.jpg) top left no-repeat;
}

#jobs #mainContent_index { 
	background: url(img/bg_jobs.jpg) top left no-repeat;
}

body a:hover{	
	color:#163a84;
	text-decoration:none;
}

.weisserkasten {
	height: 42px;
	background-color: #ffffff;
	padding-left: 13px;
	padding-top: 8px;
	padding-right: 32px;
	text-transform: uppercase;
}

.weisserkasten2 {
	background-color: #ffffff;
	padding-left: 1px;
	padding-top: 11px;
	padding-right: 48px;
	line-height: 140%;
}

.weisserkasten2 a {
	color:#8f96a0;
}

.weisserkasten2 p {
	margin-bottom:12px;
}

.weisserkasten2 ul {
	list-style:none;
	margin-left: 2px;
}

.weisserkasten2 li {
	background:url('img/square.gif') no-repeat left center; 
	padding-left:16px;
	padding-top: 2px;
	padding-bottom: 3px;
}

.bildserie {
	position: absolute;
	bottom: 0;
	padding: 0;
	margin: 0;
}


/* --- Footer --- */

#footer { 
	padding: 0;
	margin:0;
	background: #505455;
	color:#ffffff;
	font-size:70%;
} 

#footer p {
	margin: 0; 
	padding: 4px 0 10px 0; 
}



/* --- weitere Anpassungen --- */

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}