/* CSS Document */
body, html{
  margin: 0;
  padding: 0;  
  background-image: url(bilder/site_hintergr.gif);  
  background-color: #DDDDDD;
  font-size: 100.01%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #535353; 
}
#kopf
{
  width: 798px;
  position: static;  
  margin: 0 0 0 12px;  
  border: 1px solid #cccccc; 
}
#kopf img
{
  margin:0;
  padding:0;
  border:0;  
}
/*-------------------------------------------*/
#container
{
  width:800px;
  position: static;  
  margin:12px 0 0 12px; 
}
/*-------------Navigation------------------*/
#navi
{
  width: 188px;  
  float:left; 
  /*padding: 0;*/
  margin: 0;
  background-color: #f5f5f5;  
  background-image:url(bilder/hintergr_pic.gif);
  background-repeat:repeat-x ;
  background-repeat:repeat-y ;  
  border: 1px solid #cccccc;
  
}
#navi ul
{ list-style-type: none;
   margin: 0;
   padding: 0;    
}
#navi li
{
  margin: 0;
  padding: 0;
  font-size: 13px; 
  font-weight: 700;
  border-bottom:1px solid #cccccc;  
  
}
#navi li a:link, #navi li a:visited
{
  display: block;
  text-decoration: none; 
  padding: 5px 0px 5px 16px;
  border-left: 7px solid #f5f5f5;
  background-color: #f5f5f5;  
  color: #666666;
  /*width:100%;*/
}
html>body #navi li a 
{
  width: auto; 
}
#navi li a:focus
{
  border-left: 7px solid #cc0000;
  background-color: #f5f5f5;
}
#navi li a:hover, #navi li a:active 
{
  border-left: 7px solid #cc0000;
  background-color: #f5f5f5;
}

#navi ul.gesicht
{
   list-style-type: none;
   margin: 0;
   padding: 0;        
}
#navi ul.gesicht li 
{
  margin:0;  
  padding:0;
  font-size: 11px;   
  color:#666666;  
}
 #navi ul.gesicht li a:link, #navi ul.gesicht li a:visited
{
  display: block;  
  padding: 7px 0px 7px 25px;    
  text-decoration: none;
  font-weight: 700;    
  border-left: 7px solid #eeeeee;
  background-color: #eeeeee;  
  color: #666666;  
  /*width:100%;*/
}
/*Hack für alle IE einschlisslich IE6  */
* html #navi ul.gesicht li a:link, * html #navi ul.gesicht li a:visited
{ 
  padding: 5px 0 5px 25px;  
}
/*Hack für  IE7  */
*+html #navi ul.gesicht li a:link, *+html #navi ul.gesicht li a:visited
{
  padding: 5px 0 5px 25px; 
}
#navi ul.gesicht li a:focus
{
  border-left: 7px solid #ee777d;
  background-color: #eeeeee;
}
#navi ul.gesicht li a:hover, #navi ul.gesicht li a:active 
{
  border-left: 7px solid #f19297;
  background-color: #eeeeee;
}

#navi p
{ margin:7px 0 7px 0;
  text-align: center;   
 }
#navi img
{
  margin-left:-2px;
}

/*----------------Fuß----------------*/
#fuss
{
  width: 798px;
  float:left; 
   margin: 12px 0 0 0; 
  background-color: #f5f5f5;
  background-image: url(bilder/fuss_hintergr.jpg);
  background-repeat: repeat-y;  
  border: 1px solid #cccccc;
  /*padding: 3px 0 3px 0; */
 
  text-align:left;
}
#fuss table
{
  margin:0 0 2px 0;
  padding: 0;
}
#fuss td
{
  vertical-align: bottom;   
  font-size: 9px;
  padding: 0 0 3px 0;
  margin:0 0 0 0;
}
#fuss img
{
  margin:0;
}
/*--------------Inhalt-----------*/

