body {
background: #E0E0E2 url(/custom/grafiken/navi_li_bg.gif) repeat-y;
scrollbar-face-color: #ECECEE;
scrollbar-shadow-color: #333333;
scrollbar-highlight-color: #a6a6a6;
scrollbar-3dlight-color: #666666;
scrollbar-darkshadow-color: #666666;
scrollbar-track-color: #E0E0E2;
scrollbar-arrow-color: #333333;
}
/*-Basics-*/
a, address, blockquote, h1, h2, h3, h4, div,  img, input, label, legend,
li, ol, option, p, q, select, strong, span, textarea, td, th, ul {
font-family:Arial, Helvetica, sans-serif;
}

option {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;font-style: normal;font-weight: normal;text-decoration: none;}
optgroup {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;font-style: normal;font-weight: bold;text-decoration: none;}


div, form, img, ul { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
p { padding: 6px 0px 0px 1px; margin: 0px 0px 0px 0px;}
hr.hellgrau { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; witdh:100%; color:#999999;}
hr.grau		{ padding: 4px 0px 2px 0px; margin: 0px 0px 0px 0px; witdh:100%; color:#333333;}
a, a:hover, a:active {  color:#333; font-size:11px; text-decoration: underline }
a.white, a.white:hover, a.white:active {  color:#fff; font-size:11px; text-decoration: none; font-weight: normal;}
a.whitebutton, a.whitebutton:hover, a.whitebutton:active {
color:#fff; font-size:11px; text-decoration: none; padding: 0px 10px 0px 10px; font-weight: normal;}
a.whitelogout, a.whitelogout:hover, a.whitelogout:active {
color:#fff; font-size:11px; text-decoration: none; padding: 0px 0px 0px 8px; font-weight: normal;}
a.whiteblock, a.whiteblock:hover, a.whiteblock:active {
color:#fff; font-size:11px; text-decoration: none; display: block; padding:4px 0px 0px 10px; font-weight: normal;}
a.grau, a.grau:active, a.grau:hover {
padding: 22px 0px 0px 0px; color:#333; font-size:11px; text-decoration: none; font-weight: normal; }
a.grauActive {  color:#333; font-size:11px; text-decoration: none; font-weight: bold; }
a.graubutton, a.graubutton:hover, a.graubutton:active {
 color:#333; font-size:11px; text-decoration: none; padding: 0px 10px 0px 10px; font-weight: normal;}
a.txt, a.txt:hover, a.txt:active {
color:#333; font-size:11px; font-weight: bold; text-decoration: underline; }
.arial       { font-family: Arial,Helevtica; font-size: 10px }
.asmall      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}
.asmallest   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000}
.apreis      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: bold;text-decoration : none;}
.btext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333; text-decoration : none;}

body, td {
font-family:Arial, Helvetica, sans-serif;
color: #333;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}

/*------------------------------------------------------------------Rechte-Navigation-Navigation---*/
#rngrp_links {
background-image:url(/custom/grafiken/nav_re_li.gif);
}

#rngrp_mitte {
background-image:url(/custom/grafiken/nav_re_bg.gif);
}

#rngrp_rechts {
background-image:url(/custom/grafiken/nav_re_re.gif);
}
/*------------------------------------------------------------------Zielgruppen-Navigation---*/
a.topRight { color:#fff; } /*Trennung fuer NS4*/
#navTop a.topRight {
display: block;
font-size:11px;
text-decoration: none;
height: 30px;
width: 90px;
background-image: url(/custom/grafiken/top_off.gif);
}
#navTop a.topRight:hover, a.topRight:active {
background-image: url(/custom/grafiken/top_on.gif);  /*font-weight: bold; mag Opera nicht!*/
color:#fff;
}
#navTop .spacer {
padding: 16px 0px 0px 8px;
margin:0px 0px 0px 0px;
}
/*------------------------------------------------------------Zielgruppen-Navigation Active---*/
a.topRightActive { color:#fff; } /*Trennung fuer NS4*/
#navTop a.topRightActive, a.topRightActive:hover, a.topRightActive:active {
display: block;
background-image: url(/custom/grafiken/top_on.gif);
font-size:11px; text-decoration: none; color:#fff; font-weight: bold;
height: 30px;
width: 90px;
}
/*------------------------------------------------------------Haupt Navigation ----------*/
#navMain a.main {
display: block; color: #333; height:26px;
font-weight: normal;
text-decoration: none;
background-image:url(/custom/grafiken/spacer.gif);  /*IE 5.5!*/
}
#navMain a.main:hover,a.main:active {
background-image: url(/custom/grafiken/navi_main_active.gif);
color: #333;
}
#navMain .spacer {
padding: 6px 0px 0px 8px;
margin:0px 0px 0px 0px;
}
/*--------------------------------------------------------Haupt Navigation Active---------*/
a.mainActive { color: #333; height:26px; }
#navMain a.mainActive, a.mainActive:hover, a.mainActive:active {
display: block;
background-image: url(/custom/grafiken/navi_main_active.gif);
font-weight: bold;
text-decoration: none;
color: #333;
}
/*------------------------------------------------------------- Linke Navigation --------- */
ul.naviLi {
list-style-image: none; list-style-type: none;
}
li.naviLi, li.komp_naviLi {
background-image:url(/custom/grafiken/li_hell_grau.gif);
}
li.naviLi a, li.komp_naviLi a {
display: block;
text-decoration: none; color: #333;  font-weight: normal;
line-height:15px;
padding: 4px 0px 4px 12px;
height:expression(document.all? "16px": "" );
margin:0px 0px 0px 0px;
}
li.naviLi a:hover, li.komp_naviLi a:hover {
text-decoration: none; color: #333; font-weight: bold;
}

ul.naviLi li.neutralHead{ background-image: url(/custom/grafiken/head_neutral.gif);}
ul.naviLi li.aluHead{ background-image: url(/custom/grafiken/head_alu.gif);}
ul.naviLi li.bauHead{ background-image: url(/custom/grafiken/head_bau.gif);}
ul.naviLi li.solarHead{ background-image: url(/custom/grafiken/head_solar.gif);}
ul.naviLi li.kunststoffHead{ background-image: url(/custom/grafiken/head_kunststoff.gif);}
ul.naviLi li.stahlHead{ background-image: url(/custom/grafiken/head_stahl.gif);}

a.subHeads {
display: block;
text-decoration: none; color: #333; font-size:11px; font-weight: normal;
line-height:15px;
padding: 4px 0px 4px 12px;
height:expression(document.all? "16px": "" );
margin:0px 0px 0px 0px;
}
a.subHeads:active,a.subHeads:hover {
text-decoration: none; color: #333; font-size:11px;font-weight: bold;
}

/*------------------------------------------------------------- Linke unterHead Navigation --------- */
li.naviLi2, li.komp_naviLi2 {
background-image: url(/custom/grafiken/li_neutral_bg.gif);
}
li.naviLi2 a, li.komp_naviLi2 a {
display: block;
text-decoration: none; color: #333;  font-weight: normal;
line-height:15px;
padding: 4px 0px 4px 12px;
height:expression(document.all? "16px": "" );
}
li.naviLi2 a:hover, li.komp_naviLi2 a:hover {
text-decoration: none; color: #333; font-weight: bold;
}

/*------------------------------------------------------------- Linke Sub Navigation --------- */
li.naviLiSub {
background-image: url(/custom/grafiken/li_sub_neutral_bg.gif);
}
li.naviLiSub a {
display: block;
text-decoration: none; color: #333;  font-weight: normal;
line-height:15px;
padding: 4px 0px 4px 12px;
height:expression(document.all? "16px": "" );
}
li.naviLiSub a:hover {
text-decoration: none; color: #333; font-weight: bold;
}
/*------------------------------------------------------------- Linke Sub Sub Navigation --------- */
li.naviLiSubSub {
background-image: url(/custom/grafiken/li_sub_bg.gif);
}
li.naviLiSubSub a {
display: block;
text-decoration: none; color: #333;  font-weight: normal;
line-height:15px;
padding: 3px 0px 4px 30px;
height:expression(document.all? "16px": "" );
}
li.naviLiSubSub a:hover, a:active {
text-decoration: none; color: #333; font-weight: bold;
}

/*------------------------------------------------------------- Linke Sub Sub Aktiv Navigation --------- */
li.naviLiSubSubAktiv {
background-image: url(/custom/grafiken/li_sub_off_bg.gif);
}
li.naviLiSubSubAktiv a {
display: block;
text-decoration: none; color: #333;  font-weight: normal;
line-height:15px;
padding: 3px 0px 4px 30px;
height:expression(document.all? "16px": "" );
}
li.naviLiSubSubAktiv a:hover, a:active {
text-decoration: none; color: #333; font-weight: bold;
}

/*------------------------------------------------------------- Linke 5. Navigationsebene --------- */
li.naviLiSubFuenf {
background-image: url(/custom/grafiken/li_sub_sub_bg.gif);
}
li.naviLiSubFuenf a {
display: block;
text-decoration: none; color: #333;  font-weight: normal;
line-height:15px;
padding: 3px 0px 4px 50px;
height:expression(document.all? "16px": "" );
}
li.naviLiSubFuenf a:hover, a:active {
text-decoration: none; color: #333; font-weight: bold;
}

/*------------------------------------------------------------- Linke 5. Navigationsebene Aktiv --------- */
li.naviLiSubFuenfAktiv {
background-image: url(/custom/grafiken/li_sub_sub_off_bg.gif);
}
li.naviLiSubFuenfAktiv a {
display: block;
text-decoration: none; color: #333;  font-weight: normal;
line-height:15px;
padding: 3px 0px 4px 50px;
height:expression(document.all? "16px": "" );
}
li.naviLiSubFuenfAktiv a:hover, a:active {
text-decoration: none; color: #333; font-weight: bold;
}

/*------------------------------------------------------------- Linke 6. Navigationsebene --------- */
li.naviLiSubSechs {
background-image: url(/custom/grafiken/li_weiss_bg.gif);
}
li.naviLiSubSechs a {
display: block;
text-decoration: none; color: #333;  font-weight: normal;
line-height:15px;
padding: 3px 0px 4px 50px;
height:expression(document.all? "16px": "" );
}
li.naviLiSubSechs a:hover, a:active {
text-decoration: none; color: #333; font-weight: bold;
}

/*------------------------------------------------------------- Linke SubWerkstoff  Navigation --------- */
ul.naviWk {
list-style-image: none; list-style-type: none;
}
ul.naviWk li a {
display: block;
text-decoration: none; color: #333;  font-weight: normal;
line-height:15px;
padding: 3px 0px 4px 12px;
height:expression(document.all? "16px": "" );
}
ul.naviWk li a:hover, a:active {
text-decoration: none; color: #333;  font-weight: bold;
}
ul.naviWk li.alu { background-image: url(/custom/grafiken/li_alu_bg.gif); }
ul.naviWk li.stahl { background-image: url(/custom/grafiken/li_stahl_bg.gif); }
ul.naviWk li.ks { background-image: url(/custom/grafiken/li_ks_bg.gif); }

/*------------------------------------------------------------- Linke Werkstoff Navigation --------- */
#material {
position:absolute;
top:104px;
left:0px;
width:182px;
height:110px;
background: #fff url(/custom/grafiken/white_dot.gif);
z-index:1;
visibility:hidden;
}
#material ul{
list-style-image: none; list-style-type: none;
}
#material li a {
display: block;
text-decoration: none; color: #333; font-size:11px; font-weight: normal;
height: 15px;
line-height:15px;
padding: 3px 0px 4px 12px;
}
#material li a:hover {
text-decoration: none; color: #333; font-size:11px;font-weight: bold;
}
#material li.alu{ background-image: url(/custom/grafiken/werkstoff_alu_bg.gif);}
#material li.stahl{ background-image: url(/custom/grafiken/werkstoff_stahl_bg.gif);}
#material li.bau{ background-image: url(/custom/grafiken/werkstoff_bau_bg.gif);}
#material li.kunststoff{ background-image: url(/custom/grafiken/werkstoff_kunststoff_bg.gif);}
#material li.solar{ background-image: url(/custom/grafiken/werkstoff_solar_bg.gif);}



