/************* general styles ****************************/
body
{
  margin-top:0px;
  background: url(../img/bg.gif) repeat-x;
  padding:0px;
}

a
{
  color:#000000;
}

div#general
{
   
  width:940px;
  min-height:500px;
  margin-left:auto; 
  margin-right:auto;
  /*border:solid 1px red;*/
}

div#top_area
{
  height:43px;
 /* 
 position:auto;
 border:solid 1px green;*/
}

div#pos_topmenu
{
  margin-bottom:10px;
}

div#pos_addtext
{
  margin-bottom:3px;
}

.box_login
{
  background:url(../img/bg_box_login.gif) no-repeat;
  width:175px;
  height:187px;
  
  margin-bottom:10px;
}

.bg_menu_lang
{
  background:url(../img/bg_lang.png) no-repeat;
  width:182px;
  height:21px;
}

td#logo_left
{
  width:580px;
  /*border:solid 1px;*/
  
}

td#logo_right
{
  width:175px;
 /*border:solid 1px;*/
}


.shadow_main_left
{
  background: url(../img/shadow_main_left.gif) repeat-y;
  background-position:0px 0px;
  width:8px;
  height:100%;
}

.shadow_main_right
{
  background: url(../img/shadow_main_right.gif) repeat-y;
  background-position:0px 0px;
  width:8px;
  height:100%;
  
}

.shadow_main_bottom
{
  background: url(../img/shadow_main_bottom.gif) no-repeat;
  background-position:0px 0px;
  width:758px;
  height:9px;
  border:none;
}

.shadow_main_bottom_tracks
{
  background: url(../img/shadow_bottom_tracks.gif) no-repeat;
  background-position:0px 0px;
  width:759px;
  height:5px;
  border:none;
}

.shadow_main_left_tracks
{
  background: url(../img/shadow_main_left_tracks.gif) repeat-y;
  background-position:0px 0px;
  width:2px;
  /*height:100%;*/
}

.shadow_main_right_tracks
{
  background: url(../img/shadow_main_right_tracks.gif) repeat-y;
  background-position:0px 0px;
  width:3px;
  height:100%;
}


td#content_right
{
  width:197px;
  /*border:solid 1px green;*/
}


.span_link_grey
{
  background:url(../img/arrow_black.gif) no-repeat;
  background-position:3px 3px;
  font-family:Arial,Verdana;
  font-size:9px;
  font-weight:bold;
  color:#444444;
  cursor:pointer;
  padding-top:2px;
  padding-left:18px;
  text-decoration:none;
}

.span_link
{
  font-family:Futura,Arial,Verdana;
  font-size:10px;
 
  color:#000000;
  cursor:pointer;
}


.span_link_white
{
  background:url(../img/arrow_white.gif) no-repeat;
  background-position:0px 2px;
  font-family:Arial,Verdana;
  font-size:10px;
  
  color:#ffffff;
  cursor:pointer;
  padding-left:18px;
}

.clear
{
  padding:0px;
  margin:0px;
  font-size:0px;
 
}

/************* search box ************************/

div#box_search
{
  background: url(../img/bg_box_search.gif) no-repeat;
  width:197px;
  height:82px;
  margin-bottom:7px;
}

div#box_menu
{
  margin-bottom:7px;
}

.input_box
{
  width:126px;
  height:16px;
  border:solid 1px #6D6D6D;
  font-size:11px;
}
/************* eof search box ************************/

/**************** text *******************************/

.text_grey_title
{
  font-family:Futura,Arial,Verdana;
  font-size:13px;
  font-weight:bold;
  color:#7a7a7a;
  
}

.text_grey_link
{
  font-family:Arial,Verdana;
  font-size:11px;
  font-weight:bold;
  color:#555555;
  cursor:pointer;
  text-decoration:none;
}

.text_main
{
  font-family:Arial,Verdana;
  font-size:11px;
  
}

.text_main_lh
{
  font-family:Arial,Verdana;
  font-size:11px;
  line-height:15px;
}

