/*
    schaeffler gruen:   #227D41;
    sehr dunkles grau:  #b9b9b9;  tabellenköpfe
    etwas dunkler grau: #e4e4e4;  tabelle dunkle zeile
    mittelhelles grau:  #f4f4f4;  tabelle helle zeile

    
    
    
    ec_content grau:         #f4f4f4;   #e4e4e4 ist zu dunkel
    
    reiter hintergrund:      #e4e4e4;
    
    reiter textfarbe:        #666666;
    
    
    
                                      #003333
                                      #003333
                                      #008080
                                      #C6E5E8
                                      
    internet dunkles grau:   #666666;  
    internet mittleres grau: #AAAAAA;
    internet grau			 #636363;
    internet helles grau     #D9D9D9;
    internet navigationsgrau #E5E5E5;
    internet a visited       #6D6965
    
    14_01_2008 ina stylesheet
      link grün a color:#227D41;
      a color:#00E100;
      
    15_01_2008: abstimmung mit klaus zeilner
       link hover #7e0404;
    
    
        ein dunkles grau     #c0c0c0
        ein altes helles taubenschissgrau #ABCACD
    
    helles gruen : #33cc66;
    helleres gruen: #D3FED9
    
    
    helles grau: #EEEEEE
                 #f4f4f4
    
    
    
*/



* { 
    text-decoration: none;
   }

.darkgrey_background { background-color: #e4e4e4; }
.color_black{ color: #000000; }
.color_white{ color: #ffffff; }
 
html
{
    height: 100%;
}

body {
  margin: 0px;
  padding: 0px;
  text-align: left;
  color: #000000;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  
  height: 100%; }

body#std-layout1 {
	background-image: url(../images/hintergrund_internet_angepasst.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
	background-attachment: scroll;
}
body#std-layout1_popup {
	background-image: url(../images/hintergrund_internet_angepasst_popup.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
	background-attachment: scroll;
}

div.leftspacer { 
	float:left
	}

.top_header {
     font-size:11px;
     color:#B3B3B3;
     font-family: Arial, Helvetica, Sans-Serif;
	 background-color:#666666;
     height: 17px;
	 padding-top: 0px;
     text-align: right;
     margin-left: 10px; /* standard margin left */
     width:980px;
	}

.title_header {
	background: url(../images/silver.jpg) repeat scroll 0 0;
	margin-left: 10px;
	width: 980px;	
	background-color: #666666;
	height: 47px;
	}
	
.fields_header{
	color:#000000;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
  	width:980px;
  	background: url(../images/silver.jpg) repeat scroll 0 0;
  	background-color: #666666;
}
.fields_header_spacer{
	margin-left:10px;
}
.top_header_spacer{
	padding-right: 10px;
}


.title_header_spacer{
	
}
.title_header_leftpic{
	margin-top: 5px;
	float:left;
}
.title_header_center{
	float:left;
	color: #000000;
	font-weight: bold;
	padding-left: 50px;
	margin-top: 10px;
}
.title_header_center span{
	font-size: 24px;
}

.title_header_rightpic{
	float:right;
	padding-right: 10px;
}

a { 
	color: #227D41; 
}

a:hover {
   color: #7e0404;
  	z-index: 1;
}

/* warum hab ich das getan???
schriftgroesse normalerweise 9pt
td{	font-family: Arial, Helvetica, Sans-Serif;	font-size: 11px; }
*/

div.clear_left{	clear:both; }

/* historienzeile */
.navigationrow{
   width: 780px;
   background-color: #f4f4f4;
   color: #000000;
   padding-bottom: 4px;
   padding-top: 4px;
   margin-top: 7px;
   margin-bottom: 4px;
   font-size: 11px;
   font-weight: bold;
   text-align: left center;
   float:left;
   /*text-decoration: none;*/
}

.navigationrow a{
   background-color: #f4f4f4;
   color: #000000;
   padding-bottom: 4px;
   margin-left: 3px;
   margin-top: 7px;
   margin-bottom: 4px;
   font-size: 11px;
   font-weight: bold;
   text-align: left center;
}


/* dicke unterstreichnung, aktuell für historienzeile */
.fat_underline
{
   border-bottom: 2px solid;
   border-color: #343434;
}

.content_titel
{
  font-size: 30px;
  color: #000000;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
}
.content_subtitel
{
  font-size: 12px;
  color: #000000;
  margin-bottom: 5px;
  padding-top: 34px;
}

.trenner
{
   margin-top: 10px;
   margin-bottom: 10px;
}
.leftColumnHeaderMenu
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 9px;
	color: #ffffff;
}
.rightColumnHeaderMenu
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 9px;
	width: 145px;
}
.columnInputfieldsHeaderMenu
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 9px;
	width: 115px;
}
.inputbuttonsHeaderMenu {
	padding-left: 6px;
}
.inputfieldsHeaderMenu
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 9px;
	width: 100%;
}
.cartfield
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 9px;
  color: #999999;
  background-color: #dfdfdf;
  margin-left: 2px;
}

