/* --------------------- ELEMENTS ---------------------*/

ul  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #515151;

	text-decoration : none;

	margin-left : 20px;

	list-style-type : square;

}



.promop li {

   line-height:14px;

}



.promop .detailContent li {

   padding-bottom:5px;

}



.innovationen2007 ul{

    margin-top:12px;

    padding-top:0px;

    padding-left:0px;

    margin-left:15px;

    margin-bottom:0px;

    padding-bottom:0px;

}







.innovationen2007 li {

   margin:0px;

   padding:0px;

   line-height:14px;

}



.innovationen2007 .headline,

.innovationen2007 .copytext{

  padding-left:9px;

  padding-right:3px;

}



.innovationen2007 .copytext{

  margin-top:5px;

}



.innovationen2007 .ecoLabel{

   position:absolute;

   left:102px;

   top:12em;

}



/* PRODUCTSEARCH*/

.searchFormfield  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #515151;

	width : 120px;

	height : 19px;

	border-left : #00ACF1 2px solid;

	border-top : #00ACF1 2px solid;

	border-right : #00ACF1 2px solid;

	border-bottom : #00ACF1 2px solid;

	padding : 1px 1px 1px 5px;

}

.searchFormfield_fr  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #515151;

	width : 130px;

	height : 19px;

	border-left : #00ACF1 2px solid;

	border-top : #00ACF1 2px solid;

	border-right : #00ACF1 2px solid;

	border-bottom : #00ACF1 2px solid;

	padding : 1px 1px 1px 5px;

}



.searchResultLocator  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #FFFFFF;

	background-color : #00ACF1;

	text-decoration : none;

}



.searchResultLocator:hover  {

	text-decoration : underline;

}



/* form elements*/

.textbox  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #515151;

	height : 19px;

	border-left : #00ACF1 1px solid;

	border-top : #00ACF1 1px solid;

	border-right : #00ACF1 1px solid;

	border-bottom : #00ACF1 1px solid;

	padding : 1px 1px 1px 2px;

}



.textboxReadonly  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #332407;

	background-color : #B2E6FB;

	height : 19px;

/* border-left: #B2E6FB 1px solid;

	border-top: #B2E6FB 1px solid;

	border-right: #B2E6FB  1px solid;

    border-bottom: #B2E6FB 1px solid; */

	border-left : #00ACF1 1px solid;

	border-top : #00ACF1 1px solid;

	border-right : #00ACF1 1px solid;

	border-bottom : #00ACF1 1px solid;

	padding : 1px 1px 1px 2px;

}



textarea  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #332407;

	height : 19px;

	border-left : #00ACF1 1px solid;

	border-top : #00ACF1 1px solid;

	border-right : #00ACF1 1px solid;

	border-bottom : #00ACF1 1px solid;

	padding : 1px 1px 1px 1px;

	overflow : auto;

}



.selectbox  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #515151;

	width : 290px;

	height : 17px;

	border : #00ACF1 1px solid;

	border-top : #00ACF1 1px solid;

	border-right : #00ACF1 1px solid;

	border-bottom : #00ACF1 1px solid;

	margin-top : 0px;

}



/* FARBEN*/

.contactGreenBG  {

	background-color : #77C56D;

}



.contactGreenLightBG  {

	background-color : #A0D699;

}



.contactYellowBG  {

	background-color : #FFC73E;

}



.kiehlBluePackshotBG {



    background-color: #196BB4;

}





.kiehlBlueLightBG  {

	background-color : #7FD5F8;

}



.kiehlBlueLighterBG  {

	background-color : #B2E6FB;

}



.kiehlBlueBrightBG  {

	background-color : #99DFF9;

}



.kiehlBlueMediumBG  {

	background-color : #80D6F8;

}



.kiehlBlueMedium2BG  {

	background-color : #47C3F5;

}



.kiehlBlueMedium3BG  {

	background-color : #66CDF7;

}





.kiehlBlue2BG  {

	background-color : #33BDF4;

}



.kiehlBlueBG  {

	background-color : #00ACF1;

}



.whiteBG  {

	background-color : #FFFFFF;

}





.grBrownBG  {

	background-color : #A24025;

}



.grGreenDarkBG  {

	background-color : #628600;

}



.grGreenLightBG  {

	background-color : #9DAB00;

}







.grPromopBasicBG {

   background-color: #ECF2CF; /* helles Grün */

}



