/* CSS Document */

*, {

	/*overflow-x:hidden;*/}

body {
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	background-position:center 0px;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:140%;}
	
head:first-child+body {overflow:-moz-scrollbars-vertical;overflow-x:hidden;overflow-y:scroll;}	

a:link, a:visited {color:#0B57A3;}
a:hover, a:active {color:#333;}
	
strong {font-weight:bold;}
emp {font-style:italic;}

	
/* ------------------------ DIVS  ------------------------ */

#wrapper {
	position:relative;
	width:990px;
	margin:0 auto;}
	
#logo {
	position:absolute;
	top:0;
	left:0;
	height:110px;
	width:412px;}
	
#head {
	position:absolute;
	top:0;
	left:412px;
	height:230px;
	width:546px;
	background-image:url(../images/head.jpg)}
	
div#logo {width: 412px; height: 110px; background: url(../images/logo.jpg) no-repeat; ;z-index: 1; position: relative}
div#logo h1 {
 margin: 0px;
 padding: 0px;
 font-size: 0.01em;
 color: #fff;}
 
div#logo h1 a:link, #logo h1 a:visited {width: 412px;  font-size: 0.01em; height: 110px; color: #fff; position: absolute; top: 0; left: 0px; display: block; background: none; overflow: hidden; }
 
div#logo h1 a:hover {color: #fff;}
html>body div#logo h1 a:hover {color: #fff;}

*html div#logo {width: 412px; height: 110px; background: url(../images/logo.jpg) no-repeat; ;z-index: 1; position: relative}
*html div#logo h1 {
 text-align:center;
 margin: 0px;
 padding: 0px 0px 10px 20px;
 font-size: 0.01em;
 color: #000066;}
 
*html div#logo h1 a:link, #logo h1 a:visited {width: 412px;  font-size: 0.01em; height: 110px; color: #fff; position: absolute; top: 0; left: 0px; display: block; background: none; overflow: hidden; }
 
*html div#logo h1 a:hover, div#logo h1 a:link, div#logo h1 a:active, div#logo h1 a:visited {color: #fff;}
*html html>body div#logo h1 a:hover, div#logo h1 a:link, div#logo h1 a:active, div#logo h1 a:visited {color: #fff;}

#navi {
	position:absolute;
	left:13px;
	top:170px;
	width:523px;
	height:34px;
	z-index:2;}
	
#navi ul {
	list-style-type:none;
	margin:20px 0 0 0;
	padding:0;}
	
#navi li {
	float:left;
	padding:0;
	margin:0;
	font-size:1px;
	line-height:1px;}
	
#navi ul a span {
	font-size: 1px;
	visibility: hidden;
	vertical-align: middle;}
	
#navi a {
	display: block;
	height: 34px;
	text-decoration: none;} 
	
	
#subnavi_unternehmen {
	position:absolute;
	left:12px;
	top:0px;
	width:220px;
	height:77px;
	border:1px solid #333333;
	z-index:5;
	padding:7px;
	background-color:#0D74B6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:160%;
	color:#FFFFFF;
	visibility:hidden;}
	
#subnavi_unternehmen a:link, #subnavi_unternehmen a:visited {color:#fff; text-decoration:none;}
#subnavi_unternehmen a:hover, #subnavi_unternehmen a:active {color:#fff; text-decoration:underline;}	
	
#subnavi_profil {
	position:absolute;
	left:157px;
	top:0px;
	width:200px;
	height:100px;
	border:1px solid #333333;
	z-index:5;
	padding:7px;
	background-color:#0D74B6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:160%;
	color:#FFFFFF;
	visibility:hidden;}	
	
#subnavi_profil a:link, #subnavi_profil a:visited {color:#fff; text-decoration:none;}
#subnavi_profil a:hover, #subnavi_profil a:active {color:#fff; text-decoration:underline;}

#subnavi_eigenentwicklung {
	position:absolute;
	left:218px;
	top:0px;
	width:250px;
	height:100px;
	border:1px solid #333333;
	z-index:5;
	padding:7px;
	background-color:#0D74B6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:160%;
	color:#FFFFFF;
	visibility:hidden;}
	
#subnavi_eigenentwicklung a:link, #subnavi_eigenentwicklung a:visited {color:#fff; text-decoration:none;}
#subnavi_eigenentwicklung a:hover, #subnavi_eigenentwicklung a:active {color:#fff; text-decoration:underline;}
	
#topic {
	position:absolute;
	top:230px;
	left:412px;
	height:73px;
	width:546px;
	background-image:url(../images/topic_bg.jpg);
	background-repeat:no-repeat;
	z-index:2;}
	
#content {
	position:absolute;
	top:303px;
	left:412px;
	width:446px;
	padding:5px 47px 5px 62px;
	background-image:url(../images/content.jpg);
	background-repeat:repeat-y;
	/*text-align:justify;*/
	z-index:1;}
	
#footer {
	position:absolute;
	margin-top:30px;
	bottom:-47px;
	left:0;
	width:546px;
	height:47px;
	background-image:url(../images/footer.jpg);}
	
#corner {
	position:absolute;
	top:232px;
	left:90px;
	width:320px;
	height:400px;
	background-image:url(../images/wrapper_bg.gif);
	background-repeat:no-repeat;}
	
