
#topmenu {
  background-color: #274289;
  height: 27px;
  width: 980px;
}

#topmenu_content {
  width: 574px;
  height: 21px;
  overflow: hidden;
  float: left;
  font-size: 11px;
  text-align: center;
  margin-top: 6px;
  letter-spacing: 1px;
  white-space: nowrap;
}

.delcontainer {
  clear: both;
  text-decoration: none;
}

ul#topmenu-menu {
  width: auto;
  display:table;           
  padding:1px;
  margin:0px auto;
  white-space:nowrap;
  list-style-type:none;
      
}

#topmenu-menu li {
  width: auto;
  display: table-cell;
  letter-spacing: 1px;
  white-space:nowrap;  
}
#topmenu-menu li:active {font-weight:bold;}


#topmenu-menu a {
  display:block;
  text-decoration:none;
    
}
#topmenu-menu a:hover {font-weight:bold;}


.tmenu1last {
  border-right: 0;
}

.tmenu2 { 
width: 150px;
/*margin: 4px 5px 4px 5px;*/
background-color: #274289;
border-bottom: 1px solid #ffffff;
letter-spacing: 1px;
padding: 3px 4px 3px 5px;

}

.tmenu2last {
border-bottom: 0;
letter-spacing: 1px;



}

html,body {
  width: 100%;
  height: 101%;
  background: #f0f0f0;
  font-family: Arial,  Helvetica,Verdana,  sans-serif;
  font-size: 11px;
  margin: 0;
  padding: 0;
  color: #303234;
}

a.skzlink:hover{
  color:#303234;
         text-decoration: none;  
} 
a.skzlink:link{
  color:#303234;
  text-decoration: none;  
} 
a.skzlink:visited{
  color:#303234;
  text-decoration: none;
} 





img { border: 0; }

p {   
  font-size:11px;
  margin: 0px 0px 0px 0px;
  padding: 0;
  color: #303234;
}

ul {
         font-size: 11px;
         margin: 10px 5px 0px 40px;
         color: #303234;

               }
           
h5{
font-size: 9px;
/*margin-bottom: 3px; siehe iefix*/
}
h6{
font-size: 14px;
font-weight:bold;
text-align:center;
margin-bottom: 20px;
}
h4{
font-size: 14px;
font-weight:bold;

}


#container {
  width: 980px;
}

#header {
  background-image: url(../img/bannerKH.jpg);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-color: #ffffff;
  width: 980px;
  height: 75px;
}

#logo {
  margin-top: 11px;
  margin-left: 30px;
}

/*#lmenu {
  width: 175px;
  float: left;
  z-index: 13;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
  margin-right: -175px;
  }*/

#rmenu {
  width: 220px;
  position: relative;
  z-index: 999;
  overflow: hidden;
  margin-left: -220px;
  float: right;
    

    
}

#rmenu_top {
  width: 220px;
  /*position: relative;*/
  float:none;
  /*margin-left: auto;
  margin-right: auto;*/
  z-index: 99;
  
    }


#main_content {
  width: 555px;
  float: left;
  z-index: 12;
  position: relative;
  overflow: hidden;
  min-height: 640px;
  /*padding: 15px;*/
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  border-left: 175px solid #cccccc;
  border-right: 220px solid #cccccc;
  margin-bottom: 15px;
  color: #303234;
  /*die nächsten 4 Zeilen für feste Länge der rechten grauen Leiste im ie6 */
  overflow: hidden !important;
        overflow: visible;
  height: auto !important;
  height: 640px;

  
}

#main_content p.bodytext {
  clear: both;
  float: none;
}

#outer {
  /*width: 575px;*/
  width: 980px;
  float: none;
  clear: both;

  
  }

#footer {
  width: 970px;
  text-align: center;
  border-top: 1px solid #cccccc;
  padding-top: 5px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  font-size: smaller;
  float: none;
  clear: both;
  color: #303234;
}
#kontakt {
  width: 970px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: smaller;
  float: none;
  clear: both;
  color: #303234;
}
#copyright {
  width: 970px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: smaller;
  float: none;
  clear: both;
  color: #303234;
}

/*Verschachtelung wegen bug im IE notwendig*/
#printlogo_outer{
  width: 220px;
    font-size: 10px;
     float:left;
  /*position: absolute;*/
  /*margin-left: auto;
  margin-right: auto;*/
  }


#printlogo{
  margin-left: 30px;
  margin-top: 17px;
  width: 220px;
    font-size: 10px;
    /*float:left;
  position: relative;*/
  /*margin-left: auto;
  margin-right: auto;*/
  float:none;
}

