@import url("reset.css");
@import url("navigation.css");
@import url("rte.css");
@import url("formular.css");

/* --------------- Basic Stuff --------------- */
* 
{
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 0;
}

html
{
    padding:0px;
    margin:0px; 
    min-height: 100%;
    height: auto; 
}
body 
{ 
    font-family: Arial, Verdana, Helvetica, Geneva, sans-serif, SimSun;
    font-size: 12px;
    line-height:14px;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    color:#686868;
}

.noBackGround{
  background-color: #ffffff;
}

.butterflyBackGround {
	/*background: url(../pics/layout/bg_flower_power.jpg) no-repeat fixed 930px bottom;*/
	background: url(../pics/layout/bg_winter.jpg) no-repeat 930px top;
}

.landingpageBackground{
	background: url(../pics/layout/bgLandingpage.jpg) no-repeat fixed 0px top;
}



.clear{
    height: 0;
    color: transparent;
    background: transparent none;
    line-height: 0;
    clear:both;
    border:0;
    font-size: 0;
    margin:0;
    padding:0;
    width:0;
}

a{  
    text-decoration:none;
}

a:hover,
#metanavigation a:hover,
.footerListTxt a:hover,
#footernavi a:hover,
#subnavigation ul a:hover,
#subnavigation ul.ebene1 li.sub.act li a:hover,
#subnavigation ul.ebene1 li .ebene2 li.sub.act .ebene3 a:hover{
    color:rgb(51,153,153);
    text-decoration:underline;
}

/* --------------- Container --------------- */
html > body #shadow{
    background:url(../pics/layout/bg_white_schatten.png) repeat-y;  
    min-height:100%;
    height: auto !important;
    height:100%;
    width:996px;
}

*html #shadow{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../pics/layout/bg_white_schatten.png', sizingMethod='scale');
    min-height:100%;
    height: auto !important;
    height:100%;
    width:996px;
}

#header{    
    width:960px;
    margin:0 0 0 20px;
}

#main,
#footer{    
    width:940px;
    margin:0 20px;
}

/* --------------- Header --------------- */
#headerLeft{
    float:left;
    margin:20px 0 0 0px;
    width:128px;
    height:88px;
}

#headerMiddle{
    float:left;
    width:619px;
    height:108px;
}

#header.landingpage #motto{
	margin: 20px 0 0 0;
}

#headerRight{
    float:left;
    width:213px;
    height:108px;
}

#language{
    width:121px;
    float:right;
    height:38px;
}

#basket{
    width:94px;
    height:65px;
    float:right;
    background: transparent url(../pics/layout/bg_top_basket.png) no-repeat 0 0;
    color:white;
    font-size: 32px;
    padding: 3px 0 0 54px;
    line-height: 42px;
	 margin-top: -6px;
}
	#basket img {
		float:right;
		margin: 9px 10px 0 0;
	}
	*+html #basket img {
		margin: -31px 10px 0 0;
	}	
	.sidebarCartIFrame {
		width:75px;
		height:45px;
		overflow: hidden;
		background: transparent;
	}
	
	*+html .sidebarCartIFrame {
		margin: 0 0 0 -50px;
		width:125px;
	}

/* --------------- Suche --------------- */
#search{
    float:right;
    margin:0 0 0 13px;
    width:180px;
}

#suchbox,
#tx-indexedsearch-searchbox-sword{
    float:left;
    border:1px solid rgb(204,204,204);
    color:rgb(153,153,153);
    margin:4px 3px 0 0;
    font-size:11px;
    padding:1px 5px;
    width:130px;
}

.inputimg{
    margin:3px 0 0 0;
}

.tx-indexedsearch-form label{
	float:left;
	margin:5px 5px 0 0;
}

.tx-indexedsearch-form{
	float:left;
}

.tx-indexedsearch-whatis{
	display:none;
}

