/*| -----------------------------------------------------------------------*/
/*| --------------------------------| =Standard| ----------------------------*/
/*| -----------------------------------------------------------------------*/

html,body,
div,span,p,
h1,h2,h3,h4,h5,h6,
ul,ol,li,
a,form,input,form,object,textarea,
table,td,img {
   margin: 0px;
   padding: 0px;
   font-family: Verdana, Arial, Tahoma, sans-serif;
   font-size: 12px;
   color: #4c4c4c;
   text-decoration: none;
   list-style-type: none;
   outline: none;
}

html, body {
   height: 100%;
   min-height: 100%;
}

body {
   background: #FFFFFF;
}

hr {
   margin: 0 0 10px 0;
   color: #e5e5e5;
   height: 1px;
   border-top: solid 1px #e5e5e5;
   border-bottom: transparent;
   clear: both;
}

.clear {
   clear: both;
}

.floatRight {
   margin: 0 0 15px 10px;
   float: right;
}

.floatLeft {
   margin: 0 10px 15px 0px;
   float: right;
}

.colorAB0956Bold14px {
   font-size: 14px;
   font-weight: bold;
   color: #ab0956;
}

a.ewcms_edit_link {z-index: 401;}

/* ------------------------------------------------------------------------*/
/* --------------------------------| =branding |---------------------------*/
/* ------------------------------------------------------------------------*/

h1.branding {
   width: 240px;
   height: 150px;
   position: absolute;
   top: 74px;
	z-index: 300;
}

h1.branding a {
   width: 240px;
   height: 150px;
   display: block;
   text-indent: -5000px;
}

/* ------------------------------------------------------------------------*/
/* --------------------------------| =Headlines |--------------------------*/
/* ------------------------------------------------------------------------*/

h1 {
   font-size: 25px;
   font-weight: normal;
   margin-bottom: 10px;
   color: #9a431d;
}

h2 {
	text-indent: -5000px;
	height: 59px;
	width: 585px;
	margin-bottom: 15px;
}

h2.startseite {background: url(../images/index/bg-h2.jpg) no-repeat left top;}
h2.newsletter {background: url(../images/newsletter/bg-h2.gif) no-repeat left top;}
h2.kontakt {background: url(../images/kontakt/bg-h2.gif) no-repeat left top;}
h2.danke {background: url(../images/danke/bg-h2.gif) no-repeat left top;}
h2.anfahrt {background: url(../images/anfahrt/bg-h2.gif) no-repeat left top;}
h2.impressum {background: url(../images/impressum/bg-h2.gif) no-repeat left top;}
h2.ueberUns {background: url(../images/ueber-uns/bg-h2.gif) no-repeat left top;}
h2.neuheiten {background: url(../images/neuheiten/bg-h2.gif) no-repeat left top;}
h2.ausbildung {background: url(../images/ausbildung/bg-h2.gif) no-repeat left top;}
h2.emotionen {background: url(../images/emotionen/bg-h2.gif) no-repeat left top;}
h2.fehler {background: url(../images/fehler/bg-h2.gif) no-repeat left top;}
h2.produktAcaciaArmata {background: url(../images/produkte/acacia-armata/bg-h2.gif) no-repeat left top;}
h2.produktAcaciaArmataWerbemittel {background: url(../images/produkte/acacia-armata-werbemittel/bg-h2.gif) no-repeat left top;}
h2.produktEricaVentricosa {background: url(../images/produkte/erica-ventricosa/bg-h2.gif) no-repeat left top;}
h2.produktEricaVentricosaWerbemittel {background: url(../images/produkte/erica-ventricosa-werbemittel/bg-h2.gif) no-repeat left top;}
h2.produktCallunaBeautyLadies {background: url(../images/produkte/calluna-beauty-ladies/bg-h2.gif) no-repeat left top;}
h2.produktCallunaBeautyLadiesWerbemittel {background: url(../images/produkte/calluna-beauty-ladies-werbemittel/bg-h2.gif) no-repeat left top;}
h2.produktCallunaBeautyLadiesLongLife {background: url(../images/produkte/calluna-beauty-ladies-long-life/bg-h2.gif) no-repeat left top;}
h2.produktCallunaBeautyLadiesTrios {background: url(../images/produkte/calluna-beauty-ladies-trios/bg-h2.gif) no-repeat left top;}
h2.produktCallunaBeautyLadiesTwins {background: url(../images/produkte/calluna-beauty-ladies-twins/bg-h2.gif) no-repeat left top;}

h3 {
   font-size: 14px;
   font-weight: bold;
   margin-bottom: 5px;
   color: #ab0956;
}

h4 {
   font-size: 13px;
   font-weight: bold;
   margin-bottom: 5px;
   color: #617c30;
}

h5 {
   font-size: 12px;
   font-weight: bold;
   color: #4c4c4c;
}

