/*  =========================================================

                                   
1. Allgemeine Selektoren 
   - Block-Elemente
   - Inline-Elemente
   - Allgemeine Klassen
   - Non-Layout IDs  
                              
2. Layoutbereiche 
   - Wrapper 
   - Kopfbereich   
   - Navibereich   
   - Textbereich   
   - Fussbereich   

3. Spezielle Seiten 
   - Kontaktformular 
   
   
hellgrau #f5f5f5
grau #e5e5e5
hellgelb #ffe599
gelb #014495
========================================================== */



/* ===============================

   =1. Allgemeine Selektoren

=============================== */

* { /* Kalibirierung von Abst�den, Little Boxes, S. 76 */
  padding: 0; 
  margin: 0; 
}

html { /* In Firefox Rollbalken erzwingen, Little Boxes S. 77 */
  height: 101%; 
}

body { 
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
 /* color: white;
  background-color: #8c8c8c;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	*/
}

/* ===============================
   =Block-Elemente 9AB4D5
=============================== */

h1 , h2 { 
  /*font-size: 150%; */
  font-size: 16px;
  color: 014495;
  margin-bottom: 1em;
  font-weight: 900;	
}

/*h2 {
  font-size: 14px;
  margin-bottom: 1em;
    color: 014495;
}*/
h3 {

margin:10px 0px 3px 0px;
  font-size: 14;
  
}

p, 
ul, 
ol {
  margin-top: 0 ;
  margin-right: 0 ;
  margin-bottom: 1em ;
  margin-left: 0; 
  font-size: 11px;
    line-height: 1.5em;
}
p {
padding: 0px;
margin: 0px;
}

ul ul { 
  margin: 0; 
}

li {
  margin-top: 0 ;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 1em;
  list-style-image:url(../images/li-yellow.gif);
}

address {
  text-align: center;
  font-size: 80%;
  font-style: normal;
  letter-spacing: 2px;
  line-height: 1.5em;
}
P, TD {font-size: 11px;}

DIV.tx-usrproductmodul-pi1 TABLE.contenttable TD.product_list_desc_fld P {
/*  line-height: 0.5em;*/
}

P {
 padding: 0px 10px 0px 0px ;
}
/* ===============================
   =Inline-Elemente 
=============================== */
strong {
  /*color: #4e9b88;*/
}

a { 
  text-decoration: none; 
  	font-size: 11px;
}

a:link, a:visited { 
  color: #000000; 
  text-decoration: underline; 
}


a:hover, a:focus { 
  color: #014495; 
  text-decoration: underline; 
}

a:active { 
  color: #999; 
 
}

a.skiplink { 
  display: none; 
}

a.product_headline {
 text-decoration: none;
 font-size:13px;
}
a.product_list_maincat {
 text-decoration: none;

}


/* ===============================
   =Classes allgemeiner Art 
=============================== */

.bildlinks {
  float:left;
  padding: 3px;
  border: 5px solid #ccc;
  margin-right: 10px;
  margin-bottom: 10px;
}

.bildrechts {
  float:right;
  padding: 3px;
  border: 5px solid #ccc;
  margin-bottom: 10px;
  margin-left: 10px;
}

/* ========================================

  =2. LAYOUTBEREICHE

========================================= */ 

