body {
      font-family: verdana, arial, no-serif;
      font-size: 12px;
}


/* -------------- STYLE IN HEAD-LOGO -------------- */

#head-logo img.logo { 
      width: 170px; 
      height: 65px;
      padding-top:35px;
      padding-left: 703px;
            
}


/* -------------- STYLE IN NAVIGATION -------------- */

a.navi {
      color: white; 
      text-align: center;
      
}

a.navi :hover {
      font-size: 12px;
      font-weight: bold;  
      text-decoration: none; 
      text-align: center;
      border-bottom: 5px rgb(56,113,193) solid;     
      border-top: 5px rgb(56,113,193) solid;         
}


#navigation img.navi { 
      text-align:center;            
      
}

#navigation table.navi {
      width: 860px;
      height: 50px;      
      text-decoration: bold;
      margin-left: -10px;
      padding-top: 1px;
      border: 0px solid  rgb(41,86,159);
      text-align: center;
}


#navigation table.navi td { 
      font-family: verdana, arial, no-serif;
      font-size: 12px;
      font-weight: bold;
      text-align: center;
      width: 150px;    
}

/*navigation table.navi td:hover  {
      border-bottom: 5px rgb(56,113,193) solid;     
      border-top: 5px rgb(56,113,193) solid;
      font-family: verdana, arial, no-serif;
      font-size: 12px;
      font-weight: bold;  
      text-decoration: none;          
}     

 /* -------------- TABELLEN -------------- */

/* ------------- TOPNAVI --------------*/

#topnavi table.topnavi {
      background-color: rgb(193,193,193); 
      width: 890px;
      height: 20px;      
      text-decoration: bold;
      padding-top: 1px;
      border: 0px solid  rgb(41,86,159);
      color: white;
}


#topnavi table.topnavi td { 
      font-family: verdana, arial, no-serif;
      font-size: 12px;
      font-weight: bold;  
      border-right: 1px solid white;
      padding-left: 5px;
      text-align: center;
}


#leftnavi table.lnavi {
      background-color: white; 
      width: 100px;
      height: 100%;      
      text-decoration: bold;
      margin-top: 8px;
      color: rgb(41,86,159);
}

#leftnavi table.lnavi td {
      border-bottom: 1px solid rgb(41,86,159);
      height: 50px;
      font-size: 12px;
      text-align: left;

}

#leftnavi img.ln {
      margin-top: -75px;
      padding-bottom: -25px;
}


a.ln {
  font-size: 11px;
  text-decoration: none;
  line-height: 12px;
  font-weight: bold;
  color: rgb(41,86,159);
}

p.ln {
  font-size: 11px;
  text-decoration: none;
  line-height: 13px;
  font-weight: bold;
  color: rgb(41,86,159);
}

/* -------------- TOPNAVI ENDE --------------------*/



/* -------------- BOX für Inhalt / Material --------------------*/                                                     


table.box {
      padding-left: -15px;
      padding-top: -8px;
      padding-bottom: 80px;
      text-align: center;                
      border: 3 px solid  #eeeeee;
      width: 720px;
}



table.box tr, table.box tr th, table.box tr td {
      height: 10px;        
}                          



p.box {
      margin-left: 0px;
      margin-right: 20px;
      line-height: 20px;
      color: rgba(41,86,159,0.8);
      font-family: arial, sans-serif;
}


p.box2 {
      line-height: 12px;
      color: rgba(41,86,159,0.8);
      font-family: arial, sans-serif;
}

img.box {
      text-align: top;
      margin-top: -200px;

}

h2.box {
      font-size: 14;
      font-weight: bold;
      text-align: top;
      vertical-align: left;
      margin-top: -100px;
      margin-bottom: 10px;
      margin-left: 20px;
}

h3.box{
      font-size: 12;
      font-weight: bold;
      text-align: top;
      vertical-align: left;
      margin-bottom: 10px;
      color: rgb(41,86,159);      
}

a.box {
  font-size: 12px;
  text-decoration: none;  
  font-weight: bold;
  vertical-align: center;
}

/* -------------- BOX ENDE --------------------*/



/* -------------- CONTENT-RIGHT --------------------*/

ul.cr {
  font-size: 14px;
  line-height: 18px;  
  font-weight: normal;
}

p.cr {
  font-size: 14px;
  line-height: 20px;  
  font-weight: normal;
}