/* --------------- Content --------------- */
#main{
    background:url(../pics/layout/bg_content_schatten.jpg) no-repeat;
    min-height: 307px;
    height: auto !important;
    height: 307px;  
    /*padding:0 0 310px;*/
    position:relative;
}

#main.landingpage,
#main.landingpage p{
   color: #686868;
}

#main.landingpage h1{
   color: #b1ca5e;
	margin-bottom: 3px;
}

#main.landingpage{
    background:none;
}


#content{
    width:700px;
    margin:0 0 0 240px;
}
 #contentWide{
	 	margin: 0px;
}
    

    /* ---------- Hauptinhalt ----------*/
    #mainContent {}
	 
	
        #contentMiddle,
		  #contentLeftWide{
            float:left;
        }
        #contentLeftWide{
        		width: 725px;
				padding-bottom: 40px;
        }
		  
        #contentMiddle {
            width:490px;
            margin:30px 10px 0 0;
        }
        
        #contentRight {
            width:195px;
            margin: 30px 0 0 0;
            color: #686868;
				float:right;
        }       


/* --------------- Footer --------------- */
    #footer{
        clear:both;
        height:375px;
    }
	 
	 #footer.landingpage{
        height:170px;
    }

    #footertop{
        background:url(../pics/layout/bg_footertop.gif) repeat-x 0 0;
        height:130px;
    }

    #footermiddle{
        background:url(../pics/layout/grey_dot.jpg) repeat-x 0 bottom;
        height:210px;
    }

/* --------------- FCE Quicklink --------------- */

    .lady{
        float:left;
    }


    .quicklink{
        /*float:left;
        color:rgb(153,153,153);
        height:107px;
        margin:22px 0 0 5px;
        width:175px;
        position:relative;*/
    }

    #footertop .contact{
        /*position:absolute;
        bottom:4px;*/
		float:left;
        color:rgb(153,153,153);
        max-height:50px;
        margin:79px 0 0 5px;
        width:175px;
        /*position:relative;*/
    }

	#footertop .contact.right{
		float:right;	
    }
	
    #footertop .contact .link {
        font-size:18px;
        color:#999999;
        display:block;
        margin:5px 0 0 0;   
        line-height:25px;    
    }
    #footertop .contact .link:hover {
        text-decoration:none;
    }

    #footertop .contact .icon {
        padding: 0 0 0 28px;
        line-height:25px;
    }
    
    #footertop .contact .termin {
        background:url(../pics/icons/termine.jpg) no-repeat 0 2px;
    }
    
    #footertop .contact .phone {
        background:url(../pics/icons/telephone.jpg) no-repeat 0 2px;
    }   
	
	#footertop .contact .facebook {
        background:url(../pics/icons/facebook.jpg) no-repeat 0 2px;
    }  
	
	#footertop .contact h4{
		font-size:13px;
	}
	#footertop .contact p{
		font-size:13px;
		line-height:14px;
	}
    
	#footertop .Quicklink li p {
		font-size:11px;
	}    
	#footertop .Quicklink li h4 {
		font-size:12px;
	}	
    

/* --------------- FCE TextListe --------------- */
    .footerListTxt {
        float:left;
        color:rgb(153,153,153);
        font-size:10px;
        width:130px;
        margin: 10px 15px 15px 0;
    }

    .footerListTxt a {
      font-size:10px;
      color:rgb(153,153,153);
      text-decoration: none;
		margin:-2px 0 0;
		display:block;        
    }
        

    .footerListTxt h3 a,
    .footerListTxt h3 {
        color:rgb(153,153,153);
        font-size:10px;
        font-weight: bold;
        margin:0 0 6px 0;
    }

/* --------------- FCE ImageListe --------------- */
    .footerListImg {
        margin: 3px 0 0 0;
    }

    .footerListImg.left{
        float:left;
    }

    .footerListImg.right{
        float:right;
		  margin: 33px 32px 0 0;
    }

    .footerListImg .image{
        margin: 0 0 15px 8px;   
    }