.gray_bg {  background-color: #e5e5e5;}
.gray_hell_bg {  background-color: #F2F2F2;}
.hell_bg {  background-color: #9AB4D5;}
.dark_bg {  background-color: #014495;}
.head_right1_fld {background: #014495 url(../images/bg_dark.gif) repeat-x top left;}
.head_right2_fld {background: #9AB4D5 url(../images/bg_bright.gif) repeat-x top left; }
.head_middle_fld {	background: #014495 url(../images/bg_dark.gif) repeat-x top left;  width: 470px;}
/*grau #e5e5e5
hellgelb #ffe599
gelb #014495
*/
#content_products{
 padding: 13px 0px 30px 10px ;
 background-color: #F2F2F2;
}

#content-normal {
 padding: 13px 0px 30px 10px ;
 background-color: #F2F2F2;
}
#content-normal h1 {
   padding: 0px 0px 30px 10px ;
   background-color: #F2F2F2;
   color: rgb(0,51,153); 
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: bold;
   line-height: 15px;
   margin: 0;
}

#content-normal p {
   padding: 0px 0px 0px 10px ;
   background-color: #F2F2F2;
   color: Black;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-style: normal;
   font-weight: normal;
	
}
#content-normal h2{
   padding: 0 0 0 10px;
   background-color: #F2F2F2;
   color: Black;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-style: normal;
   font-weight: normal;
	
}
#content-normal h6{
   padding: 0 0 0 10px;
   background-color: #F2F2F2;
   color: Black;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-style: normal;
   font-weight: normal;
}

#help_marker {
padding: 35px 0 0 9px;
}

.csc-textpic-imagewrap, .csc-textpic-image {
 padding: 0px 5px 0px 0px;
}

#wrapper {
  color: black;
  
  width: 720px;
  margin: 10px auto;
}

.product_single_view_tbl TABLE.product_list_desc_fld2 P {
    line-height: 1.5em;
}

.product_list_image_bar {  background-color: #014495; height: 6px;}
.product_list_artno_fld { padding-left: 14px; font-weight: bold;	font-size: 11px;}
.product_list_artno_fld2 { padding-left: 19px; font-weight: bold;	font-size: 11px;}
.product_list_desc_fld { padding-left: 14px;}
.product_list_desc_fld2 {padding-left: 19px;}
.product_list_border_left_middle {background: #ffffff url(../images/left_middle.gif) repeat-y top left;}
.product_list_border_right_middle {background: #ffffff url(../images/right_middle.gif) repeat-y top left;}

.product_list_left_fld {width: 110px;}
.product_list_right_fld { width: 330px; padding: 0px 0px 0px 10px;}
.product_list_main_tbl {  background-color: #F5F5F5; width: 440px;}
.product_list_sub_tbl { width: 440px; margin: 4px;  background-color: #FFFFFF;}
.product_list_title_fld {padding: 0px 5px 0px 5px; font-weight: bold;  	font-size: 14px;}
.product_list_title_fld_l1 { padding-left: 3px; font-weight: bold;  	font-size: 14px;}


#col_right_products { padding: 10px 10px 10px 10px;}


A.rCol {  text-decoration: underline; color:#000;}


/* ===============================
   =KOPFBEREICH
=============================== */

#kopfbereich {
  position: relative;
	color: black;
	/*background: #f3c600 url(file:///H|/kunden/ratec/kopf_bg_verlauf.jpg) repeat-y top left;*/

  padding: 10px 20px 10px 20px;
}
    #kopfbereich img {
      background-color: white;
      padding: 5px;
      border: 5px solid #d9d9d9;
    }
    #kopfbereich p {
      position: absolute;
      top: 10px ;
      right: 10px;

      font-weight: bold;

      padding: 5px 0 5px 0;
      margin-bottom: 0;
    }
    #kopfbereich p span {
      color: #cc0000;
    }

    
/* ===============================
   =NAVIBEREICH
=============================== */
.select_lang_bg {
 background: url(../images/select_lang.gif) no-repeat top left;
       padding: 3px 3px 3px 3px;
	     width: 146px;
		   display: block; 
}
.langMenuTbl {
  background-color: #DDDDDD;
}
#menu_top {
padding-bottom: 5px;
padding-left: 5px;
}

TD#product_menu {	
	vertical-align: top; 

	padding-top: 4px;

	  padding-right:0px;
	  	  padding-left:10px;
}

#menu_1 {
  width: 165px;
  background-color: #014495;
  padding: 15px 10px 0px 10px;
}
#navibereich {
  text-align: right;
  color: black;
  background-color: #014495;
