/***

HEADER

SUCHE

CONTENT
  BREATHCRUMB
  Artikel 1spaltig
  Artikel 3spaltig

RIGHT
  COMING SOON

FOOTER

****/


body{
  margin:0;
  padding:0;
  background-color:#e0e0e0;
  text-align:center;
  font-family:arial, helvetica, sans-serif;
  font-size:11px;
}

a{
  color:#AF0017;
  text-decoration:none;
}
a:hover, a:focus{
  text-decoration:underline;
}

#center{
  width:951px;
  margin:0 auto;
}
#main{
  width:951px;
  background:url(images/main_bg.gif) repeat-y;
  min-height:600px;
  float:left;
  padding-left:17px;
  text-align:left;
}

/**** HEADER  ***/


#header{
  width:918px;
  height:137px;
  background:#ffffff url(images/header.gif) no-repeat;
  float:left;
}
h1#logo{
  margin:23px 0 0 27px;
}

h1#logo a{
  width:385px;
  height:89px;
  display:block;
}

.advertisment {
    background:#ffffff url(images/bg_advertising.gif) no-repeat;
    position:relative;
    top:-100px;
    left:280px;
    width:617px;
    height:74px;
}

.advertisment_left {
    float:left;
    padding-top:7px;
    padding-left:7px;
}

.advertisment_right {
    float:left;
    padding-top:7px;
}

/* a.advertisment img{
  border:0;
  float:right;
  margin:-100px 21px 0 0;
}
*/

/**** SUCHE  ***/

#search_buy{
  background-color:#424242;
  width:900px;
  height:34px;
  float:left;
  padding:12px 0 0 18px;
}

form#search{
  width:450px;
  float:left;
}

#suchfeld{
  float:left;
}
form#search input{
  height:15px;
  margin:0 0 0 13px;
  width:159px;
}
form#search select, form#search input#search_input{
  width:178px;
  color:#9d9d9d;
  font-size:11px;
  padding:2px;
  border:1px solid #9d9d9d;
  font-family:verdana;
  font-weight:bold;
  float:left;
}
form#search input#search_input{
  height:14px;
}
form#search input.submit{
  background:url(images/icon.gif) 0 -29px no-repeat;
  border:0;
  padding:0;
  margin:0 0 0 -10px;
  width:21px;
  float:left;
  height:20px;
}

a#warenkorb{
  margin:0 0 0 334px;
  padding:4px 0 10px 30px;
  background:url(images/icon.gif) no-repeat;
  text-decoration:none;
  color:#9d9d9d;
  font-size:12px;
  font-weight:bold;
  float:left;
}

/*** CONTENT ***/

#content{
  width:522px;
  float:left;
  margin:5px 0 0 19px;
  color:#424242;
  font-family:verdana;
  font-size:11px;
}

/**** BREATHCRUMB ***/


.breathcrumb{
  width:900px;
  float:left;
}

.breathcrumb ul{
  list-style:none;
  margin:2px 0 5px 15px;
  padding:0;
  width:750px;
  float:left;
}
.breathcrumb ul li{
  float:left;
}
.breathcrumb ul li a{
  font-size:10px;
  margin-right:10px;
  color:#9F9F9F;
}
a.cart_info{
  float:right;
  padding:2px 0 0 0;
    font-size:10px;
  color:#9F9F9F;
}

/*** LEFT ***/

#left{
  width:195px;
  float:left;
}

#versandkosten, #anmeldung{
  background-color:#eeeeee;
  width:178px;
  margin:35px 0 0 19px;
  float:left;
}
#anmeldung {margin-top:8px;}

.browserIE6 #versandkosten{
   margin:25px 0 0 9px;
}

#versandkosten h3, #anmeldung h3 {text-transform:uppercase;
  font-size:10px;
  font-family:verdana;
  color:#dbdbdb;
  background:url(images/repeat_x.gif) 0 -38px repeat-x;
  padding:5px 0 5px 12px;
  margin:0;
  }

#versandkosten select{
  width:156px;
  margin:7px 0 0 12px;
  color:#9d9d9d;
  border:1px solid #9d9d9d;
  font-size:11px;
  font-weight:bold;
}

