body {
	background-color: #FFFFFF;
	font-size: 12px;
	line-height:16px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#000000;
	margin:0px;
	background-image:url(bilder/bg_e.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding: 0px;
}
a {color: #006699;}
a:visited {color:#006699;}
a:hover {color: #64B42D;}
a:active { color:#006699;}

h1 {
font-size:20px;
font-weight: normal;
/*line-height: 30px;*/
padding: 15px 0 5px 10px;
margin:0;}

/*h2 {
font-size: 11px;
text-transform:uppercase;
background-color: #FFFFFF;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0 }
*/
h2 {
font-size: 14px;
/*margin:25px 0 25px 0;*/
line-height: 20px;
padding: 15px 0 0px 10px;
margin:0px;
}

strong {
	font-size: 12px;
	font-weight: bold;
}

img.download {vertical-align:middle;}

/*container zentriert das layout*/
#container {
width: 904px;
margin-bottom: 10px;
margin:0 auto;
/*background-color: #FFFFFF;*/
}

/*navigation oben*/
#navi_o1 {
background-color: #FFFFFF;
padding: 0;
margin: 46px 0 10px 0;
height:37px;
}

#navi_o2 {
background-color: #FFFFFF;
padding: 0px;
margin: 0px;
height: 65px;
}

/*Inhalt*/
#content {
/*background-color: #ffffff;*/
padding: 0 0 0 0;
margin: 36px 100px 0 290px;
}

/*div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}*/
#pictures {
/*background-color: #ffffff;*/
padding: 0 0 0 0;
margin: 36px 0px 0 0px;
}

p, pre{
padding: 5px 10px;
margin:0;
}

/*navi links*/
#left {
float: left;
width: 290px;
margin: 17px 0 0 0;
padding: 0px;
}
#right {
	float: right;
	width: 100px;
	margin: 20px 0 0 0;
	padding: 0;
}
/*footer*/
#footer {
clear: both;
margin: 30px 0 0 0;
padding: 30px 10px 20px 300px;
font-size:11px;
 }
 

/*Navi Oben*/
 
ul#nav__1 {
	margin:0 0 0 -40px;
 	}
 
ul#nav__1 li {
	display:block;
	float:left;
	}
			
ul#nav__1 li a {
	display:block;
	outline:none;
	width:0px;
	height:37px;
	background:transparent url(bilder/navi_1.gif) no-repeat 0 0;
	text-indent:-9000px;
	margin: 0
	}
				
	ul#nav__1 li#etatech a {
		width:707px;
		background-position:0 0;
		}
			
		ul#nav__1 li#etatech a:hover {
			background-position:0 -37px
			}
						
	ul#nav__1 li#firma a {
		width:89px;
		background-position:-707px 0;
		}
		
		ul#nav__1 li#firma a:hover {
			background-position:-707px -37px
			}
			
	ul#nav__1 li#kontakt a {
		width:108px;
		background-position:-796px 0;
		}
		
		ul#nav__1 li#kontakt a:hover {
			background-position:-796px -37px
					}
	/*ul#nav__1 li#de_en a { 
		width:181px;
		background-position:-723px 0;
		}
		ul#nav__1 li#de_en a:hover {
			background-position:-723px -37px
			}*/
	
				
ul li a:hover,
body#firma ul li a {
background-position: -400px -37px;
}
ul li a:hover,
body#kontakt ul li#kontakt a {
background-position: -614px -37px;
}


 
/*Navi Einziehen*/
 
ul#nav_e {
	margin:0 0 0 -40px;
	}
 
ul#nav_e li {
	display:block;
	float:left;
	}
			
ul#nav_e li a {
	display:block;
	outline:none;
	width:0px;
	height:65px;
	background:transparent url(bilder/navi_e.jpg) no-repeat 0 0;
	text-indent:-9000px;
	margin: 0;
	}
			
	ul#nav_e li#einziehmaschine a {
		width:190px;
		background-position:0 0;
		}
			
		ul#nav_e li#einziehmaschine a:hover {
			background-position:0 -65px
			}
			
	ul#nav_e li#werkzeuge a {
		width:125px;
		background-position:-190px 0;
		}
		
		ul#nav_e li#werkzeuge a:hover {
			background-position:-190px -65px
			}
			
	ul#nav_e li#aftersales a { 
		width:135px;
		background-position:-315px 0;
		}
			
		ul#nav_e li#aftersales a:hover {
			background-position:-315px -65px
			}
			
	ul#nav_e li#z a {
		width:454px;
		background-position:-450px 0;
		}
		
		ul#nav_e li#z a:hover {
			background-position:-450px -65px
			}
			
					
ul li a:hover,
body#einziehmaschine ul li#einziehmaschine a {
background-position: 0 -65px;
}
ul li a:hover,
body#werkzeuge ul li#werkzeuge a {
background-position: -190px -65px;
}
ul li a:hover,
body#aftersales ul li#aftersales a {
background-position: -315px -65px;
}


/*Einziehen Button*/

.einziehen a {
display:block;
width: 284px;
height: 148px;
background: url("bilder/einziehen_1.gif") 0 0 no-repeat;
text-decoration: none;
text-indent:-9000px;
}
.einziehen a:hover { 
background-position: 0 -296px;
}
.einziehen a:active {
background-position: 0 -148px;
}

/*Waschen Button*/

.waschen a {
display:block;
width: 284px;
height: 148px;
background: url("bilder/waschen_1.gif") 0 -148px no-repeat;
text-decoration: none;
text-indent:-9000px;
}
.waschen a:hover { 
background-position: 0 -444px;
}
.waschen a:active {
background-position: 0 0;
}
