/*  -- 								Basics--    		*/

html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
	height: 100%;
}

body { 
	background: #e4e2e3 url(../gfx/bg_page_stripe.gif) repeat-x;	
	margin: 0; padding: 0;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
	height: 100%;
}
td,tr,p,span,input,li  {
	font:12px Arial, Helvetica, sans-serif;
}

div, form, ul{
	margin:0;
    padding:0;
	}
ul { list-style:none; }

.clearBoth  { clear:both; }
.floatLeft  { float:left; }
.floatRight { float:right;}

.einhundert{ height:100%;}


#page_brown {
    position: relative; /* Mutter von Content und Fuss border:1px solid #a6a6a6; */     
	/* margin: 0 auto;     Zentrierung, Schoen und Gut, aber die alten IE zicken :-) */
    width: 1000px;
    background:#fff url(../gfx/bg_produkt_brown.gif);
    text-align: left;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
#page_green {
    position: relative;    
    width: 1000px;
    background:#fff url(../gfx/bg_produkt_green.gif);
    text-align: left;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
#page_blau {
    position: relative;    
    width: 1000px;
    background:#fff url(../gfx/bg_produkt_blau.gif);
    text-align: left;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
#page_white {
    position: relative;    
    width: 1000px;
    background:#fff url(../gfx/bg_produkt_white.gif);
    text-align: left;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
#content {
	margin:0 0 25px 0; /* Content durch Margin bottom nie von Fuss abgedeckt border:1px solid #000; */
    padding:0;
    width: 100%;
	min-height: 562px;
    height: auto !important;
	clear: both; 
}

#rechts {
    position: relative;/*	border:1px solid #000;		*/
    height: 288px !important;
    width: 210px;
    overflow: hidden;
	margin: 0 0 220px 0;
}

#dialogBox {
    position: absolute;
    bottom:80px;
	right:0px;
    height: 158px !important;
    width: 210px;
    overflow: hidden;
}

#foot {
    position: absolute;
    bottom: 0;
    height: 80px !important;
    width: 1000px;
    color: #666;
    overflow: hidden;
}

/* --													Navigation	Top    -- */

#topNav_braun,  #topNav_gruen, #topNav_blau {
	margin:20px 0 0 24px;/*  border: 1px solid #000; */
	padding:0;
	width: 933px;
	height: 45px;
 }
 
 #topNav_braun{ background:url(../gfx/bg_topNav_braun.gif); }
 #topNav_gruen{	background:url(../gfx/bg_topNav_gruen.gif); }
 #topNav_blau{	background:url(../gfx/bg_topNav_blau.gif); }
 
ul.topNav {	
	margin:0;
	padding:0;float:left;
	list-style:none;
}

ul.topNav li {
	font-size:12;
	float:left;height: 45px;
}

a.topNav {
	display:block;
	padding:4px 30px 22px 15px;
	font-size:12px;
	text-align:left;
	vertical-align:top;
	color:#7f7d7e;
	background:#fff url(../gfx/topNav_braun.gif) no-repeat;
	text-decoration:none;
	font-weight:normal;
}

a.topNav:hover, a.topNav:active {
	color:#ffffff;
	background:#7f776f url(../gfx/topNav_braun.gif) no-repeat;
} 

a.topNav_active,a.topNav_active:hover, a.topNav_active:active {
	display:block;	
	background:#7f776f url(../gfx/topNav_braun_active.gif) no-repeat;
	padding:4px 30px 22px 15px;
	font-size:12px;
	text-align:left;
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
}

/*														TOP-Nav Gruen					*/

a.topNav_gruen {
	display:block;
	padding:4px 15px 22px 15px;
	font-size:12px;
	text-align:left;
	vertical-align:top;
	color:#7f7d7e;
	background:#fff url(../gfx/topNav_gruen.gif) no-repeat;
	text-decoration:none;
	font-weight:normal;
}

