/*
 * Bosch Webspecial Microsite
 * stabmixer
 *
 * page
 */









body {
	padding: 0;
	margin: 0;
}
 sup{
	 font-size:7px;
	 }	 
#strWrapper {
  /*
   * reset
   */
  padding: 0;
  margin: 0;
  z-index: 0;
  color: #404245;
  text-decoration: none;
  font-family: Arial, Verdana, Helvetica, 'Sans-Serif';
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  line-height: 16px;
  background-image: none;
  background-repeat: no-repeat;
  /*bg*/
  border: 0;
  list-style: none;
  position: relative;
  width: 982px;
  height: 450px;
  /*
   * structure design style
   */
  }
  #strWrapper p {
  	color: #404245;
  	line-height: 15px;
  }
  #strLayerBox {
  	  color: #404245;
	  text-decoration: none;
	  font-family: Arial, Verdana, Helvetica, 'Sans-Serif';
	  font-weight: normal;
	  font-style: normal;
	  font-size: 12px;
	  line-height: 100%;
  }

  #strWrapper p {
    margin: 0;
    padding: 0; }
  #strWrapper .strColorWhite p {
    color: #FFF;
    }
  #strWrapper a, #strLayerBox a {
    text-decoration: none;
    color: #215f8b;
    font-size: 12px;
    font-weight: bold;
    /*font*/ }
  #strWrapper img {
    border: 0;
    padding: 0px;
    margin: 0px;
    /*a*/ }
    #strWrapper img a {
      border: 0; }
  #strWrapper h2 {
    font-family: Verdana, Helvetica, Arial, "Sans-Serif";
    font-size: 20px;
    /*font*/
    line-height: 25px;
    margin: 0; }
  #strWrapper #strNavi {
    width: 980px;
    height: 36px;
    background-position: bottom;
    background-image: url("../img/bgnavi.png");
    background-repeat: repeat-x;
  }
    #strWrapper .clear {
    	clear: both;
    }
    #strWrapper .strColorWhite, #strWrapper .strColorWhite a {
    	color: #FFF;
    }
    #strWrapper .strColorWhite a:hover {
    	color: #EFEFEF;
    }
    #strWrapper .strBold {
    	font-weight: bold;
    }
    #strWrapper .strSmall {
    	font-size: 7px;
    	line-height: 9px;
    }
    #strWrapper #strNavi .strNaviItem {
      float: left;
      background-color: transparent;
      /*bg*/
      font-weight: bold;
      font-size: 12px;
      cursor: pointer;
      line-height: 40px;
      margin-right: 2px;
      /*div*/
      /*.strNaviItemLeft*/
      /*.strNaviItemCenter*/
      /*.strNaviItemRight*/ }
      #strWrapper #strNavi .strNaviItem div {
        float: left;
        height: 36px; }
      #strWrapper #strNavi .strNaviItem .strNaviItemLeft {
        width: 5px;
        background-image: url("../img/naviinactivel.png");
        /*bg*/ }
      #strWrapper #strNavi .strNaviItem .strNaviItemCenter {
        background-image: url("../img/naviinactivec.png");
        background-repeat: repeat-x;
        /*bg*/
        text-align: center;
        padding: 0 5px; }
      #strWrapper #strNavi .strNaviItem .strNaviItemRight {
        width: 5px;
        background-image: url("../img/naviinactiver.png");
         }
  #strWrapper #strContent {
    width: 980px;
    height: 414px;
    border: 1px solid #c3c3c4;
    border-top: 0;
    position: relative;

 }
    #strWrapper #strContent .strContentPage {
      width: 980px;
      height: 414px;
      background-color: white;
      position: absolute;
      top: 0;
      left: 0;
	  overflow:hidden;
	  display: none;
   	  background-position: top right;
   	  background-repeat: no-repeat;
}
#strWrapper #strContent  .strBackgroundImage {
      position: absolute;
      top: 20px;
      
}
  #strWrapper #strContent #strContentPageLoader {
  	  width: 980px;
      height: 414px;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #fff;
      background-image: url("../img/bgcontent.jpg");
      z-index: 100;
  }
  #strWrapper #strContent #strContentPageLoader .strLoader {
       position: absolute;
      left: 450px;
      top: 130px;
      height: 64px;
      width: 64px;
  }