p.neu {
  font-size: 16px;
  line-height: 20px;  
  font-weight: normal;
}

a.cr {
  font-size: 14px;
  text-decoration: none;
  line-height: 16px;
  font-weight: bold;
  color: rgb(27,57,106);
  /*margin-left: 5px;
  margin-right: 5px;*/
}

a.cr:hover {
  font-size: 14px;
  border-bottom: 4 solid #ff0000;
  line-height: 16px;
  font-weight: bold;
  color: rgb(95,128,183);
  text-decoration: underline;
}

p.cf {
  font-size: 12px;
  text-decoration: none;
  line-height: 16px;
    
}


table.extra {
      border: 3 px solid  #eeeeee;
      width: 100%;
      margin: 0;
      margin-bottom: 10px;
      padding: 0;
      border-collapse: collapse;
      font-family: verdana, arial, sans-serif;
      font-size: 12px;
      text-align: left;
}

table.extra tr, table tr th, table.extra tr td {
      border: 1px solid #eeeeee;
      padding: 3px;
}

table.extra tr th, table.extra tr td {
      background-color: #dddddd;
}

table.extra tr th {
      color: #ffffff;
      letter-spacing: 1px;
}

/* -------------- CONTENT-RIGHT ENDE --------------------*/


table.dl {
      border: 3 px solid  #eeeeee;
      width: 800px;
      margin-bottom: 10px;
      margin-left: 0px;
      padding: 0;
      
      font-family: arial, sans-serif;
      letter-spacing: 1px;
      font-size: 12px;
      text-align: left;
}     
          
      

table.dl tr, table.dl tr th, table.dl tr td {
      border: 1px solid #eeeeee;
      padding: 3px;
      width: 300px;
}

table.dl tr th, table.dl tr td {
      background-color: #ffffff;
}

table.dl tr th {
      color: #ffffff;
      letter-spacing: 1px;
}



/* -------------- MATERIAL --------------------*/
table.material {
      width: 400px;
      margin-top: 10px;
      margin-left: -6px;
      text-align: right;
      letter-spacing: 1px;     
      border: 3 px solid  #eeeeee;      
      border-collapse: collapse;
      font-family: verdana, arial, sans-serif;
      font-size: 12px;
      text-align: left;       
}

table.material tr, table.material tr th, table.material tr td {
      border: 1px solid #eeeeee;
      padding: 3px; 
}

table.material tr th, table.material tr td {
      background-color: #dddddd;
}

table.material tr th {
      color: #ffffff;
      letter-spacing: 1px;
} 
/* -------------- MATERIAL ENDE --------------------*/


/* ---------------- EINHEITSTABELLE ------------------ */
table.einheiten {
      width: 750px;
      padding-left: -15px;
      padding-top: -8px;
      text-align: center;
      font-size: 11px;    
      letter-spacing: 1px;           
      font-family: arial, sans-serif;
}


table.einheiten tr, table.einheiten tr th, table.einheiten tr td {
      border: 1px solid rgb(161,161,161);
      height: 40px;        
}                          


table.einheiten tr th {
      letter-spacing: 1px;
}


a.einheittb {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}   
/* -------------- EINHEITSTABELLE ENDE -------------- */


/* -------------- BESTELLTABELLE -------------- */
table.bestelltb {
      padding-left: -10px;
      margin-top: -20px;
      text-align: center;
      font-size: 10px;    
      letter-spacing: 1px;           
      font-family: arial, sans-serif;
}


table.bestelltb tr, table.bestelltb tr th, table.bestelltb tr td {
      border: 1px solid rgb(161,161,161);
      height: 40px;        
}                          


table.bestelltb tr th {
      letter-spacing: 1px;      
}


a.bestelltb {
  font-family: arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}   


/*-- onMouseOver --*/

a .gross2 {
  display: none;
} 

a:hover .gross2 {      
  display: block;   
  position: absolute;
  z-index: 1;        
}

img.material2{
  display: block;
  padding: 300px;
  border: 3px solid #ffffff;
}

img.over2{
  display: block;
  padding: 3px 3px 3px 3px;
}
/*-- onMouseOver --*/
    
/* -------------- BESTELLTABELLE ENDE -------------- */


/* -------------- MIKROSKOPE -------------- */
table.mikro {
      padding-left: -15px;
      text-align: center;
      font-size: 12px;    
      letter-spacing: 1px;           
      font-family: arial, sans-serif;
      width: 762px;
}       