/* --------------- FCE verlinktes Bild --------------- */
    .floatLeft {
        float:left;
    }
    .floatRight {
        float:right;
    }   
    .floatAbsolute {
        position:absolute;
    }   

/* --------------- FCE Seitenüberschrift --------------- */ 
    .pageHeadline {
        margin: 0 0 35px 0;
    }

        .pageHeadline .line {
            background: url(../pics/layout/page_headline_line.gif) no-repeat 0 0;
            height:1px;
            width:430px;
            margin: 6px 0;
        }
        
/* --------------- FCE kleine Box für rechte Spalte --------------- */          
    .small_box {
        margin: 0 0 11px 0;
    }

    .small_box.icon .iconArea{
        width: 30px;
        height: 30px;
        margin: 0 8px 0 0;
        float:left;
    }
    
    .small_box.question .iconArea{
        background: url(../pics/icons/small_box_question.gif) no-repeat 0 0;
    }
    .small_box.arrow .iconArea{
        background: url(../pics/icons/small_box_arrow.gif) no-repeat 0 0;
    }   
    .small_box.basket {
        background: url(../pics/icons/small_box_basket.gif) no-repeat 0 0;
    }
    .small_box.flag .iconArea{
        background: url(../pics/icons/small_box_flag.gif) no-repeat 0 0;
    }
    .small_box.plus .iconArea{
        background: url(../pics/icons/small_box_plus.gif) no-repeat 0 0;
    }
    .small_box.quotes .iconArea{
        background: url(../pics/icons/small_box_quotes.gif) no-repeat 0 0;
    }   
    .small_box.phone .iconArea{
        background: url(../pics/icons/small_box_phone.gif) no-repeat 0 0;
    }       
    
    .small_box .content,
    .small_box .trennpunkte {
        width:190px;
    }
    
    .small_box.icon .content,
    .small_box.icon .trennpunkte {
        float:left;
        width:150px;
    }   
    
    .small_box h2 {
        margin: 5px 0 15px 0;
        font-size: 16px;
        line-height: 20px;
        color: #686868;
    }   
    
    .small_box h2 a {
        color: #686868 !important;
        line-height: 20px; 
    }   
    
    .trennpunkte{
        background: url(../pics/layout/trennpunkt.jpg);
        background-repeat: repeat-x;
        margin: 0;
        float:left;
        height:1px;
    }
	 #contentRight .trennpunkte{
        margin-top: 10px;
    }
    
