/**************************************
	 HEADER      
**************************************/
#header_images
{
width: 770px;
height: 145px;
margin: 0;
padding: 0;
}
#header_images img
{
margin-left: 3px;
}
#header_navi
{
width: 770px;
height: 25px;
background-color: #000055;
margin: 0;
padding: 0;
text-align: left;
}
#header_navi img

{
margin-left: 15px;
float: left;
}

/**************************************
	 ALLGEMEINES      
**************************************/
html 
{
overflow: -moz-scrollbars-vertical;
height:100%;
}

body
{
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
text-align: center;
font-weight: normal; 
font-style: normal;
text-decoration: none ;
margin:0;
padding:0;

}

a img,:link img,:visited img, img { border:none }

/**************************************
	 GRUNDSÄTZLICHES TEXTBEREICH      
**************************************/

p, h1, h2, h3, h4
{
margin:0 0 6px 0;
}

#content
{
width:770px !important;
margin:0 auto;
}


#popup
{
width: 330px !important;
margin:0;
}

#popup p
{
	margin-left:20px;
	width:300px:
}

#content *,
#popup *
{
text-align:left;
font-size:10px;
}
#content h1,
#popup h1
{
padding:20px 0 0 20px;
font-size:12px;
text-transform: uppercase;
}
#content h2,
#popup h2
{
margin:10px 0;
padding:0 0 0 20px;
}
#content h3,
#popup h3
{font-size:11px; margin-left:25px;; margin-top:20px;}

div.trennzeile
{
	margin-top:0px;
	padding-top:6px;
	width:770px;
	height:19px;
	clear:both;
	text-align:center !important;
	font-weight:bold;
	background-color:#D6C794;
}

div.trennzeile_blau
{
	margin-top:0px;
	padding-top:6px;
	width:770px;
	height:19px;
	clear:both;
	text-align:center !important;
	font-weight:bold;
	color:white !important;
	background-color:#1D2F62;



}

div.zeile
{
width:770px;
margin-bottom:0px !important;
background-color:#e6dfc4;
overflow:hidden;
}
.zeile img
{
border:0px;
}

div.spalte
{
height:100%;
float:left;
}
div.spalte p
{
padding:0 20px;
}
div.bg_hell
{
	background-color:#EFEBDA !important;
}
.center
{
	text-align:center !important;
}

/**************************************
	 PRODUKTVERTEILER      
**************************************/
div.kasten
{
	background-color:#DCD2AD;
	width:150px;
	height:13px;
	padding-left:10px;
	margin-left:10px;
	margin-top:10px;
	font-weight:bold;
}
div.navigation_text
{
	margin-top:5px;
	margin-left:-10px;
}
div.navigation_text ul
{
	list-style-image: url(/css/aufzaehlung.gif);
	margin-top:0px;
	margin-bottom:0px;
}
div.produkte
{
	left:50%;
	position:absolute;
	text-align:center;
	overflow:hidden;
}
div.produkte div
{
	width:128px;
}
div.produkte img
{
	padding:10px 0;
}


#footer
{
clear:both;
text-align:center;
text-decoration:none;
color:#9900;
padding:10px 0 10px 0;
}


/**************************************
	 SERIENGUIDE - TABELLE      
**************************************/

table.serienguide {
  margin-top: 25px;
	border-collapse: collapse;
	background: #000055;
}


.serienguide td {
  width: 125px;
	padding: 10px;
	vertical-align: top;
	border: 1px solid #000055;
	border-width: 1px 1px 1px 2px;
	overflow: hidden;
}

.serienguide th {
	text-align: center!important;
	border: 1px solid #000055;
	border-width: 1px 1px 1px 2px;
}

.serienguide .einzeilig th {
  height: 25px;
}
.serienguide .zweizeilig th {
  height: 43px;
	padding-top: 7px;
	vertical-align: top;
}

.serienguide th a {
  font-size: 12px!important;
	font-width: normal;
}
.serienguide th a kleinweiter {
  font-size: 10px!important;
}

/**** DEUTSCHE HEADLINES ***/

.serienguide th.hautbild {
  width: 33px;
	background: url(/images/produkte/serienguide/tt_hautbild.gif) center center no-repeat;
	background-color: #ffffff;
	padding: 0;
	height: 65px;
	margin: 0;
	border-width: 1px;
}
.serienguide th.wirk {
  width: 33px;
	background: url(/images/produkte/serienguide/tt_wirk.gif) center center no-repeat;
	background-color: #ffffff;
	padding: 0;
	height: 116px;
	margin: 0;
	border-width: 1px;
}
.serienguide th.stoffe {
  width: 33px;
	background: url(/images/produkte/serienguide/tt_stoffe.gif) center center no-repeat;
	background-color: #ffffff;
	padding: 0;
	height: 111px;
	margin: 0;
	border-width: 1px;
}
.serienguide th.typ {
  width: 33px;
	background: url(/images/produkte/serienguide/tt_typ.gif) center center no-repeat;
	background-color: #ffffff;
	padding: 0;
	height: 64px;
	margin: 0;
	border-width: 1px;
}

/**** ENGLISCHE HEADLINES ***/

