@charset "utf-8";
/* CSS Document */
/* global reset */
* {
	padding: 0;
	margin: 0;
}
 
/* Basic */
body {
font: normal 69% Arial, Helvetica, sans-serif;
/*color: #000;*/
color:#58585A;
background: #FFFFFF url(../images/back_01.png) top left repeat-x;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, li, fieldset {
	margin: 0 0 0.6em 0;
}
.clear {
	clear: both;
	font-size: 0px;
	height: 0px;
	line-height: 0;
}
a {
	outline:none;
	text-decoration: none;
}
a img {
border: 0 none;
}
a:focus {
border: 0 none;
}
/* layout */
#wrap {
	margin: 0 auto;
	width: 872px;
	padding: 38px 0 10px 0;
	position: relative;
}
#top {
width: 872px;
height: 6px;
background:url(../images/back_top.png) top left no-repeat;
}
#container {
	width: 850px;
	position: relative;
	padding: 0 19px 0 3px;
	background: url(../images/back_middle.png) top left repeat-y;
}
#bottom {
width: 872px;
height: 6px;
background:url(../images/back_bottom.png) top left no-repeat;
}
#header {
	height: 232px;
	width: 850px;
}
#header-main {
	height: 232px;
	width: 850px;
	position: absolute;
	top: 0;
	left: 3px;
	z-index: 12;
}
#main {
	width: 850px;
	margin: 28px 0 0 0;
}
#right {
	position: absolute;
	top: 128px;
	right: 20px;
	z-index: 100;
	width: 126px;
	padding: 0;
	margin: 0;
}
#content-wrap {
	min-height: 380px;
background:url(../images/right_back.png) 723px 10px repeat-y; 
	height: auto !important;
	height: 500px;
}
#content {
	width: 689px;
	padding: 0;
}
/*  Logo  */
#logo {
	position: absolute;
	top: 42px;
	right: 45px;
	width: 103px;
	height: 25px;
	z-index: 130;
}
#logo h1 {
	display: block;
	height: 25px;
		width: 103px;
	margin:0;
	text-indent: -9000px;
}
/* Inhalt right */
#right-middle {
	width: 126px;
}
.news {
	width: 126px;
	height: 140px;
	text-align: center;
}
#right-middle .news img {
	padding: 20px 0 0 0;
	border: 0 none;
}
/* Inhalt content_start */
.teaser {
	padding: 0 8px 28px 0;
}
h2 {
	font-size: 1.4em;
	font-weight: bold;
	padding: 0 0 0 38px;
}
p, td {
color: #707173;
padding: 0 0 0 38px;
line-height: 1.5em;
margin: 0 0 1.8em 0;
}
.artikel {
	padding: 0 0 10px 0;
}
.artikel-2 {
	padding: 10px 0 2px 0;
	background-image: none;
}
.artikel img {
/*float: left;*/
/*margin-left: 3px;*/
/*border: 1px solid #d9dadb;*/
}
.artikel-2 img {
/*float: left;
margin-left: 7px;
border: 1px solid #d9dadb;*/
}
.images {
	padding: 8px 0 14px 38px;
}
.info {
font-size: 0.9em;
}
.artikel .info-left, .artikel-2 .info-left {
	padding-left: 38px;
}
.info p {
	font-size: 1.1em;
	padding: 0 7px 0 7px;
	line-height: 1.2em;
	margin-bottom: 8px;
}
.info br {
line-height: 0;
height: 0;
}
.info-left {
	float:left;
	/*width: 450px;*/
	width: 322px;
}
.ref .info-left {
	float:left;
	width: 450px;
}
.info-right {
	float:left;
	/*width: 194px;*/
	width: 322px;
	text-align: right;
}
.ref .info-right {
	float:left;
	width: 194px;
	text-align: right;
}
.info-left img, .info-right img {
	margin-bottom:20px;
}

h3 {
	font-size: 1.2em;
	background-color: #f5f3f3;
	border-top: 1px solid #a6a6a6;
	padding: 6px 7px 1px 7px;
	margin-top: 2px;
	margin-bottom: 3px;
}
.info-left span {	
/*padding: 0 0 0 7px;*/
/*color: #000000;*/
color:#58585A;
}
.info a {	
padding: 0 0 0 0;
}
/* Inhalt team */
.artikel-3 {
	padding: 0 0 30px 36px;
	margin-bottom: 20px;
}
.artikel-3 h2 {
	margin-bottom: 0;
}
.artikel-3 img {
	float: left;
	margin-left:4px;
	border: 1px solid #d9dadb;
}
.artikel-3 .images {
	padding: 8px 0 12px 42px;
}
.artikel-3 .info-right {
	margin-left: 5px;
	text-align: left;
}
.artikel-3 .info-right h3 {
	/*padding-left: 16px;*/
}
.artikel-3 .info-right p {
	/*padding-left: 16px;*/
	line-height: 1.5em;
}
.artikel-3 .info-left p {
	line-height: 1.5em;
}
.info-right span {	

margin-bottom: 2px;
/*color: #000;*/
color:#58585A;
}
.artikel-3 p.float-right {
	float: right;
	margin-bottom: 0px;
	line-height: 1.2em;
	padding-right: 6px;
}
.artikel-3 .info-right p.float-right {

	line-height: 1.2em;
}
.artikel-3 .info-right p.float-right a {
	padding-right: 0px;
}
.artikel-3 p.float-left {
	float: left;
	margin-bottom: 0px;
	padding-left: 0;
	line-height: 1.2em;
	padding-left:7px;
}
#last {

	background-image: none;
	margin-bottom: 0;
}
/* Inhalt fakten */
#fakt {
width: 689px;
background:url(../images/right_back.png) right top repeat-y; 
}
#fakten h2 {
	padding: 0 0 0 46px;
	margin-bottom: 5px;
}
#fakten p {
margin: 0 0 1.5em 0;
}
h4 {
font-size: 0.9em;
font-weight: normal;
	padding: 3px 6px 3px 0;
	border-bottom: 7px solid #FFFFFF;
	margin-bottom: 2px;
}
.fakt-left {
	float:left;
	width: 500px;
	padding-right: 39px;
}