#strWrapper #strContent .strBGanimation, #strWrapper #strContent .strBGanimation img {
      width: 980px;
      height: 414px;
      position: absolute;
      top: 0;
      left: 0;
	  overflow:hidden;
	  display: none;
   	  background-position: bottom right;
   	  background-repeat: no-repeat;
}
#strWrapper #strContent .strBGanimation img {
	display: block;
	z-index: 1;
}
#strWrapper #strContent .strBGanimation img.active {
	display: block !important;
	z-index: 2 !important;
}
      
      #strWrapper #strContent #strPage0 {
      	display: block;
      }
      #strPageWhite {
      	display: block;
      }
      #strWrapper #strContent .strContentPage p {
        margin-top: 25px;
        font-size: 13px;
        line-height: 16px;
        /*font*/ }
        #strWrapper #strContent .strContentPage p small {
        font-size: 10px;
        line-height: 12px;
        /*font*/ }
      #strWrapper #strContent .strContentPage dfn {
        display: block;
        font-style: normal;
        font-size: 10px;
        /*font*/
        line-height: 12px;
        margin-top: 25px; }
      #strWrapper #strContent .strContentPage .str_preload_layer {
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        height: 100%;
        background: #ffffff;
        z-index: 80; }
      #strWrapper #strContent .strContentPage .str_preload_loader {
        height: 64px;
        width: 64px;
        position: absolute;
        top: 43%;
        left: 47%; }
      #strWrapper #strContent .strContentPage .skipPageIntro {
        cursor: pointer;
        text-decoration: none;
        position: absolute;
        right: 20px;
        bottom: 15px;
        z-index: 105;
        color: #c3c3c4;
        font-family: Arial, Verdana, Helvetica, "Sans-Serif";
        font-size: 13px;
        font-weight: bold; }
      #strWrapper #strContent .strContentPage .skipPageIntro:hover {
        cursor: pointer;
        color: #a5a6a7; }
      #strWrapper #strContent .strContentPage #strVideoInside {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
        display: none; }
      #strWrapper #strContent .strContentPage .strButton {
         position: absolute;
        cursor: pointer;
        z-index: 3;
       }
        #strWrapper #strContent .strContentPage .strButton .strButtonLeft, #strWrapper #strContent .strContentPage .strButton .strButtonCenter, #strWrapper #strContent .strContentPage .strButton .strButtonRight {
          float: left; }
        #strWrapper #strContent .strContentPage .strButton .strButtonLeft {
          width: 6px;
          height: 22px;
          background-image: url("../img/buttonleft.png");
          background-repeat: no-repeat;
          /*bg*/ }
        #strWrapper #strContent .strContentPage .strButton .strButtonCenter {
          
          height: 22px;
          line-height: 22px;
          padding: 0 4px;
          background-image: url("../img/buttoncenter.png");
          background-repeat: repeat-x;
          /*bg*/
          color: white;
          font-weight: bold;
          font-size: 12px;
          /*font*/ }
        #strWrapper #strContent .strContentPage .strButton .strButtonRight {
          width: 6px;
          height: 22px;
          background-image: url("../img/buttonright.png");
          background-repeat: no-repeat;
          /*bg*/ }
  	  #strWrapper #strContent .strPageHL {
      position: absolute;
      width: 250px;
  	  z-index: 15;
      }

	  #strWrapper #strContent .strPagetext {
      position: absolute;
      width: 250px;
	  	  z-index: 15;
 
    }
  	  #strWrapper #strContent .strPagepicture {
      position: absolute;
  	  z-index: 10;
 
  }
  	#strWrapper #strContent .strPageline {
      position: absolute;
  	  z-index: 18;
	  background-color: #e1e1e2; /* grau75: A5A6A7, grau50: c3c3c4, grau25: e1e1e2, hellgrau: f1f1f1 */
	 }
	 
	 #strWrapper #strContent .strEmotionpic { 
	  	position: absolute;
	  	z-index: 8; /* abhängig von .strPagepicture */
	  	left: 260px;
	  	top: 190px;
	  	display: none;
	  }

  #strWrapper #strContent .fruit1 {
    position: absolute;
    z-index: 2;
    left: 270px;
    top: 215px;
  }

     #strWrapper #strContent .fruit2 { 
      position: absolute;
      z-index: 2; 
      left: 450px;
      top: 125px;
    }




     #strWrapper #strContent .fruit3 { 
      position: absolute;
      z-index: 8; /* abhängig von .strPagepicture */
      left: 280px;
      top: 205px;
      
    }



	  
   	  #strWrapper #strContent .strAnimation {
      position: absolute;
  }


	  #strWrapper #strContent .strPagelink {
      position: absolute;
      width: 250px;
	  z-index: 20;
      }
	#strWrapper #strContent .strVideobutton {
		height: 37px;
		line-height: 37px;
		vertical-align: middle;
		display: block;
		background-image: url("../img/videobutton.jpg");
		background-repeat: no-repeat;
		padding-left: 45px;
		padding-top: 9px;
		cursor: pointer;
	}
	#strWrapper #strContent .strVideobuttonRight {
		height: 37px;
		line-height: 37px;
		vertical-align: middle;
		display: block;
		background-image: url("../img/videobutton.jpg");
		background-repeat: no-repeat;
		background-position: top right;
		padding-right: 45px;
		padding-top: 9px;
		cursor: pointer;
	}

	#strWrapper #strContent .strPageDeadlink {
      position: absolute;
      width: 450px;
      font-size: 12px;
		font-weight: bold;
	line-height: 20px;
	  z-index: 20;
     }

    #strWrapper #strContent .strTeaser {
      position: absolute;
      width: 190px;
    }
	  #strWrapper #strContent .strTeaser img{
		  display:block;
		  }
/* teaserpicture */		  
	#strWrapper #strContent .strTeaserpicture {
      position: absolute;
      display: block;
      width: 135px;
    }
	#strWrapper #strContent .strTeaserpicture img{
		  display:block;
		  clear: both;
	}
	#strWrapper #strContent .strTeaserpicture span{
		font-size: 14px;
		margin-top: 14px;
		color: #404245;
		font-weight: bold;
	}
		  
		  
  #strWrapper #strContent .strLinkArrowBack {
      background-image: url("../img/arrowblueleft.png") ;
      background-position: 2px -2px;
	  background-repeat:no-repeat;
      padding-left: 13px;
      }

      #strWrapper #strContent .strPagelink .strLinkArrow {
        margin-left: 4px; 
			  z-index: 20;}
      #strWrapper #strContent .strPageDeadlink .strLinkArrow {
        margin-left: 4px; 
			  z-index: 20;}

      #strWrapper #strContent .strPagelink a {
        line-height: 16px;
			  z-index: 20; }
      #strWrapper #strContent .strPageDeadlink a {
        line-height: 20px;
			  z-index: 20; }
	#strWrapper #strContent .noArrow .strLinkArrow {
		background-image: none !important;
	}	
      
	
      #strWrapper #strContent .strTeaser h4, #strWrapper #strContent .strTeaser h5 {
        margin: 0;
        padding: 0; }
      #strWrapper #strContent .strTeaser h4 {
        margin-top: 16px;
        margin-bottom: 2px;
        margin-left: 4px;
        font-family: Verdana, Helvetica, Arial, "Sans-Serif";
        font-size: 13px;
        /*font*/ }
      #strWrapper #strContent .strTeaser h5 {
        margin-top: 8px;
        margin-left: 4px;
        font-weight: normal;
        /*font*/ }
      #strWrapper #strContent .strTeaser .strLinkArrow {
		padding-left:10px;
        /*margin-left: 4px;*/ }
      #strWrapper #strContent .strTeaser a {
        line-height: 20px; }
    #strWrapper #strContent #strFooterBg {
      width: 980px;
      height: 71px;
      background-color: #f1f1f1;
      /*bg*/
      opacity: 0.6;
      filter: alpha(opacity='60');
      position: absolute;
      bottom: 0; 
  	  z-index: 50;}
    #strWrapper #strContent #strFooter {
      width: 980px;
      height: 71px;
      position: absolute;
      bottom: 0;
   	  z-index: 51;
      
   
 }
 
 /* Video im Footer links */
      #strWrapper #strContent #strFooter .strVideoButton, #strWrapper #strContent #strFooter .strVideoButtonMo {
        cursor: pointer;
        color: #FFFFFF;
        font-size: 10px;
        font-weight: bold;
        position: absolute;
        bottom: 9px;
        left: 8px; }
      #strWrapper #strContent #strFooter .strVideoButtonMo {
        height: 51px;
        width: 49px;
        background-image: url("../img/video/buttonmo.png");
        background-repeat: no-repeat;
        background-position: bottom left;
        display: block;
        z-index: 3;
}
        #strWrapper #strContent #strFooter .strVideoButtonMo span,  #strWrapper #strContent #strFooter .strVideoButtonMo_new span{
          position: absolute;
          bottom: 18px;
          left: 15px; }
        #strWrapper #strContent #strFooter .strVideoButtonMo p {
          font-size: 10px;
          font-weight: bold;
          color: #FFF !important;
          display: none;
          position: absolute;
          top: 3px;
          /*left: 92px;*/
         left: 130px;
           }
          
