body{
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	text-align: center;
}

a {color:black;}
a:hover{font-weight:bold;}
img {border:0 0 0 0;}
img a{border:0 0 0 0;}
a img{border:0;}

h1 {
	font-size: 1.1em;
	margin: 0 0 0.5em 0;
}
h2 {
	font-size: 1.0em;
	margin: 0 0 0.3em 0;
}	
div#wrapper{
	text-align: center;
	width: 800px;
	height: auto;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border: 1px solid #000000;
	background:#FFFFFF
}

div#divlogocontainer{
	float: left;
	margin: 2px 8px 2px 2px;
	height: 120px;
}

div#linkscontainer {
	float: left;
	margin: 2px 8px 2px 2px;
}

div#header{
	margin: 2px 2px 2px 2px;
	border-bottom: 0px solid #000000;
	width: 790px;
}
div#headright {
	margin: 2px 2px 2px 2px;
	width:180px;
	height:auto;
	float: right;
}
div#welcome {
	margin: 2px 2px 2px 2px;
	width:162px;
	height:47px;
}
div#zlogo {
	float:left;
	background:url(../images/zollernlogod.gif) no-repeat;
	margin: 5px 2px 2px 2px;
	width:162px;
	height:47px;
}


div#shaftflash{
	background: url(../images/zmblogo.gif) no-repeat;
	float:left;
	margin: 2px 2px 2px 2px;
	height:80px;
	width:80px;
}
div#helicalflash{
	background: url(../images/zmbb1.gif) no-repeat;
	float:left;
	margin: 2px 2px 2px 2px;
	height:80px;
	width:80px;
}
div#planetflash{
	background: url(../images/zmbb1a.gif) no-repeat;
	float:left;
	margin: 2px 2px 2px 2px;
	height:80px;
	width:80px;
}
div#steelflash{
	background: url(../images/zmbb1c.gif) no-repeat;
	float:left;
	margin: 2px 2px 2px 2px;
	height:80px;
	width:80px;
}
div#bearingflash{
	background: url(../images/zmbb2a.gif) no-repeat;
	float:left;
	margin: 2px 2px 2px 2px;
	height:80px;
	width:80px;
}
div#automationflash{
	background: url(../images/zmbb3a.gif) no-repeat;
	float:left;
	margin: 2px 2px 2px 2px;
	height:80px;
	width:80px;
}

}
div#shaftlogo{
	background: url(../images/zmblogotext.jpg) no-repeat;
	margin: 4px 2px 2px 2px;
	height:26px;
	width:80px;
}
div#jeremy{
	background: url(../images/zmblogo.jpg) no-repeat;
	margin: 4px 2px 2px 2px;
	height:26px;
	width:80px;
}
div#helicallogo{
	background: url(../images/bar1b.jpeg) no-repeat;
	margin: 4px 2px 2px 2px;
	height:26px;
	width:80px;
}
div#planetlogo{
	background: url(../images/bar1a.jpeg) no-repeat;
	float: left;
	margin: 4px 2px 2px 2px;
	height:26px;
	width:80px;
}
div#bearinglogo{
	background: url(../images/bar1b1.jpeg) no-repeat;
	margin: 4px 2px 2px 2px;
	height:26px;
	width:80px;
}
div#steellogo{
	background: url(../images/bar1c.jpeg) no-repeat;
	margin: 4px 2px 2px 2px;
	height:26px;
	width:80px;
}
div#automationlogo{
	background: url(../images/bar1c1.jpeg) no-repeat;
	margin: 4px 2px 2px 2px;
	height:26px;
	width:80px;
}
div#linkscontainer{
	float: left;
}
#linkscontainer	a {margin: 2px 2px 6px 2px;display:block;width:119px;height:17px;}
#linkscontainer	img {border:0 0 0 0;}
#profiles a {background:url(../images/steelroll.jpg) no-repeat;}
#profiles	a:hover {background:url(../images/steelroll.jpg) 0 -17px no-repeat}
#automation a {background:url(../images/automationroll.jpg) no-repeat;}
#automation	a:hover {background:url(../images/automationroll.jpg) 0 -17px no-repeat}
#bearings a {background:url(../images/bearingsroll.jpg) no-repeat;}
#bearings	a:hover {background:url(../images/bearingsroll.jpg) 0 -17px no-repeat}
#helical_gears a {background:url(../images/helicalroll.jpg) no-repeat;}
#helical_gears a:hover {background:url(../images/helicalroll.jpg) 0 -17px no-repeat}
#planetary_gears a {background:url(../images/planetroll.jpg) no-repeat;}
#planetary_gears a:hover {background:url(../images/planetroll.jpg) 0 -17px no-repeat}
#linear a {background:url(../images/linearroll.jpg) no-repeat;}
#linear a:hover {background:url(../images/linearroll.jpg) 0 -17px no-repeat}

