BODY {font-family: Arial,Tahoma,Times New Roman,Comic Sans MS;
      background-image: url(grafika/body_bg_pattern0.jpg);
      background-color: #dee2b6;
      font-size: 9pt;
      font-weight: normal;
      color: #9B0996;
      margin-bottom: 0cm;
      margin-left: 0cm;
      margin-right: 0cm;
      margin-top: 0cm;
      scrollbar-3dlight-color:#E5E5E5;
      scrollbar-arrow-color:#999999;
      scrollbar-base-color:#FFFFFF;
      scrollbar-darkshadow-color:#FFFFFF;
      scrollbar-face-color:#FFFFFF;
      scrollbar-highlight-color:#E5E5E5;
      scrollbar-shadow-color:#B2B2B2}
      
#htmlElement {
       padding: 10px;
       background-color: #000;
}      
      
#scrollAreaLeft {
                position:absolute;
                top:295px;
                left:150px;
                width:350px;
                height:500px;
                clip:rect(0,350,500,0);
                zindex:2; 
                }
 
       
#scrollContentLeft {position:absolute;
                    top:0px;
                    left:0px;
                    width:350px;
                    height:240px;
                    zindex:1;}
       
     
       
#scrollArrowsLeftMedia {position:absolute;
                        top:260px;
                        left:660px;
                        width:14px;
                        height:192px;
                        zindex:3px;}
                        
                        
#scrollAreaLeftMedia {position:absolute;
                      top:295px;
                      left:150px;
                      width:350px;
                      height:240px;
                      clip:rect(0,350,220,0);
                      zindex:2;}      
      
A:link.menu {text-decoration: none;
        style: normal; 
        color: #f6f6ee;
        font-weight: normal;
        font-size: 16px;
        font-family: Arial,Tahoma,Times New Roman,Comic Sans MS;
        text-align: center}
   
A:visited.menu {text-decoration: none;
           style: normal; 
           color: #f6f6ee;
           font-weight: normal; 
           font-size: 16px;
           font-family: Arial,Tahoma,Times New Roman,Comic Sans MS;
           text-align: center}
                            
A:hover.menu {text-decoration: none;
         style: normal; 
         color: #f6f6ee;
         font-weight: normal;
         font-size: 16px;
         font-family: Arial,Tahoma,Times New Roman,Comic Sans MS;
         text-align: center}
         
A:link {text-decoration: none;
                style: normal;
                color: #f6f6ee;
                font-weight: normal;
                font-size: 13px;
                font-family: Arial,Tahoma,Times New Roman,Comic Sans MS;
                text-align: center}
   
A:visited {text-decoration: none;
                   style: normal;
                   color: #f6f6ee;
                   font-weight: normal;
                   font-size: 13px;
                   font-family: Arial,Tahoma,Times New Roman,Comic Sans MS;
                   text-align: center}
                            
A:hover {text-decoration: underline;
                 style: normal;
                 color: #f6f6ee;
                 font-weight: normal;
                 font-size: 13px;
                 font-family: Arial,Tahoma,Times New Roman,Comic Sans MS;
                 text-align: center}
         
A:link.menu_stopka {text-decoration: none;
        style: normal; 
        color: #f6f6ee;
        font-weight: normal;
        font-size: 10px;
        font-family: Arial,Tahoma,Times New Roman,Comic Sans MS;
        text-align: center}
   
A:visited.menu_stopka {text-decoration: none;
           style: normal; 
           color: #f6f6ee;
           font-weight: normal; 
           font-size: 10px;
           font-family: Arial,Tahoma,Times New Roman,Comic Sans MS;
           text-align: center}
                            
A:hover.menu_stopka {text-decoration: underline;
         style: normal; 
         color: #f6f6ee;
         font-weight: normal;
         font-size: 10px;
         font-family: Arial,Tahoma,Times New Roman,Comic Sans MS;
         text-align: center}         

p {font-family: Arial,Tahoma,Times New Roman,Comic Sans MS;
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: normal;
    text-align: center}
    
td.refer {font-family: Arial,Tahoma,Times New Roman,Comic Sans MS;
    color: #f6f6ee;
    font-size: 13px;
    font-weight: normal;
    text-align: center}
    
td {font-family: Arial,Tahoma,Times New Roman,Comic Sans MS;
    color: #f6f6ee;
    font-size: 13px;
    font-weight: normal;
    text-align: justify}
    