#fotorechts_outer{
  width: 220px;
    float:left;
  }

#fotorechts{
  margin-left: 30px;
  margin-top: 50px;
  width: 220px;
  float:none;

}

/*Verschachtelung wegen bug im IE notwendig*/
#rmenu_bottom_outer{
  width: 220px;
    float:left;
    



  }


#rmenu_bottom{
  margin-left: 40px;
  margin-top: 30px;
  width: 220px;
    font-size: 10px;
    float:none;
    
}

#azubirechts_outer{
  width: 220px;
    float:left;
  }

#azubirechts{
  margin-left: 30px;
  margin-top: 50px;
  width: 220px;
  float:none;

}



.impressumtext{
  text-align:center;

}



#lspacer {
  width: 174px;
  height: 27px;
  border-right: 1px solid #cccccc;
         float: left;
}

#lspacer img {
  margin-left: 5px;
  margin-top: 4px;
}

#rspacer {
  width: 220px;
  height: 27px;
  border-left: 1px solid #cccccc;
  float: right;
  

}

ul#langnav {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

ul#langnav li {
  float: left;
  display: inline;
  height: 15px;
  margin-top: 6px;
  margin-right: 0px;
  margin-left: 30px;
}

#lang{
#position: relative;

float: left;
width: 120px;
}

#sitemap{
  #position: absolute;

  float: right;
  width: 30px;
  height: 15px;
  margin-top: 5px;
  margin-right: 40px;
  #margin-left: 30px;  
}

