
/* *************** */
/* ** Carousels ** */
/* *************** */


/*carousels*/
.jcarousel-control {
	position:absolute;
	top:3px;
	right:10px;
}
* html .jcarousel-control { top:5px; }
*+html .jcarousel-control { top:5px; }


.teaser_car_typ3 .jcarousel-control,
.teaser_car_typ4 .jcarousel-control,
.teaser_car_typ5 .jcarousel-control,
.teaser_car_typ6 .jcarousel-control {
	right:0px;
	top:-23px;
}
.teaser_car_typ5 .jcarousel-control,
.teaser_car_typ6 .jcarousel-control {
	right:10px;
}
.teaser_car_typ6 .jcarousel-control {
	top:-25px;
}


/*
* html .teaser_car_typ3 .jcarousel-control { top:-20px; }
*+html .teaser_car_typ3 .jcarousel-control { top:-20px; }
* html .teaser_car_typ4 .jcarousel-control { top:-20px; }
*+html .teaser_car_typ4 .jcarousel-control { top:-20px; }
*/

.jcarousel-control a {
	display:block;
	overflow:hidden;
	font-size:8px;
	line-height:11px;
	text-align:center;
	color:#FFF;
	margin-left:4px;
	float:left;
	width:15px;
	height:15px;
	background:url(../images/basics/icon_paging_off.gif) no-repeat;
	background-position:0px 0px;
}
/*
.jcarousel-control a:hover {
	background:url(../images/basics/icon_paging_on.gif) no-repeat;
	background-position:1px 0px;
	color:#000 !important;
}
.jcarousel-control a.active {
	background:url(../images/basics/icon_paging_on.gif) no-repeat;
	background-position:0px 0px;
	color:#000;
}
*/




/* ************* */
/* ladeverhalten */
/* ************* */

.carousel_typ1 li div {
	/*display:none;*/
}
.carousel_typ1 {
	background:url(../images/basics/bg_carousel_loading.gif) no-repeat;	
	background-position:center center;
}
/*
.carousel_typ1 ul, 
.carousel_typ2 ul,
.carousel_typ3 ul {
	background-color:#FFF;
}
.carousel_typ1,
.carousel_typ2,
.carousel_typ3 {
	background:url(../images/basics/bg_carousel_loading.gif) no-repeat;	
	background-position:center center;
}
*/

.carousel_typ1 ul 	{ width:1140px; }
.carousel_typ2 ul	{ width:2000px; }
.carousel_typ3 ul	{ width:2950px; }
.carousel_typ4 ul	{ width:1900px; }
.carousel_typ5 ul	{ width:3995px; }
.carousel_typ6 ul	{ width:3995px; }

.carousel_typ1 li 	{ width:380px; }
.carousel_typ2 li 	{ width:400px; }
.carousel_typ3 li 	{ width:580px; }
.carousel_typ4 li 	{ width:380px; }
.carousel_typ5 li 	{ width:799px; }
.carousel_typ6 li 	{ width:799px; }


.teaser_car_typ1 { overflow:hidden; }
.teaser_car_typ2 { overflow:hidden; }
.teaser_car_typ3 { overflow:hidden; }
.teaser_car_typ4 { overflow:hidden; }
.teaser_car_typ5 { overflow:hidden; }
.teaser_car_typ6 { overflow:hidden; }








/* typ1 */
.carousel_typ1 {
	width:380px;
	height:377px;
	background-color:#FFF;
	margin:10px 0 0 9px;
	overflow:hidden;
	color:#62208B;
}
.carousel_typ1 .img {
	position:relative;
	width:380px;
	height:276px;
	z-index:0;
}
.carousel_typ1 .img .exclusive {
	position:absolute;
	top:0;
	left:0;
}

.carousel_typ1 ul{
	margin-left: -5px;
}


.carousel_typ1 img {
	display:block;
}
.carousel_typ1 h2 {
	color:#000;
	border:none;
	padding-bottom:1px;
	font-size:16px;
	line-height:18px;
}
.carousel_typ1 h2 a {
	color:#000;
}

.carousel_typ1 .col_1 {
	float:left;
	width:165px;
	height:74px;
	padding:0 10px 0 15px;
	margin:15px 0 12px 0;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	overflow:hidden;
}
.carousel_typ1 .col_2 {
	float:left;
	width:165px;
	height:74px;
	padding:0 15px 0 9px;
	margin:15px 0 12px 0;
	border-left:1px solid #EEEDE9;
	overflow:hidden;
}
.carousel_typ1 .col_2 a:hover {
	color:#000 !important;
}

.carousel_typ1 .text {
	height:57px;
	overflow:hidden;
}

.carousel_typ1 .play_price {
	width:165px;
	height:17px;
	overflow:hidden;
	background:url(../images/basics/play_price_1.gif) no-repeat;
	line-height:17px;
	font-size:10px;
}
.carousel_typ1 .play_price .play {
	float: left;
	margin-right: 1px;
}
.carousel_typ1 .play_price .play a {
	display:block;
	width:28px;
	height:17px;
}
.carousel_typ1 .play_price .play a:hover {
	background:url(../images/basics/play_hi.gif) no-repeat;
	background-position:13px 4px;
}