.text_small
{
  font-family:Arial,Verdana;
  font-size:10px;
  
}

.text_content_title
{
  font-family:Futura,Arial,Verdana;
  font-size:16px;
  color:#000000;
}

.text_title_big
{
  font-family:Futura,Arial,Verdana;
  font-size:22px;
  color:#000000;
}

.text_red_title
{
  font-family:Futura,Arial,Verdana;
  font-size:13px;
  color:#bf1102;
  font-weight:bold;
}

.text_red_big
{
  font-family:Futura,Arial,Verdana;
  font-size:16px;
  color:#bf1102;
  font-weight:bold;
}

.text_blue_big
{
  font-family:Futura,Arial,Verdana;
  font-size:16px;
  color:#0a2383;
  font-weight:bold;
}

.text_orange_title
{
  font-family:Futura,Arial,Verdana;
  font-size:16px;
  color:#f19025;
  font-weight:bold;
}

.text_green_title
{
  font-family:Futura,Arial,Verdana;
  font-size:16px;
  color:#7daf0c;
  font-weight:bold;
}


.text_orange
{
  font-family:Arial,Verdana;
  font-size:11px;
  color:#f19025;
  font-weight:bold;
}

.text_orange_thin
{
  font-family:Arial,Verdana;
  font-size:11px;
  color:#f19025;
  
}

.text_green
{
  font-family:Arial,Verdana;
  font-size:11px;
  color:#7daf0c;
  font-weight:bold;
}

.text_red_small
{
  font-family:Arial,Verdana;
  font-size:10px;
  color:#bf1102;
  
}

.text_white_title
{
  font-family:Futura,Arial,Verdana;
  font-size:13px;
  color:#ffffff;
  
}


/***************** links **********************************/
.link_main
{
  font-family:Arial,Verdana;
  font-size:11px;
  color:#000000;
  
}

.link_red_small
{
  font-family:Arial,Verdana;
  font-size:10px;
  color:#bf1102;
}

.link_red_menu
{
  font-family:Arial,Verdana;
  font-size:12px;
  color:#bf1102;
  text-decoration:none;
  font-weight:bold;
}

.link_grey_title
{
  font-family:Arial,Verdana;
  font-size:12px;
  font-weight:bold;
  color:#7a7a7a;
  text-decoration:none;
}

.corner_main_left
{
  background:url(../img/corner_main_left.gif) no-repeat;
  background-position:0px 0px;
  width:8px;
  height:8px;
}

.corner_top_right
{
  background:url(../img/corner_top_right.gif) no-repeat;
  background-position:0px 0px;
  width:2px;
  height:2px;
}

.link_orange
{
  font-family:Arial,Verdana;
  font-size:11px;
  color:#f19025;
  text-decoration:underline;
}

.link_black
{
  font-family:Arial,Verdana;
  font-size:11px;
  color:#000000;
  text-decoration:underline;
  cursor:pointer;
}

.link_browse
{
  font-family:Arial,Verdana;
  font-size:12px;
  color:#000000;
  text-decoration:none;
  font-weight:bold;
  cursor:pointer;
}

.link_browse_active
{
  font-family:Arial,Verdana;
  font-size:12px;
  color:#f19025;
  text-decoration:none;
  font-weight:bold;
  cursor:pointer;
}


.link_black_small
{
  font-family:Arial,Verdana;
  font-size:10px;
  color:#000000;
  text-decoration:underline;
  cursor:pointer;
}

.link_white_small
{
  font-family:Arial,Verdana;
  font-size:9px;
  color:#ffffff;
  text-decoration:none;
}


.link_white
{
  background:url(../img/arrow_white.gif) no-repeat;
  background-position:0px 2px;
  font-family:Arial,Verdana;
  font-size:10px;
  
  color:#ffffff;
  cursor:pointer;
  padding-left:18px;
  text-decoration:none;
}

.link_white_big
{
  background:url(../img/arrow_white.gif) no-repeat;
  background-position:0px 3px;
  font-family:Arial,Verdana;
  font-size:12px;
  font-weight:bold;
  color:#ffffff;
  cursor:pointer;
  padding-left:18px;
  text-decoration:none;
}