a.topNav_gruen:hover, a.topNav_gruen:active {
	color:#ffffff;
	background:#648c6f url(../gfx/topNav_gruen.gif) no-repeat;
} 

a.topNav_gruen_active,a.topNav_gruen_active:hover, a.topNav_gruen_active:active {
	display:block;	
	background:#648c6f url(../gfx/topNav_gruen_active.gif) no-repeat;
	padding:4px 15px 22px 15px;
	font-size:12px;
	text-align:left;
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
}

/*														TOP-Nav Blau					*/

a.topNav_blau{
	display:block;
	padding:4px 30px 22px 15px;
	font-size:12px;
	text-align:left;
	vertical-align:top;
	color:#7f7d7e;
	background:#fff url(../gfx/topNav_blau.gif) no-repeat;
	text-decoration:none;
	font-weight:normal;
}

a.topNav_blau:hover, a.topNav_blau:active {
	color:#ffffff;
	background:#6077ae url(../gfx/topNav_blau.gif) no-repeat;
} 

a.topNav_blau_active,a.topNav_blau_active:hover, a.topNav_blau_active:active {
	display:block;	
	background:#6077ae url(../gfx/topNav_blau_active.gif) no-repeat;
	padding:4px 30px 22px 15px;
	font-size:12px;
	text-align:left;
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
}

/* --																Navigation	Left    -- */


ul.leftNav { 
	margin:0;
	padding:0;
	width:185px;
	float:right;
	list-style:none;
	border-bottom:1px solid #fff;
}

ul.leftNav li { 
	float:left;
	width:185px;
}


/*													BRAUN		*/
/* 		- E1 -		*/

a.leftNav_braun {
	display:block;
	line-height:20px;
	padding: 4px 0 3px 10px;
	font-size:12px;
	text-align:left;
	color:#434343;
	text-decoration:none;
	font-weight:normal;
	background:#cabfb4 url(../gfx/nav_e1.gif) no-repeat; 
}

a.leftNav_braun:hover, a.leftNav_braun:active {
	color:#434343;
	background:#e2d8ce url(../gfx/nav_e1.gif) no-repeat;
} 

/* 		- E1 / Active		*/

a.leftNav_braun_active, a.leftNav_braun_active:hover, a.leftNav_braun_active:active {
	display:block;
	line-height:20px;
	padding: 4px 0 3px 10px;
	font-size:12px;
	text-align:left;
	color:#434343;
	text-decoration:none;
	font-weight:bold;
	background:#e2d8ce url(../gfx/nav_e1.gif) no-repeat; 
} 

/* 		- E2 -		*/

a.leftNav_braun_E2 {
	display:block;
	line-height:20px;
	padding: 4px 0 3px 10px;
	font-size:12px;
	text-align:left;
	color:#434343;
	text-decoration:none;
	font-weight:normal;
	background:#e2d8ce url(../gfx/nav_e2.gif) no-repeat; 
}

a.leftNav_braun_E2:hover, a.leftNav_braun_E2:active {
	color:#434343;
	background:#f2ece7 url(../gfx/nav_e2.gif) no-repeat;
} 

/* 		- E2 / Active		*/

a.leftNav_braun_E2_active, a.leftNav_braun_E2_active:hover, a.leftNav_braun_E2_active:active {
	display:block;
	line-height:20px;
	padding: 4px 0 3px 10px;
	font-size:12px;
	text-align:left;
	color:#434343;
	text-decoration:none;
	font-weight:bold;
	background:#f2ece7 url(../gfx/nav_e2.gif) no-repeat; 
} 

/* 		- E3 -		*/

a.leftNav_braun_E3 {
	display:block;
	line-height:20px;
	padding: 4px 0 3px 20px;
	font-size:12px;
	text-align:left;
	color:#434343;
	text-decoration:none;
	font-weight:normal;
	background:#f2ece7 url(../gfx/nav_e3.gif) no-repeat; 
}

a.leftNav_braun_E3:hover, a.leftNav_braun_E3:active {
	color:#434343;
	background:#fff url(../gfx/nav_e3.gif) no-repeat;
} 

