/** Last Update 13.02.09 CK **/

/** Farben
Haar - gruen: 		#cfcd00
neu #a6af0d
Freistil - hellblau: 	#c9e9f8
Gesicht - Age - gruen: 	#a2a250
Gesicht - Hydro - rosa: #f0929e
Gesicht - Phyto - lila: #9173ad
Family - orange: 	#ee7f00
Wellness1 - gelb hell: 	#f4ce00
Wellness2 - gelb: 	#ee7f00
Maenner - grau: 	#48575f
**/

/* Allgemeine Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

html { 
  margin-bottom: 1px;   
  height: 100%;
} 

body {
  text-align: center;
  font-size: 11px;
  margin: 0;
  font-family: ËÎÌå,verdana,arial,sans-serif;
  color: #666;
  line-height: 18px;
  height: 100%;
}

form {
  margin: 0;
  padding: 0;
}


.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}

/** Headlines **/
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

h1,h2,h3,h4,h5 {
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 30px;
  font-family: arial,sans-serif;
  font-weight: normal;
  color: #666;
  padding: 15px 0 20px 0;
}

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

a, a:visited, a:active {
 text-decoration: none;
 font-weight: bold;
 color: #666;
}
a:hover {
 color: #333;
 /** text-decoration: underline; **/
}

#container {
  margin: 0 auto;
  width: 950px;
  padding-top: 178px;
  position: relative;
}

#container #text {
  text-align: left;
}

#body {
  /* height: 491px; */
  height: 100%;
  min-height: 491px;
}

/** Container mit Serienfarbe **/
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

div.haare {
  background:transparent url(images/haar/pixel_haare.gif) repeat-y scroll left top;
  float: left;
  clear: both;
}

div.freistil {
  background:transparent url(images/freistil/pixel_freistil.gif) repeat-y scroll left top;
  float: left;
  clear: both;
}

div.gesicht {
  background:transparent url(images/gesicht/pixel_gesicht.gif) repeat-y scroll left top;
  float: left;
  clear: both;
}

div.family {
  background:transparent url(images/family/pixel_family.gif) repeat-y scroll left top;
  float: left;
  clear: both;
}

div.wellness {
  background:transparent url(images/wellness/pixel_wellness.gif) repeat-y scroll left top;
  float: left;
  clear: both;
}

div.wellness_relax {
  background:transparent url(images/wellness/pixel_wellness_relax.gif) repeat-y scroll left top;
  float: left;
  clear: both;
}
div.wildlife {
  background:transparent url(images/wildlife/pixel_wildlife.gif) repeat-y scroll left top;
  float: left;
  clear: both;
}

/** Teaser-Fotoleiste **/
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#streifen li {
  float: left;
  width: 145px;
  margin-right: 16px;
  text-align: left;
}


/** #container #wellness {
  margin-right: 0;
} **/

/* #container #maenner {
  margin-right: 0;
} */

#container #family {
  margin-right: 0;
}

/* Spalte 1 */
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte1 {
  float: left;
  width: 306px;
  padding: 0 0 16px 0;
  height: 100%;
  text-align: left;
}

#spalte1 p {
  font-size: 11px;
  line-height: 18px;
  margin: 1em 0 0 0;
  padding-left: 16px;
}

#spalte1 p.kleiner {
  font-size: 10px;
  line-height: 14px;
  margin: 1em 0px;
}

#spalte1 img {
  padding: 0;
  border: 0;
  margin: 0;
}

#spalte1 a {color: #666;
}

#spalte1 a.heller {color: #ccc;
}

#spalte1 a:hover {
 color: #000;
}

/* Spalte 1b - weisse Spalte */
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte1b {
  float: left;
  width: 306px;
  padding: 0 0 16px 0;
  height: 100%;
  text-align: left;
}

#spalte1b p {
  font-size: 11px;
  line-height: 18px;
  margin: 1em 0 0 0;
  padding-left: 0px;
}

#spalte1b p.kleiner {
  font-size: 10px;
  line-height: 14px;
  margin: 1em 0px;
}

#spalte1b img {
  padding: 0;
  border: 0;
  margin: 0;
}

#spalte1b a {color: #666;
}

#spalte1b a.heller {color: #ccc;
}

#spalte1b a:hover {
 color: #000;
}

/* Spalte 2 */
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte2 {
  float: left;
  width: 644px;
  padding: 0;
 /* overflow: hidden; */
 /* min-height: 100%; */
 text-align: left;
}

#spalte2 h1 {
  font-size: 30px;
  font-weight: normal;
  font-family: arial, verdana;
  line-height: 35px;
  padding: 0 16px 6px 16px;
  margin: 0 0 0 0;
}

#spalte2 h2 {
  font-size: 20px;
  font-weight: normal;
  font-family: arial, verdana;
  line-height: 24px;
  padding: 16px 16px 0 16px;
  margin: 0; 
}

/* Farben Gesichtsserien */
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

.age {
  color: #a2a250;
}

.hydro {
  color: #f0929e;
}

.phyto {
  color: #9173ad;
}

/* .freistil
{
 color: #c9e9f8} */

/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte2 h3 {
  font-size: 11px;
  line-height: 18px;
  font-weight: bold;
  margin: 0;
  padding: 16px 16px 0 16px;
}