.link_grey
{
  background:url(../img/arrow_black.gif) no-repeat;
  background-position:3px 3px;
  font-family:Arial,Verdana;
  font-size:9px;
  font-weight:bold;
  color:#444444;
  cursor:pointer;
  padding-top:2px;
  padding-left:18px;
  text-decoration:none;
}

.link_arrow_orange
{
  background:url(../img/arrow_orange.gif) no-repeat;
  background-position:3px 3px;
  font-family:Arial,Verdana;
  font-size:9px;
  font-weight:bold;
  color:#444444;
  cursor:pointer;
  padding-top:2px;
  padding-left:22px;
  text-decoration:none;
  border:none;
  
}


/**************** boxes ********************************************/
.bg_corner_top
{
  background:url(../img/corner_main_left.gif) no-repeat;
  width:8px;
  height:8px;
}

.bg_corner_right
{
  background:url(../img/corner_main_right.gif) no-repeat;
  width:8px;
  height:8px;
}

.bg_corner_top_left_tracks
{
  background:url(../img/corner_main_left.gif) no-repeat;
  background-position:-2px 0px;
  width:5px;
  height:8px;
}

.bg_corner_top_right_tracks
{
  background:url(../img/corner_main_right_tracks.gif) no-repeat;
  background-position:0px 0px;
  width:3px;
  height:8px;
}

.box_border_left
{
  width:3px;
  border-right:solid 1px #969696;
}

.box_shadow_left
{
  background:url(../img/shadow_left.gif) repeat-y;
  width:3px;
  height:100%;
  /*border:solid 1px red;*/
}

.box_border
{
  border-right:solid 1px #969696;
}


.box_shadow_right
{
  background:url(../img/shadow_right.gif) repeat-y;
  width:4px;
  
  
}

.box_bottom
{
  background:url(../img/shadow_bottom.gif) no-repeat;
  width:200px;
  height:8px;
  
}


.box_border
{
  border-left:solid 1px #969696;
  border-right:solid 1px #969696;
}

.bg_box_artists
{
  background:url(../img/bg_random_artists.jpg) no-repeat;
  width:197px;
  height:356px;
}


.bg_random_artists_teaser1
{
  background:url(../img/bg_random_artists_teaser1_y.jpg) repeat-y;
  
}

.bg_random_artists_teaser2
{
  background:url(../img/bg_random_artists_teaser2_y.jpg) repeat-y;
}

.bg_random_artists_teaser_top
{
  background:url(../img/bg_random_artists_teaser_top.jpg) no-repeat;
  width:197px;
  height:50px;
}

.bg_random_artists_teaser1_content
{
  background:url(../img/bg_random_artists_teaser1_content.jpg) no-repeat;
  
}

.bg_random_artists_teaser2_content
{
  background:url(../img/bg_random_artists_teaser2_content.jpg) no-repeat;
}


.bg_random_artists_teaser_middle
{
  background:url(../img/bg_random_artists_teaser_middle.jpg) no-repeat;
  width:197px;
  height:26px;
}

.bg_random_artists_teaser2_bottom
{
  background:url(../img/bg_random_artists_teaser2_bottom.jpg) no-repeat;
  width:197px;
  height:5px;
  
}



.bg_tourdata
{
  background:url(../img/bg_tourdata.jpg) no-repeat;
  width:197px;
  height:103px;
  margin-bottom:7px;
}

.tourdata_pic
{
  width:71px;
  height:71px;
  border:solid 1px #979797;
}

.special_artist_pic
{
  
  width:72px;
  height:72px;
  border:solid 1px #979797;
}

.randomartist_pic
{
  width:53px;
  height:53px;
  border:solid 1px #ffffff;
}

.homeartist_pic
{
  width:128px;
  height:128px;
  border:solid 1px #979797;
  margin-top:6px;
  margin-left:6px;
}