/* Optional Footerlink */
		#strWrapper #strContent #strFooter .strOptional {
			position: absolute;
			width: 230px;
        	height: 60px;
		}
	  #strWrapper #strContent #strFooter a.strOptionalPicLink {
	  	top: 0px;
        left: 0px;
	  }
 	  #strWrapper #strContent #strFooter .strOptionalPic {
        position: absolute;
        bottom: 3px;
        right: 178px;
        width: 42px;
        height: 58px;
		 }
      #strWrapper #strContent #strFooter .strOptionalText {
        font-weight: 700;
        font-size: 12px;
        position: absolute;
        top: 12px;
        left: 52px; }
      #strWrapper #strContent #strFooter .strOptionalLink {
        position: absolute;
        top: 32px;
        left: 52px; }
      #strWrapper #strContent #strFooter .strOptionalLink a {
        font-size: 11px;
        background-image: url("../img/arrowblueright.png");
        background-position: 0px -2px;
        background-repeat: no-repeat;
        padding-left: 8px;
        }
       #strWrapper #strContent #strFooter .strOptionalLink a:hover {
        background-position: 0px -22px;
        } 


/* single PDF */ 
      #strWrapper #strContent #strFooter .strPdf {
        position: absolute;
        bottom: 10px;
        right: 350px;
	 }
      #strWrapper #strContent #strFooter .strPdfText {
        font-weight: bold;
        /*font*/

        position: absolute;
        top: 15px;
        left: 640px; }
      #strWrapper #strContent #strFooter .strPdfIcon {

        width: 150px;
        height: 16px;
        background-image: url("../img/pdf/pdficon.png");
        background-position: top left;
        background-repeat: no-repeat;
        /*bg*/
        padding-left: 20px;
        position: absolute;
        top: 35px;
        left: 640px;
        /*a*/ }
        #strWrapper #strContent #strFooter .strPdfIcon a {
          font-size: 11px; }
       #strWrapper #strContent #strFooter #strInfoline {
        position: absolute;
        top: 15px;
        left: 870px;
        
        line-height: 16px;
         }
      #strWrapper #strContent #strFooter #strRetailer {
        position: absolute;
        top: 40px;
        left: 870px;
        
        line-height: 16px;
         }
    #strWrapper #strContent #strFooter a:hover {
        color: #00142a; 
      }
    #strWrapper #strContent .strActivePagelink {
        color: #00142a !important; 
      }  
      
    #strWrapper .strLinkArrow {
      background-image: url("../img/arrowblueright_single.png"); 
      background-position: 0px 4px; /* top left; */
	  background-repeat:no-repeat;
      float: left;
      padding-left: 10px; }
    
  
    #strWrapper #strContent #strPage2 .strLinkArrow {
      background-image: url("../img/arrowblueright_single.png");
      background-position: 0px 4px;
	  background-repeat:no-repeat;
      float: left;
      padding-left: 10px;
      line-height: 16px !important;
       }  
      
    #strWrapper #strInfoline .strLinkArrow,#strWrapper #strRetailer .strLinkArrow  {
    	height: 20px;  
    }
    #strWrapper #strContent .strPagelink .strColorWhite {
      background-image: url("../img/arrowwhiteright.png");
      background-position: top left;
	  background-repeat:no-repeat;
      float: left;
      padding-left: 10px;
  	  }
    #strWrapper #strContent .strLink {
      /*strLinkText*/ }
      #strWrapper #strContent .strLink .strLinkText {
        line-height: 20px;
        width: 130px;
        height: 20px; }
    #strWrapper #strContent .strSpecialLink {
      margin-top: 2px;
      /*strLinkArrow*/
      /*a*/ }
      #strWrapper #strContent .strSpecialLink .strLinkArrow {
        background-image: url("../img/arrowblueleft.png");
        /*bg*/ }
      #strWrapper #strContent .strSpecialLink a {
        line-height: 20px; }

	#strWrapper #strContent #strPage0 .strTeKoAni{
		 position:absolute;
		 right:0px;
		 top:0px;
      /*bg*/ }
    #strWrapper #strContent #strPage1 {
      background-image: url("");
      background-repeat: no-repeat;
      background-position: top right;
      /*bg*/ }
     #strWrapper #strContent #strPage1 .strTeKoAni{
		 position:absolute;
		 right:0px;
		 top:0px;
      /*bg*/ }
    #strWrapper #strContent #strPage10 {
      background-image: url("");
      background-repeat: no-repeat;
      background-position: top right;
      /*bg*/ }
      #strWrapper #strContent #strPage10 .strTeKoAni{
		 position:absolute;
		 right:0px;
		 top:0px;
      /*bg*/ }


    #strWrapper #strContent #strPage2 #strColorAni {
		position:absolute;
		top:35px;
		left: 400px;
		border: 1px solid #ebebeb;
      /*bg*/
      /*strSpecialLink*/
      /*strNextButton*/ }

      #strWrapper #strContent #strPage2 .strSpecialLink {
        /*strLinkArrow*/ }
        #strWrapper #strContent #strPage2 .strSpecialLink .strLinkArrow {
          background-image: url("../img/arrowblueright.png");
          /*bg*/ }
      #strWrapper #strContent #strPage2 .strNextButton {
        position: absolute;
        bottom: 90px;
        left: 320px; }
      #strWrapper #strContent #strPage2 .strFreshness {
        height: 216px;
        width: 367px;
        display: none;
        position: absolute;
        left: 0px;
        bottom: 0px;
        background-image: url("../img/pages/page2freshness.jpg");
        background-repeat: no-repeat;
        background-position: 0px 0px; }
    #strWrapper #strContent #strPage20 {
      background-image: url("");
      background-repeat: no-repeat;
      background-position: top right;
      /*bg*/ }
		
    #strWrapper #strContent #strPage3 {
      background-image: url("");
      background-repeat: no-repeat;
      background-position: top right;
      /*bg*/ }
      #strWrapper #strContent #strPage3 .strSpecialLink {
        /*strLinkArrow*/ }
        #strWrapper #strContent #strPage3 .strSpecialLink .strLinkArrow {
          background-image: url("");
          /*bg*/ }
      #strWrapper #strContent #strPage3 .strNextButton {
        position: absolute;
        bottom: 100px;
        left: 350px; }
      /*bg }*/
	  	      #strWrapper #strContent #strPage30 {
      background-image: url("");
      background-repeat: no-repeat;
      background-position: top right;
      /*bg*/ }

	      #strWrapper #strContent #strPage31 {
      background-image: url("");
      background-repeat: no-repeat;
      background-position: top left;
      /*bg*/ }
    #strWrapper #strContent #strPage32 {
      background-image: url("");
      background-repeat: no-repeat;
      background-position: top left;
      /*bg*/ }
    #strWrapper #strContent #strpage33 {
      background-image: url("");
      background-repeat: no-repeat;
      background-position: top right;
      /*bg*/ }
    #strWrapper #strContent #strpage34 {
      background-image: url("");
      background-repeat: no-repeat;
      background-position: top right;
      /*bg*/ }
    #strWrapper #strContent #strpage4 {
      background-image: url("");
      background-repeat: no-repeat;
      background-position: top right;
      /*bg*/ }
    #strWrapper #strContent #strpage40 {
      background-image: url("");
      background-repeat: no-repeat;
      background-position: top right;
      /*bg*/ }
    #strWrapper #strContent #strpage41 {
      background-image: url("");
      background-repeat: no-repeat;
      background-position: top right;
      /*bg*/ }
    #strWrapper #strContent #strpage42 {
      background-image: url("");
      background-repeat: no-repeat;
      background-position: top right;
      /*bg*/ }

    #strWrapper #strContent .strFeature {
      /* display: none; */
      cursor: pointer;
      position: absolute;
	  width:80px;
	  height:80px;
      background-image: url("../img/hotspot/hotspotbluemo.png");
      background-repeat: no-repeat;
      background-position: left top; 
	 }
	 
	 #strWrapper #strContent .strFeatureHighlight {
      /* display: none; */
      background-image: url("../img/hotspot/hotspotredmo.png");
	 }
      #strWrapper #strContent .strFeature:hover {
      background-position: left bottom;
      cursor: pointer;
	  }
      #strWrapper #strContent .strFeature img {
        position: absolute;
        top: -50px;
        left: 0; }
    #strWrapper #strContent .strLine {
      position: absolute;
      top: 0;
      right: 0;
      display: none; }
      #strWrapper .strHiddenText {
      	display: none;
      }
      #strWrapper .strLegal, legal {
      	cursor: pointer;
      	border-bottom: #215f8b dashed 1px;
    	color: #215f8b;
      }
      #strWrapper .strLegal:hover, legal:hover {
      	color: #bd4647;
      }
    