/*----Navigation Ende-----------------------------------------------------------------------*/

/*------------------------------------------------------------- Mittlerer Content --------- */
.mihead{
text-decoration: none; color: #333; font-size:14px;
font-weight: bold; line-height: 18px; padding: 0px 0px 0px 1px;
}

.btext {  
font-family: Arial; font-size: 11px; font-weight: bold; color: #333; text-decoration : none;
}


.mitext{
text-decoration: none; color: #333; font-size:11px;
font-weight: normal; line-height: 15px; padding: 14px 0px 0px 1px;
}



.misub{
text-decoration: none; color: #333; font-size:11px;
font-weight: normal; line-height: 15px; padding: 0px 0px 0px 1px;
}

.mitextstart{
text-decoration: none; color: #333; font-size:11px;
font-weight: normal; line-height: 15px; padding: 5px 0px 0px 1px;
}

.mitextstart a, .mitextstart a:hover, .mitextstart a:active  {
text-decoration:underline;
}

.tbelletext{
text-decoration: none; color: #333; font-size:11px;
font-weight: normal; line-height: 15px; padding: 0px 0px 0px 10px;
}

.tbellehead{
text-decoration: none; color: #333; font-size:11px;
font-weight: bold; line-height: 15px; padding: 0px 0px 0px 10px;
}