.artistdetail_pic
{
  width:235px;
  height:235px;
  border:solid 1px #979797;
  margin-top:6px;
  margin-left:10px;
}

.mp3product_pic
{
  position:absolute;
  top:0px;
  left:0;
  width:166px;
  height:166px;
  border:solid 1px #979797;
  margin-top:8px;
  margin-left:10px;
  
}

.bg_box_content_top
{
  background:url(../img/bg_box_content_top.gif) no-repeat;
  width:530px;
  height:3px;

}

.bg_box_content_bottom
{
  background:url(../img/bg_box_content_bottom.gif) no-repeat;
  background-position:0px 0px;
  width:530px;
  height:5px;
}

.bg_box_home_random_artists
{
  background:url(../img/bg_box_home_random_artists.jpg) no-repeat;
  background-position:1px 0px;
  width:525px;
  height:201px;
}

.bg_box_home_artist_y
{
  background:url(../img/bg_box_home_artist_y.gif) repeat-y;
  background-position:1px;
  width:525px;
  height:100%;
  border-left:solid 1px #959595;
  border-right:solid 1px #959595;
}


.box_main_content
{
   width:525px;
   border-left:solid 1px #959595;
   border-right:solid 1px #959595;
}

.bg_box_special
{
  background:url(../img/bg_box_special.gif) no-repeat;
  background-position:0px -14px;
  width:523px;
  height:41px;
}

.bg_box_bottom_special
{
  background:url(../img/bg_box_bottom_special.gif) no-repeat;
  
  width:523px;
  height:5px;

}

/************** box mp3product *************************/
.bg_box_footer_product
{
  background:url(../img/bg_box_footer_product.gif) no-repeat;
  background-position:0px 0px;
  width:523px;
  height:41px;

}

.bg_box_bottom_product
{
  background:url(../img/bg_box_bottom_product.gif) no-repeat;
  width:530px;
  height:5px;
}

.bg_box_product
{
  background:url(../img/bg_box_product.gif) no-repeat;
  width:106px;
  height:108px;
  cursor:pointer;
}     

.bg_box_product_active
{
  background:url(../img/bg_box_product_active.gif)  no-repeat;
  width:106px;
  height:108px;
  cursor:pointer;
}   

ul
{
  margin-top:10px;
  list-style-image:url(../img/bullet.gif);
}

li{
  margin-bottom:12px;
}

.div_special_product
{
  position:absolute;
  width:178px;
  height:183px;
  position:relative;
  z-index:1;
  
}

.arrow_special_product
{
   position:absolute;
   top:169px;
   left:70px;
   background:url(../img/arrow_special_product.png)  no-repeat transparent;
   width:100px;
   height:30px;
   z-index:2;
  
}

/********** special artists *********************************************/

.div_special_artist
{
  width:72px;
  height:80px;
  position:relative;
  
  z-index:1;
}

.arrow_special_artist
{
   position:absolute;
   top:66px;
   left:17px;
   background:url(../img/arrow_special_artist.png)  no-repeat transparent;
   width:72px;
   height:14px;
   z-index:2;
   /*border:solid 1px red;*/
}

.bg_box_footer_artist
{
  background:url(../img/bg_box_footer_artist.gif) no-repeat;
  background-position:0px 0px;
  width:523px;
  height:41px;

}



/****************** playlist styles *************************************/
.bg_playlist_number
{
  background:url(../img/bg_playlist_number.gif) no-repeat;
  background-position:5px 5px;
  width:56px;
  height:54px;
  font-family:Arial,Verdana;
  font-size:14px;
  font-weight:bold;
  vertical-align:middle;
  color:#414141;
}


.playlist_pic
{
  background-color:#ffffff;
  width:35px;
  height:35px;
  border:solid 1px #dddddd;
  margin-top:5px;
  padding:3px;
}

.div_rating
{
  /*width:400px;*/
  height:115px;
  margin-top:5px;
  margin-left:0px;
  margin-right:0px;
  margin-bottom:10px;
  padding-left:0px;
}

