/* CSS Document 

HKS92 (Matec) = 717778 (40% c6c9c9 | 30% d4d6d6//Subnavi | 15% eaebeb)
HKS23 (Industrievertretung) = e2003b (15% fbd9e2//Subnavi)
HKS43 (Industrieservice) = 00509d (20% ccdceb//Subnavi)
HKS53 (Retrofit) = 00a77f (25% bfe9df//Subnavi)
*/


body {
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

/* Content Elemente */

#center {
	width: 700px;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-350px;
	padding:0;
}
#slogan {
	height: 15px;
	width: 145px;
	float:left;
	padding:0;
	margin: 60px 0px 0 15px;
 }
*html #slogan {
	margin: 60px 0px 0 8px;
}
#logo {
	width: 185px;
	height:44px;
	text-align:right;
	float:right;
	margin: 30px 0 0 0;
}
#kopfbild {
	height: 210px;
	width: 700px;
	float:left;
	margin: 10px 0px 0;
	background-image: url(images/share/matec_verlauf.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
 }
*html #kopfbild {
	margin: 12px 0px 0;
} 
 
 .stopFloat {
  display: block;
  clear: both;
  float: none;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
}
 
#kreislinie {
	position:absolute;
	top:14px;
	left:0px;
	height: 281px;
	width: 432px;
	z-index:20;
}

*html #kreislinie {
	top:16px;
}

#navi {
	float:left;
	position:absolute;
	width:160px;
	left:0px;
	top:246px;
	z-index:30;
}
*html #navi {
	top:248px;
}
#content {
	float:right;
	width:515px;
	margin-top: 20px;
}

#contentOben {
	float:right;
	width:515px;
	margin-top: -175px;
}

#fuss {
	float:left;
	width:700px;
	height:40px;
	margin: 30px 0 0 0;
	font-size:80%;
	color:#c6c9c9;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c6c9c9;
	padding:5px 0 0 0;
}


/* Formatierung Elemente */

#content p, #contentOben p {
	line-height:140%;
	color:#717778;
	margin:10px 0;
}



#content .tabelleText td {
	color:#717778;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #717778;
	border-right-color: #717778;
	border-bottom-color: #eaebeb;
	border-left-color: #717778;
	font-size:90%;
	padding:5px 0 5px 0;
	vertical-align:top;
}

#content .tabelleOhneLinie td {
	color:#717778;
	font-size:90%;
	padding:5px 0 15px 0;
	vertical-align:top;
}

#content .tabelleOhneLinie img {
margin-bottom:10px;
}

#content h1, #contentOben h1 {
	line-height:150%;
	font-size:130%;
	color:#717778;
	margin:0px 0 0px;
}

*html #content h1, *html #contentOben h1 {
	margin:-5px 0 0px;
}

#content hr, #contentOben hr {
	color:#c6c9c9;
	height:1px;
	margin:20px 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

*html #content hr, *html #contentOben hr {
	margin:0px 0 20px;
}

.linkPfeil a, .linkPfeil a:visited {
	text-decoration:none;
	color:#717778;
	font-size:11px;
	font-weight: bold;
	background-image: url(images/share/link_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left:15px;
}

.linkPfeil a:hover, .linkPfeil a:active {
	text-decoration:underline;
}

a, a:visited {
	text-decoration:none;
	color:#717778;
	font-size:11px;
}

a:hover, a:active {
	text-decoration:underline;
}

/* Formatierung Navi */

#navi a, #navi a:visited {
	font-size:11px;
	font-weight:bold;
	display: block;
	text-decoration:none;
	color: #717778;
	padding:0px 0 1px 18px;
	line-height:24px;
}


.naviMatec a, .naviMatec a:visited {
	background:url(images/share/navi_kasten_trans.gif) no-repeat 0px -3px; 
}

.naviIndustrievertretung a, .naviIndustrievertretung a:visited {
	background-image: url(images/share/navi_kasten_iv23_off.gif);
	background-repeat: no-repeat;
	background-position: 0px -3px;
}


.naviIndustrieservice a, .naviIndustrieservice a:visited {
	background-image: url(images/share/navi_kasten_is43_off.gif);
	background-repeat: no-repeat;
	background-position: 0px -3px;
}


.naviRetrofit a, .naviRetrofit  a:visited {
	background-image: url(images/share/navi_kasten_rf53_off.gif);
	background-repeat: no-repeat;
	background-position: 0px -3px;
}



.naviIndustrievertretung a:hover, .naviIndustrievertretung a:active, .naviIndustrievertretungAktiv a {
	background:url(images/share/navi_kasten_iv23.gif) no-repeat 0px -3px;
}

.naviIndustrieservice a:hover, .naviIndustrieservice a:active, .naviIndustrieserviceAktiv a {
	background:url(images/share/navi_kasten_is43.gif) no-repeat 0px -3px;
}