#inhalt
{
  width: 598px; 
  float:right;  
  margin:0;
  /*background-image:url(bilder/hintergr_pic.gif);*/
  background-color: #f5f5f5; 
  border: 1px solid #cccccc;
  
}
#inhalt ul
{
   list-style-type: none;
   margin: 7px 17px 0 17px;
   padding: 0; 
}
#inhalt li
{
  margin:0;
  padding: 0 0 5px 17px;
  list-style-type: none;
  font-size: 11px;
}
h3
{
  font-size:13px;
  letter-spacing: 5px;
  margin: 10px 0px 0px 0px;
  padding: 0 0 5px 0;
  color:#990000;
  text-align:center;
}
h4
{
  font-size: 12px;  
  color: #ed5f66;
  margin: 7px 17px 0px 17px;
  
}
p{
  font-size: 11px;
  color:#535353;
  margin: 7px 17px 0 17px;
}
img
{ 
  margin: 0px 0px 8px 8px;
}
img.icon
{  
  margin: 0 0 0 0; 
}
a, a.verweis
{
  color:#535353;
}
 a.verweis:link
 {  
  text-decoration:none;
} 
  a.verweis:visited
{
  text-decoration:none;
}
 a.verweis:focus
{ 
  text-decoration: none;
}
 a.verweis:hover
 {
  text-decoration: underline;
 }
 a.verweis:active
{  
  text-decoration: underline;
}
 a:link
 {
  text-decoration:none;
}
 a:visited
{
  text-decoration:none;
}
 a:focus
{
  text-decoration: none;
}
 a:hover 
{  
  text-decoration: underline;
}
a:active
{
  text-decoration: underline;
}
form
{
  margin:0;
  padding:0;
}
table.kontakt
{
  margin:10px 17px 0 17px;
  padding: 0; 
  border:1px solid #cccccc; 
  font-size: 11px;
  background-color: #F5f5f5;   
  color:#535353;
}
table.kontakt td {
  vertical-align: top;  
  margin:0;
  padding: 2px 7px 5px 2px;
} 
a.type1:link, a.type1:visited
{
  text-decoration:underline;
}
a.type1:focus,a.type1:hover
{
  text-decoration:underline;
} 
a.type1:active
{
  text-decoration:underline;
}
/*---------------Kosmetik Linien------*/
.renovar {
	color: #6a89c1;
	font-weight: bold;
}
.q10
{
  color: #2c9abe;
  font-weight: bold;
}
.soin_darome
{
  color: #003399;
  font-weight: bold;
}
.lhomme
{
  color: #004f4f;
  font-weight: bold;
}
.thalasso
{
  color: #009999;
  font-weight: bold;
}
.vitaminc
{
  color: #FF3300;
  font-weight: bold;
}
.revitalc
{
  color: #ff3300;
  font-weight: bold;
}
.caviar
{
  color: #CC6699;    
  font-weight: bold;
}
.multibalance
{
  color: #CC6666;
  font-weight: bold;
}
.cacao
{
  color:#996666;
  font-weight: bold;
}
.olivecare
{
  color:#999900;
  font-weight: bold;
}
.whitening
{
  color: #3399FF;
   font-weight: bold;
 } 
.miratense
{
  color: #669999;
   font-weight: bold;
 } 
/*-----Produkte-Tabelle---------*/
.reinigung
{
  color:#F2AF73;
}
.trocken
{
  color:#9999CC;
}
.sensib
{
  color:#FFA8A8;
}
.fettig
{
  color: #85ADAD;
}
table.produkt
{
  margin:7px 17px 0 17px;
  padding: 0;  
  font-size: 11px;
  color:#535353;
}
table.produkt td {
  vertical-align: bottom;  
  margin:0;
  padding: 2px 0 5px 2px;
} 
table.produkt td img
{
    vertical-align: bottom;
}
 table.produkt td h4
 {           
   color:white;
 }