/* TOOLTIP NEW */      
      
  #strWrapper #strContent #strTooltipNew {
      display: none;
      position: absolute;
      z-index: 100;
      width: 240px;
 }
 .strDropShadow {
 		box-shadow: 3px 3px 6px #404245;
        -webkit-box-shadow: 3px 3px 6px #404245;
        -moz-box-shadow: 3px 3px 6px #404245;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(OffX=4, OffY=4, Color=#404245)";
        /* Shadow(Strength=4, Direction=145, Color='#404245')"; */
        /* For IE 5.5 - 7 */
        filter: "progid:DXImageTransform.Microsoft.DropShadow(OffX=4, OffY=4, Color=#404245)";
 }
 #strWrapper #strContent #strTooltipNew #strTooltipNewContent {
      	
      	background-color: #215f8b;
        
        padding: 10px 10px 10px 10px;
        font-size: 13px;
        
        line-height: 15px;
        color: white;
        }
 #strWrapper #strContent #strTooltipNewContent strong {
          display: block;
          margin-bottom: 5px; }
          
 #strWrapper #strContent #strTooltipNew .strArrowContainerTB {
 	height: 19px;
 	width: 100%;
 	display: block;
 } 
  #strWrapper #strContent #strTooltipNew .strArrowContainerRL{
  
 	height: 100%;
 	width: 19px;
 	display: block;
 } 
  #strWrapper #strContent #strTooltipNew.strHighlight #strTooltipNewContent {
  	background-color: #bd4647 !important;
  } 
#strWrapper #strContent #strTooltipNewContent .strTooltipNewClose {
          float: right;
          margin-bottom: 3px;
          margin-left: 3px;
          margin-top: -1px;
          margin-right: -1px;
          cursor: pointer; 
          width: 15px;
        }

 /* Tooltip Arrows */
/* Bottom */
 #strWrapper #strContent #strTooltipNew #strArrowBottom {
 	background-image: url("../img/arrowbottom.png");
    background-repeat: no-repeat;
 }
 #strWrapper #strContent #strTooltipNew.strHighlight #strArrowBottom {
 	background-image: url("../img/arrowbottomhighlight.png");
    background-repeat: no-repeat;
 }
  #strWrapper #strContent #strTooltipNew .strArrowBottomLeft {
 	background-position: bottom left;
 }
 #strWrapper #strContent #strTooltipNew .strArrowBottomRight {
 	background-position: bottom right;
 }
 /* Top */
  #strWrapper #strContent #strTooltipNew #strArrowTop {
 	background-image: url("../img/arrowtop.png");
    background-repeat: no-repeat;
 }
 #strWrapper #strContent #strTooltipNew.strHighlight #strArrowTop {
 	background-image: url("../img/arrowtophighlight.png");
    background-repeat: no-repeat;
 }
  #strWrapper #strContent #strTooltipNew .strArrowTopLeft {
 	background-position: top left;
 }
 #strWrapper #strContent #strTooltipNew .strArrowTopRight {
 	background-position: top right;
 }
 /* Right */
  #strWrapper #strContent #strTooltipNew #strArrowRight {
 	background-image: url("../img/arrowpeakblue_right.png");
    background-repeat: no-repeat;
 }
 #strWrapper #strContent #strTooltipNew.strHighlight #strArrowRight {
 	background-image: url("../img/arrowpeakred_right.png");
    background-repeat: no-repeat;

 }
  #strWrapper #strContent #strTooltipNew .strArrowMiddleRight {
 	background-position: top left;
 }
 /* Left */
  #strWrapper #strContent #strTooltipNew #strArrowLeft {
 	background-image: url("../img/arrowpeakblue_left.png");
    background-repeat: no-repeat;
 }
 #strWrapper #strContent #strTooltipNew.strHighlight #strArrowLeft {
 	background-image: url("../img/arrowpeakred_left.png");
    background-repeat: no-repeat;

 }
  #strWrapper #strContent #strTooltipNew .strArrowMiddleLeft {
 	background-position: top left;
 	float: left;
 }

 