#versandkosten .submit{
  margin:0 0 11px 12px;
}

#versandkosten select#lieferland{
  margin-bottom:12px;
}

#versandkosten p{
  background-color:#fff;
  margin:0;
  color:#9d9d9d;
  padding:5px 0 0 10px;
}

#anmeldung p {padding:3px;}

#versandkosten_result, #versandkosten_error {display:none;}
#versandkosten_result {padding:5px 5px 25px 5px; color:#424242;}
#versandkosten_error {padding:5px 13px; color:#FF4500;}
#versandkosten_result ul {margin:0; padding:0; cursor:default; line-height:1.5em;}
#versandkosten_result ul li {position:relative; padding:0 3px 0 0; list-style:none;}
#versandkosten_result ul li.firm {float:left; width:70px; overflow:hidden;}
#versandkosten_result ul li.type {float:left; width:55px; overflow:hidden;}
#versandkosten_result ul li.price {float:right;}
#versandkosten_result ul {clear:both;}


#content h1{
  color:#9b0d05;
  font-size:11px;
  margin:0 0 10px 0;
  padding:0;
  width:300px;
  float:left;
}
#content h1.nofloat {float:none;}
ul.pages, a.switch{
  list-style:none;
  padding:0;
  margin:0;
  float:right;
}

ul.pages li{
  float:left;
  color:#AF0017;
  font-weight:bold;
}

ul.pages li a{
  margin:0 2px;
  font-size:11px;
  font-weight:normal;
}

#order{
  background:url(images/repeat_x.gif) 0 18px repeat-x;
  height:38px;
  float:left;
  width:100%;
}

#order ul{
  list-style:none;
  padding:0;
  margin:0 26px 0 0;
  float:left;
}

.browserSafari #order ul{
  margin:0 30px 0 0;
}

#order ul li{float:left}

#order ul li a{
  width:85px;
  display:block;
  background:url(images/tab.gif) 0 -40px no-repeat;
  padding:3px 0px;
  text-align:center;
  color:#747474;
  text-decoration:none;
  font-size:10px;
}

#order ul li.first a.active, #order ul li a.active{
  font-weight:bold;
}

#order ul li a:hover, #order ul li a:focus{
  color:#393939
}

#order ul li a.active{
  background:url(images/tab.gif) 0 -60px  no-repeat;
  }

#order ul li.first a{
  background:url(images/tab.gif) 0 0 no-repeat;
  width:93px;
}
#order ul li.first a.active{
  background:url(images/tab.gif) 0 -20px no-repeat;
}

form#order_by{
  color:#747474;
  font-size:10px;
  font-family:verdana;
}
form#order_by select{
  background:url(images/repeat_x.gif) 0 -22px repeat-x;
  border:1px solid #d4d4d4;
  color:#747474;
  font-size:10px;
  font-family:verdana;
  width:97px;
}

/**** CONTENT Artikel 1spaltig ***/


ul.artikel_liste, .artikel_liste_col3{
  list-style:none;
  margin:0;
  padding:0;
  font-size:11px;
  float:left;
  width:100%;
}
ul.artikel_liste li{
  margin:0 0 12px 0;
}
ul.artikel_liste a{
  color:#424242;
}
ul.artikel_liste img, .artikel_liste_col3 img{
  border:0;
}
.artikel_body td{
  vertical-align:top;
  border-bottom:1px solid #b7b7b7;
  padding:8px 5px 8px 0;
}

.artikel_header td{
  background-color:#e8e8e8;
  padding:0 2px;
  font-size:10px;
}
.artikel_header td.date{
  color:#8f120c;
  font-weight:bold;
  padding-right:5px;
}
.artikel_header td h3, .artikel_liste_col3 h3{
  margin:3px;
  color:#424242;
  font-size:10px;
}

ul.mp3_liste{
  list-style:none;
  margin:0;
  padding:0;
}
ul.artikel_liste li .mp3_liste li{
    margin:0;
    float:left;
    width:250px;
}

.mp3_liste li a, .mp3_liste li a.play {
  margin:0 0 0 5px;
  display:block;
  font-size:10px;
  width:250px;
}