.grPromopAdvancedBG {

   background-color: #F0E5C6; /* helles braun */

}



.grPromopPremiumBG {

   background-color: #C9ECEF; /* helles Blau*/

}





/* NAVIGATION / STANDARDELEMENTE ----------------------------------------------------*/

.blank  {

	font-size : 0px;

	color : #FFFFFF;

}



.metanav  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 10px;

	font-weight : normal;

	color : #FFFFFF;

	text-decoration : none;

}



.metanav:hover  {

	text-decoration : underline;

}



.locatorLink  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 10px;

	line-height : 10px;

	font-weight : normal;

	color : #515151;

	text-decoration : none;

}



.locatorLink:hover  {

	text-decoration : underline;

}



.contentfooterLink  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 10px;

	font-weight : normal;

	color : #515151;

	text-decoration : none;

}



.contentfooterLink:hover  {

	text-decoration : underline;

}





.promop .backlink{

    margin-top:100px;

    color : #00ACF1;

}



.promop  a:link,

.promop  a:visited {

    color : #00ACF1;

}



.promop a.buttonLink:link,

.promop a.buttonLink:visited

{

   margin-top:10px;

   text-decoration:none;

}



.promop .buttonLink em{

   font-style:normal;

   font-weight:bold;

}



.footer  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 10px;

	font-weight : normal;

	color : #FFFFFF;

	text-decoration : none;

}



/* secon level navigation*/

.secnavLink  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	color : #515151;

	text-decoration : none;

	line-height : 18px;

	margin-left : 12px;

}



.secnavLink:hover  {

	text-decoration : underline;

	cursor : pointer;

}





.secnav  {

	background-color : #FFFFFF;

}



.secnavLine  {

	background-color : #00ACF1;

	width : 202px;

	height : 1px;

}



.tertnav  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 10px;

	font-weight : normal;

	color : Gray;

	text-decoration : none;

}



/* standard ------------------------------------*/

.headline  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : bold;

	color : #00ACF1;

	margin-top : 15px;

}



.promop .headline{

    margin-bottom: 0px;

}





.headlineLink  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : bold;

	color : #00ACF1;

	margin-top : 15px;

	text-decoration : none;	

}



.blueText:link{

    color: #00ACF1;

     font-weight : bold;

}



.noMarginTop:link{

   margin-top: 0px;

}



.blueText:visited{

    color: #00ACF1;

     font-weight : bold;

}



.noMarginTop:visited{

   margin-top: 0px;

}





.headlineLink:hover {

	text-decoration : underline;

}







.subheadline  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : bold;

	color : #818181;

	margin-top : 5px;

}



.subheadlineLink  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : bold;

	color : #818181;

	margin-top : 5px;

	text-decoration: none;

}



.subheadlineLink:hover {

	text-decoration: underline;	

}





.copytext  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px; 

	font-weight : normal;

	color : #515151;

	text-decoration : none;

	margin-top : 5px;

}



.promop .contentContainerOverview {

     margin-left:56px; 

     margin-right:130px;

     margin-top:58px;

     margin-bottom:55px;

}



.promop .contentContainer {

     margin-left:56px; 

     margin-right:130px;

     margin-top:35px;

     margin-bottom:30px;

}



.promop .detailContent{

     margin-left:15px; 

     margin-right:50px;

     margin-top:0px;

     margin-bottom:30px;

}



.copytextEmph  {

	color : #00ACF1;

}



.copytextLink  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #515151;

	text-decoration : none;

}



.copytextLink:hover  {

	color : #00ACF1;

	text-decoration : underline;

}



.copytextEmbeddedLink  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #00ACF1;

	text-decoration : none;

}



.copytextEmbeddedLink:hover  {

	color : #00ACF1;

	text-decoration : underline;

}



.text  {

	font-family : Arial, Helvetica, sans-serif;

  color : #515151;	  

	font-size : 11px;

	font-weight : normal;

	text-decoration : none;

}



.text:hover  {

	text-decoration : underline;

}



.textbold  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	color : #515151;	

	font-weight : bold;

	text-decoration : none;

}



.textbold:hover  {

	text-decoration :underline;

}





.list  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #515151;

	text-decoration : none;

	margin-left : 20px;

	list-style-type : square;

}



/* smalltext: for productsystem text etc.*/

.smalltext  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 10px;

	font-weight : normal;

	color : #515151;

	text-decoration : none;

}