/* --------------- FCE item List --------------- */ 
    .itemList table {
        margin: 0 0 20px 0;
    }
    
    .itemList td {
        vertical-align:top;
    }

    .itemList h3 {
        text-transform:uppercase;
        color:#339999;
        margin: 0 0 13px 0;
    }
    .itemList h3 a:hover{
        text-decoration:none;
    }   
	 
	 /* --------------- FCE Text für Special Seiten --------------- */
	.containerSpecial{
		padding: 0 30px 0 0;
	}
	
	.containerSpecial p,
	.containerSpecial .contentSpecial{
		color: #686868;
		font-size: 15px;
		line-height:24px;
		/*margin: -30px 0 50px;*/
		margin: 0 0 33px;
		line-height: 20px;
	}
	

	 /* --------------- FCE Produktempfehlung --------------- */ 
	.headline{
		background: url("../pics/layout/grey_dot.jpg") repeat-x scroll 0 bottom #FFFFFF;
    	color: #45B2A5;
    	font-size: 19px;
   	font-weight: normal;
   	margin-bottom: 3px;
  		padding-bottom: 19px;
		width: 705px;
	}
	
	.containerProduct{
		width: 705px;
		margin: 0px 0 4px 0;
		background: url(../pics/layout/spacer_dots_grey.gif) repeat-x bottom left;
		float:left;
	}
	
	.containerProduct.tippsBorder{
		width: 705px;
		margin: 0px 0 4px 0;
		background: url(../pics/layout/spacer_dots_grey.gif) repeat-x bottom left;
		float:left;
	}
	
	.containerProduct .containerInner{
		margin: 0px 0 5px 0;
		background: #ffffff;
		float:left;
		padding-bottom: 10px;
	}
	.containerProduct .containerInner:hover{
		background: #f8f8f8;
	}
	.containerProduct .colLeft{
		float:left;
		width: 136px;
	}
	.containerProduct .colMiddle{
		float:left;
		width:275px;
		margin: 0 20px 0 0;
	}
	#mainContent .containerProduct .colMiddle h3 a{
		color: #a2a2a2;
		text-decoration: none;
	}
	.containerProduct .colRight{
		float:left;
		width:274px;
		margin: 42px 0 0 0;
	}
	
	/* --------------- FCE Tipps Landingpage --------------- */ 
	.containerProduct.tipps .containerInner img{
		float:left;
		margin: 0 20px 0 0;
	}
	.containerProduct.tipps .containerInner{
		background: none;
		padding: 5px 0 5px 0;
		width: 100%;
	}
	.containerProduct.tipps .colRight{
		float:none;
		width: auto;
		margin: 5px 0 0 0;
		padding: 0 20px 0 0;
	}
	.containerProduct.tippsBorder .containerInner img{
		float:left;
		margin: 0 20px 0 0;
	}
	.containerProduct.tippsBorder .containerInner{
		padding: 9px 0 5px 0;
		background: url(../pics/layout/spacer_dots_grey_first.jpg) repeat-x top left;
		width: 100%;
	}
	.containerProduct.tippsBorder .colRight{
		float:none;
		width: auto;
		margin: 5px 0 0 0;
		padding: 0 20px 0 0;
	}
	.containerProduct.tippsBorder .containerInner:hover{
		background: #f8f8f8 url(../pics/layout/spacer_dots_grey_first.jpg) repeat-x top left;
	}
	.containerProduct.tipps .containerInner:hover{
		background: #f8f8f8;
		padding: 5px 0 5px 0;
	}
	#mainContent .containerProduct.tipps .colRight h1 a{
		color: #373737;
		font-size: 16px;
		font-weight: normal;
		margin: 0 0 15px 0;
		float:left;
		width: 465px;
	}
	
	#mainContent .containerProduct.tippsBorder .colRight h1 a{
		color: #373737;
		font-size: 16px;
		font-weight: normal;
		margin: 0 0 15px 0;
		float:left;
		width: 465px;
	}
	
	#mainContent .containerProduct.tipps .colRight h1{
		width: 100%;
	}

	/* --------------- FCE Zitat Landingpage --------------- */ 
	.containerProduct.zitat .containerInner img{
		float:left;
		margin: 0 20px 0 0;
	}
	.containerProduct.zitat .containerInner{
		background: none;
		padding: 9px 0 5px 0;
		background: #f8f8f8 url(../pics/layout/spacer_dots_grey_first.jpg) repeat-x top left;
	}
	.containerProduct.zitat .colRight{
		float:none;
		width: auto;
		margin: 5px 0 0 0;
		padding: 0 20px 0 0;
	}

	.containerProduct.zitat .colRight .produktEmpfText,
	.containerProduct.zitat .colRight .produktEmpfText p{
		color: #686868;
		line-height: 24px;
		font-size: 16px;
	}
	
	.containerProduct.zitat .colRight h1{
		color: #686868;
		margin: 3px 0 15px 0;
		font-weight: bold;
		font-size: 16px;
		padding-top: 5px;
	}
	
	#mainContent .containerProduct .colMiddle h1 a{
		font-size: 16px;
		color: rgb(55,55,55);
		margin: 16px 0 2px 0px;
		font-weight: normal;
		float: left;
		width: 100%;
	}
	
	.containerProduct .colMiddle h3{
		font-size: 11px;
		color: rgb(180,180,180);
		margin: 0 0 15px 0;
		font-weight: normal;
	}
	
	.containerProduct .colMiddle .produktEmpfText{
		float: left;
	}
	.containerProduct .colRight .productAdvantage{
		padding: 2px 10px 4px 22px;
		background: url(../pics/icons/icoCheckl.gif) no-repeat;
		color: #686868;
	}
	.productRecommend .headline{
		color: #67b2ab;
		font-size: 18px;
		width: 100%;
		margin: 0 0 15px 0;
	}
	
	.containerProduct .produktEmpfText{
		line-height: 16px;
		color: #686868;
	}
	