.mp3_liste li span {
    margin: 0 0 0 5px;
    font-size:10px;
}

.mp3_liste li a.icon {
  text-decoration:none;
}
ul.artikel_liste img.warenkorb{
  margin:6px 0 0 5px;
}
.category{
width:110px;
}
.artikel_footer td{
 padding:3px 5px
}

.artikel_footer td a{
  text-decoration:none;
  color:#606060
}
.artikel_footer img.label{
  padding-left:5px;
}

.artikel_footer a.label_icon{
  background:url(images/icon.gif) 0 -54px no-repeat;
  padding:2px 0 2px 20px;
  margin-left:5px;
}
/*
.artikel_footer a.myfav_icon{
  background:url(images/icon.gif) 0 -128px no-repeat;
  padding:0px 0 0 17px;
}

.artikel_footer a.info_icon{
  background:url(images/icon.gif) 0 -144px no-repeat;
  padding:0px 0 0px 17px;
}

.artikel_footer a.taf_icon{
  background:url(images/icon.gif) 0 -160px no-repeat;
  padding:0px 0 0px 13px;
}
*/

/**** CONTENT Artikel 3spaltig ***/

.artikel_liste_col3{
  font-size:10px;
}
.artikel_liste_col3 h3{
  margin:0;
}
.artikel_liste_col3 ul{
  list-style:none;
  padding:0;
  margin:0;
}
.artikel_liste_col3 li{
  float:left;
  width:160px;
  margin:0 20px 15px 0;
  border-top:1px solid #B7B7B7;
  border-bottom:1px solid #B7B7B7;
}
.artikel_liste_col3 .artikel_body td {
  border:none;
}
.artikel_liste_col3 li.last{
  margin:0;
}

.artikel_liste_col3 li ul li{
  display:block;
  width:90px;
  margin:0;
  border:none;
}

.artikel_liste_col3 ul li a{
  color:#414141;
}

.artikel_liste_col3 li ul.mp3_right{
  list-style:none;
  margin:0;
  float:left;
}

.artikel_liste_col3  li ul.mp3_right li{
  float:left;
  width:17px;
}
.artikel_liste_col3 li ul.mp3_right li.mp3_icon{
  height:17px;
}
.artikel_liste_col3 li ul.mp3_right li a{
  display:block;
  background:none;
  width:20px;
  padding:2px 0;
}

.artikel_liste_col3 .artikel_footer{
  background-color:#e8e8e8
}

/* Warenkorb */
.article_box_classic {
  float: left;
  width: 521px;
  margin-bottom: 10px;
  line-height: 14px;
  font-size: 80%;
}

.article_box_classic img {
  border:0;
}

.article_box_classic_head {
  width:521px;
  height:18px;
  padding-top:2px;
  margin-bottom:5px;
  background-color:#E8E8E8;
  overflow:hidden;
}

.article_box_classic_head_data {
  float:left;
  width:460px;
  margin-left:2px;
}

.article_box_classic_footer {
  clear:both;
  width:521px;
  height:18px;
  padding-top:2px;
  margin-top:8px;
  border-top:1px solid #cccccc;
}

/**** RIGHT ***/

#right{
  width:147px;
  margin:0 0 0 19px;
  float:left;
  font-family:verdana;
}


#right h3{
  text-transform:uppercase;
  font-size:10px;
  color:#dbdbdb;
  background:url(images/repeat_x.gif) 0 -38px repeat-x;
  padding:5px 0 5px 12px;
  margin:1px 0 0 0;
  clear:both;
}
#right h3.right_menu {cursor:pointer;}

#right #mp3_player h3 {
    margin:5px 0 0 0;
}
/**** Article Box ***/

ul.article_right_box{
  list-style:none;
  padding:0;
  margin:2px 0 0 0;
}
ul.article_right_box li{
  float:left;
}
ul.article_right_box li a{
  font-weight:bold;
  text-decoration:none;
  color:#424242;
  display:block;
  width:125px;
  font-size:10px;
  padding:4px 0 3px 12px;
}
ul.article_right_box li a:hover, ul.article_right_box li a:focus{
  text-decoration:underline;
}
ul.article_right_box li.odd{
  background-color:#f0f0f0;
}
ul.article_right_box li.even{
  background-color:#ffffff;
}