.header_field, .header_field a, .header_field a:hover
{
   color:#666666;
   font-size:9px;
   font-family: Arial, Helvetica, Sans-Serif;
}
	
.ina_fag_picture
{
   align: right;
}

.schaeffler_gruppe_bild
{ 
 align: center;
 heigth: 50px;
}


.cart_header
{
   background-color:#999999;
   height: 70px;
   width: 980px;
   margin-left: 10px;
}

.cart_image
{
  float: left;
  background-color: #999999;
}
.cart_menu
{
  float: right;
  background-color: #999999;
}

.content_left_horizontal_spacer
{

   background: url(../images/icons/dot_INA.gif) repeat-x center;
   height: 12px;
   
}

/*- reiternavigation  --------------------------- */
.reiternavigation {
      margin-top: 0px;
      margin-bottom: 1px;
      padding:0px;
      font-size: 11px;
      float: left;
      width: 780px;
      }
      
.reiternavigation a, .reiternavigation a:hover {
background: url(../images/grauer_balken_27.jpg) repeat left center;
	display: block;
	float: left;
	color:#666666;
	padding-top: 0px;
	padding-right: 9px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 27px;
	text-decoration: none;
	word-spacing: 0px;
	border-bottom-color: darkgrey;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.helper a, .helper a:hover {
	background:0;
	border:0;
	float: right;
	vertical-align:bottom;
	
}

.reiternavigation div.cleardivi{
	background: #ffffff;
	height: 27px;
	display: block;
}
.reiternavigation a span{
	padding-top: 5px;
	display: block;
}

.reiternavigation a.reiter_selected, .reiternavigation a.reiter_selected:hover {
	background: url(../images/gruener_balken_27.jpg) repeat-x left center;	
	color: #ffffff;
	border-bottom-color: #227d41;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.reiternavigation a.reiter_not_available, .reiternavigation a.reiter_not_available:hover{
	color: #a4a4a4;
}

.reiternavigation div.weisser_balken{
	background: url(../images/weisser_balken_27.jpg) left center;
	float: left;
	width: 1px;
	height: 27px;
}
/*  Ende div reiternavigation */


/* Reiter fuer die Infoteile */
.info_reiternavigation {
      margin-top: 2px;
      margin-bottom: 0px;
      padding:0px;
      font-size: 11px;
      float: left;
      }
      
.info_reiternavigation a, .info_reiternavigation a:hover {
	background: transparent url(../images/graugruener_balken_27.jpg) repeat-x left center;
	display: block;
	float: left;
	color:#666666;
	padding-top: 0px;
	padding-right: 9px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 20px;
	text-decoration: none;
	word-spacing: 0px;
}

.info_reiternavigation a span{
	padding-top: 2px;
	display: block;
}

.info_reiternavigation a.info_reiter_selected, .info_reiternavigation a.info_reiter_selected:hover {
	background: url(../images/gruener_balken_27.jpg) repeat-x left center;
	color: #ffffff;
}
div.weisser_balken{
	background: url(../images/weisser_balken_27.jpg) left center;
	float: left;
	width: 1px;
	height: 20px;
}
/* ende reiter infoteile */

.main_content_spacer {
	margin-left: 10px;
}
.main_content
{
  /* muss so sein, weils sonst der explorer nicht damit zurecht kommt */
   margin-left: 10px;
   width: 980px;
}

.left_content_spacer {
	margin-left:10px;
}
.left_content
{
  /*background-color:#ffff33;*/
  text-align:left;
  display: block;
  margin-right: 15px;
  float: left;
  width: 165px;
}

.right_content_spacer {
	margin-left:10px;
}

.right_content
{
  background-color: white;
  float:left;
}

/* standarddiv für den content */
.ec_content
{
   display: block;
   background-color: #eeeeee;
   margin-top: 1px;
   float: left;
   width: 780px;
}

.ec_inner_content
{
	margin-top: 0px;
	padding-top:0px;
   padding-right: 10px;
   padding-left:  10px;
   padding-bottom: 10px;
}

/* standarddiv für den content */
.popup_content
{
	margin-left: -10px;
   display: block;
   background-color: #eeeeee;
   margin-top: 1px;
   float: left;
   width: 980px;
}

/* der trenner von linkem menu und content */
.trennbalken
{
  
  /*background:url(../images/trennbalken.jpg) repeat-y top;*/
  /*background-attachment: fixed;*/
  /*background-color: #222222;*/
  width: 8px;
  margin-right: 20px;
  float: left;
  height: 100%;
}

.error_div
{
   background-color: #eeeeee;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 5px;
   padding-top: 10px;
}

/* die e_class menues auf der linken seite */
#tablehover a, #tablehover a div
{
   display: block;
   font-size:10px;
   /*color:#666666; */
   color: #000000;   /* wunsch von klaus zeilner */
   font-family: Arial, Helvetica, Sans-Serif;
   padding-top: 3px;
   padding-bottom: 3px;
   /*padding-left: 10px;*/
}


/* eingerueckte auswahl links */
#tablehover table.multipage tr td a.ec_link_class div
{
   color: #666666;
}
#tablehover table.multipage tr td a.ec_link_class:hover div
{
   color: #ffffff;
}

#tablehover a:hover, #tablehover a:hover div, td#ec_class_active.ec_class_menu_left
{
  font-size:10px;
  padding-top: 3px;
  padding-bottom: 3px;
  /*padding-left: 10px;*/
  display: block;
  background-color:#227D41;
  color:#ffffff;
}

.ec_multi_class
{
   padding-top: 3px;
   padding-bottom: 3px;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size:10px;<h5></h5>
}


.second_header
{
	 clear: both;
}

.header_picture {
	height: 82px;
	width: 760px;
	margin: 0px;
	padding: 0px;
	float: left;
	padding-left: 0px;
	margin-left: 0px;
}
.basket_and_search
{
	float: right;
	width: 244px;
	height: 82px;
	background-color: #A3A3A3;
	margin: 0px;
	padding: 0px;
}
.input_gif
{
	margin: 0px;
	padding: 0px;
}
.warenkorb
{
 float: right;
 width: 180px;
 margin-top: 2px;
	background-color: #DCDCDC;
	margin-bottom: 5px;
}
.basket_pic
{
	float: right;
}

.basket_text
{
	float: left;
	font-size: small;
}

.search_text
{
	color: White;
	float: left;
	padding-left: 20px;
	font-size: small;
}

.input_1
{
	float: right;
	width: 240px;
	margin-bottom: 3px;
	padding-right: 4px;
}

form.right
{
    margin: 0px;
    padding: 0px;
	  float: right;
	  text-align: right;
}

form.medias_content
{
	margin: 0px;
	padding: 0px;
	clear:both;
}



.body_rest {
	clear: both;
}

.balken_left
{
 width: 6px;
	background-color:  transparent;
	float: left;
	height: 600px;
	margin: 0px;
	padding: 0px;
}

.main {
	background-color: White;
	width: 788px;
	height: 700px;
	float: left;
}

.left_side {
	background-color: White;
	height: 700px;
	width: 210px;
	float: left;
}

table.baureiheheader
{
   margin-bottom: 10px;
}

h1.baureihe, h1.produkt
{
  padding: 0px;
  margin: 0px;
  line-height: 110%; /* wegen zeilenumbrueche noetig */
}

.green_delimiter
{
border-bottom-color: Green;
border-bottom-style: dashed;
border-bottom-width: thin;
margin-bottom: 10px;
margin-top: 10px;
 padding: 0px;
}

.top_spacer
{
	margin-top: 15px;
}

/* Unterkapitel der Beschreibungsteile(Merkmale, Konstr, Genauigkeit  */
.info_subtitel
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  background-color: #e1e1e1;
  padding-right: 10px;
  margin-top: 0px;
  margin-bottom: 10px;
}