/* TOOLTIP LEFT SIDED */      
      
     #strWrapper #strContent #strTooltip1 {
      display: none;
      position: absolute;
      z-index: 100;

 }
      #strWrapper #strContent #strTooltip1 #strTooltipArrow1 {
       float: left; 
        width: 14px;
        min-height: 80px;
        background-repeat: no-repeat;
        background-position: bottom left;
        /*bg*/ }
      #strWrapper #strContent #strTooltip1 #strTooltipArrow1.strNoHighlight {
        background-image: url("../img/arrowpeakblue_right.png");
        }
      #strWrapper #strContent #strTooltip1 #strTooltipArrow1.strTooltipHighlight {
        background-image: url("../img/arrowpeakred_right.png");
       } 
      #strWrapper #strContent #strTooltip1 #strTooltipContent1 {
      	
        float: left;
        width: 240px;
        min-height: 80px;
        padding: 20px 10px 20px 280px;
        font-size: 13px;
        /*font*/
        line-height: 15px;
        /*strTooltipContent*/
        box-shadow: -3px 3px 6px #404245;
        -webkit-box-shadow: -3px 3px 6px #404245;
        -moz-box-shadow: -3px 3px 6px #404245;
        /* For IE 8 */
/*        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(direction=225)";*/
        /* For IE 5.5 - 7 */
/*        filter: progid:DXImageTransform.Microsoft.Shadow(direction=225);*/
        color: white;
        }
     #strWrapper #strContent #strTooltip1 #strTooltipContent1.strNoHighlight {
  			background-color: #215f8b;
  		}	
  	 #strWrapper #strContent #strTooltip1 #strTooltipContent1.strTooltipHighlight {
  			background-color: #bd4647;
  		}
        #strWrapper #strContent #strTooltip1 #strTooltipContent1 iframe, #strWrapper #strContent #strTooltip1 #strTooltipContent1 .strTooltipMedia{
          position: absolute;
          top: 20px;
          left: 10px;
        }




        #strWrapper #strContent #strTooltip1 #strTooltipContent1 strong {
          display: block;
          margin-bottom: 5px; }
       #strWrapper #strContent #strTooltip1 #strTooltipContent1 small {
          line-height: 12px; }   
        #strWrapper #strContent #strTooltip1 #strTooltipContent1 .strTooltipClose {
          position: absolute;
          top: 10px;
          right: 24px;
          cursor: pointer; }
		#strWrapper  #strTooltipContent1 a, #strWrapper  #strTooltipContent2 a {
			color: #FFF;
			text-decoration: none;
		}
		#strWrapper  #strTooltipContent1 a:hover, #strWrapper  #strTooltipContent2 a:hover {
			color: #F2F2F2;
		}

/* TOOLTIP RIGHT SIDED */      
      
     #strWrapper #strContent #strTooltip2 {
      display: none;
      position: absolute;
      z-index: 100;
 }
      #strWrapper #strContent #strTooltip2 #strTooltipArrow2 {
       float: left; 
        width: 14px;
        min-height: 80px;
        background-repeat: no-repeat;
        background-position: bottom left;
        /*bg*/ }
      #strWrapper #strContent #strTooltip2 #strTooltipArrow2.strNoHighlight {
        background-image: url("../img/arrowpeakblue_left.png");
        }
      #strWrapper #strContent #strTooltip2 #strTooltipArrow2.strTooltipHighlight {
        background-image: url("../img/arrowpeakred_left.png");
       } 
     #strWrapper #strContent #strTooltip2 #strTooltipContent2 {
        float: left;
        width: 240px;
        min-height: 80px;
        padding: 20px 10px 20px 280px;
        font-size: 13px;
        /*font*/
        line-height: 15px;
        /*strTooltipContent*/
        box-shadow: 3px 3px 6px #404245;
        -webkit-box-shadow: 3px 3px 6px #404245;
        -moz-box-shadow: 3px 3px 6px #404245;
        /* For IE 8 */
/*        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(direction=135)";*/
        /* For IE 5.5 - 7 */
  /*      filter: progid:DXImageTransform.Microsoft.Shadow(direction=135);*/
        color: white;
  		}
  	#strWrapper #strContent #strTooltip2 #strTooltipContent2.strNoHighlight {
  			background-color: #215f8b;
  		}	
  	#strWrapper #strContent #strTooltip2 #strTooltipContent2.strTooltipHighlight {
  			background-color: #bd4647;
			font-size:13px;
			line-height:15px;
			color:#FFFFFF;
  		}
		  	#strWrapper #strContent #strTooltip2 #strTooltipContent2.strTooltipHighlight td{
  			background-color: #bd4647;
			font-size:13px;
			line-height:15px;
			padding: 0px;
			color:#FFFFFF;
  		}
		  	#strWrapper #strContent .strTooltipHighlight td{
  			background-color: #bd4647;
			font-size:13px;
			line-height:15px;
			color:#FFFFFF;
  		}

  		
        #strWrapper #strContent #strTooltip2 #strTooltipContent2 iframe, #strWrapper #strContent #strTooltip2 #strTooltipContent2 .strTooltipMedia {
          position: absolute;
          top: 20px;
          left: 22px; }
        #strWrapper #strContent #strTooltip2 #strTooltipContent2 strong {
          display: block;
          margin-bottom: 5px; }
        #strWrapper #strContent #strTooltip2 #strTooltipContent2 small {
          line-height: 12px; } 
        #strWrapper #strContent #strTooltip2 #strTooltipContent2 .strTooltipClose {
          position: absolute;
          top: 10px;
          right: 10px;
          cursor: pointer; }
/* TOOLTIP HIGHLIGHT */


/*strWrapper*/

  .strCarrousel{
    position: relative;
	padding:0px;
	padding-left:0px;
	margin:0px; }

  .strCarrouselPic{
    position: absolute;
    top: 0;
    left: 0;
	padding:0px;
	padding-left:0px;
	margin:0px; }

	.strLayerUVP {
		background-color: #f1f1f1;
		background-image: url('../img/layer_uvp.jpg');
		background-repeat: no-repeat;
		height: 14px;
		width: 120px;
		padding-top: 8px;
		padding-right: 0px;
		padding-bottom: 8px;
		padding-left: 0px;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 10px;
	}

/* #strLayerbox
 *  to be loaded in the special and the top.document if included as iframe
 */
#strLayerSafe {
  width: 100%;
  height: 100%;
  background-color: transparent;
  /*bg*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2; }

/*strLayerSafe*/
#strLayerBasic {
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: alpha(opacity='60');
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: none;
  cursor: pointer; }