/* 		- E3 / Active		*/

a.leftNav_braun_E3_active, a.leftNav_braun_E3_active:hover, a.leftNav_braun_E3_active:active {
	display:block;
	line-height:20px;
	padding: 4px 0 3px 20px;
	font-size:12px;
	text-align:left;
	color:#434343;
	text-decoration:none;
	font-weight:bold;
	background:#fff url(../gfx/nav_e3.gif) no-repeat; 
} 


/*													GRUEN		*/
/* 		- E1 -		*/

a.leftNav_gruen {
	display:block;
	line-height:20px;
	padding: 4px 0 3px 10px;
	font-size:12px;
	text-align:left;
	color:#446049;
	text-decoration:none;
	font-weight:normal;
	background:#b4d3bc url(../gfx/nav_e1_gruen.gif) no-repeat; 
}

a.leftNav_gruen:hover, a.leftNav_gruen:active {
	color:#446049;
	background:#d9e9dc url(../gfx/nav_e1_gruen.gif) no-repeat;
} 

/* 		- E1 / Active		*/

a.leftNav_gruen_active, a.leftNav_gruen_active:hover, a.leftNav_gruen_active:active {
	display:block;
	line-height:20px;
	padding: 4px 0 3px 10px;
	font-size:12px;
	text-align:left;
	color:#446049;
	text-decoration:none;
	font-weight:bold;
	background:#d9e9dc url(../gfx/nav_e1_gruen.gif) no-repeat; 
} 

/* 		- E2 -		*/

a.leftNav_gruen_E2 {
	display:block;
	line-height:20px;
	padding: 4px 0 3px 10px;
	font-size:12px;
	text-align:left;
	color:#446049;
	text-decoration:none;
	font-weight:normal;
	background:#d9e9dc url(../gfx/nav_e2_gruen.gif) no-repeat; 
}

a.leftNav_gruen_E2:hover, a.leftNav_gruen_E2:active {
	color:#446049;
	background:#fff url(../gfx/nav_e2_gruen.gif) no-repeat;
} 

/* 		- E2 / Active		*/

a.leftNav_gruen_E2_active, a.leftNav_gruen_E2_active:hover, a.leftNav_gruen_E2_active:active {
	display:block;
	line-height:20px;
	padding: 4px 0 3px 10px;
	font-size:12px;
	text-align:left;
	color:#446049;
	text-decoration:none;
	font-weight:bold;
	background:#fff url(../gfx/nav_e2_gruen.gif) no-repeat; 
} 

/*													Blau		*/
/* 		- E1 -		*/

a.leftNav_blau {
	display:block;
	line-height:20px;
	padding: 4px 0 3px 10px;
	font-size:12px;
	text-align:left;
	color:#434343;
	text-decoration:none;
	font-weight:normal;
	background:#b9c9e1 url(../gfx/nav_e1_blau.gif) no-repeat; 
}

a.leftNav_blau:hover, a.leftNav_blau:active {
	color:#434343;
	background:#dee8f8 url(../gfx/nav_e1_blau.gif) no-repeat;
} 

/* 		- E1 / Active		*/

a.leftNav_blau_active, a.leftNav_blau_active:hover, a.leftNav_blau_active:active {
	display:block;
	line-height:20px;
	padding: 4px 0 3px 10px;
	font-size:12px;
	text-align:left;
	color:#434343;
	text-decoration:none;
	font-weight:bold;
	background:#dee8f8 url(../gfx/nav_e1_blau.gif) no-repeat; 
} 

/* 		- E2 -		*/

a.leftNav_blau_E2 {
	display:block;
	line-height:20px;
	padding: 4px 0 3px 10px;
	font-size:12px;
	text-align:left;
	color:#434343;
	text-decoration:none;
	font-weight:normal;
	background:#dae3ef url(../gfx/nav_e2_blau.gif) no-repeat; 
}

