/* Styles für Preview */
.main_image {
    width: 575px;
    height: 300px;
    float: none;
    background: #fff;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
	clear:left;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
	-moz-border-radius: 5px 5px 0px 0px;
	padding:5px;
}
.main_image h2 {
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px;
}
.main_image p {
    font-size: 1em;
    line-height: 1.6em;
    padding: 10px;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
	font-weight:bold;
/*    padding: 0 0 0 20px;
    background: url(icon_calendar.gif) no-repeat 0 center;*/
	float:left;
}

.block small div {
/*	float:left; */
}

.block small div.artno {
	padding:5px !important;
	margin:5px !important;
}

.block .promopricebg {
	color:#000;
}
.block p.orderbutton {
	text-align:right;
}
.block p.orderbutton a {
	margin:5px;
	padding:5px;
    background: url(../../images/button.png) repeat-x -10px -35px;
	color:#000;
	text-decoration:none;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
    color: #fff;
}
.main_image .block h2{
    color: #fff;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(../../images/button.png) repeat-x -10px -35px;
    height: 25px;
    width: 93px;
    position: absolute;
    top: -25px;
    left: 5px;
	padding:3px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	color:#000;
}
.main_image a.show {background-position: -10px -5px;}

.image_thumb {
    float: none;
    width: 585px;
	height:auto;
    background: #ffffff;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
	text-align:center;
	overflow:hidden;
	-moz-border-radius: 0px 0px 5px 5px;
}
.image_thumb img {
    border: none;
    padding: 5px;
    background: transparent;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    width: 100px;
    height:100px;
    float: left;
    overflow:hidden;
}

.image_thumb ul li table{
    padding: 5px 5px;
/*    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;*/
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #fff;
    cursor: pointer;
    border-bottom: 2px solid #ccc;
}
.image_thumb ul li.active { /*--Active State--*/
    background: #fff;
    cursor: default;
    border-bottom: 2px solid #ccc;
}
html .image_thumb ul li h2 {
    font-size: 1.5em;
    margin: 5px 0;
    padding: 0;
}
.image_thumb ul li .block {
	display:none;
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 170px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/

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

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

li.pr-tabs-nav-item a:link,  
li.pr-tabs-nav-item a:visited {  
/*    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 .pr-tabs-nav-item a:hover,  
.rotator .pr-tabs-nav-item a:active {  
    background:#FFF url(../../images/bg_big_button.gif) repeat-x !important;  
    color:#FFF !important;  
}  
  
.rotator .pr-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 !important;  
    color:#CCC !important;  
} 


/* 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; }
div.promo-controls { height: auto; }
.promo-prev { width:49%; float:left; text-align:center; color:black; border: 1px solid #666666;  cursor: pointer; background-image: url("../../images/button.png"); background-position: -10px 50%; -moz-border-radius: 5px; }
.promo-next { width:49%; float:right; text-align:center; color: black; border: 1px solid #666666; cursor: pointer; background-image: url("../../images/button.png"); background-position: -10px 50%; -moz-border-radius: 5px; }

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

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

/* Unterelemente View middle */
.promo-middle .promoblock { background-color: #FFFFFF; float: left; width: 49%; height: 98%; border: 1px solid transparent; position:relative; overflow:hidden; background-position: center; }
.promo-middle .promospan { float: left; width: 1%; }
.promo-middle .promo-details { clear:right; position:absolute; bottom:15px; right: 5px; }
.promo-middle .promo-timespan { font-weight:bold; clear:right;float:left; }
.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: 810px; height: 170px; }

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

/* Unterelemente View middle */

.promo-small .promoblock { float:left; width: 99%; height: 98%; border: 1px solid transparent; overflow:hidden; -moz-border-radius: 5px 5px 5px 5px; background-position: center; }
.promo-small .promoblock1 { float:left; width:70%; }
.promo-small .promoblock2 { float:right; }
.promo-small .promotext { text-align:left; padding-left: 4px; height: 145px; 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; }