/*strLayerBasic*/
#strLayerBox {
  display: none;
  position: absolute;
  
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -300px;
  z-index: 4;
  box-shadow: 3px 3px 6px #404245;
  -webkit-box-shadow: 3px 3px 6px #404245;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='404245')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='404245'); 
  }

/*strLayerBox*/
#strLayerBoxTop {

  height: 39px;
  background-color: #215f8b;
  /*bg*/
  position: relative;
  padding: 0 20px;
  color: white;
  font-family: Arial, Verdana, Helvetica, "Sans-Serif";
  font-size: 14px;
  font-weight: bold;
  /*font*/
  line-height: 39px;
  /*img*/ }


/*strLayerBox*/
#strLayerBoxTopNew {
  height: 39px;
  background-color: #215f8b;
  /*bg*/
  position: relative;
  padding: 0 20px;
  color: white;
  font-family: Arial, Verdana, Helvetica, "Sans-Serif";
  font-size: 14px;
  font-weight: bold;
  /*font*/
  line-height: 39px;
  /*img*/ 
}



  #strLayerBoxTop img, #strLayerBoxTopNew img {
    position: absolute;
    top: 9px;
    right: 9px;
    cursor: pointer; }

/*strLayerBoxTop*/
#strLayerBoxBottom {
  width: auto;
  height: 200px;
  position: relative;
  background-color: white;
  padding: 20px;
  line-height: 16px;
}

/*strLayerBoxTop*/
#strLayerBoxBottomNew {
  width: auto;
  height: auto;
  position: relative;
  background-color: white;
  padding: 0px;
  margin: 0px;
  line-height: 16px;
}



.strLayerBoxInfoline {
	width: 450px !important;
}    
#strLayerBoxBottom.strLayerBoxInfoline {
	height: auto !important;
}
.strLayerBoxHead {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 20px;
} 
.strLayerBoxContent {
	width: 300px;
	height: 170px;
}
  #strLayerBoxBottom iframe {
    position: absolute;
    top: 0;
    left: 0;
	padding:0px;
	padding-left:0px;
	margin:0px; }
	
  #strLayerBoxBottom #strInfoline {
    font-family: Arial, Verdana, Helvetica, "Sans-Serif";
    /*font*/
    color: #404245; }
  #strLayerBoxBottom #strInfolineHeadline {
    font-size: 16px;
    font-weight: bold;
    /*font*/
    margin-bottom: 15px; }
  #strLayerBoxBottom #strInfolineCopy {
    font-size: 13px;
    /*font*/
    margin-bottom: 15px;
    line-height: 16px; }
  #strLayerBoxBottom #strInfolineSmallprint {
    font-size: 10px;
    /*font*/ }

/* STRLAYERRIGHT Bügelkompetenz Texttilien */
.strPageLayerRightLink, .strPageLayerRightLinkImg { /* landet im parent #strPage container */
	position: absolute;
}
.strPageLayerRight {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 340px;
	width: 340px;
}
.strPageLayerRight .strPageLayerRightLayerImage {
	position: absolute;
	top: 60px;
	right: 20px;
}
#strPage13 .strPageLayerRight .strPageLayerRightLayerImage {
	position: absolute;
	top: 90px;
	right: 40px;
}
.strImgTextilien {
	position: absolute;
	top: 75px;
	right: 20px;
}
.strPageLayerRight .strPageLayerRightLayer {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 340px;
	width: 430px;
	display: none;
	background-color: #fff;
	z-index: 2;
}
.strPageLayerRight .strPageLayerRightLayer .strLinkArrowBack {
	position: absolute;
	bottom: 30px;
	right: 20px;
}
.strPageLayerRight .strPageLayerRightLayer .strPageLayerRightLayerText {
	width: 230px;
	padding-left: 20px;
	padding-top: 35px;
	font-size: 12px;
	display: block;
}
.strPageLayerRightLayerPictogram {
	position: relative;
	float: left;
	padding-right: 4px;
}

#strPageLayerRightLayer_1 {
	display: block;
}
/* INTRO */
#strIntro {
  height: 450px;
  width: 980px;
  background-color: white;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 80;
  /* DEMO  top: 140px; left: 42px;*/
  border: 1px solid #c3c3c4;
  display: none;
  }
#strIntroVideo {
	
}    
  #strIntro #str_intro_layer {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 87; 
	overflow:hidden;

}
  #strIntro #str_intro_loader {
    height: 64px;
    width: 64px;
    position: absolute;
    top: 43%;
    left: 47%; }
  #strIntro video {
    height: 450px;
    width: 980px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90; }
  #strIntro #skipIntro {
    cursor: pointer;
    text-decoration: none;
    position: absolute;
    right: 20px;
    bottom: 15px;
    z-index: 1005;
    color: #222; /* light grey:  c3c3c4 */
    font-family: Arial, Verdana, Helvetica, "Sans-Serif";
    font-size: 13px;
    font-weight: bold; }
  #strIntro #skipIntro:hover {
    cursor: pointer;
    color: #a5a6a7; }
  #strIntro #strIntroOne {
    height: 450px;
    width: 980px;
    overflow: hidden;
    position: relative;
    background-color: white;
	border-bottom: 1px solid #c3c3c4;

 }
 #strIntro #str_introvid_fallback {
 	visibility: hidden;
 }
/* INTRO END */ 

#strWrapper .strFBthumb {
	display: none;
}