.carousel_typ1 .play_price .add {
	float: left;
	margin-right: 1px;
}
.carousel_typ1 .play_price .add a {
	display:block;
	width:26px;
	height:17px;
}
.carousel_typ1 .play_price .add_active {
	background:url(../images/basics/add_hi.gif) no-repeat;
	background-position:6px 4px;
}


.carousel_typ1 .play_price .price {
	float:left;
	padding-left:7px;
	width:70px;
	height:17px;
	overflow:hidden;
	line-height:17px;
	color:#717171;
	margin-right:1px;
	white-space:nowrap;
}
.carousel_typ1 .play_price .buy {
	float:left;
}
.carousel_typ1 .play_price .buy a {
	display:block;
	width:30px;
	height:17px;
}
.carousel_typ1 .play_price .buy_active {
	background:url(../images/basics/cart_hi.gif) no-repeat;
	background-position:9px 3px;
}


.carousel_typ1 li {
	float:left;
}



/* typ2 */
.carousel_typ2 {
	width:400px;
	height:399px;
	overflow:hidden;
	color:#7F7F7F;
	font-size:10px;
	line-height:14px;
}
.carousel_typ2 img {
	display:block;
	float:left;
}
.carousel_typ2 .exclusive img {
	display:inline;
	float:none;
}
.carousel_typ2 .col_1 {
	position:relative;
	float:left;
	width:179px;
	height:80px;
	padding:10px 10px 9px;
	margin:0 1px 1px 0;
	overflow:hidden;
	background:url(../images/basics/bg_carousel_typ2.gif);
}
.carousel_typ2 .col_2 {
	position:relative;
	float:left;
	width:180px;
	height:80px;
	padding:10px 10px 9px;
	margin:0 0 1px 0;
	overflow:hidden;
	background:url(../images/basics/bg_carousel_typ2.gif);
}


.carousel_typ2 .exclusive {
	position:absolute;
	top:10px;
	left:10px;
}
.carousel_typ2 .text {
	float:left;
	margin:-2px 0 0 10px;
	width:89px;
	height:65px;
	overflow:hidden;
	line-height:14px !important;
}

.carousel_typ2 .text a {
	color:#7F7F7F;
}
.carousel_typ2 .text a.black {
	color:#000;
	font-weight:bold;
}
/*
.carousel_typ2 .text a:hover {
	color:#000;
}
*/


.carousel_typ2 .play_add {
	float:left;
	margin-left:10px;
	width:82px;
	height:17px;
	overflow:hidden;
	background:url(../images/basics/playaddbuy_grey.png) no-repeat;
	line-height:17px;
	font-size:9px;
	font-family:Helvetica, Arial, sans-serif;
}
.carousel_typ2 .play_add .play {
	float:left;
	margin-right:1px;
}
.carousel_typ2 .play_add .play a {
	display:block;
	width:26px;
	height:17px;
	overflow:hidden;
}
.carousel_typ2 .play_add .play a hover {
	background:url(../images/basics/play_hi.gif) no-repeat;
	background-position:10px 4px;
}
.carousel_typ2 .play_add .add {
	float: left;
	padding-left: 1px;
	width: 21px;
	height: 17px;
	overflow: hidden;
	line-height: 17px;
	color: #636363;
	white-space: nowrap;
	/*padding-top: 1px;*/
}

.carousel_typ2 .play_add .add a {
	display:block;
	float:left;
	height:17px;
	width:21px;
}
.carousel_typ2 .play_add .add_active {
	background:url(../images/basics/add_hi.gif) no-repeat;
	background-position:6px 4px;
}

.carousel_typ2 .play_add .buy {
	float:left;
	width:32px;
	padding-left: 1px;
}
.carousel_typ2 .play_add .buy_active {
	background:url(../images/basics/cart_hi.gif) no-repeat;
	background-position:9px 3px;
}
.carousel_typ2 .play_add .buy a {
	display:block;
	width:32px;
	height:17px;
}
.carousel_typ2 li {
	float:left;
}




/* typ3 typ4 */
.carousel_typ3,
.carousel_typ4 {
	width:580px;
	height:160px;
	overflow:hidden;
	color:#969696;
	font-size:10px;
	line-height:14px;
}
.carousel_typ4 {
	float:left;
}
.carousel_typ3 a, 
.carousel_typ4 a {
	color:#969696 !important;
}
.carousel_typ3 a.black,
.carousel_typ4 a.black {
	color:#000 !important;
}
.carousel_typ3 a:hover,
.carousel_typ4 a:hover {
	color:#666 !important;
}



.carousel_typ3 li,
.carousel_typ4 li {
	float:left;
}


/* typ 4 */
.teaser_car_typ4 .col_xl {
	position:relative;
	float:left;
	width:180px;
	height:160px;
	padding:0 20px 0 0;
	overflow:hidden;
	background:transparent url(../images/basics/dotted_v.gif) repeat-y;
	background-position:190px 0;
	font-family:Helvetica, Arial, sans-serif;
}