.hmenu {
  list-style-image: url(../img/blaupfeil_trans.gif);
  padding: 0;
  margin: 0;
  width: 155px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

ul.hmenu li {
  border-bottom: 1px solid #f0f0f0;
  list-style-position: inside;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-top: 12px;
  padding-bottom: 3px;
}

.hmenu a:link { font-weight: normal; color: #333399; text-decoration: none;}
.hmenu a:visited { font-weight: normal; color: #333399; text-decoration: none;}
.hmenu a:focus { font-weight: bold; color: #333399; text-decoration: none;}
.hmenu a:hover { font-weight: bold; color: #333399; text-decoration: none;}
.hmenu a:active { font-weight: normal; color: #333399; text-decoration: none;}

.level2 { margin-left: 14px;  width: 130px; margin-bottom: 0;}

ul.level2 li { margin-top: 3px; }

.contentbox {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  clear: both;
  float:none;
  margin-bottom: 15px;
  color: #303234;
  
}

.contentbox-header {
  background-image: url(../img/Pfeil_rot2.png);
  background-repeat: no-repeat;
  background-position: center left;
  border-bottom: 1px solid #cccccc;
  font-weight: bold;
  padding-left: 18px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #303234;

}

.contentbox-header h3 {
margin: 0;
padding: 0;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

.contentbox-content {
  padding: 5px;
}

.contentbox-content p {
  margin-top: 0px;
  margin-bottom: 3px;
}

.layout_zweispaltig {
  clear: both;
}

.layout_zweispaltig_1 {
  width: 273px;
  overflow: hidden;
  float: left;
  min-height: 1px;
}

.layout_zweispaltig_2 {
  width: 273px;
  overflow: hidden;
  float: right;
  min-height: 1px;
}

.layout_dreispaltig {
  clear: both;
}

.layout_dreispaltig_1 {
  width: 159px;
  overflow: hidden;
  float: left;
  min-height: 1px;
}

.layout_dreispaltig_2 {
  width: 219px;
  overflow: hidden;
  margin-left: 9px;
  margin-right: 9px;
  float: left;
  min-height: 1px;
}

.layout_dreispaltig_3 {
  width: 159px;
  overflow: hidden;
  float: right;
  min-height: 1px;
}

.hidden {
  display: none;
}

.menufirst { float: left; }
.menumiddle { float: left; }
.menuend { float: left; }
.menufirst div { float: left; }
.menumiddle div { float: left; }
.menuend div { float: left; }

#indexedsearch {
  margin-left: 30px;
  margin-top: 10px;
    width: 220px;
  font-size: 10px;
}

#indexedsearch p {
  float: left;
  clear: both;
  margin: 0;
  padding: 0;
  font-size: 11px;
}

#indexedsearch input {
  font-size: 10px;
}

.ifsub {
background-image: url(../img/m_pfeil.gif);
background-repeat: no-repeat;
background-position: center right;
}

.tmenu3 { 
width: 150px;
/*margin: 4px 5px 5px 5px;*/
background-color:#ffc20e;
border-bottom: 1px solid #ffffff;
padding: 3px 5px 4px 5px;

}

.tmenu3last {
border-bottom: 0;
}

.tmenu1 a:link { font-weight: normal; color: #ffffff; text-decoration: none;}
.tmenu1 a:visited { font-weight: normal; color: #ffffff; text-decoration: none;}
.tmenu1 a:focus { font-weight: normal; color: #ffffff; text-decoration: none;}
.tmenu1 a:hover { font-weight: normal; color: #ffffff; text-decoration: none;}
.tmenu1 a:active { font-weight: normal; color: #ffffff; text-decoration: none;}

/*damit nicht nur schrift als Link funktioniert*/
.tmenu2 a { display: block; width: 150px; }

.tmenu2 a:link { font-weight: normal; color: #ffffff; text-decoration: none;}
.tmenu2 a:visited { font-weight: normal; color: #ffffff; text-decoration: none;}
.tmenu2 a:focus { font-weight: bold; color: #ffffff; text-decoration: none;}
.tmenu2 a:hover { font-weight: bold; color: #ffffff; text-decoration: none;}
.tmenu2 a:active { font-weight: normal; color: #ffffff; text-decoration: none;}

.tmenu3 a:link { font-weight: normal; color: #000000; text-decoration: none;}
.tmenu3 a:visited { font-weight: normal; color: #000000; text-decoration: none;}
.tmenu3 a:focus { font-weight: bold; color: #000000; text-decoration: none;}
.tmenu3 a:hover { font-weight: bold; color: #000000; text-decoration: none;}
.tmenu3 a:active { font-weight: normal; color: #000000; text-decoration: none;}


div.csc-textpic-intext-left-nowrap div.csc-textpic-text { float: left; clear: none; }

div.layout_zweispaltig div.contentbox div.contentbox-content div.csc-textpic-text { width: 140px;}
div.layout_zweispaltig div.contentbox div.contentbox-content div.csc-textpic-text { width: 140px;}

div.csc-frame-rulerAfter { border-bottom: 1px solid #cccccc; margin-bottom: 10px; margin-top: 5px; }


/*Send-Button auf Kontaktformular*/
#mailformformtype_mail{
  margin-left:260px;
  margin-top:20px;
         margin-bottom:20px;



}


/* hinzugefügt aus K-Systems*/
#lmenu {
        
  width: 175px;
  float: left;
  z-index: 13;
  position: relative;
  top: 0px;
  margin-right: -175px;
  overflow: hidden !important;
        overflow: visible;
  height: auto !important;
  height: 5px;
  background-color: #cccccc;
}

#lmenu_content {
  overflow: hidden !important;
        overflow: visible;
  height: auto !important;
  height: 5px;
}

/* Einzelne Menfelder */
.menuitem {
  margin: 0 5px 0 5px;
  float: none;
  clear: both;
  }
  
.menuitem_active {
  margin: 0 5px 0 5px;
  font-weight: bold;
  float: none;
  clear: both;
         background-color: #dbdbdb;
  } 


/* Links im Men */  
.menuitem a:link { 
  text-decoration: none;
  color:   #274289;
         /* color:#333399;*/                      
  }
  
.menuitem a:active { 
  text-decoration: none;
  color:   #274289;
  /*color:    #333399;*/                        
  }
  
.menuitem a:visited { 
  text-decoration: none;
  color:   #274289;
  /*color: #333399;*/
         }

.menuitem a:hover { 
  text-decoration: none;
  color:   #274289;
  /*color:  #333399;*/
         font-weight: bold;
  }
  
.menuitem_active a:link { 
  text-decoration: none;
  color:   #274289;
  /*color:   #333399;*/                           
  }
  
.menuitem_active a:active { 
  text-decoration: none;
  color:   #274289;
  /*color: #333399;*/
         }
  
.menuitem_active a:visited { 
  text-decoration: none;
  color:   #274289;
  /*color:   #333399;*/                      
  }
  
.menuitem_active a:hover { 
  text-decoration: none;
  color:   #274289;
  /*color: #333399;*/
         font-weight: bold;
  }

/* Hierarchien */
.m1h {
  padding: 3px 0 3px 0;
  float: none;
  clear: both;
   border-bottom-width: 1px;
  border-bottom-color: #F0F0F0;
  border-bottom-style: solid;
        border-right-width:4px;
        border-right-style:solid;
        border-right-color:#cccccc;
        overflow: hidden !important;
        overflow: visible;
  height: auto !important;
  height: 5px;
  background-color: #cccccc;
  }  

.m2h {  
  overflow: hidden !important;
        overflow: visible;
  height: auto !important;
  height: 5px;
  padding: 2px 0 2px 15px;
  float: none;
  clear: both;
  border-bottom-width: 1px;
  border-bottom-color: #F0F0F0;
  border-bottom-style: solid;
        border-right-width:4px;
        border-right-style:solid;
        border-right-color:#cccccc;
  }

/* wird mit overflow:hidden bei m2h/m3h benötigt, um Schrift bei Zeilenumbruch einzurücken*/  

.m2h div.mpos img { float: left; width: 12px; height: 9px; padding-top: 5px; }
.m2h div.mpos a { float: left; display: block; width: 110px; padding-top: 2px;}


.m3h div.mpos img { float: left; width: 10px; height: 9px; padding-top: 5px; }
.m3h div.mpos a { float: left; display: block; width: 110px; padding-top: 2px;}

.m3h {
  overflow: hidden !important;
        overflow: visible;
  height: auto !important;
  height: 5px;
  padding: 0px 0 0px 30px;
  float: none;
  clear: both;
  border-bottom-width: 1px;
  border-bottom-color: #F0F0F0;
  border-bottom-style: solid;
        border-right-width:4px;
        border-right-style:solid;
        border-right-color:#cccccc;
  }

/*helmbrechts logo*/
#lmenu_bottom {
  margin-top: 30px;
  margin-left: 55px;

  }

/*normen logo*/
#lmenu_norm {
  /*background-image: url(../img/normen.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-color: #cccccc;
  width: 74px;
  height: 120px;*/

  margin-top: 15px;
  margin-left: 45px;

  }


  
  
.produktbilder{
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#0b648e;
border-top-style:solid;
border-top-width:1px;
border-top-color:#0b648e;
border-right-style:solid;
border-right-width:1px;
border-right-color:#0b648e;
border-left-style:solid;
border-left-width:1px;
border-left-color:#0b648e;
}

.produkttabelle{
border-right-style:solid;
border-right-width:1px;
border-right-color:#0b648e;


}


.teamtabelle{
font-size: 8px;

}
    
.textoben{
vertical-align:top;

}

/***************/ 
/* SITEMAP *****/ 
/***************/ 

/*div.seitenuebersicht { 
padding-top: 10px; 
margin-bottom: 1em; 
} */

div.csc-sitemap { 
margin: 0px 0px 0px 0px; 

} 

div.csc-sitemap a { 
color:   #333399; 
text-decoration: none; 
} 

div.csc-sitemap a:hover, div.csc-sitemap a:focus, div.csc-sitemap a:active { 
text-decoration: none; 
} 

div.csc-sitemap a:hover{font-weight:bold}

/*Erste Ebene */ 

div.csc-sitemap ul { 
list-style: none;

font-family: Arial,  Helvetica,Verdana,  sans-serif;
font-size: 11px;
margin: 0;
padding: 0;



} 

div.csc-sitemap ul li{ 
/*list-style-image: url(../img/Pfeile_blau); */
margin: 5px 0px; 
border-width:1px;
  border-style:solid;
  border-color:#274289;
padding:5px;
  text-align:justify;
background-color: #cccccc;

} 

/*Zweite Ebene */ 

div.csc-sitemap ul li li{ 
margin-left: 2em;
background-color: #94b2ce;

 
} 

    
div.csc-sitemap ul li li li{ 
margin-left: 2em;
background-color: #d2effa;
} 



.flash{
margin-left:200px;
padding-left:200px;
text-align:center;
border-right: 1px solid #cccccc;


}

#flash{
margin-left:200px;
padding-left:200px;
text-align:center;
border-right: 1px solid #cccccc;


}

#stand{
font-size: 9px;

}


/*Produktübersicht-Plugin */
.mf div.caption {
    color: #000000;
}

#zeitreise{
font-size: 12px;
font-weight:bold;

}


table.symbole td{

font-size:9px;
font-weight: bold;

}

table.download {
   background-color: #000000;

   border-right-color:#0b648e;

    }


div.googlemapsidebarelement {
	width:545px;
	clear: both;
	margin-top:0px;
	padding-top:10px;
}

div.googlemapsidebarelement a {
	color:#004990;
	font-size: 11px;
	font-weight:bold;
}

    
  