/* social_share_privacy_area start */
#strWrapper .socialshareprivacy {
	margin-top: 12px;
	z-index: 5;
	display: block;
	cursor: pointer;
}
#strWrapper .fb_share_button_container {
	height: 20px;
	padding: 0 !important;
	margin: 0 !important;
}
#strWrapper .fb_share_button_container img {
	padding: 0 !important;
	margin: 0 !important;
}
#strWrapper .fb_share_button_container div{
	height: 20px;
	float: left;
}
#strWrapper .fb_share_button_text {
	font-size: 11px;
	font-color: #666666;
	line-height: 20px;
}
#strWrapper .social_share_privacy_area {
    clear: both;
    margin: 20px 0 !important;
	list-style-type: none;
	padding: 0 !important;
	width: auto;
	height: 25px;
	display: block;
}
#strWrapper .social_share_privacy_area li {
	margin: 0 !important;
	padding: 0 !important;
	height: 21px;
	float: left;
}
#strWrapper .social_share_privacy_area li .dummy_btn {
    float: left;
    margin: 0 0 0 10px;
    cursor: pointer;
    padding: 0;
    height: inherit;
}
#strWrapper .social_share_privacy_area li div iframe {
    overflow: hidden;
    height: inherit;
    width: inherit;
}
/* Facebook begin */
#strWrapper .social_share_privacy_area .facebook {
    width: 180px;
    display: inline-block;
}
#strWrapper .social_share_privacy_area .facebook .fb_like iframe {
    width: 145px;
}
/* Facebook end */
/* Twitter begin */
#strWrapper .social_share_privacy_area .twitter {
	width: 148px;
}
#strWrapper .social_share_privacy_area li div.tweet {
	width: 115px;
}
/* Twitter end */
/* Google+ begin */
#strWrapper .social_share_privacy_area .gplus {
	width: 123px;
}
#strWrapper .social_share_privacy_area li div.gplusone {
	width: 90px;
}
/* Google+ end */
/* Switch begin */
#strWrapper .social_share_privacy_area li .switch {
    display: inline-block;
    text-indent: -9999em;
    background: transparent url('../img/socialshareprivacy/socialshareprivacy_on_off.png') no-repeat 0 0 scroll;
    width: 23px;
    height: 12px;
    overflow: hidden;
    float: left;
    margin: 4px 0 0;
    padding: 0;
    cursor: pointer;
}
#strWrapper .social_share_privacy_area li .switch.on {
    background-position: 0 -12px; 
}
/* Switch end */
/* Tooltips begin */
#strWrapper .social_share_privacy_area li.help_info {
    position: relative; 
}
#strWrapper .social_share_privacy_area li.help_info .info, 
#strWrapper .social_share_privacy_area li .help_info.icon .info {
    display: none;
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 290px;
    padding: 10px 15px;
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 3px 4px #999;
    -webkit-box-shadow: 0 3px 4px #999;
    box-shadow: 0 3px 4px #999;
    background-color: #fdfbec;
    color: #000;
    z-index: 500;
}
#strWrapper .social_share_privacy_area li.gplus.help_info .info {
    left: -60px;
}
#strWrapper .social_share_privacy_area li .help_info.icon .info {
    left: -181px;
    width: 300px;
}
#strWrapper .social_share_privacy_area li.help_info.display .info, 
#strWrapper .social_share_privacy_area li .help_info.icon.display .info {
    display: block;
}
#strWrapper .social_share_privacy_area li.help_info.info_off.display .info {
    display: none;
}
#strWrapper .social_share_privacy_area li .help_info.icon {
    background: #fff url('../img/socialshareprivacy/socialshareprivacy_info.png') no-repeat center center scroll;
    width: 25px;
    height: 20px;
    position: relative;
    display: inline-block;
	vertical-align: top;
	border: 2px solid #e7e3e3;
	border-right-width: 0;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
    margin: 0;
    padding: 0;
}
#strWrapper .social_share_privacy_area li.settings_info .settings_info_menu.on .help_info.icon {
	border-top-width: 0;
	border-left-width: 0;
}
#strWrapper .social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon {
	border-right-width: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/* Tooltips end */
/* Settings/Info begin */
#strWrapper .social_share_privacy_area li.settings_info {
	position: relative;
	top: -2px;
}
#strWrapper .social_share_privacy_area li.settings_info a {
	text-decoration: none;
	margin: 0 !important;
}
#strWrapper .social_share_privacy_area li.settings_info .settings_info_menu {
    background-color: #f3f4f5;
    border: 2px solid #e7e3e3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	-moz-box-shadow: 2px 2px 3px #c1c1c1;
	-webkit-box-shadow: 2px 2px 3px #c1c1c1;
    box-shadow: 3px 3px 3px #c1c1c1;
    left: 0;
    position: absolute;
    top: 0;
    width: 135px;
    z-index: 1000;
    margin: 0;
    padding: 0;
}
#strWrapper .social_share_privacy_area li.settings_info .settings_info_menu.off {
	border-width: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
}
#strWrapper .social_share_privacy_area li.settings_info .settings_info_menu.off form {
	display: none;
	margin: 0;
	padding: 0;
}
#strWrapper .social_share_privacy_area li.settings_info .settings_info_menu .settings {
	text-indent: -9999em;
	display: inline-block;
	background: #fff url(images/settings.png) no-repeat center center scroll;
	width: 25px;
	height: 20px;
	border: 2px solid #e7e3e3;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	border-left: 1px solid #ddd;
	margin: 0;
	padding: 0;
}
#strWrapper .social_share_privacy_area li.settings_info .settings_info_menu.on .settings {
	border-top-width: 0;
}
#strWrapper .social_share_privacy_area li.settings_info .settings_info_menu form fieldset {
    border-width: 0;
    margin: 0;
    padding: 0 10px 10px;
}
#strWrapper .social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin: 0;
    padding: 10px 0;
	width: 115px;
}
#strWrapper .social_share_privacy_area li.settings_info .settings_info_menu form fieldset input {
	clear: both;
    float: left;
    margin: 4px 10px 4px 0;
    padding: 0;
}
#strWrapper .social_share_privacy_area li.settings_info .settings_info_menu form fieldset label {
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
	-moz-transition: color .5s ease-in;
	-webkit-transition: color .5s ease-in;
	transition: color .5s ease-in;
	margin: 0;
	padding: 0;
}
#strWrapper .social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked {
	color: #090;
}
/* social_share_privacy_area Settings/Info end */ 
 
 
#strWrapper .strfloatright {
 	float: right;
 }

 
#strWrapper .strblacklink a {
	padding-left: 0px;
	background-image: none;
}

#strWrapper .strPagecontentSlider, #strWrapper .strPagecontentSlider .strPagecontentSliderContainer, #strWrapper .strPagecontentSlider .strPagecontentSliderItem {
	height: 320px;
}

#strWrapper .strPagecontentSlider {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 480px;
}
#strWrapper .strPagecontentSlider .strPagecontentSliderContainer {
	position: absolute;
	width: 385px;
	left: 40px;
	overflow: hidden; 
}
#strWrapper .strPagecontentSlider .strPagecontentSliderItemContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10000px;
}
#strWrapper .strPagecontentSlider .strPagecontentSliderItem, #strWrapper .strPagecontentSlider .strPagecontentSliderItem .strInnerSliderItem  {
	width: 385px;	
	overflow-x: hidden;
}
#strWrapper .strPagecontentSlider .strPagecontentSliderItem {
	float: left;
	background-repeat: no-repeat;
	background-position: top right;
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
}
#strWrapper .strPagecontentSlider .strPagecontentSliderItem .strInnerSliderItem {
	vertical-align: middle;
}