table.mikro tr, table.mikro tr th, table.mikro tr td {
      border: 1px solid rgb(161,161,161);
      height: 40px;        
}                          


table.mikro tr th {
      letter-spacing: 1px;
}


a.mikro {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: rgb(41,86,159);
}

a.mikro:hover {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
  color: rgb(41,86,159);
}


p.mikro {
      line-height: 20px;
      color: rgba(41,86,159,0.7);
      font-family: arial, sans-serif;
      font-size: 12px;
      text-align: left;
      padding-left: 10px;
      padding-top: 10px; 
}
/* -------------- MIKROSKOPE ENDE -------------- */


/* -------------- IMG -------------- */
img {
      border: 0;
      padding: 5px;
} 

img.center {
      display: block;
      margin: 0 auto;
      float: center;  
}    

img.banner { 
      width: 749px; 
      height: 110px;
      padding-left: 16px;
      padding-bottom: 2px;
      margin-top: -5px;
      margin-bottom: -20px;
      margin-right: -5px;      
}

img.banner-vertical {
  margin-top: 17px;
  margin-left: 30px; 
}

img.tabelle {
      border: 0;
      float: none;
      text-align: center;
}

img.left {
      border: 0;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 5px;
      padding-right: 5px;
      float: left; 
}     
/* -------------- IMG ENDE -------------- */

            
/* -------------- A -------------- */
a.einheit {
      color: rgb(41,86,159);
      font-size: 12px;
      text-decoration: none;
      font-style:italic;
      font-weight: bold;
      
}

a.link {
      color: rgb(54,75,145);          
      text-decoration: none;
      font-weight: bold;
} 

a.visited {
      color: rgb(54,75,145);
      text-decoration: none;
      font-weight: bold;
} 

a.unten {
      font-size:10px;
      text-align:right;
      color: #000000;
      text-decoration: none
      vertical-align: bottom;
}

a.disc {
  font-size:10px;  
  text-decoration: none;
  color: rgb(41,86,159);
}

a.download {
  font-size: 12px;
  color: rgb(54,75,145);
  font-weight: normal;
  text-decoration: bold;
}

a.menue, a.menue:link, a.menue:visited, a.menue:active {
      position: relative;
      text-decoration: none;
      /* font-style: italic; color: #000000; */
}

a.menue:hover {
      background: transparent;
}

a.menue span {
      display: none;
      text-decoration: none;
}

a.menue:hover span {
      display: block;
      position: absolute;
      top: -325px;
      left: 0;
      padding: 5px;
      border:1px solid #000000;
      background: #FFFFFF;
      /* width: 310px; z-index: 100; color: #000000; font: 10px Verdana, sans-serif; text-align: left; */
}

a.news {
      color: rgb(54,75,145);
      font-size: 14px;
      text-decoration: none
}

a {
      font-size:14px;
      text-align: right;
      color: rgb(41,86,159);
      text-decoration: none;
      font-weight: normal;
      
}         
/* -------------- A ENDE -------------- */
         

/* -------------- P -------------- */

/*extra kleiner Absatz*/

p.impressum {
      font-size:10px;
      text-align: left;
      color: #000000;
      padding-top: 20px;
      padding-bottom: 20px;        
}

p.disc {
      font-size:10px;
      text-align: left;
      color: #000000;
      padding-bottom: 20px;        
      line-height: 15px;
}

p.prod {
      font-size:12px;
      text-align: left;
      color: #000000;
      padding-top: 1px;
      padding-bottom: 2px;        
}

p.material {
      font-size:14px;
      text-align: left;
      color: #000000;
      padding-top: 20px;
      padding-bottom: 20px
      margin-top: 20px;        
}
    
/*Absatz für die Einheiten*/
p.einheit {
      color: #000000;
      font-size: 28;
      text-align:left;
      font-weight: bold;
      margin-bottom:-10px;          
}

p.datum {
    font-size: 10px;
    color: rgb(64,64,64);
    text-align: left;
    margin-bottom: -10px; 
}

p.text {
    font-size: 14px;
    color: #000000;
    text-align: left;
     
}           
/* -------------- P ENDE -------------- */


/* -------------- CONTENT -------------- */    
p.cont {
  font-size: 16px;
  line-height: 20px;  
  font-weight: normal;
}