.naviRetrofit a:hover, .naviRetrofit a:active, .naviRetrofitAktiv a {
	background:url(images/share/navi_kasten_rf53.gif) no-repeat 0px -3px;
}

.naviMatec a:hover, .naviMatec a:active, .naviMatecAktiv a {
	background:url(images/share/navi_kasten_matec92.gif) no-repeat 0px -3px;
}

#navi .naviRetrofit, #navi .naviRetrofitAktiv {
	padding-bottom:3px;
}

#navi ul {
  padding:0;
  margin:0;
  list-style-type:none;
}

#navi li {
  float:left;
  width:160px;
  position:relative;
}

#navi ul ul {
	margin:0 0 0 10px;
	padding:0;
}

#navi ul ul li {
	width:150px;
	float:left;
	position:relative;
	}

/* Subnavi - in der Navigation, die Klasse um 'Aktiv' erweitern; Subnavi -> SubAktiv */

#navi ul .naviIndustrievertretungAktiv ul li a, #navi ul .naviIndustrievertretungAktiv ul li a:visited {
	font-size:9px;
	font-weight:bold;
	line-height:16px;
	padding:0 0 1px 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background:#fbd9e2 url(images/share/navi_kasten_iv23_s.gif) no-repeat;
}

#navi ul .naviIndustrievertretungAktiv ul li a:hover, #navi ul .naviIndustrievertretungAktiv ul li a:active, #navi ul .naviIndustrievertretungAktiv ul .naviIndustrievertretungSubAktiv li a, #navi ul .naviIndustrievertretungAktiv ul .naviIndustrievertretungSubAktiv li a:visited {
	background:#fbd9e2 url(images/share/navi_kasten_iv23_saktiv.gif) no-repeat 0px;
}

#navi ul .naviIndustrieserviceAktiv ul li a, #navi ul .naviIndustrieserviceAktiv ul li a:visited {
	font-size:9px;
	font-weight:bold;
	line-height:16px;
	padding:0 0 1px 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background:#ccdceb url(images/share/navi_kasten_is43_s.gif) no-repeat;
}

#navi ul .naviIndustrieserviceAktiv ul li a:hover, #navi ul .naviIndustrieserviceAktiv ul li a:active, #navi ul .naviIndustrieserviceAktiv ul .naviIndustrieserviceSubAktiv li a, #navi ul .naviIndustrieserviceAktiv ul .naviIndustrieserviceSubAktiv li a:visited {
	background:#ccdceb url(images/share/navi_kasten_is43_saktiv.gif) no-repeat 0px;
}

#navi ul .naviRetrofitAktiv ul li a, #navi ul .naviRetrofitAktiv ul li a:visited {
	font-size:9px;
	font-weight:bold;
	line-height:16px;
	padding:0 0 1px 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background:#bfe9df url(images/share/navi_kasten_rf53_s.gif) no-repeat;
}

#navi ul .naviRetrofitAktiv ul li a:hover, #navi ul .naviRetrofitAktiv ul li a:active, #navi ul .naviRetrofitAktiv ul .naviRetrofitSubAktiv li a, #navi ul .naviRetrofitAktiv ul .naviRetrofitSubAktiv li a:visited {
	background:#bfe9df url(images/share/navi_kasten_rf53_saktiv.gif) no-repeat 0px;
}

#navi ul .naviMatecAktiv ul li a, #navi ul .naviMatecAktiv ul li a:visited {
	font-size:9px;
	font-weight:bold;
	line-height:16px;
	padding:0 0 1px 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background:#d4d6d6 url(images/share/navi_kasten_matec92_s.gif) no-repeat;
}

#navi ul .naviMatecAktiv ul li a:hover, #navi ul .naviMatecAktiv ul li a:active, #navi ul .naviMatecAktiv ul .naviMatecSubAktiv li a, #navi ul .naviMatecAktiv ul .naviMatecSubAktiv li a:visited {
	background:#d4d6d6url(images/share/navi_kasten_matec92_saktiv.gif) no-repeat 0px;
}

/* Formatierung Fuss */
.fussNavi {
	margin:0 0 0 60px;
}
.fussNavi a, .fussNavi a:visited {
	text-decoration:none;
	color:#c6c9c9;
}

.fussNavi a:hover, .fussNavi a:active {
	text-decoration:underline;
	color:#717778;
}

/* Formatierung Teaser Tabellen */
#content .tblTeaser, #contentOben .tblTeaser {
	background-color:#eaebeb;
	float: right;
	width: 150px;
	margin-bottom:25px;
}

#content .tblTeaser h2, #contentOben .tblTeaser h2 {
	font-weight:bold;
	line-height:130%;
	font-size:90%;
	color:#717778;
	padding:3px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin:0;
}


#content .tblTeaser p, #contentOben .tblTeaser p {
	line-height:130%;
	font-size:90%;
	color:#717778;
	padding:2px 5px 5px;
	margin:0;
}

.bildTeaser {
	text-align:center;
	margin:5px 5px 0;
}

.BU {font-size: 90%}