#menu ul{margin:9px 0;padding:4px 0px 4px 30px;list-style:none;background:#000;width:770px;min-height:12px;}
#menu ul li{float:left;font-size:0.65em;color:#fff;text-align:center;margin:0 2px 0 1px;}
#menu ul li#navhome a{width:3em;}
#menu ul li#navzst a{width:10em;}
#menu ul li#navzht a{width:7em;}
#menu ul li#navzgl a{width:8em;}
#menu ul li#navzda a{width:9em;}
#menu ul li#navzgw a{width:11em;}
#menu ul li#navzmb a{width:8em;}
#menu ul li#navcontact a{width:6em;}
#menu ul li#navlinks a{width:3em;}
#menu ul li a{color:#fff;text-decoration:none;display:block;float:left;padding-right:3px;}
#menu ul li a:hover{font-weight:bold;}
body#terms #footer ul li#navconditions a,
body#sitemap #footer ul li#navsitemap a,
body#home #menu ul li#navhome a,
body#zst #menu ul li#navzst a,
body#zht #menu ul li#navzht a,
body#zgl #menu ul li#navzgl a,
body#zda #menu ul li#navzda a,
body#zgw #menu ul li#navzgw a,
body#zmb #menu ul li#navzmb a,
body#links #menu ul li#navlinks a,
body#contact #menu ul li#navcontact a{font-weight:bold;}

div#maincontent{
	margin: 2px 2px 2px 2px;
	text-align: left;
}
div#spiel{
	float: left;
	margin: 2px 2px 2px 2px;
	border-right: 1px solid #000000;
	width:55%;
	min-height:400px
}
div#divimages{
	float: right;
	margin: 2px 2px 2px 2px;
	width:40%;
	height:200px;
	border: 0px solid #000000;
}
body#zmb #img1{position:relative; top:10px; left:150px;}
body#zmb #img2{position:relative; top:-110px; left:-30px;}
body#zmb #img3{position:relative; top:-180px; left:50px;}

body#zgw #img1{position:relative; top:10px; left:110px;}
body#zgw #img2{position:relative; top:-110px; left:-30px;}
body#zgw #img3{position:relative; top:-130px; left:90px;}
body#zgw #img4{position:relative; top:-180px; left:-20px;}
body#zgw #img5{position:relative; top:-250px; left:150px;}

body#zst #img1{position:relative; top:0px; left:0px;}
body#zst #img2{position:relative; top:10px; left:-20px;}
body#zst #img3{position:relative; top:-270px; left:200px;}
body#zst #img4{position:relative; top:-40px; left:0px;}

body#zgl #img1{position:relative; top:0px; left:0px;}
body#zgl #img2{position:relative; top:10px; left:-20px;}
body#zgl #img3{position:relative; top:-200px; left:180px;}
body#zgl #img4{position:relative; top:-80px; left:20px;}

#welcome {
	text-align:left;
}

#welcome, #footer {
	font-size: 0.8em;
}

div#footer{
	float: center;
	margin: 20px 2px 2px 2px;
	border-top: 1px solid #000000;
}

.clearer{clear:both;display:block}