body,html{ 
  /*background-color: #274678;*/
  background-color: #0e254b;
  color: #fff;  
}

h1{ color: #f18200; }

/* Hauptcontainer =================
=================================== */

  /* TOP ===================================
     #top > Contentbereich links, Logo rechts
  ========================================== */
    #header p.bodytext{ color: #667CA5; line-height: 19px; }

  /* MIDDLE =================================================================
     #middle > umschließender Container für Produktteaser, Navigation, Content
  =========================================================================== */
    
    /* Produkteaser ===============================
       #productTeaserWrap > umschließender Container
    =============================================== */
      #productTeaserWrap{ height: 180px; background: url(../img/dottedBg2.png) repeat-x 0 0; }

      /* Produkteaser ===============================
         #productTeaserMain > enthält Teaser-Inhalte
      =============================================== */      
      #productTeaserMain a{  color: #667CA5; text-align: left!important; }
      /*#f18200*/
      #productTeaserMain dd.act a{ color: #fff;  }

      /* SLIDER ==================================================
         #productTeaserMain dl.teaser > dd,dl,dt für Slider-Elemente
      ============================================================ */
      #productTeaserMain dl.teaser dd .title{ color: #f18200; }
      #productTeaserMain dl.teaser dd .subtitle{ color: #f18200; }
       
        .items dd{ /*text-align: center!important; */ text-align:left!important; }
        
        
               
        /* SLIDER ===================
           #productTeaserMain > DIV-Container für Slider sowie Buttons
        ============================= */

  /* HAUPTNAVIGATION ==============
  ================================= */
  #navigationLeft ul li ul { margin-left: 30px;  }
  #navigationLeft ul li ul li a.act { color: #fff; }
  #navigationLeft ul li ul li, #navigationLeft ul li ul li a{
   color: #cbcbcb;
   text-decoration: none;
   font-size: 12px;
  }

  /* CONTENT ================================================================
     #contentWrap > umschließender Container für Produktbild, Hauptinhalt etc.
  =========================================================================== */
 
    /* PRODUKTBILD =================================================================
    Container für großes, absolut positioniertes Produktbild links neben dem Content
      .produktbildWrap > umschließender Container
      .produktbild > Enhält Inhalt
    ================================================================================ */
      
    /* PRODUKTINFORMATIONEN ===========================================================================
    Container für erweiterte Produktinformationen (Link zum Shop, weiterempfehlen, Zubereitung etc.)
       .produktinfos > umschließender Container mit UL der Links und Icons
    ================================================================================================ */  

/* FOOTER ========================
   #bottom > enthält Footer-Inhalte
================================== */  
#footer ul{ padding-right: 0; margin-right: 0; }    
#footer ul a{ text-decoration: none; color: #cbcbcb; font-size: 12px;}
#footer ul li{ padding-left: 10px!important; }
#footer li.act a{ color: #aec068; }
  
#bottom{
  float: right;
  position: relative;
  width: 40%;
  text-align: right;
  margin-top: -58px;
}
  #bottom .plus{
    display: block;
    width: 40px;
    float: right;
  }
  #bottom #footer{ float: left; bottom: 0; width: 100%; }
  #bottom ul { float:right; padding-right: 5px; }
  #bottom ul li{ float:left; padding-left: 5px; }

/* PRODUCTEASER // SCROLLABLE ========================
====================================================== */

div.scrollable { 
    /*position:relative; 
    overflow:hidden; 
    width: 92%;
    height:164px;  */
    position:relative; 
    overflow:hidden; 
    width: 88%;    
    height:160px; 
    margin-left: 33px;  
   
} 
 
div.scrollable div.items { 
  position:absolute;
  width:5000px;
} 

div.scrollable div.items div, div.items dl, div.items dt, div.items dd{
  width: auto!important;
}   

  div.scrollable div.items div.tab {width:720px!important;}

  div.items dt, div.items dl{ margin: 0!important; padding: 2px 0 0 0!important;}
  div.items dt, div.items dd{ /*width: 104px;*/ line-height: 10px;  }
  div.items dt, div.items dd a{ text-align: left!important; padding: 0; margin: 0; }
 
.scrollable .items div { 
    /*float:left; 
    /*width: 240px;
    height: 160px;
    padding-right: 20px; 
    width: auto;*/    
    float:left; 
    height: 160px;
    padding-right: 70px;   
} 

  div.scrollable div.items div a.img{ float: left; display: block; }
  
  .img{ padding-right: 15px; }
  .teaserLink .h1{ 
    display: block; 
    font-size: 12px; 
    /*color: #adadb0;*/
    /*color: #f18200;*/
	color: #667CA5;
    line-height: 34px;
    font-weight: bold;
    text-align: left;
  }
  .teaserLink .h2{
    font-size: 11px;
    font-weight: normal;
    /*color: #aec068!important;*/
    color: #989898!important;
    display: block;
    line-height: 14px;
    text-align: left;
  }  
  
/*div.items div.active { border:1px inset #ccc;  background-color:#fff; }*/
.scrollable { float:left;	}

a.browse {
	display:block;
	width:20px;
	height:20px;
	float:left;
	margin:70px 5px;
	cursor:pointer;
	font-size:1px;
}
                
a.right 				{ background: url(../img/allegrettoArrowRight-black.png) no-repeat 0 0; clear:right; margin-right: 0px;}
a.left				{ background: url(../img/allegrettoArrowLeft-black.png) no-repeat 0 0; margin-left: 0px; } 

a.disabled { visibility:hidden !important; }