a.cont {
  font-size: 16px;
  text-decoration: none;
  line-height: 16px;
  font-weight: bold;
  color: rgb(27,57,106);
  /*margin-left: 5px;
  margin-right: 5px;*/
}

a.cont:hover {
  font-size: 16px;
  border-bottom: 4 solid #ff0000;
  line-height: 16px;
  font-weight: bold;
  color: rgb(95,128,183);
  text-decoration: underline;
}     
/* -------------- CONTENT ENDE -------------- */


/* -------------- NEWS -------------- */
table.news {
  width:890px;
  margin-left: -10px;
  vertical-align: left;
}

table.news td { 
  width: 295px;
  padding-right: 50px;
  text-align: left;
  vertical-align: left;
  padding-top: 10px;
}

h3.news-left {
  font-size: 16px; 
  color: rgb(41,86,159);
  vertical-align: top;
  text-align: left;      
}

h3.news-right {
  font-size: 16px; 
  color: rgb(41,86,159);
  vertical-align: top;
  text-align: left;
  padding-left: 10px;      
}


p.news-left {
  font-size: 14px; 
  line-height: 18px;
  color: rgb(41,86,159);
  padding-right: 5px;  
}

p.news-right {
  font-size: 14px; 
  line-height: 18px;
  color: rgb(41,86,159);
  padding-left: 10px;  
}

a.news{
  font-size: 14px;
  text-decoration: none;
  line-height: 14px;
  font-weight: bold;
  color: rgb(27,57,106);
  /*margin-left: 5px;
  margin-right: 5px;*/
}

a.news:hover {
  font-size: 14px;
  border-bottom: 4 solid #ff0000;
  line-height: 14px;
  font-weight: bold;
  color: rgb(95,128,183);
  text-decoration: underline;
}


/* -------------- B -------------- */   
b.klasse {
      font-size: 10px;        
      font-weight: bold;
      color: rgb(0,102,153);
      margin-top: -10px;               
}

                                          
b.materialliste {
      font-size: 14px;        
      font-weight: bold;
      color: rgb(54,75,145);
      margin-bottom: 5px;
      padding-left: 20px;                         
}                           
/* -------------- B ENDE -------------- */

   
/* -------------- ÜBERSCHRIFTEN -------------- */    
h1,h2,h3,h4 {
      color: rgb(41,86,159);
}

h1.neu {
      font-weight: 500;
      font-size: 34px;
      text-align: center;
      padding-top: 30px;
}


h1 {
      font-weight: 500;
      font-size: 34px;
      text-align: left;
      padding-top: 30px;
}


h2.einheit {
      text-align: right;
      margin-right: -30px;
      margin-top: 30px;
      margin-bottom: -5px;
      
}

h2.news {
  color: rgb(54,75,145);
  text-align: center; 
} 
/* -------------- ÜBERSCHRIFTEN ENDE -------------- */


.logo img {
      float: right;
      padding-top: 50px;
      
}

/* -------------- INFO - KONZEPT -------------- */
p.inf {      
      font-family: Arial, Helvetica;
      font-size: 14px;
      color: rgb(41,86,159);  
      line-height: 18px;
}


a.inf {
  font-size: 14px;
  text-decoration: none;
  line-height: 16px;
  font-weight: bold;
  color: rgb(27,57,106);
  /*margin-left: 5px;
  margin-right: 5px;*/
}

a.inf:hover {
  font-size: 14px;
  border-bottom: 4 solid #ff0000;
  line-height: 16px;
  font-weight: bold;
  color: rgb(95,128,183);
  text-decoration: underline;
}      
/* -------------- INFO - KONZEPT ENDE -------------- */


/* -------------- SLIDE BLOCK -------------- */  
table.slideblock {  
  width: 930px;
  height: 550px;
  margin-left: -16px; 
  margin-top: -45px; 
}     
/* -------------- SLIDE BLOCK ENDE -------------- */


/* -------------- BILDER OnMouseOver -------------- */ 
a .gross {
  display: none;
} 

a:hover .gross {      
  display: block;   
  position: absolute;
  z-index: 1;   
  background: #ffffff; 
}

img.material{
  display: block;
  padding: 3px;
  border: 3px solid #ffffff;
}

img.over{
  display: block;
  padding: 3px 3px 3px 3px;
}    
/* -------------- BILDER OnMouseOver ENDE -------------- */