#spalte2 p {
  font-size: 11px;
  line-height: 18px;
  margin: 1em 0 0 0;
  padding-left: 16px;
}

#spalte2 p.kleiner {
  font-size: 10px;
  line-height: 14px;
  margin: 1em 0px;
}


/* #linkliste {
margin-left: 16px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 16px 0 16px 0;
}

#linkliste li {
margin-left: 0;
padding: 4px 0;
} */

#spalte2 p.top {
text-align: right;
padding: 0;
margin: 0;
}

/* #spalte2 p img {
  padding: 3px 10px 5px 0;
  float: left;
  border: 0;
  margin: 0;
} */

#spalte2 img {
  padding: 0;
  border: 0;
  margin: 0;
}

#spalte2 ul {
  padding: 6px 0 0 16px;
  margin: 0;
  list-style: none;
}

/* Aufzaehlung */

#liste ul {
  padding: 6px 0 0 14px;
  margin: 0 0 0 13px;
  list-style: circle;
}


/*
#spalte2 li {
  background: url(images/aufzaehlung.gif) 0 0.55em no-repeat;
  padding-left: 24px;
}
*/

#spalte2 a {font-weight: bold;
}

/***** Produkt-Tabelle *****/

#spalte2 table {
margin-left: 16px;
margin-top: 0px;
width: auto;
border-collapse: collapse;
}

/* #rechts caption {
color: #036;
text-align: left;
padding-left: 16px;
font-size: 11px;
} */

#spalte2 td, #spalte2 th, #spalte2 tr {
/* border-bottom: 1px dashed #036; */
color: #666;
padding: 16px 0px;
}

#spalte2 td {
border-bottom: 1px solid #ccc;
font-size: 11px; 
}

#spalte2 .spalte1 {
width: 145px
}

#spalte2 .spalte2 {
width: 483px
}

#spalte2 td p{
margin: 0 0 1em 0;
}


/***** Link-Tabelle *****/

#spalte2 .spalte_flaschen {
width: 306px
}

#spalte2 .spalte_links {
width: 322px
}

/***** Haar-Schema-Tabelle *****/

#spalte2 .schema {
width: 306px
}

#spalte2 .text {
width: 322px
}

/***** Sonderfall Gesichtsserien *****/
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte2b {
  float: left;
  width: 644px;
  padding: 0;
 /* overflow: hidden; */
 /* min-height: 100%; */
 text-align: left;
}

#spalte2b h1 {
  font-size: 30px;
  font-weight: normal;
  font-family: arial, verdana;
  line-height: 35px;
  padding: 0 16px 6px 16px;
  margin: 0 0 0 0;
}

#spalte2b h2 {
  font-size: 20px;
  font-weight: normal;
  font-family: arial, verdana;
  line-height: 24px;
  padding: 0px 16px 0 16px;
  margin: 0; 
}

#spalte2b p {
  font-size: 11px;
  line-height: 18px;
  margin: 1em 0 0 0;
  padding-left: 16px;
}

#spalte2b img {
  padding: 0;
  border: 0;
  margin: 0;
}

#spalte2b table {
margin-left: 0px;
margin-top: 0px;
width: auto;
border-collapse: collapse;
}

#spalte2b td, #spalte2b th, #spalte2b tr {
/* border-bottom: 1px dashed #036; */
color: #666;
padding: 16px 0px 0 0;
}

#spalte2b td {
/* border-bottom: 1px solid #ccc; */
font-size: 11px; 
}

#spalte2b .age{
width: 214px
}

#spalte2b .hydro {
width: 215px
}

#spalte2b .phyto {
width: 215px
}

/* Presse */
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
.left16 {
padding-left: 16px;}

/** Textseiten **/
/* * * * * * * * * * * * * * * * * * * * * * * * * * */


/*
#text li {
  background: url(images/aufzaehlung.gif) 0 0.55em no-repeat;
  padding-left: 24px;
} */


/** Header **/
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
#head {
  position: absolute;
  top: 26px;
  left: 322px;
}

#signets {
  position: absolute;
  top: 112px;
  left: 0px;
}

#navi {
  width: 950px;
  height: 23px; 
  border-bottom: 1px solid #999;
  margin-bottom: 15px;
  position: relative;
}

#navi ul li {
  float:left;
}

#navi_2 {
  position:absolute;
  top:0;
  left:321px;
}
/** #fax {
  position: absolute;
  top: 0;
  left: 177px;
}
#uebersicht {
  position: absolute;
  top: 0;
  left: 322px;
} **/

/** alt Flaggen
#gb {
  position: absolute;
  top: 0;
  left: 795px;
}
#es {
  position: absolute;
  top: 0;
  left: 838px;
} **/


#navi_3 {
position:absolute;
right:0;
top:0;
}

/** Footer **/
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
#footer {
  width: 950px;
  font-weight: normal;
  text-align: left;
  margin-top: 6px;
  padding-top: 16px;
  padding-bottom: 32px;
  position: relative;
}

#footerstart{
  width: 950px;
  font-weight: normal;
  text-align: left;
  margin-top: 25px;
  padding-top: 16px;
  padding-bottom: 32px;
  position: relative;
  border-top: 1px solid #999;
}

#footer span {
padding-left: 30px;
}

#footerstart span {
padding-left: 30px;
}