ul.anfzeichen{
list-style-image:url(/custom/grafiken/raquots.gif);
text-decoration: none;
color: #333;
font-size:11px;
line-height: 20px;
font-weight: normal;
padding: 5px 0px 0px 17px;
}
ul.anfzeichenRechts{
list-style-image:url(/custom/grafiken/raquots.gif);
text-decoration: none;
color: #333;
font-size:11px;
font-weight: normal;
padding: 4px 0px 0px 20px;
}
li.bulletsRe
{
padding: 6px 0px 0px 0px;
}

ol.aufzeichen{
text-decoration: none;
color: #333;
font-size:11px;
line-height: 20px;
font-weight: bold;
padding: 0px 0px 0px 17px;
}

.vollgrau{
background-color: #c7c8cc; padding: 0;
}

.mittelgrau{
background-color: #e9e9eb; padding: 0;
}

.hellgrau{
background-color: #dedede; padding: 0;
}

.weiss{
background-color: #ffffff; padding: 0;
}

.strichline{
background-image:url(/custom/grafiken/strichlinie.gif); background-repeat:repeat;
padding: 0; margin: 0;
}

.fehler{
text-decoration: none; color: #DE4537; font-size:11px;
font-weight: normal; padding: 0px 0px 0px 1px;
}

/*----Mittlerer Content------------------------------------------------------------------------*/