.serienguide th.skinprofile {
  width: 33px;
	background: url(/images/produkte/serienguide/tt_skinprofile.gif) center center no-repeat;
	background-color: #ffffff;
	padding: 0;
	height: 65px;
	margin: 0;
	border-width: 1px;
}
.serienguide th.effect {
  width: 33px;
	background: url(/images/produkte/serienguide/tt_effect.gif) center center no-repeat;
	background-color: #ffffff;
	padding: 0;
	height: 116px;
	margin: 0;
	border-width: 1px;
}
.serienguide th.activeingredients {
  width: 33px;
	background: url(/images/produkte/serienguide/tt_activeingredients.gif) center center no-repeat;
	background-color: #ffffff;
	padding: 0;
	height: 111px;
	margin: 0;
	border-width: 1px;
}
.serienguide th.skintype {
  width: 33px;
	background: url(/images/produkte/serienguide/tt_skintype.gif) center center no-repeat;
	background-color: #ffffff;
	padding: 0;
	height: 64px;
	margin: 0;
	border-width: 1px;
}






.serienguide th.leer {
  width: 33px;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	border-width: 1px;
}

.abschluss td {
	vertical-align: bottom;
	padding: 0px;
}
.abschluss img {
  border: none;
}

.serienguide ul, #serienpopup ul {
  list-style-type: none;
	padding: 0;
	margin: 0;
}

.serienguide ul li, #serienpopup ul li {
	padding: 0 0 0 10px;
	background: url(/images/list_line.gif) 0 6px no-repeat;
}

th.relax, p.relax {
  background-color: #dde05e;
}
td.relax {
  background-color: #f7f8dd;
}
th.sensitive, p.sensitive {
  background-color: #e3edc4;
}
td.sensitive {
  background-color: #f9fbef;
}
th.moisture, p.moisture {
  background-color: #afcfed;
}
td.moisture {
  background-color: #dde9f7;
}
th.thermal, p.thermal {
  background-color: #abd4e4;
}
td.thermal {
  background-color: #c8e8f1;
}
th.activ, p.activ {
  background-color: #acb2bd;
}
td.activ {
  background-color: #ebeef0;
}
th.natural, p.natural {
  background-color: #cbbaa2;
}
td.natural {
  background-color: #f7f4ec;
}
th.phyto, p.phyto {
  background-color: #e1d7bc;
}
td.phyto {
  background-color: #efe9d9;
}
th.multi, p.multi {
  background-color: #fee092;
}
td.multi {
  background-color: #fee7b2;
}
th.balance, p.balance {
  background-color: #fbd188;
}
td.balance {
  background-color: #fdeed3;
}
p.bodyline {
  background-color: #ffff91;
}
p.foundation {
  background-color: #d6c794;
}

#serienpopup
{
width: 390px !important;
height: 390px;
margin:0;
padding: 0;
background-color: #efebda;
}

#serienpopup *
{
text-align:left;
font-size:10px;
}
#serienpopup p
{
	padding: 5px 0 5px 20px;
	margin: 0;
	width:320px:
}
#serienpopup ul
{
	padding: 5px 0 5px 20px;
	margin: 0;
}
#serienpopup ul li
{
  padding: 0 0 0 20px;
	margin: 0;
	line-height: 12px;
	width: 320px;
}
#serienpopup h1
{
padding:15px 0 0 32px;
margin: 0;
font-size:12px;
height: 18px;
text-transform: uppercase;
background-color: #d6c794;
}
#serienpopup h2
{
  padding:11px 0 0 32px;
	margin:0;
  height: 15px;
	background-color: #e6dfc4;
}

.popup_unten
{
	text-align: center !important;
	width: 390px;
	height: 30px;
	padding: 8px 0 0 0;
	margin: 0;
	background-color: #e6dfc4;
}



/* CSS-Definitionsdatei, die SiteStyle -Stylesheets enthält */



A:active { font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; font-size: xx-small; color: rgb(153,0,0); font-weight: normal; font-style: normal; text-decoration: none ;} A:link { font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; font-size: xx-small; color: rgb(153,0,0); font-weight: normal; font-style: normal; text-decoration: none ;} UL { font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; font-size: xx-small; font-weight: normal; font-style: normal; text-decoration: none ;} A:visited { font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; font-size: xx-small; color: rgb(153,0,0); font-weight: normal; font-style: normal; text-decoration: none ;} .TextObject { font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; font-size: xx-small; font-weight: normal; font-style: normal;} P { font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; font-size: xx-small; font-weight: normal; font-style: normal;} OL { font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; font-size: xx-small; font-weight: normal; font-style: normal;} .TextNavBar { font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; font-size: xx-small; color: rgb(0,0,105); letter-spacing: 0pt; font-weight: normal; font-style: normal; border-left-style: none; border-top-style: none; border-right-style: none; border-bottom-style: none;} A:hover { font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; font-size: xx-small; color: rgb(0,0,105); font-weight: normal; font-style: normal; text-decoration: none ;} 

/* MESSE LAYER */


#messe {
	position:relative;
	left:-1520px;
	top:-1320px;
	z-index:1000;
}

* html #messe {
	position:absolute;
}

/* MESSE LAYER ENDE */