


#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;
}

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;
	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;
  	
}



.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;

}


/* 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;

}

	