.fakt-right {
	float:left;
	width: 150px;
	text-align: right;
	background-color:transparent;
	}
	.fakt-right ul {
	list-style: none;
	margin: 0;
	padding: 0 6px 0 0;
	font-size: 0.9em;
}
	.fakt-right li {
	list-style: none;
	margin: 0 0 1px 0;
}
/* Inhalt leistung */
	ul.leistung-f  {
	float: left;
	list-style: none;
	margin: 8px 0 134px 39px;
	padding: 0 6px 0 0;
	font-size: 0.9em;
	color: #707173;
}
	.leistung-f li {
	list-style: none;
	margin: 0 0 4px 0;
}
/* Inhalt orange */
.orange p {
padding: 0 0 0 38px;
}
.orange  {
	padding: 0 0 12px 0;
}
.orange img {
	margin: 0;
}
img.klein {
	margin: 0 0 0 8px;
	padding: 396px 0 0 0;
	border: 0 none;
}
/* inhalt kunde */
.content-kunde {
margin: 18px 0 22px 0;
}
.kunde {
	font-size: 1em;
	margin-top: 3px;
	position:relative;
}
.kunde img {
	float: none;
	border: 0 none;
	margin:0;
	padding:0;

	
}
.kunde p {
	padding: 2px 0 3px 7px;
	line-height: 1.2em;
	height:1.2em;
	margin-bottom: 8px;
		border-bottom: 1px solid #a6a6a6;
}
.kunde .info-left {
	float:left;
	width: 388px;
	padding-left: 38px;
}
.kunde .info-right {
	float:left;
	width: 262px;
	text-align: right;
}
.kunde .info-left span {	
padding: 0;
color: #bc091b;
}
.kunde .info-right span {	
padding: 0 4px 0 0;

color: #bc091b;
}
/* Inhalt xtranav */
#xtranavi ul {
padding: 12px 0 24px 30px;
}
#xtranavi ul li {
	display: inline;
}
#xtranavi ul li span {
/*color: #000;*/
color:#58585A;
padding-left: 3px;
}
#xtranavi li a, #xtranavi li a:link, #xtranavi li a:visited {
text-decoration: none;
display: block;
letter-spacing: 1px;
/*color: #000;*/
color:#58585A;
float: left;
padding: 0 10px 0 0;
font-size: 0.9em;
line-height: 1.1em;
text-transform:uppercase;
}
#xtranavi li.first a {
	background-image:none;
}
/* menu */
#navigation {
width: 126px;
}
#navigation ul {
	list-style: none;
	margin: 2px 0 0 0;
}
#navigation li {
	font-weight:bold;
	font-size: 1.2em;
	margin: 8px 0 0 0;
	letter-spacing: 1px;
	padding: 4px 0 4px 9px;
	background-color: #FFFFFF;
}
#navigation li a {
/*color:#000000;*/
color:#58585A;
line-height: 1.2em;
text-decoration: none;
text-transform:lowercase;
}
li#bor1 {
margin: 2px 0 0 0 ;
padding-bottom: 7px;
padding-top: 7px;
 }
 li#bor2 {
margin: 0;
padding-bottom: 7px;
padding-top: 7px;
 }
 li#bor3 {
margin: 0;
padding-bottom: 7px;
padding-top: 7px;
 }
/* submenu */
#submenu {
	padding: 10px 0 9px 0;
	background-color:#FFFFFF;
}
#submenu br {
font-size: 0;
height: 0;
line-height: 0;
}
#submenu ul  {
	list-style: none;
	padding: 2px 0 37px 0;
	background: url(../images/submenu.png) bottom left no-repeat;
margin: 0;
}
#submenu ul li {
	margin: 8px 0 0 0;
	list-style: none;
	background-color: #f5f3f3;
	padding: 2px 15px 2px 9px;
	font-size: 1.1em;
	font-weight: bold;
	text-transform:uppercase;
	
}
#submenu ul li a {
	text-transform:uppercase;
}
 li#sub1 {
background: #f5f3f3 url(../images/cube.png) right top no-repeat;
}
li#sub2 {
background: #f5f3f3 url(../images/cube_1.png) right top no-repeat;
}
li#sub3 {
background: #f5f3f3 url(../images/cube_2.png) right top no-repeat;
}
#submenu ul li a {
color: #58585a;
	text-decoration:none;
}
/* Inhalt footer */
#footer {
	clear: both;
	font-weight: normal;
	font-size: 0.9em;
	width: 849px;
	padding: 42px 1px 0 0;
	background:url(../images/footer_back.png) 22px 0 no-repeat;
}
/* hack */
.clearfix:after {content:'.';display:block;height:0;clear:both;visibility:hidden;} 
.clearfix {display:inline-block;} 
* html .clearfix {height:1%;} 
.clearfix {display:block;} 

td {

height:100%;
}
 span.farbe {

color: #cd7009;

}

.tooltip1 	{background:#FFF; position:absolute; bottom:26px; right:0; display:block; width:105px;}
.tooltip2 	{background:#FFF; position:absolute; bottom:26px; right:0; display:block; width:105px;}
.tooltip3 	{background:#FFF; position:absolute; bottom:26px; right:0; display:block; width:105px;}
.tooltip4 	{background:#FFF; position:absolute; bottom:26px; right:0; display:block; width:105px;}