/*------------------------------------------------------------------------------

------------------------------------------------------------------------------*/
#imagerotator { background:#333; padding: 0px; margin:0px 0 0px 0px; overflow:hidden; }
#imagerotator a {color:#fff; text-decoration:none}
#imagerotator a:hover {color:#fff;}
#imagerotator .main_images  {width:715px; height:330px; float:left; position:relative; color:#fff; overflow:hidden; position:relative;}
#imagerotator .main_images .image { display:none;width:715px; height:330px;  position:absolute; top:0; left:0;  } 
#imagerotator .main_images .image a {width:715px; height:330px; display:block;}
 
#imagerotator .image_thumbs  { float:right; width:244px; background:#f0f0f0; margin:0; padding:0; list-style:none;border-right:1px solid #bfbfbf }
#imagerotator .image_thumbs li {display: block; vertical-align: middle; cursor:pointer; zoom:1; margin:0; padding:0px 10px 0px 15px;width:219px; height:65px;  background:#f0f0f0 url(../images/gradient_grey2.png) repeat-x; border-bottom:1px solid #bfbfbf; font-size:14px }
#imagerotator .image_thumbs li:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
#imagerotator .image_thumbs li.hover { background:#ddd; cursor:pointer; }
#imagerotator .image_thumbs li.active {  cursor:default; background: #fff url(../images/gradient_red.png) repeat-x;}
#imagerotator .image_thumbs .block {width:220px;display: table-cell; vertical-align: middle;height:65px;}
#imagerotator .image_thumbs .title {font-weight:bold; }
#imagerotator .image_thumbs .subtitle {}
#imagerotator .image_thumbs li.active .title, 
#imagerotator .image_thumbs li.active .subtitle { color: #fff;}

