body,html{ 
  background-color: #000000;
  color: #fff;  
}

h1{ color: #c89d35; }
h4{
  color: #c89d35; 
  font-size: 14px;
  padding-top: 18px;
  padding-bottom: 10px;
}


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

  /* TOP ===================================
     #top > Contentbereich links, Logo rechts
  ========================================== */
    #header p.bodytext{ color: #fff; line-height: 19px; }
    /*#header p.bodytext{ color: #fff; line-height: 19px; font-size: 13px; margin-left: 3px;}*/

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

      /* Produkteaser ===============================
         #productTeaserMain > enthält Teaser-Inhalte
      =============================================== */      
      #productTeaserMain a{ color: #c89d35; text-align: center!important; }
      
      #productTeaserMain dd.act a{ color: #ddae39;  }

      /* SLIDER ==================================================
         #productTeaserMain dl.teaser > dd,dl,dt für Slider-Elemente
      ============================================================ */
      #productTeaserMain dl.teaser dd .title{ color: #c89d35; }
      #productTeaserMain dl.teaser dd .subtitle{ color: #0d1215; }
       
        .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;
} 

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

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

  div.items dt, div.items dl{margin: 0!important; padding: 0!important;}
  div.items dt, div.items dd{ /*width: 104px;*/ line-height: 10px;  }
  div.items dt, div.items dd a{ color: #c89d35; text-align: center!important; padding: 0; margin: 0; }
 
.scrollable .items div { 
    /*float:left; 
    /*width: 240px;
    height: 160px;
    padding-right: 20px; 
    width: auto;*/
	padding-top:2px;
    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: #fff;
    /*line-height: 34px;*/
	line-height: 13px;
	padding-bottom:10px;
	padding-top: 11px;
    font-weight: bold;
    text-align: left;
  }
  .teaserLink .h2{
    font-size: 11px;
    font-weight: normal;
    /*color: #aec068!important;*/
    color: #9b8a5b!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; } 	


/* simple css-based tooltip */
.tooltip h4{ font-size: 19px; }
.tooltip {
	background-color:#000;
  border:2px solid #313131;
	padding:0px 20px 20px 30px;
	width:350px;
	display:none;
	color:#fff;
	text-align:left;
	line-height: 19px;
	left: 0;
	margin-left: -200px;
	position: absolute!important;

	
}