.missing_data
{
	text-align: center;
}

.zubehoerlink
{
	margin-top: 10px;
}

/* linke marginalie im infoteil, enthaelt die titel der abschnitte */
td.standardWidthContentLeft
{
	width: 220px;
	text-align: right;
	vertical-align: top;
}
td.standardWidthContentLeftBottom
{
	width: 220px;
	text-align: right;
	vertical-align: bottom;
}


/* mittlere spalte im infoteil */
td.standardWidthContentCenterInfo
{
	/*background-color: yellow;*/
	width: 400px;
}

.zub_button, .zub_button a,  .zub_button a:hover
{
   color: #ffffff;
   background-color: #227D41;
   padding-right: 5px;
}

.zub_button a img
{
   color: #227d41;
   background-color: #227d41;
   vertical-align: middle;
   margin-right: 10px;
   margin-left: 2px;
   margin-top: 2px;
   margin-bottom: 2px;
}

 .warenkorb_button, .warenkorb_button a
{
   background-color: #227D41;
}

ul.treelist_branch
{
  list-style-type: none;
   margin-left: 15px;
   margin-top: 0px;
   padding: 0px;
}
li.treelist_branch
{
   margin-left: 0px;
   padding: 0px;
}

tr.greenhover:hover, tr.greenhover:hover a,
tr.greenhover a:hover{
   background-color: #227d41;
   color:#ffffff;
  
}