ul.article_right_box li ul{
  list-style:none;
  padding:0;
  margin:0;
}

ul.article_right_box li ul li a{
  font-weight:normal;
  padding:2px 0 2px 25px;
  width:120px;
  background:url(images/icon.gif) 15px -87px no-repeat;
}
ul.article_right_box li ul li a.no_track {color:#ccc; cursor:pointer;}
ul.article_right_box li ul li a:hover.no_track {text-decoration:none;}

ul.article_right_box li ul.mp3_right{
  list-style:none;
  margin:0;
  padding:0 0 4px 15px;
  float:left;
}

ul.article_right_box li ul.mp3_right li{
  float:left;
  width:20px;
}
ul.article_right_box li ul.mp3_right li.mp3_icon, ul.mp3_right li.mp3_icon{
  background:url(images/icon.gif) 0 -70px no-repeat;
  height:17px;
}
ul.article_right_box li ul.mp3_right li a{
  display:block;
  background:none;
  width:20px;
  padding:2px 0;
}

/* Article Detail */
#article_detail_left p{
    margin:0;
}

ul#article_detail_tracks{
    margin:0;
}

ul#article_detail_tracks  li{
    list-style:none;
}

ul#article_detail_tracks  li img, a.addtocart img{
    border:none;
}

/*** FOOTER ***/

#footer{
  background-color:#383c3f;
  width:902px;
  margin-top:50px;
  padding:0px 0 10px 16px;
  float:left;
  font-size:11px;
  font-family:verdana;
}

.browserIE6 #footer{
  padding:0px 0 10px 17px;
  width:901px;
}

.footer_box, .footer_artikel{
  float:left;
  border-right:14px solid #383C3F;
  border-top:16px solid #383C3F;
  background-color:#424649;
}


.footer_box h3, .footer_artikel h3{
  background-color:#2e3638;
  color:#fff;
  font-weight:normal;
  font-size:11px;
  margin:0;
  padding:4px 12px;
}

.footer_box ul{
  width:65px;
  float:left;
  list-style:none;
  padding:0;
  margin:0;
padding:3px 6px;
width:82px;
}

.browserIE .footer_box ul{
  padding:3px 5px
}

.footer_box ul li{
  float:left;
}

.footer_box ul li a{
  color:#acadaf;
  text-decoration:none;
  display:block;
  padding:3px 0;
  width:85px;
}

.browserIE6 .footer_box ul li a{
  width:82px;
}
.footer_box ul li a:hover, .footer_box ul li a:focus{
  text-decoration:underline;
}

.footer_artikel{
  width:408px;
  border-right:34px solid #383c3f;
  margin:20px 0 0 0;
}
.footer_artikel h3{
  width:384px;
}
.footer_artikel p{
  color:#acadaf;
  padding:3px 12px 3px 12px;
  margin:0;
  line-height:17px;
}

/* old styles */

.content_box{
	float: left;
	width: 522px;
	line-height: 14px;
	font-size: 10px;
}

.article_box{
	float: left;
	width: 160px;
	margin-bottom: 20px;
	border-top: 1px solid #c6cedf;
	border-bottom: 1px solid #c6cedf;
	line-height: 14px;
}

.article_box_middle{
	float: left;
	width: 160px;
    margin-left: 10px;
    margin-right:10px;
	margin-bottom: 20px;
	border-top: 1px solid #c6cedf;
	border-bottom: 1px solid #c6cedf;
	line-height: 14px;
}