/*  background-image:  url(file:///H|/kunden/ratec/kopf_bg_verlauf.jpg);*/
  background-repeat: repeat-y;
  background-position: top left;
  padding: 5px 10px 4px 10px;
  border-bottom: 1px solid #8c8c8c;
}

	  #navibereich ul {   
      margin: 5px;
      margin-bottom: 0;
    }

    #navibereich li {
      display: inline;
      list-style-type: none;
      margin: 0 ;
    }

    #navibereich a {
      background-color: #ffeda0;
      color: black;
	    padding: 4px 8px 4px 8px; /* padding-bottom wird gleich 5px */
	    border: 1px solid #8c8c8c;
    }

    #navibereich a:hover,
    #startseite #navi01 a,
    #kontaktseite #navi02 a {
	    background-color: white;
	    color: black;
	    text-decoration: none;  /* Unterstreichung aus */
	    padding-bottom: 5px;  /* ein Pixel mehr als bei #navibereich a  */
	    border-bottom: none;  /* Untere Rahmenlinie aus */
	  }

    #navibereich a:active { 
      background-color: white; 
    }

.menu		{position: absolute;top:0;z-index: 2;}
.submenu	{position: absolute;top: 22;z-index: 1;	visibility: hide;visibility: hidden;}

A.langMenuSel {
	     width: 146px;
		   display: block; 
		    text-decoration: none;   
		padding-left: 5px;
}

A.langMenuAct {

		    text-decoration: none; 
			padding: 4px 2px 3px 4px;  
}


/* ===============================
   =TEXTBEREICH 
=============================== */
    
#textbereich {
	  padding-top: 20px ;
	  padding-right: 10px;
	  padding-bottom: 20px;
	  padding-left: 20px;
    margin-left: 130px;
}
    
/* ===============================
   =FUSSBEREICH 
=============================== */

#fussbereich {
  padding: 20px;
  padding-top: 10px;
  border-top: 1px solid #8c8c8c;
  margin-top: 20px;
}


/* ===============================

   =3. Spezielle Seiten 

=============================== */

/* ===============================
	PLUGINS
=============================== */
.newslist_down_tbl {
		padding: 0px 0px 0px 10px;
}
.newslist_link_row {
		padding: 0px 0px 0px 3px;
}

/* ===============================
   Kontaktformular 
=============================== */
#kontaktseite form {
  background-color: #eee;
  width: 400px;
  padding: 20px;
  border: 1px solid #8c8c8c;
}

#kontaktseite label { 
  display: block; 
}

#kontaktseite #absender, 
#kontaktseite textarea {
  width: 300px;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}

#kontaktseite textarea { 
  height: 7em; 
}

#kontaktseite input:focus, 
#kontaktseite textarea:focus {
  background-color: #d9d9d9;
}

