
    
 /* Horizontal image menu - index.html*/
#imageMenu {
       position: relative;
       padding-left: 20px;
       width: 730px;
       height: 200px;
       overflow: hidden;
}

#imageMenu ul {
       list-style: none;
       margin: 0px;
       display: block;
       height: 200px;
       width: 1000px;
       
       }

#imageMenu ul li {
       float: left;
}

#imageMenu ul li a {
       text-indent: -1000px;
       background:#FFFFFF none repeat scroll 0%;
       border-right: 2px solid #fff;
       cursor:pointer;
       display:block;
       overflow:hidden;
       width:103px;
       height: 200px;
}

#imageMenu ul li.kupplung a {
       background: url(kupplung.jpg) repeat scroll 0%;
}

#imageMenu ul li.bremse a {
       background: url(bremse00.jpg) repeat scroll 0%;
}

#imageMenu ul li.ausfuhrungen a {
       background: url(ausfuhru.jpg) repeat scroll 0%;
}

#imageMenu ul li.sonderausfuhrungen a {
       background: url(sonderau.jpg) repeat scroll 0%;
}

#imageMenu ul li.zf a {
       background: url(zf000000.jpg) repeat scroll 0%;
       width: 310px;
}

#imageMenu ul li.binder_stromag a {
       background: url(binder_s.jpg) repeat scroll 0%;
       width: 310px;
}

#imageMenu ul li.kundenkreis a {
       background: url(kundenkr.jpg) repeat scroll 0%;
       width: 310px;
}

.clear {
       clear: both;
}
    
/* END of Horizontal image menu - index.html*/

/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
  
/*Style for the background-bar*/
.clBar{position:absolute; background-color:#CCCCCC; layer-background-color:#FFFFFF; visibility:hidden;}
/*width:10; height:10; */
/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; top:138px; left:364px; z-index:1 padding:12px; padding-left: 5px; font-family:Arial,Helvetica,tahoma,verdana,times new roman; font-size:12px; font-weight:bold}
.clLevel0{background-color:#CCCCCC; layer-background-color:#CCCCCC; color:#666666;}
.clLevel0over{background-color:#E89934; layer-background-color:#84B088; color:#FFFFFF; cursor:hand;}
.clLevel0border{position:absolute; visibility:hidden; background-color:#DADCBA; layer-background-color:#006699;}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:5px; padding-left: 5px; font-family:Arial,Helvetica,tahoma,verdana,times new roman; font-size:11px; font-weight:normal}
.clLevel1{background-color:#E5E5E5; layer-background-color:#CCCCCC; color:#333333;}
.clLevel1over{background-color:#9DAFC7; layer-background-color:#9DAFC7; color:#FFFFFF; cursor:hand;}
.clLevel1border{position:absolute; visibility:hidden; background-color:#FFFFFF; layer-background-color:#006699;}

/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:2px; padding-left: 5px; font-family:tArial,Helvetica,tahoma,verdana,times new roman; font-size:11px; font-weight:normal}
.clLevel2{background-color:#E5E5E5; layer-background-color:#CCCCCC; color:#333333;}
.clLevel2over{background-color:#6A82A1; layer-background-color:#6A82A1; color:#FFFFFF; cursor:hand;}
.clLevel2border{position:absolute; visibility:hidden; background-color:#DADCBA; layer-background-color:#006699;}

/*Styles for level 3*/
.clLevel3, .clLevel3over{position:absolute; padding:2px; padding-left: 5px; font-family:tArial,Helvetica,tahoma,verdana,times new roman; font-size:11px; font-weight:normal}
.clLevel3{background-color:#E5E5E5; layer-background-color:#CCCCCC; color:#333333;}
.clLevel3over{background-color:#92B7CD; layer-background-color:#92B7CD; color:#FFFFFF; cursor:hand;}
.clLevel3border{position:absolute; visibility:hidden; background-color:#DADCBA; layer-background-color:#006699;}


img {border: 0; padding: 0; margin: 0;}