.article_box_data {
    font-size: 80%;
    white-space: nowrap;
}
.article_box_data a {
    display: block;
}
.article_box_data a.artist {
    font-weight: bold;
}
.article_box_data_pic {
    overflow:hidden;
    float: left;
    width: 48px;
    height: 48px;
    margin-right: 5px;
    margin-top: 3px;
    background-image:url('images/noimage.gif');
    background-repeat: no-repeat;
    border: 1px solid #ccc;
}
.article_box_audio, .article_box_audio_off{
    float: left;
  	width: 80px;
  	padding-left: 15px;
	background-image:url('images/icons/listen.gif');
	background-position: 0px 2px;
	background-repeat:no-repeat;
}
.article_box_audio_off {
    background-image:url('images/icons/listen_off.gif');
}
.article_box_audio a, .article_box_audio_off a {
    display: inline;
    margin-right: 4px;
}

.article_box_tools {
  	float: left;
  	margin-top: 2px;
	padding-top: 1px;
	background-image:url('images/bg_article_box_tools.gif');
	background-repeat: no-repeat;
}

.article_box_tools table{
    height: 18px;
}

.article_box_tools p{
    display: inline;
    font-size: 10px;
}

/* article detail */

  #page_back {float: right;}

#article_detail_left {
    width: 180px;
    margin-right: 20px;
    border-top: 1px solid #c8d1db;
    padding-top: 5px;
    padding-bottom: 20px;
}

#article_detail_left_data {
    float: left;
    width: 180px;
    margin-top: 6px;
    border-top: 1px solid #c8d1db;
    background-image:url('images/bg_detail_info.gif');
    background-repeat: no-repeat;
    font-size: 10px;
}

#article_detail_right {
    float: left;
    width: 321px;
    border-top: 1px solid #c8d1db;
    font-size: 10px;
}

.article_detail_right_infos {
    width: 321px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-image:url('images/dotted_line_hor.gif'); background-repeat: repeat-x; background-position: 0 bottom;
}

  .article_detail_right_infos p { display: inline; }

  .article_detail_right_track, .article_detail_right_track_off {
	background-image:url('images/icons/listen.gif');
	background-position: 0px 2px;
	background-repeat:no-repeat;
	padding-left: 15px;
  }
  .article_detail_right_track_off{	background-image:url('images/icons/listen_off.gif');}

  .article_detail_full {
  	float: left;
  	margin-left: 20px;
  	border-top: 1px solid #c8d1db;
  	background-image: url('images/bg_detail_headline_full.gif');
  	background-position: 0 3px;
  	background-repeat: no-repeat;
  	margin-bottom: 24px;
  	font-size: 10px;
  }

   .chartposition {
  	width:25px;
	height:18px;
	position:absolute;
	background:SeaShell;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:0.75;
	padding:4px 0px 1px;
  	margin:0px 0px 0px 5px;
  	color:#3E5274;
	font-size:12px;
  	font-weight:bold;
  	text-align:center;
  	vertical-align:middle;
  	border:1px solid #cccccc;
  	border-top:0px;
  	border-left:0px;
	cursor:pointer;
  }

.chart_pagination_right {
   margin: 8px 0 6px 0;
   color:#9B0D05;
   font-size: 80%;
}

  .dotted_line_hor {
	background-image:url('images/dotted_line_hor.gif'); background-repeat: repeat-x; background-position: 0 bottom;
}

  .date { color: #6f2605; font-weight: bold; }
  .date_grey { color: #9ea7b7; }

  .content_box {
	float: left;
	width: 521px;
	margin-bottom: 20px;
	line-height: 14px;
	font-size: 10px;
  }

#codeigniter_profiler {text-align:left;}

ul#order_list {margin:0; padding:0;}
ul#order_list li {margin:0 0 5px 0; padding:0; list-style:none;}

div#message {
	background:#AF0017;
	margin-left:-155px;
	padding:5px;
	position:fixed;
	width:100px;
	z-index:99;
	color:#fff;
	display:none;
}

ul#mainnav li.text {width:147px; padding:7px 15px; color:#424242;}

ul#zahlungsarten {margin-left:15px; padding:0}
ul#zahlungsarten li {list-style:decimal;}
ul#zahlungsarten li ul li {list-style:disc;}

div#faq h2 {font-size:11px; background:#F0F0F0; border:1px solid #cccccc; display:block; cursor:pointer; padding:5px;}
div#faq p  {margin-bottom:20px;}

div#mp3_player {height:125px}
div#mp3_player object {position:fixed; background:#fff;}