a.leftNav_blau_E2:hover, a.leftNav_blau_E2:active {
	color:#434343;
	background:#f0f4f9 url(../gfx/nav_e2_blau.gif) no-repeat;
} 

/* 		- E2 / Active		*/

a.leftNav_blau_E2_active, a.leftNav_blau_E2_active:hover, a.leftNav_blau_E2_active:active {
	display:block;
	line-height:20px;
	padding: 4px 0 3px 10px;
	font-size:12px;
	text-align:left;
	color:#434343;
	text-decoration:none;
	font-weight:bold;
	background:#f0f4f9 url(../gfx/nav_e2_blau.gif) no-repeat; 
} 


/*		- E3 - 			*/


a.leftNav_blau_E3 {
	display:block;
	line-height:20px;
	padding: 4px 0 3px 20px;
	font-size:12px;
	text-align:left;
	color:#434343;
	text-decoration:none;
	font-weight:normal;
	background:#f0f4f9 url(../gfx/nav_e3_blau.gif) no-repeat; 
}

a.leftNav_blau_E3:hover, a.leftNav_blau_E3:active {
	color:#434343;
	background:#fff url(../gfx/nav_e3_blau.gif) no-repeat;
} 

/* 		- E3 / Active		*/

a.leftNav_blau_E3_active, a.leftNav_blau_E3_active:hover, a.leftNav_blau_E3_active:active {
	display:block;
	line-height:20px;
	padding: 4px 0 3px 20px;
	font-size:12px;
	text-align:left;
	color:#434343;
	text-decoration:none;
	font-weight:bold;
	background:#fff url(../gfx/nav_e2_blau.gif) no-repeat; 
} 




/* ---- 																		Produkt :: Farben ------*/

#prodNavCont{
	position:relative;
	border:1px solid #000;
}

#prodNavCont_e2 {
	margin:0;
	padding:0;
	 	position:absolute;
		border:1px solid #000;
		overflow:auto;
		left:192px;
		top:0px;
		height:400px;
		width:228px;
		background:#d9e9dc;
		}

#e1_prod {
	width:192px;
}
#e1_prod h2{
	margin:0;
	padding:8px 0 8px 12px;
	font-size:12px;
	color:#446049;
}
ul.prod{
	margin:0;
	padding:0;
	width:192px;
	list-style:none;
	border-bottom:4px solid #d9e9dc;
}

ul.prod li {
	width:192px;
	float:left;
}

/* 		- E1 -		*/

a.e1Prod {
	display:block;
	padding:11px 12px 8px 12px;
	font-size:12px;
	text-align:left;
	color:#446049;
	text-decoration:none;
	font-weight:normal;
	background:#fff url(../gfx/nav_prod_e1.gif) no-repeat; 
}

a.e1Prod:hover, a.e1Prod:active {
	color:#446049;
	font-weight:bold;
	background:#b4d3bc url(../gfx/nav_prod_e1.gif) no-repeat;
} 

a.e1Prod_active, a.e1Prod_active:hover, a.e1Prod_active:active {
	display:block;
	padding:11px 12px 8px 12px;
	font-size:12px;
	text-align:left;
	color:#446049;
	text-decoration:none;
	font-weight:bold;
	background:#b4d3bc url(../gfx/nav_prod_e1_active.gif) no-repeat; 
} 


/* IE6,5.5 Ergaenzung zum Displayblock */

*html body a.leftNav_braun,
*html body a.leftNav_braun_active,
*html body a.leftNav_braun_E2,
*html body a.leftNav_braun_E2_active,
*html body a.leftNav_gruen,
*html body a.leftNav_gruen_active,
*html body a.leftNav_gruen_E2,
*html body a.leftNav_gruen_E2_active,
*html body a.leftNav_blau,
*html body a.leftNav_blau_active,
*html body a.leftNav_blau_E2,
*html body a.leftNav_blau_E2_active{
			height:26px;
	} 
