/*
************************************************************************************************
* mp3mart.css
*
* This is a Style Sheet file for the MP3-mart.
* 2000 - 2009 by dot-media & consulting GmbH.
*
* Created: 13.02.2008 by dot-media & consulting GmbH
* Modified: 10.06.2009 by dot-media & consulting GmbH
************************************************************************************************
*/

html { height:100.5%; margin-top: 0; margin-bottom: 10px; }
body { margin:0 0 10px; height:100%; font-family: Tahoma, Arial, Helvetica, sans-serif; color:#000000; font-size: 11px; }
p { margin-top: 0; margin-bottom: 2px; }
a, a:hover { font-family: Tahoma, Arial, Helvetica, sans-serif; color:#000000; font-size: 11px; text-decoration:underline; }

img { border:0px; }

thead { font-weight: bold; }
thead td { padding-bottom: 8px; }

form label { font-weight: bold; }
form input { margin-bottom: 8px; }

#container { width:1004px; margin:0 auto 10px; }
.content { clear:both; width:1004px; margin:0; }

/*LOGO*/
#logo { background-color: #669933; float:left; width:1004px; height:77px; margin:0; border-bottom: 5px solid #fff; }
#logo_img { margin-top: 26px; margin-bottom: 13px; margin-left: 210px; }

/*NAVIGATION*/
#nav { clear:both; width:1004px; height:31px; margin:0; background-image: url(../../images/bg_navi.gif); background-repeat: no-repeat; text-transform: lowercase; max-width: 816px; padding-left: 188px; }
.nav { float:left; height:17px; padding:8px 23px 6px; font-family: Tahoma, Arial, Helvetica, sans-serif; color:#000000; font-size: 11px; text-decoration:none; }
.nav_active { float:left; height:19px; padding:2px 23px 0; font-family: Tahoma, Arial, Helvetica, sans-serif; color:#fff; font-size: 11px; background-color: #669933; text-decoration:none; max-height: 17px; margin-top: 6px; margin-bottom: 6px; }
#nav a:hover { color: #fff; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-decoration: none; }
.nav_tr { float:left; height:19px; font-family: Tahoma, Arial, Helvetica, sans-serif; color:#669933; font-size: 11px; background-image: url(../../images/nav-tr.gif); background-repeat: no-repeat; background-position: 0 center; width: 1px; margin-top: 6px; margin-right: 0; margin-left: 0; }
.nav_tr2 { color: #000; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; margin: 0 10px; float: left; }
.cart_r { float:right; }

/*MODULE*/
#modul { float:left; width:182px; margin-top: -5px; margin-right:23px; padding:0; }
#modul h2 { margin:0 0 0 9px; padding-top:4px; height:21px; font-family: Tahoma, Arial, Helvetica, sans-serif; color:#ffffff; font-size: 11px; font-weight: normal; text-decoration: none; text-transform: lowercase; }
#modul div.h2 { background-image: url(../../images/h2-bg.gif); background-repeat: no-repeat; width:182px; height: 21px; margin-top:10px; padding:0; border-bottom: 3px solid #fff; }
#modul .cont { width:182px; margin:0; padding:9px; background-image: url(../../images/bg.gif); background-repeat: repeat; max-width: 164px; }
#modul .bottom { width:182px; height:3px; margin:0; padding:0; background-image: url(../../images/end_re.gif); background-repeat: no-repeat; }
#modul a, #modul a:hover { font-weight: bold; color:#000000; text-decoration: underline; }
#player_head, #player, #player_bottom { display:none; }
#adv_search_lnk { margin: 5px 0 0; display:block; }
.form_mod { vertical-align: bottom; margin:0 0 8px; }
.form_mod_pass { vertical-align: bottom; margin:4px 0 15px; }
.input_mod { width:133px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#333333; font-size:11px; margin:0; }
.select_mod { width:164px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#333333; font-size:11px; margin:0; }
.btn_go { width: 21px; height: 19px; float:right; }
#remember_me { float:left; margin: 0 1px 0 0; vertical-align:absbottom; }
#newsletter { margin: 0 3px 0 0; vertical-align:absmiddle; }
#order_options input { float:left; margin:0 10px 0 10px; padding:0; }

/*FOOTER*/
#bottom { float:left; width:1004px; height:31px; margin:10px 0; background-image: url(../../images/bg_fuss.gif); background-repeat:no-repeat; }
#copyright { margin:9px 0 0 15px; color:#000000; float:left; text-align:left; }
#impress { text-transform: lowercase; margin:9px 15px 0 0; float:right; text-align:right; }
#bottom .nav { float:left; padding:0 2px 0 2px; font-family: Tahoma, Arial, Helvetica, sans-serif; color:#000000; font-size: 11px; text-decoration:none;}
#bottom .nav_tr { float:left; padding:0 8px 0 8px; font-family: Tahoma, Arial, Helvetica, sans-serif; color:#000000; font-size: 11px; }

/*CONTENT*/
#content_left { float:right; width:794px; margin-top: -5px; }
#content_left h1 { margin:0 0 0 15px; padding-top:3px; height:21px; font-family: Tahoma, Arial, Helvetica, sans-serif; color:#ffffff; font-size: 11px; font-weight: bold; text-decoration: none; }
#content_left div.h1 { background-image: url(../../images/h1-bg.gif); background-repeat: no-repeat; width:794px; height:21px; margin-top:10px; padding:0; border-bottom: 3px solid #fff; }
.icon_r { position: relative; bottom: 20px; left: 766px; }
#content_left h2 { font-family: Tahoma, Arial, Helvetica, sans-serif; color:#000; font-size: 11px; font-weight: bold; text-decoration: none; padding:2px 5px 3px; background-color:#fff; margin: 0 0 10px; }
#content_left h3 { font-family: Tahoma, Arial, Helvetica, sans-serif; color:#fff; font-size: 11px; font-weight: bold; text-decoration: none; padding:3px 5px; background-color:#669933; margin-top: 0; margin-bottom: 0; }
#content_left h4 { font-family: Tahoma, Arial, Helvetica, sans-serif; color:#000; font-size: 11px; font-weight: bold; text-decoration: none; margin: 0; padding: 3px 0 3px 5px; }
#content_left h5 { color: #000; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #fff; margin: 0 0 5px -5px; padding: 3px 5px; }
#content_left h6 { color: #000; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #fff; margin: 0 0 10px; padding: 2px 5px 3px; }
#content_left .contdiv { padding:10px 15px; background-image: url(../../images/bg.gif); background-repeat: repeat; max-width: 794px; margin: 0 0 0; }
#content_left .contbottom { clear:both; width:794px; height:3px; margin-bottom:10px; background-image: url(../../images/end_content.gif); background-repeat: no-repeat; }
#content_left div.link { margin-bottom:10px; }
.article_nav { clear:both; margin-bottom:10px; text-align:right; }
.space { text-align: right; height: 0; clear: both; min-height: 0; max-height: 0; margin-top: -5px; }
.article_nav a img { margin:0; padding:0; }
.article_row { clear:both; width:763px; max-width: 759px; margin:0; }
.article_row_left { margin: 0; width: 305px; float:left; }
.article_row_right { margin: 0; width: 450px; float:right;}
.article { float:left; width:116px; margin:10px 5px; text-align:center; }
img.art_img { max-width:80px; max-height:80px; border:3px solid #BBBBBB; }
img.icon_buy { border:0; width:21px; height:18px; margin:1px; vertical-align: middle; }
img.news_img { float:left; width:50px; margin:0 5px 5px 0; }
div.news_img { float:left; width:50px; margin:2px 10px 5px 0; }
div.news_text { float:left; margin:5px; }
.news_sp { width: 350px; height: 75px; padding: 0; border-bottom: 1px solid #cfdfb5; }
.style_li { float:left; margin: 21px 0 0 10px; }
.style_re { float:right; margin: 21px 10px 0 0; }
.tip_box { width:146px; max-width: 146px; margin-right: 8px; }
.tip_box_top { clear:both; width:146px; height:6px; background-image: url(../../images/hg_highlight-oben.gif); background-repeat: no-repeat; max-width: 146px; margin-left: 15px; }
.tip_box_content { clear:both; padding:6px 15px 1px 8px; width:124px; background-image: url(../../images/hg_highlight-mitte.gif); background-repeat: repeat-y; max-width: 124px; margin-left: 15px; }
.tip_box_bottom { clear:both; width:146px; height:13px; background-image: url(../../images/hg_highlight-unten.gif); background-repeat: no-repeat; max-width: 146px; margin-left: 15px; }
.tip_box_span { font-family: Tahoma, Arial, Helvetica, sans-serif; color:#693; font-size: 10px; font-weight: bold; text-align: left; width: 55px; float:left; }
#content_left a, #content_left a:hover, .tip_box_content a, .tip_box_content a:hover, .article a, .article a:hover { font-family: Tahoma, Arial, Helvetica, sans-serif; color:#000; font-size: 11px; font-weight: normal; text-decoration: underline; }
.tip_box_content, .tip_box_content a, .tip_box_content a:hover { color: #000; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; }
.img_mid { vertical-align: middle; }

/*CART*/
div.cart { clear:both; width:759px; }
.cart_produkt { float:left; width:362px; }
.cart_produkt_gr { float:left; width:445px; }
.cart_typ { float:left; width:80px; }
.cart_typ2 { float:left; width:100px; }
.cart_artno { float:left; width:110px; text-align:left; }
.cart_preis { text-align: right; width: 70px; float: left; }
.cart_tax { float:left; width:170px; text-align:left; }
.cart_summe { float:left; width:90px; text-align:right; }
.cart_del { float:left; width:20px; text-align:right; padding-left: 15px; }
.cart_total { float:left; width:440px; }

.col2 { float:left; width:280px;  }
.col13 { float:left; width:180px; height:16px; }
.col23 { float:left; width:530px; height:16px; }

div.span { float:left; width:50px; font-size: 11px; color:#000; }
div.span_gr { float:left; width:100px; }
div.span_trans { float:left; width:70px; font-size: 11px; color:#000; }

#mediadet {  }
.mediadet { clear:both; width:100%; }
#mediadet img.logo_img { float:left; width:140px; height:140px; margin:0 5px 5px 0; }
#mediadet img.img_left { float:left; width:140px; margin:0 10px 5px 0; }
#mediadet img.img_left2 { margin: 0 10px 5px 0; width: 80px; float: left; border:3px solid #BBBBBB;}
#mediadet .comment { float:left; font-family: Tahoma, Arial, Helvetica, sans-serif; color:#000000; font-size: 11px; text-decoration:none; text-align: left; width: 430px; max-width: 420px; margin: 0 10px 0 0; }
#mediadet .det { float:right; width:300px; margin:0; }
#mediadet .span { font-weight: bold; width: 80px; float:left; }
div.det_name { float:left; width:150px; margin-left:10px;}
div.det_value { float:left; width:400px;  margin-left:10px;}
div.det_text { float:left; }
.price_box { float:left; width:95px; margin-right:5px; }
#mediadet .det a, #mediadet .det a:hover { font-family: Tahoma, Arial, Helvetica, sans-serif; color:#000; font-size: 11px; text-decoration:underline; }

.row_no { float:left; width:25px; margin:0; text-align:center; }
.row_name { float:left; width:380px; margin:0; }
.row_small { float:left; width:80px; margin:0; text-align:center; vertical-align: middle; }
.row_release { margin: 0; width: 90px; float: left; vertical-align: middle; padding: 0; }
.row_label1 { text-align: left; margin: 0; width: 100px; float: left; vertical-align: middle; padding-right: 5px; }
.row_label { text-align: left; margin: 0; padding-right: 5px; width: 100px; float: left; vertical-align: middle; }
.row_action { float:left; width:80px; min-width: 100px; max-width: 100px; margin:0 0 0 10px; }
.merch_list { float:left; width:609px; margin:0; }
.merch_row { float:left; width:609px; margin:0; }
.merch_row .row_name { float:left; width:370px; margin:0; }
.row_action_merch { float:left; width:60px; margin:0; }
.abo_row .row_action { width: 200px; text-align: right; } 

.style_a { padding:3px 0 3px 5px; background-color:#cfdfb5; clear:both; }
.style_a:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .style_a {height: 1%; }
/* End hide from IE-mac */

.style_b { padding:3px 0 3px 5px; background-color:#ffffff; clear:both; }
.style_b:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .style_b {height: 1%; }
/* End hide from IE-mac */

.style_h { padding:2px 0 2px 5px; background-color:#669933; clear:both; font-family: Tahoma, Arial, Helvetica, sans-serif; color:#ffffff; font-size: 11px; font-weight: bold; }
.style_h:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .style_h {height: 1%; }
/* End hide from IE-mac */

.style_c { background-color: #ccc; padding: 3px 0 3px 5px; clear: both; }
.style_c:after { visibility: hidden; display: block; height: 0; clear: both; content: "."; }
/* Hides from IE-mac \*/
* html .style_c { height: 1%; }
/* End hide from IE-mac */

.msg { margin:10px 0 10px 0; font-family: Tahoma, Arial, Helvetica, sans-serif; color:#006600; font-size: 11px; font-weight: bold; }
.err_msg { margin:10px 0 10px 0; font-family: Tahoma, Arial, Helvetica, sans-serif; color:#FF0000; font-size: 11px; font-weight: bold; }
.clear { clear:both; }
.red { font-family: Tahoma, Arial, Helvetica, sans-serif; color:#FF0000; font-weight: bold; }
.center { text-align:center; }
.player { text-align: center; margin:5px 0 5px 0; padding:0; }

/* IE5.0 Hacks */
html + body body { text-align:center; margin:0; }
html + body #container { text-align:left; margin:0; }
html + body .banner { width:1004px; margin:14px 0 6px; }
html + body .banner_img_merchbanner {  }
html + body img.art_img { width:80px; }
html + body #content_right { margin-left:13px; }
html + body #content_right .contdiv { width:182px; margin:0; padding:0; }
html + body #content_right .form_re { margin:0 5px 5px 10px; }
html + body #mediadet img { margin:0; padding:0; }
html + body #mediadet .comment { width:430px; margin:0 10px 0 0; padding:0; }
html + body #mediadet .det { width:300px; margin:0; padding:0; }
html + body #adv_search_lnk { margin:5px 5px 5px 10px;}
html + body .tip_box_content { width:146px; margin-top: -7px; padding-right: 13px; }
html + body .icon_r { position: relative; bottom: 19px; left: 570px; }

/* IE5 - IE6 Hacks */
* html body { text-align:center; margin:0; }
* html #container { text-align:left; margin:0; }
* html .banner { width:1004px; margin:14px 0 6px; }
* html .banner_img_merchbanner {  }
* html img.art_img { width:80px; }
* html #content_right { margin-left:13px; }
* html #content_right .contdiv { width:182px; margin:0; padding:0; }
* html #content_right .form_re { margin:0 5px 5px 10px; }
* html #mediadet img { margin:0; padding:0; }
* html #mediadet .comment { width:430px; margin:0 10px 0 0; padding:0; }
* html #mediadet .det { width:300px; margin:0; padding:0; }
* html #adv_search_lnk { margin:5px 5px 5px 10px;}
* html .tip_box_content { width:146px; margin-top: -7px; padding-right: 13px; }
* html .icon_r { position: relative; bottom: 17px; left: 766px; }
* html .cart_r { width: 280px; float: right; }
* html .row_label1 { text-align: left; margin: 0; width: 130px; float: left; vertical-align: middle; padding-right: 5px; }

/* IE7 Hacks */
*:first-child+html #content_right {  }
*:first-child+html .btn_go { width: 21px; height: 19px; float:right; margin:-18px 0 0; }