/* Container für Scrollen in View moving */
.promo-container { overflow: hidden; height: 175px; position:relative; }
.promo-container ul li { list-style: none inside; position:relative; left:0px;}
.promo-container .promo-small { left:0px; }
.promo-controls { }
.promo-prev { width:49%; float:left; text-align:center; color:black; border: 1px solid white; background-color: #e7ded5; cursor: pointer; }
.promo-next { width:49%; float:right; text-align:center; color: black; border: 1px solid white; background-color: #e7ded5; cursor: pointer; }

/* View middle: zwei Kästen nebeneinander */
/* Hauptdefinition View middle */
.promo-middle { overflow: hidden; width: 735px; height:270px; }

/* abweichend für andere Breiten */
.promo-middle-small { width: 562px; }
.promo-middle_ag { width: 720px; }

/* Unterelemente View middle */
.promo-middle .promoblock { float: left; width: 49%; height: 98%; border: 1px solid #DDDDDD; position:relative; overflow:hidden; }
.promo-middle .promospan { float: left; width: 1%; }
.promo-middle .promo-details { clear:right;float:right;padding-right: 20px; position:relative; top:170px;}
.promo-middle .promo-timespan { font-weight:bold; height:0px; clear:right;float:left;padding-left : 10px; position:relative; top:150px;}
.promo-middle .promolink { left: 0; top: 0; position: absolute; }
.promo-middle .promolink img { width:500px; height: 500px; }
.promo-middle .promotext { float: left; text-align:left; padding: 0 9px; height: 135px; overflow:hidden; width:95%; }
.promo-middle .promotext img { float: left; padding: 2px; }

/* View small: ein Kasten vertikal */
/* Hauptdefinition View small */ 
.promo-small { float:left; position: relative; overflow: hidden; width: 735px; height: 170px; }

/* abweichend für andere Breiten */
.promo-small-small { width: 562px;}
.promo-small_ag { width: 720px;}

/* Unterelemente View middle */

.promo-small .promoblock { float:left; width: 99%; height: 98%; border: 1px solid #DDDDDD; overflow:hidden; }
.promo-small .promoblock1 { float:left; width:70%; }
.promo-small .promoblock2 { float:right; }
.promo-small .promotext { text-align:left; padding-left: 4px; height: 150px; overflow:hidden; }
.promo-small .promotext img { padding: 2px; float:left; }
.promo-small .promolink { left: 0px; top: 0px; position: absolute; }
.promo-small .promo-details { clear:right; float:right; padding-right:20px; position:relative; top:60px; }
.promo-small .timespan { clear:both; margin-left: 5px; }

/* allgemeine Elemente für alle Views */
.promoprice { float:right;background-image: url('../../images/mod_promotions/ecke_price.gif');background-position: center top;background-repeat: no-repeat;height: 55px;width: 107px;text-align: center;padding-top: 11px;font-size:12pt; }
.promopricebg { float:right;background-image: url('../../images/mod_promotions/ecke_price_bg.gif');background-position: center top;background-repeat: no-repeat;height: 55px;width: 107px;text-align: center;padding-top: 7px;font-size:12pt; }
.button_short_gray { background:transparent url(../../images/mod_promotions/short_button_gray.gif) no-repeat scroll 0 0; border:0 none;color: #000000;cursor:pointer;font-family:arial;font-size:12px;font-weight:bolder;height:22px;text-align:center;width:65px;padding-bottom: 2px; }