*html body a.topNav,
*html body a.topNav_active,
*html body a.topNav_gruen,
*html body a.topNav_gruen_active,
*html body a.topNav_blau,
*html body a.topNav_blau_active{
			/*height:45px;width:160px;*/
	} 

/*  	Spacer		*/

.spacerLeft10{ margin:0;padding:0 0 0 10px;}
.spacerLeft12{ margin:0;padding:0 0 0 12px;}
.spacerLeft15{ margin:0;padding:0 0 0 15px;}
.spacerLeft24{ margin:0;padding:0 0 0 24px;}
.spacerLeft36{ margin:0;padding:0 0 0 36px;}

.spacerLeft10_p{ margin:0;padding:10px 10px 10px 10px;line-height:18px;}
.spacerTop4_p{ margin:0;padding:4px 0 4px 0;}
.spacerTop8_p{ margin:0;padding:8px 0 4px 0;}


/*  										Headline Gestaltung */

.hl_rot{
	margin:0;
	padding:0 0 0 18px;
	color:#d11727;
	font-size:18px;
	background:url(../gfx/hl_rot_balken.gif) no-repeat; 
}
.hl_grau{
	margin:0;
	padding:0;
	color:#5f6063;
	font-size:18px;
}

.h2_grau{
	margin:0;
	padding:5px 0 5px 12px;
	color:#5f6063;
	font-size:12px;
	background:#bcbcbd; 
}
.h2_gruen{
	margin:0;
	padding:5px 0 5px 12px;
	color:#e6f1e9;
	font-size:12px;
	background:#648c6f; 
}
.h2_blau{
	margin:0;
	padding:5px 0 5px 12px;
	color:#fff;
	font-size:12px;
	background:#6077ae; 
}
.h2_braun{
	margin:0;
	padding:10px 0 5px 0;
	color:#7d756d;
	font-size:12px;
	}
	
.h2_rotProd{
	margin:10px 0 10px 0;
	padding:0 0 0 18px;
	color:#db1b28;
	font-size:16px;
	border-left:3px solid #db1b28; 
}

/*  										Text und Link Gestaltung */
	
.txtRot{ color:#d11727; }

.txtBlau, a.txtBlau{
	font-size:12px;color:#6077ae;
	text-decoration:none;font-weight:normal; 
}

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

.txtGruen, a.txtGruen{
	font-size:12px;color:#446049;
	text-decoration:none;font-weight:normal; 
}

.txtSmall{
	font-size:10px;color:#333;
	text-decoration:none;font-weight:normal; 
}

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

a.norm{
	font-size:12px;text-align:left;color:#333;
	text-decoration:none;font-weight:normal; }
	
a.norm:hover, a.norm:active {  text-decoration:underline; }
	
.grau, a.grau{
	font-size:12px;color:#7e7d7c;
	text-decoration:none;font-weight:normal; 
}
a.grau:hover, a.grau:active {  text-decoration:underline; }

a.pfeil_li{
	font-size:12px;text-align:left;color:#989ca2;padding: 0 0 0 12px;
	text-decoration:none;font-weight:normal;
	background:url(../gfx/pfeil_li.gif) no-repeat; 
	}
a.pfeil_li:hover, a.pfeil_li:active {  text-decoration:underline;  }

a.norm{
	font-size:12px;text-align:left;color:#333; padding:0; margin:0;
	text-decoration:none;font-weight:normal;
	}
a.norm:hover, a.norm:active {  text-decoration:underline; }

a.txtOrange{
	font-size:12px;text-align:left;color:#f98319; padding:0; margin:0;
	text-decoration:none;font-weight:normal;
	}
a.txtOrange:hover, a.txtOrange:active {  text-decoration:underline; }


a.mehr{
	font-size:12px;text-align:left;color:#d11727;padding: 0 0 0 12px;
	text-decoration:none;font-weight:normal;background:url(../gfx/mehr_pfeil.gif) no-repeat; 
	}
a.mehr:hover, a.mehr:active { text-decoration:underline; }

input.senden{
	font-size:12px;text-align:left;color:#d11727;padding: 0 0 0 12px; border:0;cursor:pointer;
	text-decoration:none;font-weight:normal;background:url(../gfx/mehr_pfeil.gif) no-repeat; 
	}
		 
/*  																Rechter Bereich */

/* einmal: */
#diaBox{
	width:173px;
 	background:url(../gfx/bg_dialogBox.gif) repeat-y; 
}
/* x-mal: */
.rightBox{
	padding-bottom:8px;
	width:173px;
 	background:#ffffff; 
}