td a.ec_link_class
{
   position: relative;
}
td a.ec_link_class span.tooltip, td.ec_class_menu_left a.ec_link_class span.tooltip
{
   display: none;
   text-decoration: none;
}

td a.ec_link_class:hover span.tooltip, td.ec_class_menu_left a.ec_link_class:hover span.tooltip 
{
    display: block;
  position: absolute;
  top: 20px;
  left: 80px;
  width: 200px;
  z-index: 10;
  color: #000000;
  border:1px solid #000000;
  background: #FFFFCC;
  font: 10px Arial, Helvetica, Sans-Serif;
  text-align: left;
}

ul.info_index
{
   margin-left: 15px;
   padding-left: 0px;
}
td.infoteil_untertitel
{
   font-size: 12pt;
   font-weight:bold;
}
td.standardWidthContentRightInfo
{
	vertical-align:bottom;
}

div.KAPITEL1 {
	font-size:14pt;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 5px;
}
.KAPITEL1_subtitel {
	font-size:16px;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 10px;
}

.infotitel_ebene_1
{
  
  font: 16px Arial, Helvetica, Sans-Serif;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

p.infotitel_ebene_2
{
  
  font: 14px Arial, Helvetica, Sans-Serif;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

p.infotitel_ebene_3
{
  
  font: 12px Arial, Helvetica, Sans-Serif;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
p.infotitel_ebene_3_rot
{
  
  color: #7e0404;
  font: 12px Arial, Helvetica, Sans-Serif;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
p.achtungtext_rot
{
  /*
    email tuens 9.7 kein rot mehr
  color: #7e0404;
  font: 12px Arial, Helvetica, Sans-Serif;
  font-weight: bold;*/
  margin-top: 0px;
  margin-bottom: 3px;
}

p.infotitel_ebene_4
{
  margin-top: 0px;
  font: 12px Arial, Helvetica, Sans-Serif;
}
p.infoteil {
   margin-top: 0px;
   margin-bottom: 3px;
}

th.cals p
{
   margin: 1px;
}
ul.unterliste
{
   list-style-image: url(../images/minus01.gif);
   margin-left: 15px;
   padding-left: 0px;
}

td.schmierresulttopheader, td.schmierresulttopheader h4
{
	background-color: #227D41;
	color: #ffffff;
	font-size: 15px;
}
td.schmierresultheader, td.schmierresultheader h4
{
	background-color: #b9b9b9;
	color: ffffff;
	font-size: 15px;
}
td.result_1_1, td.result_1_2
{
   background-color: #e4e4e4;
	 color: #000000;
	 font-size: 15px;
	 font-weight: bold;
}
td.result_2_1, td.result_2_2, td.result_3
{
   background-color: #f4f4f4;
	 color: #000000;
	 font-size: 15px;
}
.formbutton
{
   background-color: #227D41;
   color: #FFFFFF;
   font-weight: bold;
}


.product_title_picture, .baureihe_title_picture{
	padding-top: 5px;
	padding-left: 3px;
	vertical-align: top;
	width: 80px;
}


/* die anzeige der suche */
div.searchresulttitel{
	margin-top: 5px;
	padding-top: 20px;
	padding-bottom: 20px;
}
div.searchresult {
	display: block;
   	background-color: #FFFFFF;
   	margin-top: 1px;
   	float: left;
	width: 780px;
}
div.searchresult div.header {
	clear: both;
	background-color: #e4e4e4;
	color: #666666;
	font-size: 9pt;
	font-weight: bold;
	padding: 5px;
}
table.searchresultTreffer tr td {
	padding-top: 10px;
	padding-bottom: 10px;
}
table.searchresultTreffer tr td.trefferText {
	padding-left: 10px;
	padding-right: 10px;
}
table.searchresultTreffer tr td.ber {
	padding-left: 0px;
	padding-right: 5px;
}
table.searchresultTreffer tr td.CAD {
	padding-left: 5px;
	padding-right: 5px;
}
table.searchresultTreffer tr td.order {
	padding-left: 5px;
	padding-right: 10px;
}
div.searchresult p.text {
	margin: 0; 
	padding-left: 20px;
}
td.trefferText span.red {
	color: #7e0404;
}
/*ende anzeige suche */

/* darstellung der hauptabmessungsabelle */
.hauptAbmTab span{
	font-weight: bold;
}
.product_picto_row{
	padding-bottom: 8px;
	}
/* ende der hauptabmessungstabelle*/

.lexikon {
	padding-left: 20px;
	padding-bottom: 30px;
}

div.lexikon {
	margin-top: 10px;
	margin-bottom: 10px;
}
.lexikon #active{
	background-color: #c4c4c4;
}
.lexikon_navigation{
		margin-top: 10px;
}
.lexikon_navigation span {
	padding-left: 5px;
	padding-right: 5px;
	font-size: 15px;
	
}

/* anwendungsbeispiele */
.awb_homebutton{
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

.x_life {
	padding-left: 20px;
	padding-bottom: 30px;
}
img.formel {
   padding-top: 5px;
   padding-bottom: 5px;
   text-align: left;
}
img.inline {
   padding-top: 0px;
   padding-bottom: 0px;
   text-align: left;
   vertical-align: middle;
}

.legendeneintrag {
   font-size: 8pt;
   line-height: 120%;
}

.legendeneintrag sub {
   vertical-align: -3px;
}

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

table#eclassHeader {
	background-color: #e4e4e4; 
	width: 780px;
}

div#eclassHeaderTitle {
	background-color: #e4e4e4; 
	padding-left: 10px; 
	padding-right: 10px;
}

td#eclassHeaderHersteller {
	padding-top: 29px; 
	padding-bottom: 5px; 
	padding-right: 10px;
}

div#eclassHeaderText {
	background-color: #e4e4e4; 
	padding-left: 10px; 
	padding-right: 50px;
}