h1 {
font-size: 11px;
color: #333;
letter-spacing: 4px;
font-weight: normal;
margin:0;padding:0;
font-family:Verdana, Arial, Helvetica;
}
h1.headline_h1 { 
padding: 0px 0px 0px 1px;
margin: 0px 0px 0px 0px;
text-decoration: none; 
color: #333;
font-size:14px;
letter-spacing: 0px;
font-weight: bolder;
line-height: 18px; 
font-family:Arial, Helvetica, sans-serif;

}

h1.fett {
font-size: 12px;
letter-spacing: 0px;
color: #333;
font-weight: bold;
margin:0;padding:0;
font-family:Verdana, Arial, Helvetica;
}
h2 {
font-size: 11px;
color: #333;
letter-spacing: 4px;
font-weight: normal;
margin:0;padding:0;
font-family:Verdana, Arial, Helvetica;
}

h2.headline_h2 {
padding: 6px 0px 0px 1px; margin: 0px 0px 0px 0px;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
color: #333;
font-size: 11px;
text-decoration: none;
letter-spacing: 0px;
}
.txt {
color: #333;
font-size: 11px;
font-weight: normal;
text-decoration: none
}

.txtSitemapGrau, a.txtSitemapGrau, a.txtSitemapGrau:hover, a.txtSitemapGrau:active  {
color: #333;
display: block;
width:100%;
font-size: 11px;
padding: 0px 0px 0px 10px;
font-weight: normal;
text-decoration: none;
}

.txtSitemapWeiss, a.txtSitemapWeiss, a.txtSitemapWeiss:hover, a.txtSitemapWeiss:active  {
color: #fff;
display: block;
width:100%;
font-size: 12px;
padding: 0px 0px 0px 10px;
font-weight: normal;
text-decoration: none;
}

.bu {
margin:0;
padding:5px 0px 0px 0px;
color: #333;
font-size: 10px;
font-weight: normal;
text-decoration: none
}

label.login{
padding: 0px 0px 4px 15px;
margin: 0;
color: #333;
font-size:11px;
font-weight: bold;
}

label.textarea{
margin: 0;
color: #333;
font-size:11px;
font-weight: bold;
}

label.fehler{
padding: 0px 0px 4px 15px;
margin: 0;
color: #DE4537;
font-size:11px;
font-weight: bold;
}

select.eingabe{
width:280px;
color: #333;
font-size:10px;
font-weight: bold;
}

input.eingabe{
width:280px;
color: #333;
font-size:10px;
font-weight: bold;
}

textarea.eingabe{
width:280px;
height:170px;
color: #333;
font-size:10px;
font-weight: bold;
}