td.menu_stopka {font-family: Arial,Tahoma,Times New Roman,Comic Sans MS;
            color: #f6f6ee;
            font-size: 10px;
            font-weight: normal;
            text-align: center}
    
td.menu {font-family: Arial,Tahoma,Times New Roman,Comic Sans MS;
         color: #f6f6ee;
         font-size: 16px;
         font-weight: normal;
         text-align: center;
         height: 50px}
         
td.menu:hover {font-family: Arial,Tahoma,Times New Roman,Comic Sans MS;
         color: #f6f6ee;
         background-color: #b2a15c;
         font-size: 16px;
         font-weight: normal;
         text-align: center;
         height: 50px}
         
td.komen {font-family: Arial,Tahoma,Times New Roman,Comic Sans MS;
           color: #f6f6ee;
           font-size: 12px;
           font-weight: normal;
           text-align: center}
           
td.stopka {font-family: Arial,Tahoma,Times New Roman,Comic Sans MS;
           color: #585a49;
           font-size: 9px;
           font-weight: normal;
           text-align: left}
       
H1, H2, H3, H4, H5 {font-family: Arial,Tahoma,Times New Roman,Comic Sans MS;
                         font-weight: normal;
                         color: #52235E;
                         text-align: left;
                         cursor: default}

H1 {font-size: 20pt;}
H2 {font-size: 18pt;}
H3 {font-size: 16pt;}
H4 {font-size: 14pt;}
H5 {font-size: 11pt;}

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

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:400px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 400px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 400px;
    display: block;
    border: 0;
    margin-bottom: 0px;
}

/*Multibox - gallery - top*/
/**************************************************************

       MultiBox
       v1.3

**************************************************************/

.MultiBoxContainer {
       position: absolute;
       border: 20px solid #000;
       background-color: #FFFFFF;
       border:20px;
       display: none;
       z-index: 20;
       text-align: left;
       /*overflow: hidden;*/
}

.MultiBoxLoading {
       background: url(images/loader.gif) no-repeat center;
}

.MultiBoxContent {
       position: relative;
       width: 100%;
       height: 100%;
       overflow: hidden;
}

.MultiBoxClose {
       position: absolute;
       top: -26px;
       right: -26px;
       background: url(images/close.png) no-repeat;
       width: 24px;
       height: 24px;
       cursor: pointer;
}


.MultiBoxControlsContainer {
       overflow: hidden;
       height: 0px;
       position: relative;
}

.MultiBoxControls {
       width: 100%;
       height: auto;
       position: relative;
       background-color: #000000;
}


.MultiBoxPrevious {
       position: absolute;
       background: url(images/left.png) no-repeat;
       width: 24px;
       height: 24px;
       left: 0px;
       margin-top: 5px;
       cursor: pointer;
}

.MultiBoxNext {
       position: absolute;
       background: url(images/right.png) no-repeat;
       width: 24px;
       height: 24px;
       right: 0px;
       margin-top: 5px;
       cursor: pointer;
}

.MultiBoxNextDisabled {
       cursor: default;
       background: url(images/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
       cursor: default;
       background: url(images/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
       position: relative;
       margin: 10px 0 0 35px;
       float: left;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 11px;
       color: #FFF;
       font-weight: bold;
       text-align: left;
}

.MultiBoxNumber {
       position: relative;
       width: 50px;
       margin: 10px 35px 0 0;
       float: right;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 11px;
       color: #FFF;
       text-align: right;
}

.MultiBoxDescription {
       clear: left;
       position: relative;
       margin: 0 35px 0 35px;
       padding-top: 5px;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 11px;
       color: #FFF;
       text-align: left;
}

/*Multibox - gallery - end*/


 /* 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(images/kupplung.jpg) repeat scroll 0%;
}

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

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

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

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

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

#imageMenu ul li.kundenkreis a {
       background: url(images/kundenkreis.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:#83876e; layer-background-color:#83876e; visibility:hidden;}
/*width:10; height:10; */
/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; top:400px; left:80px; z-index:1 padding:0px; padding-left: 5px; font-family:Arial,Helvetica,tahoma,verdana,times new roman; font-size:12px; font-weight:bold}
.clLevel0{background-color:#83876e; layer-background-color:#83876e; 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;}