/* --------------- FCE Waschmittel --------------- */
.cleaningAgentTable{
	margin-top: 20px;
}
.cleaningAgentProducts .infoProduct{
	float:left;
}
.cleaningAgentProducts .productImage a{
	text-decoration:none;
}
.cleaningAgentProducts .detailInfoTab{
	background: url(../pics/layout/bg_productinfo.png) no-repeat;
	width: 140px;
	height: 123px;
	padding: 10px;
	color: #333333;
	display: none;
	position:absolute;
	margin: 30px 0 0 20px;
	cursor: default;
	z-index: 100;
}
.infoProduct:hover .detailInfoTab{
	display: block;
}
	

/* --------------- FCE Zitat Landingpage --------------- */ 	
  
h4{
    font-size:14px;
    line-height:16px;
    font-weight:normal;
}
.content h2 {
	margin-bottom: 5px;	
}
h1 {
	color: #45b2a5;
	font-size: 20px;
	font-weight: normal;
	background: #FFFFFF url(../pics/layout/grey_dot.jpg) repeat-x 0 bottom;
    margin-bottom: 15px;
    padding-bottom: 19px;	
	 margin-right: 20px;
	 line-height: normal;
}
#contentRight h1 {
	line-height: 22px;
}
.pageHeadline h1,
.containerProduct h1 {
	background: none;
    margin: 0;
    padding: 0;	
}
h2 {
	/*color: #6fc2b7*/
	color: #45b2a5;
	font-size: 16px;
	font-weight:normal;
}
#mainContent h2{
	margin-bottom: 10px;
}

ol {
	list-style: decimal;
	margin: 0 0 0 20px;
}
*+html ol {
	margin: 0 0 0 24px;
}

ul.contentList {
    list-style: disc url(../pics/layout/pfeil_green_bold.gif) outside;  
    margin: 0 0 0 15px;
}
ul.contentList li {
	list-style: disc url(../pics/layout/pfeil_green_bold.gif) outside;  
	margin: 0 0 5px 0;
}

#mainContent a {
    color:#339999;
}
#mainContent td a {
    margin-top: 5px;
	 text-decoration: underline;
}
#mainContent td{
	line-height: 14px;
	padding-top: 3px;
}
#mainContent .kids td,
#mainContent .katalog td{
	line-height: 20px;
}
#contentRight a{
	text-decoration: underline;
	line-height: 20px;
}
#contentRight p a{
	line-height: 16px;
	display: block;
	margin-top: 7px;
}
#contentRight h2 a{
	text-decoration: none;
}
p {
    margin: 0 0 7px 0;
	 line-height:16px;
}


/* --------------- HighSlide --------------- */
#mainContent a.highslide {
	margin: 0;
}

a.highslide img {
	border:none;
	display:inline;
	margin:0;
	padding:0;
}

#mainContent a.highslide img:hover {
	border:none;
}



/* --------------- News --------------- */
.news-latest-item h3,
.news-single-item h3 {
    text-transform:uppercase;
    color:#339999;
    float:left;
}

.news-latest-item{
	clear:both;
    margin: 0 0 20px 0;
}