ul.rightNav { width:170px; margin:0 0 0 10px;padding:0;
	list-style:none; color:#333; }

li.rightPrint { 
	padding:5px 0 2px 30px;
	float:left;width:173px;margin:10px 0 4px 0;
	background:url(../gfx/icon_print.gif) no-repeat; }
	
li.rightSend { 
	padding:5px 0 2px 30px;
	float:left;width:173px;margin:10px 0 0 0;
	background:url(../gfx/icon_send.gif) no-repeat; }
	
li.rightMail { 
	padding:5px 0 2px 30px;
	float:left;width:173px;margin:10px 0 0 0;
	background:url(../gfx/icon_mail.gif) no-repeat; }
	
li.rightInfo { 
	padding:5px 0 2px 30px;
	float:left;width:173px;margin:10px 0 0 0;
	background:url(../gfx/icon_info.gif) no-repeat; }
	
li.centerInfo { 
	padding:4px 0 4px 30px;
	float:left;width:535px;margin-bottom:8px;
	background:url(../gfx/icon_info.gif) no-repeat; }
	
#searchTab_green{
	width:173px;
	background:url(../gfx/bg_rightBox_gruen.gif);
	border-bottom:1px solid #648c6f;
}
#searchTab_blau{
	width:173px;
	background:url(../gfx/bg_rightBox_blau.gif);
	border-bottom:1px solid #6077ae;
}

ul.green { margin:0;padding:0;list-style:none;}

 ul.green li { 
	padding:0 0 0 14px;
	margin: 0 0 8px 0;
	background:url(../gfx/bulletpoint_green.gif) no-repeat;
}

/*   input */
.search{
	width:132px;
	height:21px;
}

.bindeTab{
	margin-top:10px;
	border-top:1px dotted #6077ae;
}

.tabHead_blau{
	background:url(../gfx/bindeTabHead_bg.gif) repeat-x;
	height:25px;
	padding:0 10px 0 0;
	border-bottom:1px solid #b9c9e1;
	border-right:1px solid #b9c9e1;
	color:#fff;
	font-weight:bold;
	text-align:right;
}

.tabHead_blau_re{
	background:url(../gfx/bindeTabHead_bg.gif) repeat-x;
	height:25px;
	text-align:right;
	padding:0 10px 0 0;
	border-bottom:1px solid #b9c9e1;
	color:#fff;
	font-weight:bold;
}

.tabBody_blau_li{
	padding:5px 0 5px 4px;
	border-bottom:1px solid #b9c9e1;
	border-right:1px solid #b9c9e1;
	color:#6077ae;
}

.tabBody_blau{
	padding:5px 8px 5px 0;
	text-align:right;
	border-bottom:1px solid #b9c9e1;
	border-right:1px solid #b9c9e1;
	color:#6077ae;
}
.tabBody_blau_re{
	padding:5px 8px 5px 0;
	text-align:right;
	border-bottom:1px solid #b9c9e1;
	color:#6077ae;
}

.tabBody_li{
	padding:5px 0 5px 4px;
	border-bottom:1px solid #b9c9e1;
	border-right:1px solid #b9c9e1;
}

.tabBody{
	padding:5px 8px 5px 0;
	text-align:right;
	border-bottom:1px solid #b9c9e1;
	border-right:1px solid #b9c9e1;
}
.tabBody_re{
	padding:5px 8px 5px 0;
	text-align:right;
	border-bottom:1px solid #b9c9e1;
}