div#eclassHeaderPictos {
	background-color: #e4e4e4; 
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 5px; 
	padding-bottom: 5px;
}

div#eclassMain {
	padding-left: 10px; 
	padding-right: 10px;  
	padding-bottom: 10px;
}

div#eclassMainOtherTree {
	padding-bottom: 6px;
}

td.eclassPad {
	padding: 3px;
}

a.series {
	display: block;
}

td.seriesSub {
	padding-left: 30px;
}

div.hidden {
	color: #b9b9b9;
}

li.table, li.plus, li.minus {
	margin: 0px;
	padding: 0px;
}

li a.hidden b {
	color: #b9b9b9;
}

li a.focus b {
	color: #7e0404;
}

li a.none, a.hidden, a.focus {
	background-position: left 2px;
	background-repeat: no-repeat;
	padding-left: 15px;
	height: 9pt;
}

li.table a.none, li.table a.hidden, li.table a.focus {
	padding-left: 20px;
}

li.minus a.hidden {
	background-image: url(../images/minus01_grau.gif);
}

li.minus a.focus, li.minus a.none {
	background-image: url(../images/minus01.gif);
}

li.plus a.hidden {
	background-image: url(../images/plus01_grau.gif);
}

li.plus a.focus, li.plus a.none {
	background-image: url(../images/plus01.gif);
}