.rating_star1
{
 background:url(../img/icon_rating.png) repeat-x;
  width:23px;
  height:19px;
}

.rating_star2
{
  background:url(../img/icon_rating.png) repeat-x;
  width:46px;
  height:19px;
}

.rating_star3
{
  background:url(../img/icon_rating.png) repeat-x;
  width:69px;
  height:19px;
}

.rating_star4
{
  background:url(../img/icon_rating.png) repeat-x;
  width:92px;
  height:19px;
}


.rating_star5
{
  background:url(../img/icon_rating.png) repeat-x;
  width:115px;
  height:19px;
}


/************** menu left ************************************************/

.menu_left
{
  background:url(../img/arrow_menuleft.gif) no-repeat #F19025;
  background-position:10px 7px;
  
  /*height:20px;*/
  
  font-family:Arial,Verdana;
  font-size:12px;
  /*font-weight:bold;*/
  color:#ffffff;
  
  padding-top:3px;
  padding-bottom:3px;
  padding-left:22px;
  cursor:pointer;
}

.menu_left_active
{
  background:url(../img/arrow_menuleft_over.gif) no-repeat #F7B557;
  background-position:10px 7px;
  
  /*height:20px;*/
  
  font-family:Arial,Verdana;
  font-size:12px;
  /*font-weight:bold;*/
  color:#ffffff;
  
  padding-top:3px;
  padding-bottom:3px;
  padding-left:22px;
  
}


.link_menuleft
{
  font-family:Arial,Verdana;
  font-size:12px;
  /*font-weight:bold;*/
  color:#ffffff;
  text-decoration:none;
}

.link_menuleft_active
{
  font-family:Arial,Verdana;
  font-size:12px;
  /*font-weight:bold;*/
  color:#f19025;
  text-decoration:none;
}

.menu_left_level2
{
  background:url(../img/arrow_menuleft_over.gif) no-repeat #F7B557;
  background-position:21px 7px;
  font-family:Arial,Verdana;
  font-size:12px;
  /*font-weight:bold;*/
  color:#ffffff;
  
  padding-top:3px;
  padding-bottom:3px;
  padding-left:35px;
  cursor:pointer;
}

.menu_left_level2_active
{
  background:url(../img/arrow_menuleft_level1.gif) no-repeat #ffffff;
  background-position:21px 7px;
  font-family:Arial,Verdana;
  font-size:12px;
  /*font-weight:bold;*/
  color:#F19025;
  
  padding-top:3px;
  padding-bottom:3px;
  padding-left:35px;
}


.bg_dotted_line
{
  background:url(../img/dotted_line.gif) repeat-x;
  height:1px;
  font-size:1px;
}

.bg_dotted_line2
{
  background:url(../img/dotted_line.gif) repeat-x #ffffff;
  background-position:0px 1px;
  height:2px;
}

.shadow_menuleft_right
{
  background:url(../img/shadow_menuleft_right.gif) repeat-y;
  width:3px;
  /*border-right:solid 1px #959595;*/
}


/************** eof menu left ************************************************/


.bg_menubox_title
{
  background:url(../img/bg_menubox_top.jpg) no-repeat;
  width:197px;
  height:28px;
}

.menubox_title
{
  font-family:Futura,Arial,Verdana;
  font-size:13px;
  color:#7a7a7a;
  font-weight:bold;
  padding-left:8px;
  padding-top:6px;
}

.bg_menubox_footer
{
  background:url(../img/bg_menubox_footer.gif) no-repeat #ffffff;
  width:190px;
  height:31px;
}
/************** menu top ************************************************/
.menu_top
{
  padding-top:0px;
  padding-right:10px;
}

.link_menutop
{
  font-family:Futura,Arial,Verdana;
  font-size:17px;
  color:#444444;
  text-decoration:none;
}

/* home */
.link_menutop_active_0
{
  font-family:Futura,Arial,Verdana;
  font-size:17px;
  color:#000000;
  text-decoration:none;
}
/* tracks */
.link_menutop_active_1
{
  font-family:Futura,Arial,Verdana;
  font-size:17px;
  color:#48cff5;
  text-decoration:none;
}
 /* upload */
