/*

	Colors:

		red			#dd0000
					#393839


*/

html { overflow-y: scroll; height:101%;}
body { background: #f3f1de url('../images/sprite.png') repeat-x 0 -518px; font-family: arial, tahoma;  font-size: 0.75em; padding:0; margin:0;}
/* html, body, td, input, textarea {text-shadow: 1px 1px 5px rgba(100,100,100,0.3);}  accessibility, macht den Text besser lesbar */
a, a:hover, a:active, img {outline:0; border: 0; color:#393839;}
a:hover {color:#dd0000;}
a:focus { outline: none; }

pre { font-size: 11px}


h3 { font-size: 13px}
td { vertical-align: top;}
.floatbox { overflow:hidden; }

.float_left { float: left; display:inline; margin-right: 1em; margin-top: 0.4em; margin-bottom: 0.15em; }
.float_right { float: right; display:inline; margin-left: 1em; margin-top: 0.4em; margin-bottom: 0.15em; }

::-moz-selection{ background: #000; color:#fff; text-shadow: none; }
::selection { background:#000; color:#fff; text-shadow: none; }

  /* td, th, table, label {font-size: 11px;} */

.tiny {font-size: 10px;}
form {padding:0; margin:0;}

#Logo { background:  url('../images/logo.png') no-repeat 0 -0px; margin:0; padding:0; line-height: 0.1em; width:385px; height:105px;}
#Logo a { text-indent: -1000px; overflow: hidden; display:block;line-height: 0.1em;   height:120px;}
#Shutoff {cursor: pointer;float:left; border: 0px solid #f00; height: 98px; width:100px;}

#Page { width: 960px; margin: 0px auto 10px auto; }
#Header { height: 100px; padding:0px;position: relative; z-index:1000; display:block; zoom:1; }
#Content {  padding-top:25px;margin-right:-10px;   padding-right:10px;position:relative;}
.music #Content,
.movies #Content,
.games #Content,
.ink #Content,
.zubehoer #Content {  }

#SessionBox { position:absolute; top:50px; left:503px;}
#SessionBox .user em { font-style: normal; color:#848484;}
#SessionBox .submenu { display:none ; background: #393839; width:140px; position: absolute; top:27px; left:0; min-height:120px; color: #fff;z-index:100;padding:10px;}
#SessionBox .submenu a{   color: #fff;}
#SessionBox .buttons { padding-top:5px;}

#MetaNav {position:absolute; top:4px; right: 0px;color: #fff;}
#MetaNav a {color: #fff; text-decoration: none; text-transform: uppercase; font-size: 10px;}

  

#TopButtons { position:absolute; top:53px; left:415px; }
#TopButtons ul { margin:0; padding:0;list-style: none;}
#TopButtons ul li { margin:0; padding:0;list-style: none;float:left; margin-right:15px;}
#TopButtons .join a, #JoinButton {display:block;width:188px;  height: 35px;background:  url('../images/sprite.png') repeat-x -2px -132px;overflow:hidden;text-indent: -900px;}
#TopButtons .login a, #LoginButton {display:block;width:164px;  height: 35px;background:  url('../images/sprite.png') repeat-x -2px -96px;overflow:hidden;text-indent: -900px;}
/*----------------------------------------------------------------------------
 
------------------------------------------------------------------------------
#TopNav {border:0px solid #f00;   padding-top:28px; overflow: hidden;line-height: 40px;}
#TopNav ul {padding: 0; margin: 0; list-style: none;border:0px solid #f00;height:40px; line-height: 40px;background:  url('../images/sprite.png') repeat-x 0 -438px;border-radius:4px; -moz-border-radius: 4px;-webkit-border-radius: 4px;}
#TopNav li { padding: 0; margin: 0; list-style: none; float: left;  height: 40px; border-right: 1px solid #fff;}
#TopNav #nav_music:hover,
#TopNav #nav_movies:hover ,
#TopNav #nav_games:hover ,
#TopNav #nav_ink:hover ,
#TopNav #nav_zubehoer:hover, 
#TopNav .active{background:  url('../images/sprite.png') no-repeat 0 -398px;}

#TopNav a {background:  url('../images/sprite.png') no-repeat 0 -357px; overflow: hidden; text-indent: -1000px; text-transform: uppercase;display: block; text-align: center;height: 40px;line-height: 40px; font-size: 18px; color: #fff; text-decoration: none;}
#TopNav #nav_music {border-left: 0;-webkit-border-top-left-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-bottomleft: 4px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
#nav_music a { width: 80px; background-position: 11px -357px;}
#nav_movies a {width: 140px;background-position: -59px -357px;}
#nav_games a {width: 77px;background-position: -191px -357px;}
#nav_ink a {width: 194px;background-position: -268px -357px;}
#nav_zubehoer a {width: 103px;background-position: -462px -357px;}
#search form { width:348px}
#TopNav #search {width: 281px;border:0px solid #f00; text-align: right; padding-top: 0px;height: 33px; position: relative;}
#Lupe {width: 57px; height: 60px;border:0px solid #f00; position: absolute; top:-21px; left:52px;background:  url('../images/sprite.png') repeat-x -378px -241px;}
#search input[type=text] { width:328px; background:  url('../images/sprite.png') repeat-x -196px -210px; height: 30px;border:0px solid #f00; font-size: 16px; line-height: 30px; color: #777; padding: 0px 2px 2px 5px ;}
#search input[type=submit] {text-indent: -1000px; overflow: hidden;cursor: pointer;border:0px solid #F2424C;padding: 0; margin: 0; background:  url('../images/sprite.png') repeat-x 0px -211px;color: #fff; font-size: 16px; font-weight: bold; width:32px; height: 30px;}
#search input[type=text] { background-color: transparent; width: 202px;}
#search input[type=submit] {background-color: transparent;}
#TopNav input { vertical-align: middle;}
 */
/*----------------------------------------------------------------------------
 
------------------------------------------------------------------------------*/
#TopNav {border:0px solid #f00;   padding-top:28px; height:40px;line-height: 40px;}
#TopNav ul {padding: 0; margin: 0; list-style: none;border:0px solid #f00;height:40px; line-height: 40px;background:  url('../images/sprite.png') repeat-x 0 -438px;border-radius:4px; -moz-border-radius: 4px;-webkit-border-radius: 4px;}
#TopNav li { padding: 0; margin: 0; list-style: none; float: left;  height: 40px; border-right: 1px solid #fff;}
#TopNav #nav_music:hover,
#TopNav #nav_movies:hover ,
#TopNav #nav_games:hover ,
#TopNav #nav_ink:hover ,
#TopNav #nav_zubehoer:hover, 
#TopNav #nav_spielwaren:hover, 
#TopNav .active { background:  url('../images/sprite.png') no-repeat 0 -398px;}

#TopNav a {  overflow: hidden; font-weight: 300; font-family: Oswald; text-transform: uppercase;display: block; text-align: center;height: 40px;line-height: 40px; font-size: 18px; color: #fff; text-decoration: none;}
#TopNav #nav_music {border-left: 0;-webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-bottomleft: 4px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
/* Menüpunkt breiten */
#nav_music a { width: 80px;  }
#nav_movies a {width: 80px; }
#nav_games a {width: 80px; }
#nav_zubehoer a {width:90px; }
#nav_ink a {width: 160px; }
#nav_spielwaren a {width: 110px; }
/* suchfeld */
#TopNav #search {width: 305px;border:0px solid #f00; text-align: right; padding: 0px 0 0 35px;height: 40px; line-height: 38px;position: relative;}
#Lupe {width: 57px; height: 60px;border:0px solid #f00; position: absolute; top:-21px; left:10px;background:  url('../images/sprite.png') repeat-x -378px -241px;}
#search input[type=text] { width:245px; height: 25px;border:1px solid #000; background: #fff; font-size: 16px; line-height: 30px; color: #777; padding: 2px 2px 0px 5px ;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5); }
#search input[type=submit] {text-indent: -1000px; overflow: hidden;cursor: pointer;border:0px solid #F2424C;padding: 0; margin: 0; background:  url('../images/sprite.png') repeat-x 0px -211px;color: #fff; font-size: 16px; font-weight: bold; width:32px; height: 30px;}
#TopNav input { vertical-align: middle;}

/*----------------------------------------------------------------------------
        Footer
------------------------------------------------------------------------------*/
#Footer { border:1px solid #c5c5c5; padding:10px;  background: #fff; margin-bottom:20px; margin-top:20px; overflow:hidden;}
#Footer .areaA { float:left; width:265px;  padding-right:15px;}
#Footer .areaB {  float:left; width:320px; height:225px; border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5; padding: 0 15px;}
#Footer .areaC {  float:left; width:290px;  padding-left:10px; }
.fblikebox {width:290px; height:235px; position: relative;overflow:hidden;}
.fblikebox .inner {width:290px; height:235px; position: absolute; top: -5px; left: -1px;overflow:hidden;}
#Footer h3 { font-family: Oswald; font-size: 18px; font-weight: 100; margin: 0; padding:0 0 2px 0; text-transform: uppercase;}
#Footer .kontaktbox { background: #ededed; padding:10px; margin-bottom:10px;}
#Footer input[type=text] {float:left; width:210px; border:1px solid #bfbfbf; height:24px;}
#Footer input[type=submit] { cursor:pointer;height:28px;width:120px;padding:0px 0px 2px 0px; margin-left:5px; float:left; font-weight:100; font-size:16px; font-family: Oswald; text-transform: uppercase; background: url(../images/but_bg.png) repeat-x; border:1px solid #a6a6a6; color:#fff;border-radius:3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;}
#Footer .abmeldenlink { font-size:10px; display:inline-block; margin-top:15px; margin-bottom:10px; }
#Footer ul { float:left; margin:0; padding:0; list-style: none;}
#Footer li {   margin:0 0 2px 0; padding:0; list-style: none;}
#Footer .linksA { width:170px;}
#Footer .linksB { width:90px;}
#Footer p { margin-top:5px;}

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

------------------------------------------------------------------------------*/
.contentbox { zoom:1; display: block; position: relative;padding:20px 20px 0 20px; min-height: 190px;background: #fff; border:1px solid #ddd;border-radius:4px; -moz-border-radius: 4px;-webkit-border-radius: 4px; margin-bottom: 15px;color:#313131;}
.contentbox:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; font-size:0; height:0; }
 
.contentbox h2 {font-size:16px; margin: 0 0 10px 0; }
.contentbox h2.linie {border-bottom: 1px solid #cecece; padding-bottom:8px;}
.contentbox h2 small { display:block; font-weight:normal; font-size: 10px;}
.contentbox .caption { color: #aaa}

.contentbox.gradient {background: #fff url('../images/gradient_white.png') repeat-x 0px bottom; }
.contentbox.black {background: url('../images/gradient_black.png') repeat-x 0px bottom; padding:10px;}
.contentbox.red {background: url('../images/gradient_red.png') repeat-x 0px bottom; padding:10px;}

.contentbox.nobg { background: transparent; border:none; padding:0;}
.contentbox.nobg h2 { padding-top:0;}

.contentbox.blackbox { padding:15px;min-height: 295px;}
.blackbox h3 {margin: 0; padding: 0px 0 0px 0; }
.blackbox h3.music a { background:  url('../images/sprite.png') repeat-x -515px -122px; height:20px; width:180px; overflow: hidden; text-indent: -999px; display:block;}
.blackbox h3.movies a { background:  url('../images/sprite.png') repeat-x -515px -147px; height:20px;width:180px; overflow: hidden; text-indent: -999px; display:block;}
.blackbox h3.games a { background:  url('../images/sprite.png') repeat-x -515px -171px; height:20px;width:180px; overflow: hidden; text-indent: -999px; display:block;}
.blackbox ul {margin: 10px 0 0 0; padding: 0; list-style: none;border-top:1px solid #5a5a5a;border-bottom:1px solid #181818;}
.blackbox ul li {margin: 0; padding: 7px 0; height:30px;list-style: none; color:#fff; overflow: visible; line-height:16px;border-bottom:1px solid #ffc100; border-top:1px solid #ffd400;}
.blackbox .no { line-height:30px;font-size: 30px; color: #6b6b6b; float:left;  margin-right:7px;}
.blackbox .image {float:left; margin-right:5px;}
.blackbox .image img {  border:1px solid #c6c6c6;}
.blackbox .data { float:left;}
.blackbox .title a {color:#fff; text-decoration: none;}
.blackbox .artist {color: #000}
.blackbox .right {float:right;text-align: right;}
.blackbox .medium {}
.blackbox .price {font-weight: bold;}
.block_music .image { height: 24px; width: 26px; margin-top:3px;}
.block_music .image img { height: 22px;}
.block_movies .image { width: 26px;margin-top:1px;}
.block_games .image  { width: 28px;margin-top:1px;}
.block_movies .image img,
.block_games .image img { height: 28px;}
.block_games .mediumX {  display: none;}
.readmore-wrapper { padding:10px 0}
.readmore-but {float:right;background:  url('../images/sprite.png') no-repeat -65px -171px; overflow: hidden; height:20px; width:50px; text-indent: -999px; display: block;}


.blackbox li:hover img {
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	 
}
/*
.blackbox li:hover img { height:100px;margin-top:-40px; margin-left:-35px;position:absolute;z-index:100;}
.blackbox.block_movies li:hover img { margin-left:-28px;}
.blackbox.block_games li:hover img { margin-left:-26px;}
*/
.contentbox.specialbox  {padding:15px;}
.specialbox h3 {margin: 0; padding: 0px 0 0px 0; background:  url('../images/sprite.png') repeat-x -515px -97px; height:20px; width:180px; overflow: hidden; text-indent: -999px;}
.specialbox .data {border-top:1px solid #e7e7e7; padding-top:5px;margin-top: 5px;}
.specialbox .title {color: #393939;font-weight: bold;font-size: 16px; text-indent: -1px;}
.specialbox .hersteller { color: #DE0000;font-weight: bold;margin-bottom: 5px;}
.specialbox .image { float:left; margin-right:8px; }
.specialbox .image img { border:1px solid #c6c6c6; }
.specialbox .price {color: #DE0000; font-size: 26px; font-weight: bold; text-align: right; position:absolute; bottom:27px; right:20px;}
.specialbox .desc {  }
.specialbox .vatinfo { font-size: 10px; text-align: right;position:absolute; bottom:17px;right:20px;}

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

------------------------------------------------------------------------------*/
.leftcolumn { float:left; width:205px;   min-height: 300px;}
.rightcolumn { margin-left: 205px;border-left:1px solid #fff; }
.rightcolumn .inner  {  border-left:1px solid #b8b8b8;padding: 0px 0 0px 35px;min-height: 300px;}

.three-cols { overflow: hidden; margin-right:-20px; padding-top:5px;}
.three-cols .three-cols-item {width:278px; float: left; margin-right:15px;;}

.two-cols {overflow: hidden; padding-top:5px; margin-right:-20px;}
.two-cols .first-col {float: left; width:614px;margin-right:15px;}
.two-cols .second-col {float: left; width:278px;}
.two-cols .half {float: left; width:350px;}

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

------------------------------------------------------------------------------*/
.filterinfobar {margin-bottom: 15px;background: #fff; border: 1px solid #cacaca; padding:4px 4px 4px 8px; border-radius:4px; -moz-border-radius: 4px;-webkit-border-radius: 4px; color:#3d3d3d; height: 18px; line-height: 18px;}
.filterinfobar span {text-transform: uppercase; font-weight: bold; font-size: 12px; color: #da001d;}
.filterinfobar a.filter-reset {float: right; height:18px; width:150px;background:  url('../images/sprite.png') repeat-x -183px -249px; text-indent: -100px; overflow: hidden;border-radius:3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;}

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

------------------------------------------------------------------------------*/
.blackbar { margin-bottom: 15px; height:27px;background-color: #3e3e3e; border-radius:4px; -moz-border-radius: 4px;-webkit-border-radius: 4px;color:#fff; }
.blackbar a { color: #fff;}
.blackbar .column {float:left; border-right:1px solid #5e5e5e;   }
.blackbar .column-inner {border-right:1px solid #232323;padding:5px 0 0 5px; height:20px;position: relative; }
.blackbar .column-right { float: right;padding:6px;}
.blackbar ul, .blackbar li {list-style: none; margin:0; padding:0;}
.blackbar h4 { float: left; margin: 2px 10px 0 0; padding: 0; font-weight: normal;}
.blackbar .pagerbar {float: right;}

 
.subnav { float:right; margin-top:5px; margin-right: 0px;}
.subnav .active {font-weight: bold;}

/*----------------------------------------------------------------------------
  
------------------------------------------------------------------------------*/
.ArtikelListe { position:relative;overflow:hidden;list-style: none; margin: 0 -26px 0 -10px ; padding: 0 0 0 10px;}
.ArtikelListe .item span { display:block;}
.ArtikelListe .item {position:relative; list-style: none; margin: 0 26px 26px 0; padding: 10px 10px 10px 10px; background: #fff; border:1px solid #b5b2b5; text-align: center; width:200px; height: 270px;color: #313131; float:left;}
.ArtikelListe .item a.details { color: #313131;text-decoration: none; display:block;}
.ArtikelListe .item .cover { overflow:hidden; width:200px; height: 200px;display: table-cell; vertical-align: middle;line-height:0.8em;}
.ArtikelListe .title { margin-top:10px; line-height: 1.1em;display:block;}
.ArtikelListe .artist { color: #9c9c9c; margin-top:3px;line-height: 1.1em;display:block;}

.ArtikelListe .price {font-size:16px;margin-top:5px;font-weight: bold; }
.ArtikelListe .is_angebot .price {color:#f00;}
.ArtikelListe .genre {text-align: left;position:absolute; top:15px; left: -7px; background: #cc0000; color: #fff; font-size:11px; line-height: 11px;text-transform: uppercase; padding: 3px 3px 3px 5px;height:11px;}
.ArtikelListe .genre.show_medium {top:28px; }
.ArtikelListe .genre .ribbon {position:absolute; top:17px; left: 1px; width:5px ;height:5px; background: url('../images/sprite.png') no-repeat -501px -212px;}
.ArtikelListe .genre.show_medium .ribbon { top:17px;}
.ArtikelListe .medium {position:absolute; left:0; bottom:0; width:auto; height:14px; background: #b5b2b5; color: #fff;}
.ArtikelListe .mediumtop {background: #393C39; color: #eee; font-size: 11px; margin: -11px -11px 5px -11px; text-transform: uppercase; }
.ArtikelListe .deleteitem {position:absolute; right:2px; top:15px; width: 16px; height:16px; background: url('/templates/mymediawelt/images/icons/cross.png'); overflow: hidden; text-indent: -200px;}
.ArtikelListe .price_and_but {position:absolute;  bottom:10px; width:200px; }

#SERP .ArtikelListe .item { margin-right:23px; width:190px; height: 285px;} 
#SERP .ArtikelListe .item .cover { overflow:hidden; width:190px; height: 210px;}
#SERP .ArtikelListe .price_and_but { width:190px;}

.col3withCart .ArtikelListe .item { margin-right:26px; width:280px; height:390px;}
.col3withCart .ArtikelListe .item .cover { overflow:hidden; width:280px; height: 280px;}
.col3withCart .ArtikelListe .price_and_but { width:280px;}
.col3withCart .ArtikelListe .price { font-size: 20px;;}

.col4withCart .ArtikelListe .item { margin-right:23px; width:200px; height:300px;}
.col4withCart .ArtikelListe .item .cover { overflow:hidden; width:200px; height: 200px;}
.col4withCart .ArtikelListe .price_and_but { width:200px;}
/*
#Collection .ArtikelListe .item { margin-right:23px; width:280px; height: 380px;}
#Collection .ArtikelListe .item .cover { overflow:hidden; width:280px; height: 280px;}*/
  
/*----------------------------------------------------------------------------

------------------------------------------------------------------------------*/
.Artikeldetails {   position: relative;color: #313131;padding-bottom: 20px;}
.backlink { overflow:hidden; text-indent: -300px;position:absolute;top:18px;right:20px; width:119px; height:36px; background: url('../images/sprite.png') no-repeat -190px -132px;}
.Artikeldetails h2 { font-size:24px;}
.Artikeldetails .data-and-image {border-top:1px solid #b8b8b8; border-bottom:1px solid #b8b8b8; padding: 20px 10px;  position: relative;}
.Artikeldetails .imageX {float:left; margin-right:25px; -moz-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc; max-width: 300px; height:300px; overflow: hidden; position: relative;}
.Artikeldetails .image { display: table; vertical-align: middle;float:left; margin-right:35px; max-width: 310px; min-width: 300px; width: 300px; height: 300px; vertical-align: middle;  position: relative; text-align: center; background: #efefef;padding:5px  ;border-radius:4px; -moz-border-radius: 4px;-webkit-border-radius: 4px;}
.Artikeldetails .image > div { display: table-cell; vertical-align: middle }
.ArtikeldetailsX .image.movie {width:300px;}
.Artikeldetails .mediumlogo { float:left; }
.Artikeldetails .artikeldata {float:left; width:555px; height:310px;margin-right:-5px;position: relative;}
.Artikeldetails .artikeldata .fsklogo { float: right;}
.Artikeldetails .datarow {overflow: hidden; line-height: 16px; margin-bottom:3px;}
.Artikeldetails .artikeldata .caption { width:100px; float:left;font-size: 12px;}
.Artikeldetails .artikeldata .value { margin-left:100px;font-size: 12px;}

.Artikeldetails .trackslink {  line-height: 16px; font-size: 11px; margin-top:10px; }
.Artikeldetails .trackslink img { float:left; margin: 0 5px 0 0;}
.Artikeldetails .trackslink .count{ font-weight: bold;font-size: 16px;}
.Artikeldetails .trackslink a {font-size: 11px; }

.Artikeldetails .bestandinfos { margin-top:20px; margin-bottom:0;position: absolute; bottom:0;}
.Artikeldetails .bestandinfos .green { color: #009E08; background: url(/templates/mymediawelt/images/icons/green_20.png) no-repeat;font-size: 14px; font-weight: bold; padding-left:26px;line-height: 20px;}
.Artikeldetails .bestandinfos .red { color: #dd0000; background: url(/templates/mymediawelt/images/icons/red_20.png) no-repeat; font-size: 14px; font-weight: bold; padding-left:26px;line-height: 20px;}
.Artikeldetails .bestandinfos .orange { color: #ff8800; background: url(/templates/mymediawelt/images/icons/yellow_20.png) no-repeat;font-size: 12px; font-weight: bold; padding-left:26px;line-height: 20px;}
.Artikeldetails .bestandinfos .grey { color: #777; background: url(/templates/mymediawelt/images/icons/grey_20.png) no-repeat;font-size: 12px; font-weight: bold; padding-left:26px;line-height: 16px; margin-top:-6px;}
.Artikeldetails .bestandinfos .value { margin-left:0;border-radius:4px; -moz-border-radius: 4px;-webkit-border-radius: 4px; background: #efefef;  overflow: hidden; padding:2px 0px 2px 10px; font-size: 12px; font-weight: normal;}
.Artikeldetails .bestandinfos .menge {  float:left; width:295px;  border-right:1px solid #fff;  padding: 11px 0 0 0;;}
.Artikeldetails .bestandinfos .infos {  float:left; width:235px; height:30px; border-left:1px solid #b8b8b8; padding: 5px 5px 5px 5px;}
.Artikeldetails .bestandinfos .infos .icon-idee {  float:left; width:25px; height:32px; background: url('../images/sprite.png') no-repeat -435px -211px; margin-right:5px;}
.Artikeldetails .playbut { background: url(/templates/mymediawelt/images/play2.png) no-repeat 0px 0px; width:50px; height:50px; position: absolute; top:10px; left:10px; overflow: hidden; text-indent: -1000px;}


  

.ecommerce-area {clear:both; overflow: hidden; margin-right:-10px; margin-top:10px;}
.ecommerce-area .gallery {float:left; min-width:345px; padding: 5px 0 0 10px}
.ecommerce-area .fsklogo {float:left; min-width:330px; padding: 5px 0 0 10px}
.ecommerce-area .price {float:left; width:260px; font-size: 48px; font-weight: bold;}
.ecommerce-area .price .vatinfo { display:block;font-size:10px;}
.ecommerce-area .addtocart-action {float:right; width:290px;font-size: 30px; font-weight: bold;margin-top: 15px;text-align:right; padding-right:20px;}
.ecommerce-area .addtocart-action input {color:#333;text-align:center;vertical-align: middle;font-size: 24px; width:36px;height:36px; padding: 0 3px; background: url('../images/sprite.png') no-repeat -386px -96px; border:none;}
.ecommerce-area .addtocart-action a { overflow:hidden; text-align:left; text-indent: -999px;vertical-align: middle;display:inline-block; width:220px; height:36px;background: url('../images/sprite.png') no-repeat -166px -96px;}
#addToCartMsg { font-size: 12px; font-weight: normal;padding-top:5px; background: #ffff88;}
.addtocartmini { text-decoration:none;background: url('../images/sprite.png') no-repeat -190px -411px; color:#fff !important; font-size: 11px;display:inline-block;margin-top:5px; padding:2px 5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.ArticleActions {min-height:50px;  height:65px; padding-bottom: 20px; position: relative; z-index:100;}
.ArticleActions .area { float:left; border-right: 1px solid #ccc; width:210px; padding-left:20px;height:70px;}
.ArticleActions .area:first-child {   padding-left:0px;}
.ArticleActions .area:last-child {   border-right: 0px;}

#sentArticleBut {background: url('../images/sprite.png') no-repeat -2px -270px; display: block; width:149px; height:22px;overflow:hidden; text-indent: -999px;}
#bookmarkBut {background: url('../images/sprite.png') no-repeat -151px -270px;display: block; width:189px; height:22px;overflow:hidden; text-indent: -999px;}

/*----------------------------------------------------------------------------
 Artikel Details Reiter
------------------------------------------------------------------------------*/
.ArtikelBeschreibung {min-height: 100px; padding-bottom: 20px;position:relative; z-index: 1;}
.ArtikelBeschreibung li {margin-left:20px;}
.descriptiontabs {position:relative; z-index: 2; }
.descriptiontabs ul {padding:0;margin: 0 0 -1px 0;  list-style:none;overflow:hidden;}
.descriptiontabs li {cursor:pointer;border-bottom:1px solid #ddd;float:left; padding:0 15px; margin:0; list-style:none; height:30px; line-height: 33px;font-weight: bold; text-decoration: none; text-align: left; color: #222; font-size: 16px;background-color: #fff;border-top: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;   -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.descriptiontabs li.description {margin-right:3px;}
.descriptiontabs li.kritiken {}
.descriptiontabs li.active {border-bottom:1px solid #fff; }
.ArtikelBeschreibung.nocornerlt {-webkit-border-top-left-radius: 0px !important;-moz-border-radius-topleft: 0px !important;border-top-left-radius: 0px !important;}

/*----------------------------------------------------------------------------
 .RelatedArticles
------------------------------------------------------------------------------*/
.RelatedArticles { padding-bottom: 20px;}
.RelatedArticles h2 .herz {background: url('../images/sprite.png') no-repeat -460px -209px; width:38px; height:32px; display: block; float: left;}

#RelatedArticlesContent {position: relative; padding: 0 40px;}
.RelatedArticlesListWrapper { width:820px; margin:10px 0px; height:110px; position: relative;}
#RelatedArticles {list-style: none; position: relative; margin: 0; padding: 0;  }
#RelatedArticles li {display:block; overflow: hidden; float: left; margin: 0 20px 0 0;padding:0; width:110px;}
#RelatedArticles li .inner {width:300px;}
#RelatedArticles li .cover {float:left; width:110px; height:140px; overflow: hidden;text-align: center;} 
#RelatedArticles li .cover a {display:block;width:110px; height:110px; overflow: hidden;text-align: center;}
#RelatedArticles li .infos{padding-left:5px;float:left; width:190px; display: none;}
#RelatedArticles li .infos .title {font-weight:bold;}
#RelatedArticles li .infos .genre {font-size: 11px; margin-top:5px;}
#RelatedArticles li .infos .medium { font-size: 11px;}
#RelatedArticles li .infos .price { font-size: 14px; margin-top:5px; font-weight: bold;}
#RelatedArticles li .infos span { color: #888; font-size: 11px; float:left; width:45px;}
#RelatedArticles-prev {position: absolute; top:40px; left:5px;display:block; width:28px; height:32px; background: url('../images/sprite.png') no-repeat -316px -134px; text-indent: -200px; overflow: hidden;}
#RelatedArticles-next {position: absolute; top:40px; right:5px;display:block;width:28px; height:32px; background: url('../images/sprite.png') no-repeat -344px -134px;text-indent: -200px; overflow: hidden;}
/*
.RelatedArticles .item { float:left; margin: 0 25px 0 0; position: relative;}
.RelatedArticles .cover {height:110px;}
.RelatedArticles .tooltip {display:noneX; position: absolute; top: -10px; left:0; width:200px; height:100px; background: #eee;z-index:10;}
.RelatedArticles .item:hover .tooltip {display: block;}
.RelatedArticlesWrapper {padding:0 40px; background: #f00;position: relative; height:110px; }

*/
/*----------------------------------------------------------------------------
 filterbox links spalte
------------------------------------------------------------------------------*/
.filterbox {position:relative; border-bottom:1px solid #fff;border-top:1px solid #b8b8b8; width:177px;padding-bottom:15px; line-height:16px;padding-left:0px;}
.filterbox a { color: #333;}
.filterbox:first-child {border-top:0;}
.filterbox:last-child {border-bottom:0;}
.filterbox h4 { font-family: Oswald,arial ; overflow: hidden; padding: 0 0 0 20px; margin-bottom:10px; letter-spacing: 1px; font-size:14px; line-height:18px;text-transform: uppercase; font-weight: normal; font-weight: 300; color: #333; background: url('../images/sprite.png') no-repeat -685px -32px;}
.filterbox ul {list-style: none; padding: 0; margin: 0;}
.filterbox li {list-style: none; padding: 0 0 0px 0px; margin: 0 0 5px 2px; }
.filterbox li a { color:#333; text-decoration: none;background: url('../images/sprite.png') no-repeat -690px 2px; padding-left:16px;}
.filterbox .active a { font-weight: bold; background-position: -690px -13px;}
.filterbox input[type=text] { border:1px solid #666; border-radius:3px; -moz-border-radius: 3px;-webkit-border-radius: 3px; height:20px; width:174px;vertical-align: middle;}
.filterbox input[type=submit] {background: url('../images/sprite.png') no-repeat -2px -168px; border:none;  width:24px; padding:0; margin:0; height:22px;vertical-align: middle;text-indent: -1000px; overflow:hidden; cursor:pointer;}
 
#price_filterbox input[name=price_from],
#price_filterbox input[name=price_to] {  width:40px;}
#filter-reset { background: url('../images/sprite.png') no-repeat -181px -246px; width:177px; height:24px; display:block;margin-top:10px; overflow: hidden; text-indent: -500px;}

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

------------------------------------------------------------------------------*/
.dropdown {cursor:pointer;position: absolute;top:5px;z-index:2; background: #fff url('../images/sprite.png') no-repeat 75px -170px; border-radius:3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;}
.dropdown ul {list-style: none; margin: 0  0px 0 0; padding: 0; background: #fff; display:none; }
.dropdown ul a { color: #313131; font-size:11px; text-decoration: none; text-transform: uppercase;}
.dropdown ul li { padding:3px 5px;}
.dropdown ul li a:hover {color: #666;}
.dropdown .current {background: #fff;padding:2px 3px 0 5px;width:92px;color: #313131; font-size:11px; height:16px;text-transform: uppercase;-webkit-border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-bottomleft: 3px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
#dropdown_sort {left:100px; width:140px;  background-position: 95px -170px}
#dropdown_sort .current {  width:112px; }
#dropdown_order {left:245px; width:120px; }


.filterbox .dropdown {position:relative;top:0px;left:0;width:176px; background-position: 130px -169px; background-color: #111; margin-top:8px;}
.filterbox .dropdown ul {list-style: none; position:absolute;width:176px;background-color: #111; top:19px;padding: 2px 0 0 0;}
.filterbox .dropdown ul li {list-style: none; padding:3px 5px; margin:0; background: transparent;}
.filterbox .dropdown ul a {color: #fff; padding:0; background: transparent;}
.filterbox .dropdown .current {width:149px;background-color: #111; color:#fff;padding:3px 3px 1px 5px;}

#localSearchForm input[type=submit] {background: url('../images/sprite.png') no-repeat -3px -247px; border:none;  width:176px; padding:0; margin:8px 0 0 0; height:22px;vertical-align: middle;text-indent: -1000px; overflow:hidden; cursor:pointer;}
 
.limit_switch {width:215px;}
.limit_switch > div {float:left;}
.limit_switch ul{ list-style: none; padding: 0; margin: 0 0 0 10px; float:left;}
.limit_switch li { list-style: none; padding: 0; margin: 0 5px 0 0 ; float:left;background:  url('../images/sprite.png') no-repeat -310px -172px;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.limit_switch li a { display:block; line-height: 16px; height:16px; width:16px; text-decoration:none; color:#fff;padding:0px 0px; text-align: center;}
.limit_switch li.active  {  background-position: -255px -172px; }

/*----------------------------------------------------------------------------
	Tracklisting
------------------------------------------------------------------------------*/
#Tracklisting {position:absolute;top:0;left:0;width:600px; height:300px;background: #fff;}
.show_tracklisting {font-size:12px; color: #333; font-weight: normal;}
.tracklists-tabs {overflow: hidden;display: block;margin-bottom:10px;}
.tracklists-tabs .tab {cursor: pointer;color:#fff; text-align: center; line-height: 20px;display:block; float: left; margin: 0 10px 0 0;width:50px; height: 20px;background:  url('../images/sprite.png') repeat-x -2px -448px;overflow:hidden; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.tracklists-tabs .tab.active { font-weight: bold; background-position: -2px -479px;}
.tracklists-wrapper { position: relative; overflow: hidden;display: block;margin-right:-10px;}
.trackliste {position:relative;  border: 0px solid #f00;width: 551px;}
.trackliste .thead {overflow: hidden; background: #e7e7e7;  border-radius:4px; -moz-border-radius: 4px;-webkit-border-radius: 4px; height:23px; line-height: 23px;}
.trackliste .thead > div {float:left; text-transform: uppercase; color: #666; font-size: 11px}
.trackliste .row { overflow:hidden;height: 16px; line-height:16px;border-bottom:1px dotted #ccc; padding:2px 0;}
.trackliste .no { float:left; width:30px; text-align: right; padding-right: 20px;}
.trackliste .title {float:left; width:190px;padding-right:10px;}
.trackliste .artist {float:left; width:160px;}
.trackliste .duration {float:right !important; width:60px; padding-right:10px !important;}
.trackliste .thead .duration {float:right !important; width:60px; padding-right:20px !important;}
.trackliste .settitle{ font-weight: bold; font-size: 14px; margin-top:10px;padding: 0 0 3px 5px; color: #ddd;}
.trackliste .playbut{ float:left; width:25px;padding-left:11px;}

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

------------------------------------------------------------------------------*/
.search_input { vertical-align: middle;width:336px; background: #fff;
				-webkit-box-shadow: inset 0px 0px 5px rgba(100,100,100,0.5);-moz-box-shadow: inset 0px 0px 5px rgba(100,100,100,0.5);box-shadow: inset 0px 0px 5px rgba(100,100,100,0.5);
	height: 26px;border:1px solid #ccc; font-size: 16px; line-height: 14px; color: #777; padding: 0px 2px 2px 5px ;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}


/*----------------------------------------------------------------------------
	Top cart block, cart dropdown
------------------------------------------------------------------------------*/
#TopCart {width:215px; position:absolute; top:47px; right: 0px; font-size: 12px; text-align: right; line-height: 16px; color: #393939; z-index:1001; zoom:1;}
#TopCart .inner { margin-top:5px; background: #fff url(../../mymediawelt/images/cart_icon.png) 10px 10px no-repeat; border:1px solid #ccc; padding:10px 10px 0px 0px; height:45px; }
#TopCart span { color: #de0000; font-weight: bold;}
#TopCart a {color: #393939; text-decoration: underline;}
total .inner { padding-top:6px;}


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

------------------------------------------------------------------------------*/
.carthover {font-size:13px !important;color: #666;display:none;position: absolute; top:60px; right:0;background: #fff;border:1px solid #cecece; border-width: 1px 1px 1px 1px;z-index:1000; width:310px; padding:15px; zoom:1;}
.carthoverhandler { display:block; z-index:1000;}
.carthoverhandler .carthover-top {position: relative ;padding:15px 10px 4px 0;height:41px;line-height: 14px;background: #fff url(../../mymediawelt/images/cart_icon.png) 10px 10px no-repeat;border:1px solid #cecece;z-index:101;}
.carthoverhandler.hover .carthover-top, 
.carthoverhandler:hover .carthover-top { border-width: 1px 1px 0 1px; }

.carthover {z-index:11;}
.carthover .liste .cartitem {border-bottom:1px solid #ccc;overflow:hidden;padding:5px 0;}
.carthover .liste .cartitem > div { float:left; }
.carthover .liste .cartitem .quantity {width:20px;   text-align: center;}
.carthover .liste .cartitem .title { width:230px;  text-align: left;}
.carthover .liste .cartitem .amount_sum {width:50px;  text-align: right; float:right;}
.carthover .tfoot {overflow:hidden; padding:5px 0;}
.carthover .tfoot .text {float:right; text-align: right;}
.carthover .tfoot .amount_sum {float:right;width:60px;}
.carthover .buttonwrapper {border-top:1px solid #ccc; padding: 15px 0 0px 0}
.carthover a.button {color:#fff !important; text-decoration: none !important;}
.carthover .total {color: #dd0000; font-weight:bold;}

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

------------------------------------------------------------------------------*/
#artikelsuggest label {display:block;}
#artikelsuggest input[type=text] { width:227px;border:1px solid #aaa;border-radius:4px; -moz-border-radius: 4px;-webkit-border-radius: 4px; padding: 5px; font-size: 14px; -webkit-box-shadow: inset 0px 0px 5px rgba(100,100,100,0.5);-moz-box-shadow: inset 0px 0px 5px rgba(100,100,100,0.5);box-shadow: inset 0px 0px 5px rgba(100,100,100,0.5);}
#artikelsuggest .formelementwrapper { overflow: visible; border-bottom: 1px solid #ccc;height:80px;; margin-right:-20px;}
#artikelsuggest .formelement { float:left; margin-right:20px; padding-top:20px;}

/*----------------------------------------------------------------------------
 Artikel Screenshots
------------------------------------------------------------------------------*/
.articlegallery_slider_wrapper {position:relative; width:205px; height: 70px; padding:0 20px 0 85px;overflow: hidden;}
.articlegallery_slider-container { overflow: hidden;background: #313131;height: 60px; margin: 0 0; padding: 5px ; position:relative; }
.articlegallery_slider { overflow: hidden; position:relative; height: 60px; margin: 0 0;}
.articlegallery_slider-container .item { vertical-align: bottom; float:left; width:auto; height: 60px; text-align: center; overflow: hidden;margin-right:6px;}
.articlegallery_slider-container .item img { vertical-align: bottom; display: inline-block; border:1px solid #5c5c5c;}
.articlegallery_slider-prev {cursor:pointer; position: absolute; top:0; left:0; width:20px; height:70px; background: url(../images/slider_pager.png) no-repeat -4px 0px; -webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px; overflow: hidden; text-indent: -200px;}
.articlegallery_slider-next {cursor:pointer; position: absolute; top:0; right:0;width:20px; height:70px; background: url(../images/slider_pager.png) no-repeat -39px 0px; -webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px; overflow: hidden; text-indent: -200px;}
.articlegallery_slider-prev:hover { background-position: -4px -84px;}
.articlegallery_slider-next:hover { background-position: -39px -84px;}
.articlegallery_slider-play {position: absolute; top:0; left:20px; width:65px; height:70px; background: #313131;}

.articlegallery_slider_wrapper.withoutvideo { width:270px;padding:0 20px 0 20px;}
.articlegallery_slider_wrapper .playslider { width:70px; height:70px; position: absolute; top:0; left:0px; background: #313131; overflow: hidden;}


ul#playermenu { list-style: none; margin: 10px 0 -5px 175px; padding:0; height:48px;   }
ul#playermenu li { list-style: none; margin: 0 10px 0 0; padding:0; float: left;}
#playermenu a {width: 50px; height: 50px; display:block; overflow:hidden; text-indent: -300px;}
#playermenu  .play{ background: url('../images/play_48x48.png') no-repeat 0 0; width: 50px; height: 50px; display:block;}
#playermenu .stop {background: url('../images/stop_48x48.png') no-repeat 0 0;width: 50px; height: 50px; display:block;}
#playermenu .pause {background: url('../images/pause_48x48.png') no-repeat 0 0;width: 50px; height: 50px; display:block;}


.partnerlist { overflow:hidden; margin:0px -40px 0 0; padding-top:15px;}
.partnerlist .partneritem { border:1px solid #ddd; background: #f3f3f3; float:left; padding:14px;  margin: 0 35px 35px 0;}
.partnerlist .partneritem .image { border:1px solid #ddd; line-height:0.1em;}
.partnerlist .partneritem .text { text-align: center; padding: 5px 0; font-weight: bold; color: #888;}


a.sm2_button {
 position:relative; display:inline-block;  width:18px; height:18px; text-indent:-9999px;  overflow:hidden;  vertical-align:middle; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; border-radius:6px; margin-top:-1px;  -webkit-transition-property: hover; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out 0s; -o-transition-property: background-color; -o-transition-duration: 0.15s;
 *text-indent:0px;
 *line-height:99em;
 *vertical-align: top;
}

a.sm2_button:focus { outline:none; }

a.sm2_button,
a.sm2_button.sm2_paused:hover {
 background-color:#dd0000;
 background-image:url(../images/arrow-right-white.png);
 background-repeat:no-repeat; background-position:5px 50%; *background-position:5px 4px; }

a.sm2_button:hover {}
a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover { background-color:#000;background-image:url(../images/stop.png);}

a.sm2_button.sm2_playingX,
a.sm2_button.sm2_playing:hoverX { -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg);}

a.sm2_button.sm2_paused,
a.sm2_button.sm2_paused:hover { background-color:#666;}

#soundmanager-debug { position:fixed; _position:absolute; bottom:1em; right:1em; width:38em; height:30em; overflow:auto; padding:0px; margin:1em; font-family:monaco,"VT-100","lucida console",courier,system; opacity:0.9; color:#333; border:1px solid #ccddee; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; background:#f3f9ff;}

#soundmanager-debug div { font-size:x-small; padding:0.2em; margin:0px;}

.mandadory { color: #dd0000; }
.forelement {   display:inline-block;}

.not_to_sales { float:right; width:255px; height:55px; margin: 0 20px 0px 0; padding: 0; border: 1px solid;  display:block;  
			   background: #fffbcc ; padding-left:35px; border-color: #e6db55;
			   color: #666452; font-size: 13px; font-style:normal; padding: 10px ;  line-height: 1.5em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }


.clearfix-both { clear:both;}
.bestand-bubble { position: absolute;  right: -100px; top: -82px; background: url(../images/aktionen/aktionspreis_button_klein.png) no-repeat; width:205px; height:180px; } 
.bestand-bubble .bestand {color: #FFFFFF; font-size: 35px; font-weight: bold; position: absolute; right: 68px; top: 74px;}
.bestand-bubble-ink { right:  0px; top: 10px;}
.bestand-bubble-music { right:  0px; top: 10px;}
.bestand-bubble-zubehoer { right:  0px; top: 10px;}
.bestand-bubble-games { right:  0px; top: 10px;}
/*
.bestand-bubble {float:right;background: url(../images/aktionen/aktionspreis_button.png) no-repeat; width:265px; height:257px; position: relative; right:-10px;} 
.bestand-bubble .bestand {position: absolute;top:121px; right:94px;  font-size:47px; font-weight:bold; color:#fff}
*/ 

.trailertxt1 {background-color: #313131 !important;border-top-left-radius: 5px;    color: white !important;    margin-bottom: -19px;    margin-left: 20px;    margin-top: 0;    padding: 2px 2px 2px 17px;    width: 70px;}
.trailertxt2 {background-color: #313131 !important;border-top-right-radius: 5px;    color: white !important;    margin-bottom: -6px;    margin-left: 90px;    margin-top: 0;    padding: 2px 2px 5px 67px;    width: 131px;}