/* Styles für Tabbed Rotator */
.ui-tabs-panel {padding:0px !important; background:none transparent !important; border:none !important;}
 ul.ui-tabs-nav {  
     z-index:1;  
     width:100%;  
     background:#FFF url(images/uitabsbg.gif) repeat-x ;  
/*     border-top:1px solid #FFF;   */
	position:inherit;
	overflow:hidden;
 }  

 ul.ui-tabs-nav li {  
	border-width:0px;
 }  
 ul.ui-tabs-nav li a { padding:5px 20px; }

li.ui-tabs-nav-item a:link,  
li.ui-tabs-nav-item a:visited {  
	padding: none;
/*    font-size:.8em;  */
    font-weight:normal;  
    color:#333;  
    background:#FFF url(images/uitabsbg.gif) repeat-x ;  
    border-left:1px solid #c5ced9;  
    border-right:1px solid #c5ced9;  
    border-bottom:1px solid #c5ced9;  
}  

#rotator .ui-tabs-nav-item a:hover,  
#rotator .ui-tabs-nav-item a:active {  
    background:#FFF url(../../images/bg_big_button.gif) repeat-x ;  
    color:#FFF;  
	padding: none;
}  
  
#rotator .ui-tabs-nav-item a span {  
    float:left;  
    padding:0px;  
    cursor:pointer;  

}  

#rotator .ui-tabs-selected a {  
    background:#FFF url(../../images/bg_big_button.gif) repeat-x ;  
    color:#CCC;  
} 



/* 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:white; border: 1px solid white; background: url('../../images/bg_big_button.gif'); cursor: pointer; }
.promo-next { width:49%; float:right; text-align:center; color: white; border: 1px solid white; background: url('../../images/bg_big_button.gif'); 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.png');background-position: center top;background-repeat: no-repeat;height: 55px;width: 107px;text-align: center;padding-top: 9px;font-size:12pt; }
.promopricebg { float:right;background-image: url('../../images/mod_promotions/ecke_price_bg.png');background-position: center top;background-repeat: no-repeat;height: 55px;width: 107px;text-align: center;padding-top: 9px;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; }