.link_menutop_active_2
{
  font-family:Futura,Arial,Verdana;
  font-size:17px;
  color:#ff8603;
  text-decoration:none;
}

/* archiv */
.link_menutop_active_3
{
  font-family:Futura,Arial,Verdana;
  font-size:17px;
  color:#c81105;
  text-decoration:none;
}

/* kuenstler */
.link_menutop_active_4
{
  font-family:Futura,Arial,Verdana;
  font-size:17px;
  color:#0a2383;
  text-decoration:none;
}

/* mp3produkte */
.link_menutop_active_5
{
  font-family:Futura,Arial,Verdana;
  font-size:17px;
  color:#7daf0c;
  text-decoration:none;
}

/************** eof menu top ************************************************/

/*
font-family:Futura,Arial,Verdana;
font-size:30px;
*/
.link_menubottom, .text_menubottom
{
  font-family:Futura,Arial,Verdana;
  font-size:12px;
  color:#ffffff;
  text-decoration:none;

}

.bg_number
{
  background:url(../img/bg_playlist_number.gif) no-repeat;
  background-position:0px 0px;
  width:46px;
  height:44px;
  vertical-align:middle;
  cursor:pointer;
  margin-bottom:15px;
}

.link_archiv_number
{
  font-family:Arial,Verdana;
  font-size:16px;
  font-weight:bold;
  color:#3E3D42;
  text-decoration:none;
}

.bg_number_active
{
  background:url(../img/bg_playlist_number_active.gif) no-repeat;
  background-position:0px 0px;
  width:46px;
  height:44px;
  vertical-align:middle;
  cursor:pointer;
}

.link_archiv_number_active
{
  font-family:Arial,Verdana;
  font-size:16px;
  font-weight:bold;
  color:#3E3D42;
  text-decoration:none;
}

/******************** form *****************************************/
.input_text
{
 background:#d9f2f6;
 border:solid 1px #919294;
 width:165px;
 height:17px;
 font-family:Arial,Verdana;
 font-size:11px;
}

.input_textarea
{
 background:#d9f2f6;
 border:solid 1px #919294;
 font-family:Arial,Verdana;
 font-size:11px;
}

select
{
  width:100px;
}

option
{
  
  background:#d9f2f6;
  border:solid 1px #919294;
  font-family:Arial,Verdana;
  font-size:11px;
  padding:0px;
  margin:0px;
}

.submit_arrow_orange
{
  /*width:80px;*/
  height:15px;
  background:url(../img/arrow_orange.gif) no-repeat;
  background-position:0px 4px;
  font-family:Arial,Verdana;
  font-size:10px;
  font-weight:bold;
  color:#444444;
  cursor:pointer;
  padding:0px;
  padding-left:16px;
  vertical-align:middle;
  
  text-decoration:none;
  border:none;

}


.submit_upload
{
  
  height:15px;
  background:url(../img/arrow_orange.gif) no-repeat;
  background-position:0px 4px;
  font-family:Arial,Verdana;
  font-size:10px;
  font-weight:bold;
  color:#444444;
  text-decoration:none;
  cursor:pointer;
  
  padding-left:15px;
  
  margin:0px;
  border:none;
}

.input_file
{
 background:#d9f2f6;
 border:solid 1px #919294;
 width:278px;
 height:17px;
 font-size:11px;
}

.input_link_grey
{
  background:url(../img/arrow_black.gif) no-repeat;
  background-position:3px 3px;
  font-family:Arial,Verdana;
  font-size:9px;
  font-weight:bold;
  color:#444444;
  cursor:pointer;
  
  
  text-decoration:none;
  
  margin:0px;
  vertical-align:middle;
  padding-left:15px;
  
  border-style:none;
  border:none;
}

select
{
  background:#d9f2f6;
  border:solid 1px #919294;
  font-family:Arial,Verdana;
  font-size:11px;
  border:solid 1px #919294;
}