INPUT.ok { background-color: #BFFBC7;}
INPUT.error { background-color: #FFD7D7;}

.bannerFld {
padding:31px 0px 0px 10px;

}

fieldset {
border: 0px;
}


.csc-mailform-field {
width:100%;
 display: block;
   padding-top: 3px;
}
.csc-mailform {
		padding: 10px 10px 10px 0px;
}
.csc-mailform-submit {margin: 15px 0px 0px 69px;}

.more_link {
	float: right;
	 display: block;
	border: solid 1px #BBBBBB;
}

.csc-mailform-field LABEL {

 display: block;
width:60px;
 float: left;
 text-align: right;
  padding-right: 10px;
  padding-top: 3px;

 }
.csc-mailform-field {
width:100%;
 display: block;
 vertical-align:middle;
}
.csc-mailform {
		padding: 10px 10px 10px 10px;
}
.csc-mailform-submit {margin: 15px 0px 0px 146px;}

.menu1-level1-no {     padding-top:4px;padding-left:12px;}
.menu1-level1-act {     padding-top:4px;padding-left:12px;background-image: url(../images/arrow_sw.gif); background-position:0px 7px; background-repeat:no-repeat;}
 
.menu1-level1-no A{    color: black; text-decoration:none;}
.menu1-level1-act A{    color: black;text-decoration:none;}
.menu1-level1-no A:hover, .menu1-level1-act A:hover{    color: black;}
A.tx-usransppart-pi2-abc-link 			{background-image: url(../images/arrow_ge.gif); background-position:0px 2px; background-repeat:no-repeat; padding-left: 15px; font-size: 10px, text-align: left;}
.menup-level1-act ,.menup-level1-no ,.menup-level2-no ,.menup-level2-act ,.menup-level3-no ,.menup-level3-act  {   padding-top:3px;}
.menup-level1-act A,.menup-level1-no A,.menup-level2-no A,.menup-level2-act A,.menup-level3-no A,.menup-level3-act A {text-decoration:none;}

.menup-level1-no ,.menup-level1-act {padding-left:12px;padding-top:12px;}
.menup-level2-no ,.menup-level2-act {padding-left:12px;}
/*.menup-level1-no A,.menup-level1-act A{margin-left:12px;}*/
/*.menup-level2-no A,.menup-level2-act A{padding-left:20px;}*/

.menup-level1-act A, .menup-level3-act A, .menup-level4-act A, .menup-level2-act A {color:#014495;}
.menup-level1-act {background-image: url(../images/arrow_ge.gif); background-position:0px 15px; background-repeat:no-repeat;}
.menup-level1-no A{ }
.menup-level1-act A{ }

.menup-level2-no{padding-left:22px;}
.menup-level2-act{ padding-left:22px; background-image: url(../images/arrow_ge.gif); background-position:11px 6px; background-repeat:no-repeat;}

.menup-level3-no{padding-left:40px;}
.menup-level3-act{ padding-left:40px; background-image: url(../images/arrow_ge.gif); background-position:28px 6px; background-repeat:no-repeat;}



/*.menup-level3-no A{padding-left:40px;}
.menup-level3-act A{padding-left:40px;background-image: url(../images/arrow_ge.gif); background-position:28px 3px; background-repeat:no-repeat;}
*/
.menup-level4-no A{padding-left:29px;}
.menup-level4-act A{}

.csc-textpic-imagerow {
 float: right;
width:290px;

 display: block;
 vertical-align:middle;


}

#livehelp {
position: absolute;top: 22;z-index: 1;visibility: hidden;
}

#m3x {
font-size: 12px;
 line-height: 1.2em;
}
#m3x A {
 text-decoration: none; 
padding:3px 2px 3px 5px;
margin:0px;
  display: block;
border: solid 0px #BBBBBB;
	 /*    width: 146px;
		 
*/
}
#m3x A:hover {

 background-color: #f5f5f5;
	 /*    width: 146px;
		 
*/
}

#subnavi {
z-index:999;
position:absolute;
top:257px;
left:18px;
}

.cont_layout_st_normal {
padding-left: 192px;
}
.logoFld {
padding-left:15px;
}



.nav10 a {
	color: White;
	text-align: left;
	padding-left: 12px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
}
.nav10 a:hover{
	color: White;
	text-align: left;
	padding-left: 12px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 17px;
	background-image: url(pfeil.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}

.nav11 a {
	color: White;
	text-align: left;
	padding-left: 12px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 17px;
	background-image: url(pfeil.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}




navp {
}

.navp a {
	padding-left: 12px;
	text-decoration: none;
	line-height: 17px;
	text-transform: uppercase;
	white-space: nowrap;
	word-spacing: 0,5px;
	font-family: Arial, Helvetica, sans-serif;
	color: Gray;
}
.navp a:hover{
	padding-left: 12px;
	background-image: url(pfeil_grau.gif);
	background-repeat: no-repeat;
	background-position: left;
	color: Gray;
	text-decoration: none;	
	line-height: 17px;
	text-transform: uppercase;
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;
}

.navpakt a {
	padding-left: 12px;
	background-image: url(pfeil_grau.gif);
	background-repeat: no-repeat;
	background-position: left;
	color: Gray;
	text-decoration: none;	
	line-height: 17px;
	text-transform: uppercase;
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;

}


/* EoF */