/*------------------------------------------------------------------------------

------------------------------------------------------------------------------*/
.countdown-wrapper {  background: #A51306; width:253px; height: 45px; display:block; padding:10px 5px 10px 10px; position: absolute; bottom:0;}
.countdown-wrapper .deal { float:left;font-size: 20px; color:#fff;text-transform: uppercase; font-weight: normal;  font-family: Oswald; width:80px; line-height:1.1em;text-align: left;}
.countdown-wrapper .deal span { }
.countdown {  background: #A51306;}
.countdown ul, .countdown li {list-style:none; padding:0; margin: 0;}
.countdown ul { overflow:hidden; text-align: center; padding-top:2px; }
.countdown li { display:inline-block; }
.countdown .days, 
.countdown .hours, 
.countdown .min, 
.countdown .secs {font-size: 10px;text-transform: uppercase; margin:0 2px; width:36px; height:42px; text-align: center; background: #fff; border-radius:4px; -moz-border-radius: 4px;-webkit-border-radius: 4px; color:#aaa;}
.countdown .days span, 
.countdown .hours span, 
.countdown .min span, 
.countdown .secs span { text-align: center;display:block; color: #222; font-size:20px;}
 
/*------------------------------------------------------------------------------
 Homeboxen
------------------------------------------------------------------------------*/
.HomeBox {border:1px solid #c5c5c5;padding:10px;width:448px; height:155px; float:left; margin-top:20px; position: relative;}
.HomeBox h2 { font-family: Oswald; font-size:20px; font-weight: 100; margin:0 0 2px 0; padding:0 0 3px 0; border-bottom:1px solid #666666; height:28px;}
.HomeBox input[type=text] { float:left; width:330px; border:1px solid #bfbfbf; height:24px;}
.HomeBox input[type=submit] { text-indent:-400px; overflow:hidden;cursor:pointer;height:28px;width:100px;padding:0px 0px 2px 0px; margin-left:5px; float:left; font-weight:100; font-size:16px; font-family: Oswald; text-transform: uppercase;  border:none; color:#fff;border-radius:3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;}

/*------------------------------------------------------------------------------
 Home Big Banner Slideshow
------------------------------------------------------------------------------*/
.HomeBigBannerBox { margin-top:20px; position: relative; }
.HomeBigBannerBox .banners { position: relative; overflow: hidden; width:960px; height:177px; z-index:10;}
.HomeBigBannerBox .pager { width:32px; height: 69px; background-image: url(../images/slider_pager.png); background-repeat: no-repeat; cursor:pointer; position:absolute; z-index:11;top:54px;}
#HomeBigBannerPrev {  left:0px; background-position: 0px -1px; }
#HomeBigBannerNext { right:0px; background-position: -32px -1px;}
#HomeBigBannerPrev:hover {background-position: 0px -85px;}
#HomeBigBannerNext:hover {background-position: -32px -85px;}
/*------------------------------------------------------------------------------

------------------------------------------------------------------------------*/
#bannerbox { padding:0; margin-right: 20px; width:470px; height:177px; border:0;}

#tagcloudbox { background: #ededed ; }
#tagcloudbox .TheCloud {display:inline-block;}
#tagcloudbox  form {display:block;overflow: hidden;}
#tagcloudbox input[type=submit] { width:108px; background: url(../images/but_jetzt_suchen.png) repeat-x;}
.tagcloudwrapper { height:97px; vertical-align: middle;} 

#Newsletterbox {background: #fff ; margin-right: 20px; font-size:14px;}
#Newsletterbox h2 {  border-bottom:none; margin-bottom:0;height:20px; }
#Newsletterbox input[type=text] {width:310px;}
#Newsletterbox input[type=submit] { width:127px; background: url(../images/but_jetzt_abonnieren.png) repeat-x;}
#Newsletterbox  .abmeldenlink { font-size:12px; display:inline-block; margin-top:15px;}

#HomeVinylBox { margin-right: 20px; background: url(/public/images/campaigns/mymediawelt_banner_vinyl.jpg) no-repeat; }
#HomeVinylBox h2 {text-transform: uppercase; font-size: 26px; font-family: Oswald;font-weight:100; border:none; margin-left:5px; padding-bottom:0; margin-bottom:0;}
#HomeVinylBox h3 {text-transform: uppercase; font-size: 16px; font-family: Oswald;font-weight:100;margin-left:5px; margin-top:5px; letter-spacing: 2px;}
#HomeVinylBox .link { position: absolute; bottom:12px; left:18px; text-transform: uppercase;}

#DruckerpatronenBox { background: url(../images/box_bg.png);}
#DruckerpatronenBox h2 {text-transform: uppercase; font-size: 26px; font-family: Oswald;font-weight:100; border:none; margin-left:5px; padding-bottom:0; margin-bottom:0;}
#DruckerpatronenBox h3 {text-transform: uppercase; font-size: 16px; font-family: Oswald;font-weight:100;margin-left:5px; margin-top:5px;}
#DruckerpatronenBox .image { position: absolute; bottom:0px; right:0px; line-height: 0.5em;}
#DruckerpatronenBox .link { position: absolute; bottom:12px; left:18px;text-transform: uppercase;}
#DruckerpatronenBox .logos { width:335px; height:41px; position: absolute; bottom:54px; left:18px; overflow:hidden;}
#DruckerpatronenBox .logos .scroll { position: absolute; left:0; top:0;  height:41px; width:3000px; background: url(../images/drucker_logos.png);}

#TopProductsHome {margin-top:20px;}
#TopProductsHome .ArtikelListe { height:605px;}
#TopProductsHome .ArtikelListe .item { width:202px; margin:0 21px 21px 0;}
#TopProductsHome .titleheader { overflow:hidden; height:28px; border-bottom:1px solid #666666;  margin: 0 0 15px 0;}
#TopProductsHome h2 {float:left;  font-family: Oswald; font-size:20px;line-height:24px; font-weight: 100; margin:0 20px 0 0 ; padding:0 ;text-transform: uppercase;}
#TopProductsHome .but {cursor:pointer;font-weight:100; float:left; font-family: Oswald; height:24px; font-size:14px; text-transform: uppercase; margin-right: 0px; line-height:24px; padding: 0 12px;}
#TopProductsHome .but.active {  float:left;background: url(../images/sprite.png) 0 -407px;;  font-family: Oswald; height:22px;line-height:22px; font-size:14px; text-transform: uppercase; border:1px solid #ccc; padding: 0 10px; color:#fff;border-radius:3px; -moz-border-radius: 3px;-webkit-border-radius:3px;}


#HomeBestsellerBut {}
#HomAngeboteBut {}
#HomeBewertungenBut {}
#HomeArtikelBack { float:right; height:22px; width:22px;background: url(../images/arrows.png) 0 0; margin-right:10px; cursor:pointer;}
#HomeArtikelNext {float:right; height:22px; width:22px;background: url(../images/arrows.png) -30px 0;cursor:pointer;}

#HomePopupBanner {display:none;}