.smalltextLink  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 10px;

	font-weight : normal;

	color : #515151;

	text-decoration : none;

}



.smalltextLink:hover  {

	text-decoration : underline;

}



.infotext  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #515151;

	text-decoration : none;

}



.hervorheben .copytextLink{

	color: #CC3300;	

	}



.infotextLink  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #00ACF1;

	text-decoration : underline;

}



.infotextLink:hover  {

	text-decoration : underline;

}



/* special text styles*/

.addinfoBlockheadline  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : bold;

	color : #FFFFFF;

	background-color : #00ACF1;

	text-decoration : none;

}



.addinfoLink  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	color : #004865;

	text-decoration : none;

}



.addinfoLink:hover  {

	text-decoration : underline;

}



.addinfoText  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	color : #004865;

	text-decoration : none;

	margin-left : 6px;

}



.addinfoHeadline  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : bold;

	line-height : 18px;

	color : #005B7F;

	text-decoration : none;

}



.addinfoCopytext  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	line-height : 18px;

	color : #005B7F;

	text-decoration : none;

}



/* product list*/

.productname  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : bold;

	color : #00ACF1;

	text-decoration : none;

}



.productname:hover  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : bold;

	color : #00ACF1;

	text-decoration : underline;

}



.productdescription  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #515151;

	text-decoration : none;

	line-height : 18px;

	margin-left : 8px;

}



.productdownloadsText  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 10px;

	font-weight : normal;

	color : #515151;

	text-decoration : none;

}

.productdownloads  {

	background-color: #E5F7FE;

}





.summaryLink  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #515151;

	text-decoration : none;

}



.summaryLink:hover  {

	text-decoration : underline;

	color : #00ACF1;

}



/* frontpage ------------------------------------*/

.fpImagetext  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #FFFFFF;

	text-decoration : none;

	line-height : 18px;

	margin-left : 8px;

	margin-right : 5px;

	margin-top : 5px;

}



.fpImagetextLink {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #FFFFFF;

	text-decoration : none;

	

}



.fpImagetextLink:hover {

	text-decoration : underline;

	

}



/* contact ------------------------------------*/

.contactCopytext  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	color : #332407;

	line-height : 24px;

	padding-left : 2px;

}



.contactCopytextWhite  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #FFFFFF;

	line-height : 24px;

}



.contactHeadline  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : bold;

	line-height : 24px;

	color : #332407;

	text-decoration : none;

}



.contactHeadlineWhite  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : bolder;

	color : #FFFFFF;

	line-height : 24px;

}



.contactText  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	color : #332407;

	text-decoration : none;

}



.contactTextWhite  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #FFFFFF;

	padding-left : 2px;

	text-decoration : none;

}



.contactInfotextWhite  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 10px;

	font-weight : normal;

	color : #FFFFFF;

	text-decoration : none;

}



.contactLink  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #332407;

	text-decoration : none;

}



.contactLink:hover  {

	text-decoration : underline;

}



/* sitemap ------------------------------------*/

.sitemapHead  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : bold;

	color : #FFFFFF;

	text-decoration : none;

}



.sitemapText  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 10px;

	font-weight : normal;

	color : #666666;

	text-decoration : none;

}



.atsLink  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	color : #c82c04;

	text-decoration : none;

	line-height : 18px;

	margin-left : 12px;

	font-weight : bold;

}



.atsLink:hover  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	color : #c82c04;

	text-decoration : underline;

	line-height : 18px;

	margin-left : 12px;

	font-weight : bold;

}



.teaserTextWhite  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	color : #FFFFFF;

}



a.tertNavPromop:link,

a.tertNavPromop:visited {

	font-size : 11px;

	color : #565656;

	font-family : Arial, Helvetica, sans-serif;

	line-height : 19px;

	text-decoration : none;

}





a.tertNavPromop:hover,

a.tertNavPromop:active  {

	text-decoration : underline;

}



.kiehlBlueExtraLightBG  {

	background-color : #E4F6FE;

}



/*  news */



.newsteaserHeadline  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : bold;

	color : #515151;

	text-decoration : none;	

}



.newsteaserHeadline:hover {

	color : #F48D00;

	text-decoration : underline;

}





.newsteaserLink  {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	color : #141D27;

	text-decoration : none;	

}



.newsteaserLink:hover {

	color : #F48D00;

	text-decoration : underline;

}