label.suche{
padding: 0px 0px 4px 10px;
margin: 0;
color: #333;
font-size:11px;
font-weight: normal;
}

input.suche{
width:110px;
color: #333;
font-size:11px;
font-weight: normal;
}

input {font-family: Verdana, Arial, Helvitca, sans-serif; font-size: 10px;
	margin: 0px;
	padding-left: 0px;
}
form {font-family: Verdana, Arial, Helvitca, sans-serif; font-size: 10px;
	margin: 0px;
	padding-left: 0px;
}
select {font-family: Verdana, Arial, Helvitca, sans-serif; font-size: 10px;
	margin: 0px;
	padding-left: 0px;
}
.arial       { font-family: Arial,Helevtica; font-size: 11px }
.asmall      { font-family: Arial; font-size: 11px; color: #333}
.asmallest   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000}
.apreis      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: bold;text-decoration : none;}

/*----Neue Farbnavigation links + Farbanpassungen*/
.color_leftnav td  {
	font-size:11px;
	font-face:arial;
	font-weight:normal;
	color: #333333;
}

.color_leftnav a, .color_leftnav a:active, .color_leftnav a:link, .color_leftnav a:hover {
	text-decoration:none;
	font-weight:normal;
	display:block;
	margin:0px;
	padding-top:5px;
	padding-bottom:2px;
}

.color_leftnav a:hover, .color_leftnav a:active {
	font-weight:bold;
}
.colorNav_0  {
	background-image:url(/custom/grafiken/nav_stand_level1.gif);
}

.colorNav_1  {
	background-image:url(/custom/grafiken/nav_stand_level2.gif);
}

.colorNav_2  {
	background-image:url(/custom/grafiken/nav_stand_level3.gif);
}

.colorNav_act a, .colorNav_act a:active {
font-weight:bold;
}

.topnav_bg {
background-image:url(/custom/grafiken/top_bg.gif);
}



.menu1 {
display:block;
line-height: 19px;
float: left;
margin-left: 13px;
cursor:hand;
  border-right:0px solid #EFCF00; 
   border-top:1px solid #EFCF00; 
   border-bottom:1px solid #EFCF00; 
   border-left:0px solid #EFCF00;
   background-color:#4A555A;  
background : url() no-repeat left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #333333;
text-decoration: none;
width:auto;
height:auto:

}

.menu1:Hover {
display:block;
font-size : 11px;
font-family : Verdana,Arial,Helvetica; sans-serif;
font-weight : bold;
line-height: 19px;
border-right:0px solid #EFCF00; 
   border-top:1px solid #EFCF00; 
   border-bottom:1px solid #EFCF00; 
   border-left:0px solid #EFCF00;
   background-color:#4A555A;  
color : #333333;
float: left;
background : url() no-repeat left;
text-decoration: none;
margin-left:13px;
width:auto;
height:auto:


}


.msel1 {
display:block;
width: 170px;
cursor:hand; 
padding-left: 14px;
padding-top: 4px; 
padding-bottom: 4px; 
background: url(bullet1-active.gif) no-repeat left;
background-color: #6699CC;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12.5px; font-weight: bold; color: #D9E6F2;
}

.menu2 {
display:block;
width: 156px;
cursor:hand;
margin-left: 14px;
padding-left: 14px;
padding-top: 3px; 
padding-bottom: 3px; 
background: url(bullet2.gif) no-repeat left;
background-color: #6699CC;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11.5px; font-weight: bold; color: #D9E6F2;
}

.msel2 {
display:block;
width: 156px;
cursor:hand; 
margin-left: 14px;
padding-left: 14px;
padding-top: 3px; 
padding-bottom: 3px; 
background: url(bullet2-active.gif) no-repeat left;
background-color: #6699CC;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11.5px; font-weight: bold; color: #D9E6F2;
}

.menu3 {
display:block;
width: 142px;
cursor:hand; 
margin-left: 28px;
padding-left: 14px;
padding-top: 1px; 
padding-bottom: 1px; 
background: url(bullet3.gif) no-repeat left;
background-color: #6699CC;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9.5px; font-weight: bold; color: #D9E6F2;
}

.msel3 {
display:block;
width: 142px;
cursor:hand; 
margin-left: 28px;
padding-left: 14px;
background: url(bullet3-active.gif) no-repeat left;
background-color: #6699CC;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9.5px; font-weight: bold; color: #D9E6F2;
}