#adresse2 {
	position:absolute;
	top:232px;
	left:0;
	width:400px;
	height:160px;
	text-align:right;}
	
#slideshow {
	position:absolute;
	top:392px;
	left:139px;
	width: 262px;
	height:200px;}
	
/* TOPICS */

.willkommen {
	background-image:url(../images/willkommen.gif);
	width:510;
	height:73px;
	font-size:1px;
	color:#E3E3E3;
	text-align:center;}
	
.mechanische-bearbeitung {
	background-image:url(../images/mechanische-bearbeitung-h2.gif);
	width:510;
	height:72px;
	font-size:1px;
	margin-left: 1px;
	color:#E3E3E3;
	text-align:center;}
	
.zuschnitt {
	background-image:url(../images/zuschnitt-und-umformen.gif);
	width:544;
	height:72px;
	margin-left:1px;
	font-size:1px;
	color:#E3E3E3;
	text-align:center;}
	
.baugruppenfertigung {
	background-image:url(../images/baugruppenfertigung.gif);
	width:510;
	height:73px;
	font-size:1px;
	color:#E3E3E3;
	text-align:center;}
	
.schweisstechnik {
	background-image:url(../images/schweisstechnik.gif);
	width:544;
	height:72px;
	margin-left:1px;
	font-size:1px;
	color:#E3E3E3;
	text-align:center;}	
	
.montagen {
	background-image:url(../images/montagen.gif);
	width:510;
	height:73px;
	font-size:1px;
	color:#E3E3E3;
	text-align:center;}
	
.befuell {
	background-image:url(../images/navigation/bef.gif);
	width:546;
	margin-left: 1px;
	height:73px;
	font-size:1px;
	color:#E3E3E3;
	text-align:center;}
	
.kunstfaser {
	background-image:url(../images/kunstfaser.gif);
	width:510;
	height:73px;
	font-size:1px;
	color:#E3E3E3;
	text-align:center;}
	
.stroh {
	background-image:url(../images/stroh.gif);
	width:510;
	height:73px;
	font-size:1px;
	color:#E3E3E3;
	text-align:center;}
	
.historie {
	background-image:url(../images/historie-h1.gif);
	width:545;
	height:72px;
	font-size:1px;
	color:#E3E3E3;
	text-align:center;}
	
	
.ansprechpartner {
	background-image:url(../images/ansprechpartner.gif);
	width:544;
	height:72px;
	font-size:1px;
	margin-left:1px;
	color:#E3E3E3;
	text-align:center;}	
	
.ausbildung {
	background-image:url(../images/ausbildung.gif);
	width:544;
	height:72px;
	font-size:1px;
	margin-left:1px;
	color:#E3E3E3;
	text-align:center;}	
	
.leitbild {
	background-image:url(../images/leitbild.gif);
	width:544;
	height:72px;
	font-size:1px;
	margin-left:1px;
	color:#E3E3E3;
	text-align:center;}	
		
	
.konstruktion {
	background-image:url(../images/entwicklung.gif);
	width:544;
	height:72px;
	font-size:1px;
	margin-left:1px;
	color:#E3E3E3;
	text-align:center;}
	
.beimengungstrennung {
	background-image:url(../images/beimengungstrennung.gif);
	width:544;
	height:72px;
	font-size:1px;
	margin-left:1px;
	color:#E3E3E3;
	text-align:center;}	
	
.hochregallager {
	background-image:url(../images/hochregallager.gif);
	width:544;
	height:72px;
	font-size:1px;
	margin-left:1px;
	color:#E3E3E3;
	text-align:center;}		
	
.informationen {
	background-image:url(../images/informationen.gif);
	width:510;
	height:73px;
	font-size:1px;
	color:#E3E3E3;
	text-align:center;}
	
.kontakt {
	background-image:url(../images/kontakt.gif);
	width:510;
	height:73px;
	font-size:1px;
	color:#E3E3E3;
	text-align:center;}
	
.impressum {
	background-image:url(../images/impressum.gif);
	width:510;
	height:73px;
	font-size:1px;
	color:#E3E3E3;
	text-align:center;}
	
/* IMAGES */

.img_right {
	float:right;
	margin-bottom:5px;
	padding:4px 4px 4px 4px;
	border:1px solid #71AAE4;
	}

	
a:hover .img_right {
	float:right;
	margin-bottom:5px;
	padding:4px 4px 4px 4px;
	border:1px solid #B5B5B5;}
	
.img_right_noborder {
	float:right;
	margin:0px 0px 5px 20px;
	padding:4px 4px 4px 4px;}
	
.img {
	float:none;
	margin:0px 0px 0px 0px;
	padding:4px 4px 4px 4px;
	border:1px solid #71AAE4;}
	
.imgfloat {
	float:right;
	margin:0px 0px 0px 0px;
	padding:4px 4px 4px 4px;
	border:1px solid #71AAE4;}
	
a:hover .img {
	float:none;
	margin:0px 0px 0px 0px;
	padding:4px 4px 4px 4px;
	border:1px solid #B5B5B5;}
	
.imprint {
	font-size:10px;}
	
	
	
div#content ul li{
	width:auto;
	text-align:left;
}	

div#content table tr td {
	margin-left:5px;

	
}	

div#content table tr.mail {
	top: -5px;}