/* ---------------------------------------------------------------------*/
/* --------------------------------| =Border |--------------------------*/
/* ---------------------------------------------------------------------*/

.imageBorderFloatRight,
.imageBorderFloatLeft,
.imageBorderClear,
.imageBorder {
   padding: 2px;
   background: #fff;
   border: 1px solid #afc792;
   margin: 0 0 10px 10px;
   float: right;
	clear: both;
}

.imageBorderFloatLeft {
   margin: 0 10px 10px 0;
   float: left;
	clear: none;
}

.imageBorderClear {
   margin: 0 0 10px 0;
	float: none;
	clear: none;
}

.imageBorder {
   margin: 0 10px 10px 0;
   float: none;
	clear: none;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =Link |--------------------------*/
/* -------------------------------------------------------------------*/

/* a */
a,
a.escape,
a.escape span span {
   font-family: Verdana, Arial, Tahoma, sans-serif;
   font-size: 12px;
   color: #617c30;
   text-decoration: underline;
}

a:hover,
a.escape:hover,
a.escape:hover span span {
   text-decoration: none;
	color: #4c4c4c;
}

/* pdfDownload */
a.pdfDownload,
a.linkDownload,
a.linkWeb   {
   background: url(../images/icon-pdf.gif) no-repeat left;
   padding: 20px 0 18px 60px;
   height: 30px;
   width: 100px;
   text-decoration: none !important;
}

a.pdfDownload:hover,
a.linkDownload:hover,
a.linkWeb:hover {
   text-decoration: underline !important;
}

/* linkDownload */
a.linkDownload {
   background: url(../images/icon-download.gif) no-repeat left;
}

/* linkWeb */
a.linkWeb {
   background: url(../images/icon-web.gif) no-repeat left;
}

/* linkTop */
a.linkTop {
   float: right;
   display: block;
   height: 20px;
   width: 100px;
   text-align: right;
   color: #4c4c4c;
   text-decoration: none;
   font-size: 10px;
}

a.linkTop:hover {
   color: #abb59b;
}

a#de, a#en {
	width: 16px;
	height: 11px;
	top: 405px;
	left: 795px;
	z-index: 301;
	position: absolute;
	text-indent: -5000px;
	background: transparent;
}

a#en {left: 823px;}

a#de:hover {background: url(../images/de-aktiv.jpg) no-repeat top;}
a#en:hover {background: url(../images/en-aktiv.jpg) no-repeat top;}

/* ------------------------------------------------------------------------*/
/* --------------------------------| =container |--------------------------*/
/* ------------------------------------------------------------------------*/

#container {
   width: 955px;
   margin: 0 auto;
   position: relative;
}

/* ---------------------------------------------------------------------*/
/* --------------------------------| =header |--------------------------*/
/* ---------------------------------------------------------------------*/

#header {
   width: 955px;
   height: 296px;
	padding: 131px 0 19px 0;
   background: url(../images/bg-header-top.jpg) no-repeat top left;
   position: relative;
	z-index: 190;
}

#headerLeft {
   width: 66px;
   height: 262px;
   background: url(../images/bg-header-left.jpg) no-repeat top left;
   position: relative;
	float: left;
}

#headerMiddle {
   width: 729px;
   height: 262px;
   position: relative;
	float: left;
}

#headerright {
   width: 155px;
   height: 296px;
   background: url(../images/bg-header-right.jpg) no-repeat top left;
   position: relative;
	float: left;
}

/* -------------------------------------------------------------------------------*/
/* --------------------------------| =contentContainer |--------------------------*/
/* -------------------------------------------------------------------------------*/

/* contentContainer */
#contentContainer {
   width: 578px;
   position: relative;
	float: left;
	padding: 0 0 0 77px;
	z-index: 399;
}

/* contentMain1 */
.contentMain1 {
   width: 270px;
   padding-right: 38px;
   position: relative;
   float: left;
}

/* contentMain2 */
.contentMain2 {
   width: 270px;
   position: relative;
   float: left;
}

/* content */
p {
   margin: 0 0 18px 0;
   line-height: 18px;
}

#container #contentContainer ul {
   margin: 0 0 18px 0px;
}

#container #contentContainer ul li {
   margin: 0 0 0px 0;
   padding: 0 0 0 15px;
   line-height: 18px;
   background: url(../images/li-icon.gif) no-repeat top left;
   position: relative;
}

.containerInformation1,
.containerInformation2,
.containerInformation3 {
	width:176px;
	height: 160px;
	padding-right: 14px;
   position: relative;
	float: left;
	display: block;
}

.containerInformation2 {height: 130px;}
.containerInformation3 {height: 290px;}

.containerInformation1 p,
.containerInformation2 p,
.containerInformation3 p {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	margin: 0;
}

.containerInformation1 p.description,
.containerInformation2 p.description,
.containerInformation3 p.description {font-size: 10px; font-weight: normal;}

