/* Copyright Scientec Internet Applications + Media GmbH - www.scientec.de */



html {overflow:hidden}
body {position:absolute;top:0; left:0;width:100%;height:100%;overflow:auto;margin:0; padding:0; background-color:#333; font-family: Arial, Helvetica, sans-serif}
img{border:0;} 
#seite {position:absolute;width:964px;height:750px; left:50%;margin:10px 0 0 -480px;overflow:hidden;z-index:10}


#nav {position:absolute;top:0;left:0; font-family:"Arial Narrow", Arial, Helvetica, sans-serif, "Arial Black"; font-size:15px; width:966px}
#nav ul{margin:0; padding:0; list-style:none}
#nav li{float:left; width:159px; height:30px; margin-right:2px; text-align:center;background-color:#7F7E7C}
#nav a{display:block;width:159px;height:26px; padding-top:4px ; color:#bcbdbf;font-weight:bold; text-decoration:none; background-color:transparent}
#nav a:hover{color:#fff;} 
iframe#jsnav{position:absolute;width:1px;height:1px; left:50%;top:50%; visibility:hidden}
#imprint{position:absolute;top:764px;width:964px; left:50%;margin:0 0 0 -480px;text-align:center;color: #999; font-size:11px;}
#imprint a {color: #999;text-decoration:none}
#imprint a:hover {color: #fff}

#mainframe {width:964px;height:718px;overflow:hidden;position:absolute;top:32px;left:0;clip:rect(0,964px,auto,auto); background-color:#000}
.home #mainframe { background-color:#1a171b}
.home #mainframe img{width:964px;height:718px;font-size:20px}
.home #mainframe a{color:#666; text-decoration:none}
#slider {position:absolute;left:0px;top:0px;width:1608px;height:718px;overflow:hidden}
.spalte {height:718px;position:absolute;top:0px;width:320px;overflow:hidden}
.spalte div.blatt {position:absolute;top:0px;left:0px;height:718px;width:320px; background-color:#000; color:#fff;overflow:hidden;} 
#s1 {left:0px}
#s2 {left:322px;background-image: url(/_layout/denken.png); background-repeat:no-repeat;}
#s3 {left:644px; background-color:#7F7E7C}
  #s3 div.blatt{background-image: url(/_layout/rvt.jpg); background-repeat:no-repeat; background-color:#7F7E7C} 
#s4 {left:966px;background-image: url(/_layout/machen.png); background-repeat:no-repeat}
#s5 {left:1288px;}

#beratung {background-color:#000; color: #fff}
#engineering {background-color:#000; color: #fff}
#produktion {background-color:#000; color: #fff}
#logistik {background-color:#000; color: #fff}


.beratung #s1 #beratung {z-index:4}
.beratung #beratungNav {background-Color:#03a}

.engineering #s1 #engineering {z-index:4}
.engineering #engineeringNav {background-Color:#03a}

.service #s3 #service {z-index:4;}
.service #slider {left:-322px;}
.service #serviceNav {background-Color:#03a}

.kontakt #s3 #kontakt {z-index:4;}
.kontakt #kontaktNav {background-Color:#03a}
.kontakt #slider {left:-322px;}

.impressum #s3 #kontakt {z-index:4;}
.impressum #slider {left:-322px;}

.loesungen #s3 #loesungen {z-index:4;} 
.loesungen #slider {left:-322px;}

.produktion #s5 #produktion {z-index:4}
.produktion #slider {left:-644px;}
.produktion #produktionNav {background-Color:#03a}

.logistik #s5 #logistik {z-index:4; color: #fff}
.logistik #logistikNav {background-Color:#03a}
.logistik #slider {left:-644px;}

h1{font-size:30px; margin:0}
h4{ font-size:12px; margin:0} 
div.titel{ text-align:center;position:absolute; top:60px; width:320px; left:0px;height:auto;color:#fff}
div.home{position:absolute; top:130px; width:220px; left:50px;height:200px} 
  div.home a{position:absolute; top:0px; width:100%; display:block; left:0px;height:100%} 
  .fotos{width:159px;top:179px; left:0; position:absolute} 
  .fotos img{margin-bottom:3px; width:159px; height:159px}

 .text{position:absolute; bottom:52px;font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:1.35em;}
  .text p{margin:7px 0 0 0}
 .imptext{position:absolute; bottom:22px;font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:1.35em;}
  .imptext p{margin:7px 0 0 0}
  ul{list-style-type:none; padding:0; margin:0}
  .text ul li, ul.liste li{color:#fff;background-image:url(/_layout/haken.png); background-repeat:no-repeat;background-position: right center;padding:8px 0 0 0; line-height:12px }

  ul.liste{position:absolute; top:169px;font-size:12px;}
.em a {color:#fff;text-decoration:none;font-style:normal}

#loesungen .text{left:40px; width:250px} 
#kontakt .text{left:40px; width:250px} 
#kontakt .imptext{left:40px; width:250px} 
#kontakt .imptext a{text-decoration:none; color:#fff} 
#service .text{left:40px; width:250px}
  #service .text ul{ margin-bottom:30px;margin-left:20px; width:130px}
#agb{position:absolute;bottom:53px;right:20px;width:71px;font-size:12px;font-family:"Arial Narrow", Arial, Helvetica; text-align:center }
 #agb a{color:#fff;text-decoration:none; white-space:nowrap }

#beratung .text {width:145px; left:169px}
#beratung ul.liste{ left:189px; width:110px}

#engineering .text {width:145px; left:169px}
#engineering ul.liste{ left:189px; width:120px}

#produktion .fotos {left:auto;right:0}
#produktion .text {width:144px; left:10px }
#produktion ul.liste{ left:30px; width:104px}

#logistik .fotos {left:auto;right:0}
#logistik .text {width:144px; left:10px }
#logistik ul.liste{ left:30px; width:112px}

#s2 ul.liste{ left:110px; width:108px;top:auto; bottom:56px}
#s4 ul.liste{ left:110px; width:124px;top:auto; bottom:56px}