#strWrapper .strPagecontentSlider .strPagecontentSliderItem img {
	float: right;
	padding-right: 19px;
}
#strWrapper .strPagecontentSlider .strPagecontentSliderItemText {
	width: 205px;
	/* float: left; */
	position: relative;
}
#strWrapper .strPagecontentSlider .strPagecontentSliderItemTextFull {
	width: 95%;
}

#strWrapper .strPagecontentSlider .strPagecontentSliderItemFull {
	width: 100%;
	float: left;
	position: relative;
	background-repeat: no-repeat;
	background-position: top right;
}

#strWrapper .strPagecontentSlider .strSliderbuttonLeft {
	position: absolute;
	left: 0px;
	top: 160px;
	width: 22px;
	height: 22px;
	background-image: url("../img/slider_button_left.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	cursor: pointer;
	display: none;
}
#strWrapper .strPagecontentSlider .strSliderbuttonLeft:hover {
	background-image: url("../img/slider_button_left_hover.jpg");
}
#strWrapper .strPagecontentSlider .strSliderbuttonRight {
	position: absolute;
	right: 15px;
	width: 22px;
	top: 160px;
	height: 22px;
	background-image: url("../img/slider_button_right.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	cursor: pointer;
}
#strWrapper .strPagecontentSlider .strSliderbuttonRight:hover {
	background-image: url("../img/slider_button_right_hover.jpg");
}



/* Bügelkompetenz buegelkompetenz special */

/* PAGE 21 */
#strPage21 .strPageLayerRight .strPageLayerRightLayer {
	padding-left: 50px;
}

/* Page 31 */
#strWrapper #strPage31 .strPagecontentSliderItemText {
	width: 95% !important;
}

/* PAGE 32 */
#strPage32 .strPagecontentSlider .strPagecontentSliderItem {
	background-position: 220px 70px;
}

/* PAGE 41 */
/*#strPage41 .strPagecontentSlider .strPagecontentSliderItemTextFull {
	font-size: 12px; 
	position: relative;
}*/
#strPage41 .strPagecontentSlider .strPagecontentSliderItemTextFull img {
	clear: both;
	margin-right: 100px;
}
.strWasserhaerte {
	font-size: 13px;
	line-height: 14px;
	position: absolute;
	top: 30px;
	right: 20px;
	z-index: 3;
	border-left: 1px solid #F90;
	border-top: 1px solid #F90;
}
.strWasserhaerte td, .strWasserhaerte th {
	border-right: 1px solid #F90;
	border-bottom: 1px solid #F90; 
}
.strWasserhaerte th {
	background-color: #b3b3b6;
}
.strWasserhaerte td {
	background-color: #cdcdcd;
}

.strWasserhaerteImg {
	float: none !important;
	position: relative;
	padding-left: 30px;
	margin:0;
	/*height: 250px;*/
	clear: both;
}
#page41watermap {
	cursor: pointer;
}

/* PAGE 42 - Calc + Clean */
#strPage42 .strPictogram {
	float: left !important;
	padding-right: 3px !important;
}

/* Page 5 */
#strWrapper #strPage5 .strPagecontentSlider .strPagecontentSliderItem img {
	padding-top: 30px;
}
#strWrapper #strPage5 .strPagecontentSliderItemText {
	width: 255px !important;
}



#strLayerBoxBottom #strZubehoerHeadline {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

#strLayerBoxBottom #strZubehoer {
    color: #404245;
    font-family: Verdana,Helvetica,"Sans-Serif";
}

#strLayerBoxBottom #strZubehoerContent td {
    font-family: Arial,Verdana,Helvetica,"Sans-Serif";
    font-size: 12px;
    padding: 10px 28px;
    font-weight: bold;
}

#strLayerBoxBottom #strZubehoerContent table#mfq_content td{
  padding: 0px !important;
  font-size: 12px;
  
}


#mfq_content td div {
 position: relative;
 bottom: 15px; 
 float: left;
}


#mfq1{ left:23px;}
#mfq2{left:81px;}
#mfq3{left:123px;}
#mfq4{left:139px;}
#mfq5{left:180px;}



.picto {
  position: absolute;
  top:150px;
}

#strPage1 .picto {
  top:104px;
}


#strPage0 .picto {
  top:90px;
}





#strWrapper #strContent #strFooter .strRezepteButtonMo {
background-repeat: no-repeat;
background-image: url("../img/rezepte/buttonmo.png");
background-position: left bottom;
display: block;
bottom: 9px;
color: #FFFFFF;
cursor: pointer;
font-size: 10px;
font-weight: bold;
left: 65px;
position: absolute;
z-index: 2;
}


#strWrapper #strContent #strFooter .strRezepteButtonMo span {
    bottom: 18px;
    left: 15px;
    position: absolute;
}



#strWrapper #strContent #strFooter .strRezepteButtonMo p {
    color: #FFFFFF !important;
    display: none;
    font-size: 10px;
    font-weight: bold;
    left: 130px;
    line-height: 12px;
    position: absolute;
    top: 5px;
    width: 55px;
    margin: 0;
    padding: 0;
}


#strWrapper #strContent #strFooter .strProductTeaser {
    bottom: 0;
    height: 56px;
    left: 230px;
    overflow: visible;
    position: absolute;
    width: 260px;
}


#strWrapper #strContent #strFooter .strProductIcon {
    background-image: url("../img/arrowblueright.png");
    background-position: left top;
    background-repeat: no-repeat;
    bottom: 20px;
    font-size: 11px;
    height: 20px;
    left: 90px;
    padding-left: 10px;
    position: absolute;
    width: 170px;
    background-position: left top;
}

#strWrapper #strContent #strFooter .strProduct {
    bottom: 10px;
    height: 70px;
    position: absolute;
    right: 180px;
    width: 52px;
    border: 0 none;
}


#strWrapper #strContent #strFooter .handruehrer {
    bottom: 10px;
    height: 70px;
    position: absolute;
    right: 180px;
    width: 94px;
    border: 0 none;
}


#strWrapper .strPagecontentSlider .strPictogram, #strWrapper #strTooltipNewContent .strPictogram, #strWrapper p .strPictogram {
    float: left !important;
   
    padding-right: 5px !important;
}



#strWrapper #strContent #strFooter .strProductIcon a {
    color: #215F8B;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}


#strWrapper #strContent #strFooter .strProductIcon:hover{
    background-position: left bottom;
}

#strWrapper #strContent #strFooter .strProductIcon a:hover{
   color: #00142a !important;
}

/* Standardlinks Landscape / quer  */   

    #strWrapper #strContent #strFooter .strOptionalPicWide {
        position: absolute;
        bottom: 3px;
        right: 178px;
        width: 91px;
        height: 52px;
        margin-right: 10px;
     }