li.table a.hidden {
	background-image: url(../images/icons/tabelle_grau.gif);
}

li.table a.focus, li.table a.none {
	background-image: url(../images/icons/tabelle.gif);
}

span.highlight {
	background-color: #227D41;
	color: #FFFFFF;
}

a.bold {
	font-weight: bold;
}

.search_input {
	padding-top: 10px;
}
.search_input_field {
	font-size: 15px;
	font-weight: bold;
	width: 300px;
}

#shortcuts {
	float: right;
	padding-right: 20px;
	background-color: #f4f4f4;
}
.multiNaviRow {
	clear: both; 
	padding: 10px;
}
.multiNaviRow a {
	padding-left: 5px;
	padding-right: 5px;
}
.multiNaviRow a:hover, a#selectedPage {
	background-color: #e4e4e4;
}

#lastProducts {
	background-color: #ffffff;
	border: none;
	font-size: 10px;
	bottom: 0;
	position: fixed;
	overflow: hidden;
	width: 155px;
}
#lastProducts ul#header {
	padding-top: 0;
	padding-left: 22px;
	padding-bottom: 0;
	padding-right: 5px;
	margin: 0;
	line-height: 22px;
	background-color: #227D41;
	list-style-image: url(../images//buttons/eclass_baureihe_auf_weiss.gif);
}
#lastProducts ul#header li{
	font-size: 10px;
	line-height: 22px;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
}
#lastProducts ul#list li {
	font-size: 10px;
	line-height: 22px;
	padding: 0;
	margin: 0;
}
#lastProducts ul#list {
	overflow: hidden;
	padding-top: 0px;
	padding-left: 19px;
	padding-bottom: 32px;
	padding-right: 0px;
	margin: 0;
	height: auto;
	line-height: 22px;
	list-style-type: circle;
	display: none;
}
#lastProducts:hover ul#list {
	display: block;
}

UL.PAGEINDEX {
	margin-top: 0;
	margin-bottom: 10pt;
	margin-left: 0;
	padding-left: 16pt;
}