.news-date{
    color:#339999;
}

.news-title,
.news-subheader,
.news-single-additional-info{
    margin: 0 0 13px 0;
}

.news-single-related dt,
.news-single-files dt{
    margin: 3px 0 3px 0;
}

.news-latest-image{
	float:left;
	width:120px;
}

/* --------------- Sitemap --------------- */
.tx-flseositemap-pi1 ul ul{
	margin:0 0 0 10px;
}

/* --------------- FAQs --------------- */
#contentMiddle .tx-irfaq-pi1 dt p {
	font-weight:normal;
}
.faqheader{
	color:rgb(147,138,125);
}
#contentMiddle .tx-irfaq-pi1 dd p {
	margin:0 0 0 15px;
}

#contentMiddle .tx-irfaq-pi1 .additional-info {
	border-top:none;
	margin-bottom:10px;
	height:1px;
	margin:10px 0 10px 15px;
}

.tx-irfaq-dynheader img{
	float:left;
	margin:2px 5px 0 0;
}

.faqquestion{
	float:left;
	margin:0 0 5px 0;
	width:470px;
}

/*IE6 Styles*/
*html .faqquestion{
	margin:0;
}

.faqact .faqquestion {
	background-color:rgb(230,226,222);
}


/* --------------- CSS für IFrameseite --------------- */
.iframe-page {
	width:510px;
	overflow: hidden;
	padding:0 3px 0 5px;
}

	.header {
		width:496px;
		background: #e9f3f2 url(../pics/layout/logo_iframe.gif) no-repeat 427px 11px;
		border:1px solid #e9e9e9;
		padding:15px 0 14px 11px;
		min-height: 47px;
		margin:0 0 41px 0;
	}
	.main-headline {
		color:#5cc4b8;
		font-weight: bold;
		font-size: 18px;
		width:400px;
		height:18px;
		overflow: hidden;
		margin-bottom:7px;
	}
	.sub-headline {
		color:#666666;
		font-weight: normal;
		font-size: 13px;
		width:400px;
		height:28px;
		overflow: hidden;
	}
	
	.iframe-page a {
		text-decoration:none;
		color: #339999;
	}
		.iframe-page a:hover {
			text-decoration:underline;
		}	
		
/* --------------- Flecken ABC--------------- */	
.abc a{
	margin: 0 5px 0 0;
}

#contentLeftWide .underline{
	background: url(../pics/layout/spacer_dots.jpg) repeat-x;
	height: 1px;
	margin: 16px 0 40px 0;
	width: 705px;
}

.abcContainer{
	background: url(../pics/layout/spacer_dots.jpg) repeat-x left bottom;
	width: 705px;
	float:left;
}
.abcContainer .letter{
	background: url(../pics/layout/spacer_dots.jpg) repeat-x left bottom;
	width: 705px;
	padding: 0 0 15px 0;
	float:left;
	margin-top: 45px;
}

.abcContainer .teaser{
	width: 115px;
	float:left;
	margin-left: 10px;
}
.abcContainer .description{
	width: 130px;
	float:left;
	color: #686868;
	font-size: 15px;
	margin-right: 15px;
	line-height: 18px;
}
.abcContainer .section{
	width: 210px;
	float:left;
}
.abcContainer .product{
	width: auto;
	float:left;
}
.abcContainer .more{
	background: url(../pics/layout/arrowlink.png) 0 2px no-repeat;
	font-size: 12px;
	padding: 0 0 0 22px;
	float: right;
	width: 190px;
	color: #686868;
}
.abcContainer .more a{
	text-decoration: underline;
	color: #46b2a5;
}
.more p{
	text-decoration: none;
}
.abcContainer .list{
	float:left;
	padding: 10px 0 10px 0;
	width: 100%;
}
.plus{
	float:left;
	margin: 11px 0px 0 0px;
}
.alphabet .letter{
	float: left;
	margin-right: 12px;
}