.containerInformation1 img,
.containerInformation2 img,
.containerInformation3 img {
   padding: 2px;
   background: #fff;
   border: 1px solid #afc792;
   margin: 0 0 2px 0;
}

/* ---------------------------------------------------------------------*/
/* --------------------------------| =adress |--------------------------*/
/* ---------------------------------------------------------------------*/

#adress {
   width: 247px;
   height: 414px;
   _height: 430px;
	padding: 40px 0 0 25px;
	_padding: 24px 0 0 25px;
   background: url(../images/bg-sidebar.jpg) no-repeat top left;
   position: relative;
	float: right;
	z-index: 191;
}

#adress p {
   margin: 0 0 10px 0;
   position: relative;
   font-size: 11px;
   color: #627938;
}

#adress p a,
#adress p a.escape,
#adress p a.escape span span {
	font-size: 11px;
}

#adress p a:hover,
#adress p a.escape:hover,
#adress p a.escape:hover span span {
	text-decoration: none;
}

#adress h3 {text-indent: -5000px; height: 1px;}

/* -------------------------------------------------------------------------*/
/* --------------------------------| =navigation |--------------------------*/
/* -------------------------------------------------------------------------*/

ul#navigation {
   left: 55px;
   top: 393px;
   width: 740px;
   height: 34px;
   position: absolute;
   z-index: 400;
	background: url(../images/bg-navigation.jpg) no-repeat top left;
}

ul#navigation li {
   position: relative;
   float: left;
}

ul#navigation li a {
   display: block;
   height: 34px;
	text-indent: -5000px;
}

ul#navigation li a.startseite {width: 81px;}
ul#navigation li a.ueberUns {width: 103px;}
ul#navigation li a.produkte {width: 103px;}
ul#navigation li a.neuheiten {width: 111px;}
ul#navigation li a.emotionen {width: 115px;}
ul#navigation li a.ausbildung {width: 112px;}
ul#navigation li a.newsletter {width: 115px;}

ul#navigation li a.startseite:hover {background: url(../images/index/bg-navigation-aktiv.jpg) no-repeat left bottom;}
ul#navigation li a.ueberUns:hover {background: url(../images/ueber-uns/bg-navigation-aktiv.jpg) no-repeat left bottom;}
ul#navigation li a.produkte:hover {background: url(../images/produkte/bg-navigation-aktiv.jpg) no-repeat left bottom;}
ul#navigation li a.neuheiten:hover {background: url(../images/neuheiten/bg-navigation-aktiv.jpg) no-repeat left bottom;}
ul#navigation li a.emotionen:hover {background: url(../images/emotionen/bg-navigation-aktiv.jpg) no-repeat left bottom;}
ul#navigation li a.ausbildung:hover {background: url(../images/ausbildung/bg-navigation-aktiv.jpg) no-repeat left bottom;}
ul#navigation li a.newsletter:hover {background: url(../images/newsletter/bg-navigation-aktiv.jpg) no-repeat left bottom;}

ul#navigation li#produkte ul {
   display: none;
   list-style: none;
}

ul#navigation li#produkte ul li {
   background: none;
   display: block;
   margin: 0;
   padding: 0;
   position: relative;
   float: none;
}

ul#navigation li#produkte ul li a {
   display: block;
   color: #fff;
   text-decoration: none;
   height: 21px;
   padding: 6px 0 0 25px;
   width: 250px;
   font-size: 12px;
   border-bottom: 1px solid #fff;
   border-left: 1px solid #fff;
   text-align: left;
	text-indent: 0px;
}

ul#navigation li#produkte ul a:hover {
   color: #fff;
   background: #cc5882;
}

ul#navigation li#produkte ul {
   top: 34px;
   left: 0px;
   width: 276px;
   position: absolute;
   background: #c14a75;
   border-top: 1px solid #FFFFFF;
}

ul#navigation li#produkte:hover ul {
   display: block;
}

ul#navigation li#produkte ul li {
   float: none;
   position: relative;
   display: inline;
   clear: both;
}

/* -----------------------------------------------------------------------------------*/
/* --------------------------------| =navigationAdditional |--------------------------*/
/* -----------------------------------------------------------------------------------*/

ul#navigationAdditional {
   margin-left: 0px;
   top: 238px;
   width: 90px;
   height: 72px;
   position: absolute;
}

ul#navigationAdditional li {
   position: relative;
   float: left;
}

ul#navigationAdditional li a {
   display: block;
   height: 24px;
	width: 90px;
	text-indent: -5000px;
}

ul#navigationAdditional li a.kontakt:hover {background: url(../images/kontakt/bg-navigation-aktiv.jpg);}
ul#navigationAdditional li a.anfahrt:hover {background: url(../images/anfahrt/bg-navigation-aktiv.jpg);}
ul#navigationAdditional li a.impressum:hover {background: url(../images/impressum/bg-navigation-aktiv.jpg);}