table.produkt td.reinig_s 
{
   border-bottom: 1px solid #F2AF73;  
 }
 .rein_td
 { 
 background-color:#F2AF73;
  }  
 
 table.produkt td.trock_s {
 border-bottom: 1px solid #9999CC;
 }
 .trocken_td 
 {
   background-color:#9999CC;   
 } 
 table.produkt td.sens_s {
 border-bottom: 1px solid #FFA8A8;
 }
  .sens_td 
 {
   background-color:#FFA8A8;   
 } 
 .fett_td 
 {
   background-color:#85ADAD;   
 } 
 table.produkt td.fett_s {
 border-bottom: 1px solid #85ADAD;
 }
 table.produkt td.renovar_s 
{
   border-bottom: 1px solid #6a89c1;  
 }
 .renovar_td
 { 
	background-color: #6a89c1;
 }
table.produkt td.q10o_s 
{
   border-bottom: 1px solid #2c9abe;  
 }
 .q10o_td
 { 
	background-color:#2c9abe;
 }
 table.produkt td.cacao_s 
{
   border-bottom: 1px solid #996666;  
 }
 .cacao_td
 { 
	background-color:#996666;
 }
 table.produkt td.olive_s 
{
   border-bottom: 1px solid #999900;
 }
 .olive_td
 { 
	background-color:#999900;
 }
 table.produkt td.soin_s 
{
   border-bottom: 1px solid #003399;
 }
 .soin_td
 { 
	background-color:#003399;
 }
 table.produkt td.whitening_s 
{
   border-bottom: 1px solid #3399FF;
 }
 .whitening_td
 { 
	background-color:#3399FF;
 }
 table.produkt td.thalasso_s 
{
   border-bottom: 1px solid #009999;
 }
 .thalasso_td
 { 
	background-color:#009999;
 }
  table.produkt td.vitaminec_s 
{
   border-bottom: 1px solid #FF3300;
 }
 .vitaminec_td
 { 
	background-color:#FF3300;
 }
  table.produkt td.caviar_s 
{
   border-bottom: 1px solid #CC6699;
 }
 .caviar_td
 { 
	background-color:#CC6699;
 }
  table.produkt td.multibalance_s 
{
   border-bottom: 1px solid #CC6666;
 }
 .multibalance_td
 { 
	background-color:#CC6666;
 }
  table.produkt td.miratense_s 
{
   border-bottom: 1px solid #669999;
 }
 .miratense_td
 { 
	background-color: #669999;
 }
 table.produkt td.lhomme_s 
{
   border-bottom: 1px solid #004f4f;
 }
 .lhomme_td
 { 
	background-color: #004f4f;
 }
 a.prod_verw:link
 {
   text-decoration:none;
 }
 a.prod_verw:visited
 {
   text-decoration:none;
 }
  a.prod_verw:focus
 {
   text-decoration:none;
 }
  a.prod_verw:hover
 {
   text-decoration:none;
 }
  a.prod_verw:active
 {
   text-decoration:none;
 }
 a.richtung{
   color: #ed5f66;
   font-weight:bold;
   text-decoration:underline;
 }
/*------------------------------------*/
.hervorheb
{
  color:#ed5f66;
  font-weight: bold;
}
/*-------------Tabelle aud index-Seite------------*/
.willkommen
{
  margin:7px 17px 0 16px;
  padding:0;
  }
.willkommen td
{    
 margin:0;	
 padding: 0 15px 10px 0;	
}  
/*Hack für alle IE versionen einschlisslich IE6*/
* html .willkommen td
{    
  margin:7px 17px 0 14px;
  padding:0;
} 

.willkommen1
{
  margin:7px 17px 0 110px;
  padding:0;
  }
.willkommen1 td
{    
 margin:0;	
 padding: 0 15px 10px 0;	
}  
/*Hack für alle IE versionen einschlisslich IE6*/
* html .willkommen1 td
{    
  margin:7px 17px 0 14px;
  padding:0;
} 
.aktion
{
  font-size:12px;
  font-weight:bold;
  text-align:center;
  color:#990000;

}