.teaser_car_typ4 .col_xl .row_1 {
	padding-top:5px;
	height:75px;
	border-top:1px solid #EEEDE9;
	overflow:hidden;
}

.teaser_car_typ4 .col_xl .row_1 h4 {
	color:#868686 !important;
	font-weight:normal;
	margin-bottom:7px;
}
.teaser_car_typ4 .col_xl .row_1 h4 .black {
	font-weight:bold;
}


.teaser_car_typ4 .col_xl .row_1 a.addtodjbag {
	display:block;
	padding-left:15px;
	height:17px;
	line-height:17px;
	background:url(../images/basics/addtomy.png) no-repeat;
	background-position:0 4px;
	font-size:9px;
	color:#6B6B6B;
	font-weight:bold;
}



.teaser_car_typ4 .col_xl .row_2 {
	height:80px;
}
.teaser_car_typ4 .col_xl .row_2 {
	width:180px;
	height:80px;
	background-color:#EDEDE8;
	overflow:hidden;
}
.teaser_car_typ4 .col_xl .row_2 .img {
	float:left;
	width:80px;
	height:80px;
}
.teaser_car_typ4 .col_xl .row_2 .text {
	float:left;
	width:75px;
	height:60px;

	padding:10px 10px 10px 15px;
	color:#000;
	overflow:hidden;
}





/* typ5 */
.carousel_typ5 {
	width:799px;
	height:601px;
	overflow:hidden;
	color:#7F7F7F;
	font-size:10px;
	line-height:14px;
}
.carousel_typ5 img {
	display:block;
}
.carousel_typ5 .exclusive img {
	display:inline;
	float:none;
}
.carousel_typ5 .col_1,
.carousel_typ5 .col_2 {
	position:relative;
	float:left;
	width:380px;
	height:280px;
	padding:10px 10px 9px 9px;
	margin:0 1px 1px 0;
	overflow:hidden;
	background:url(../images/basics/bg_teaser_car_typ1.gif) no-repeat;
	background-color:#EFEFEC;
}
.carousel_typ5 .col_2 {
	margin:0 0 1px 0;
}

.carousel_typ5 .col .left .top {
	height:262px;
	overflow:hidden;
}
.carousel_typ5 .col .right .top {
	height:259px;
	overflow:hidden;
}

.carousel_typ5 .col .right .top {
	border-top:3px solid #EDEDED;
}

.carousel_typ5 .col .left {
	float:left;
	width:180px;
	margin-right:10px;
	font-size:13px;
	line-height:17px;
}
.carousel_typ5 .col .right {
	width:190px;
	float:right;
}

.carousel_typ5 .col .right .bottom .play_toplayer {
	float:left;
}
.carousel_typ5 .col .right .bottom .viewall_short {
	float:right;
}

.carousel_typ5 .col .left .img {
	height:190px;
}

.carousel_typ5 .teaser_topseller {
	width:190px;
}
.carousel_typ5 .teaser_topseller .text {
	width:109px;
}

.carousel_typ5 .exclusive {
	position:absolute;
	top:10px;
	left:9px;
}
.carousel_typ6 li {
	float:left;
}





/* typ6 */

/* *************************************************************************** */
/* angabe der hoehe muss im div stehen, da flexible hoehe (anzahl zeilen x 100)*/
/* *************************************************************************** */
.carousel_typ6 {
	width:799px;
	overflow:hidden;
	color:#7F7F7F;
	font-size:10px;
	line-height:14px;
}
.carousel_typ6 img {
	display:block;
}
.carousel_typ6 .exclusive img {
	display:inline;
	float:none;
}
.carousel_typ6 .col_1,
.carousel_typ6 .col_2 {
	position:relative;
	float:left;
	width:380px;
	height:80px;
	padding:10px 10px 9px 9px;
	margin:0 1px 1px 0;
	overflow:hidden;
	background:url(../images/basics/bg_carousel_typ2.gif) repeat-x;
	background-color:#EFEFEC;
}
.carousel_typ6 .col_2 {
	margin:0 0 1px 0;
}

.carousel_typ6 .col .left .top {
	height:62px;
	overflow:hidden;
}
.carousel_typ6 .col .right .top {
	height:64px;
	overflow:hidden;
	font-size:11px;
	line-height:15px;
	margin-top:-2px;
}

.carousel_typ6 .col .left {
	float:left;
	width:80px;
	margin-right:10px;
}
.carousel_typ6 .col .right {
	width:290px;
	float:right;
}

.carousel_typ6 .col .right .bottom .play_toplayer {
	float:left;
}
.carousel_typ6 .col .right .bottom .viewall_short {
	float:right;
}

.carousel_typ6 .col .left .img {
	width:80px;
	height:80px;
}

.carousel_typ6 .teaser_topseller {
	width:190px;
}
.carousel_typ6 .teaser_topseller .text {
	width:109px;
}

.carousel_typ6 .exclusive {
	position:absolute;
	top:10px;
	left:9px;
}
.carousel_typ6 li {
	float:left;
}


#mycarousel_1_control{
	width: 214px !important;
}
#mycarousel_1_control .pagerItem{
	width: 22px;
}

