/********************
Einstellungen
********************/
body { font-family: "Lucida Grande", "Trebuchet MS", Arial, Verdana; font-size: 12px; background:url(http://www.besttips.de/musik/img/body-bg-tail.gif) repeat; }
body,h1,h2,h3,h4,h5,h6,h7,h8,h9,ul,li,div { margin: 0; padding: 0; }
ul, li { list-style: none; }
form { display: inline; }
img { border: none; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: left; font-size: 1px; height: 1px; margin: 0; padding: 0; }
.cr { clear: right; font-size: 1px; height: 1px; margin: 0; padding: 0; }
a, input { outline: none; }
a:link, a:active, a:visited { color: #5c3030; text-decoration: none; border-bottom: 1px dotted #5c3030; }
a:hover { color: #5c3030; background: #ebc59e; text-decoration: none; }
a.ul { text-decoration: underline; }
a.ul:hover { text-decoration: none; }
.rel { position: relative; }
/********************
Grundelemente
********************/
.wrapper { position: relative; margin: 0 auto; width: 1100px; background:url(http://www.besttips.de/musik/img/body-bg-tail.gif) repeat; }
.header { position: relative; background: url(/musik/img/header.jpg) top left no-repeat; height: 319px; }
.header .sense { position: absolute; right: 80px; top: 210px; }
.header .search { position:absolute; right:10px; top:43px; color: #fff; }
.header a.logo { position: absolute; top: 56px; left: 8px; display: block; width: 153px; height: 62px; background: url(/musik/img/besttips.jp); border: none; }
.header a.logo span { display: none; }
.mainnav { position: relative; background: #FFFFFF; float: left; width: 950px; }
.mainnav a { display: block; float: left; padding: 5px 15px; font-size: 18px; text-decoration: none; border: none; }
.mainnav a:hover { background: #FDDDBB; color: #333; }
.mainnav a.active { background: #fff; color: #999; }
.content { padding: 45px 30px; background: #fff; float: center; }
.footer { padding: 10px 15px; text-align: center; font-size: 11px; border-top: 1px solid #EBC59E; border-bottom: 4px solid #5c3030; }
.footer li { display: inline; padding: 0 5px; }
.colbig { width: 609px; float: left; margin: 0 25px 0 0; }
.colsmall { width: 256px; float: left; padding: 0 0 25px 0; }
.nav_sense { background: #fff; }
/********************
Headlines
********************/
h1.green { font-size: 20px; font-weight: normal; color: #000; background: url(/musik/img/dlinegreen.gif); margin: 0 0 25px 0; padding: 5px 10px; border-bottom: 2px solid #cdda79; }
h1.red { font-size: 20px; font-weight: normal; color: #000; background: url(/musik/img/dlinered.gif); margin: 0 0 25px 0; padding: 5px 10px; border-bottom: 2px solid #be6464; }
h1.blue { font-size: 20px; font-weight: normal; color: #000; background: url(/musik/img/dlineblue.gif); margin: 0 0 25px 0; padding: 5px 10px; border-bottom: 2px solid #6489be; display: block; }
h1.blue a { float: right; color: #19437F; font-size: 12px; border-color: #19437F; margin: 5px 0 0 0; }
h1.blue a:hover { background: #BAC6D8; }

/*******************
Katalog
*******************/
.cat_artist { float: left; width: 145px; height: 170px; margin: 0 9px 0 0; }
.cat_artist a.picture { color: #000; display: block; position: relative; width: 145px; height: 120px; background: url(/musik/img/dlinegrey.gif); text-align: center; border: none; }
.cat_artist a.picture:hover { color: #19437F; background: url(/musik/img/dlineblue.gif); }
.cat_artist .name { width: 145px; position: absolute; left: 0; top: 120px; font-weight: bold; height: 47px; padding: 4px 0 0 0; }
.cat_artist_lir { margin-right: 0; }

.cat_song { float: left; width: 292px; height: 80px; margin: 0 25px 15px 0; }
.cat_song a.picture { display: block; width: 80px; height: 80px; background: url(/musik/img/dlinegrey.gif); text-align: center; border: none; float: left; margin: 0 10px 0 0; }
.cat_song a.picture:hover { }
.cat_song .song { float: left; width: 202px; font-size: 11px; font-weight: bold; }
.cat_song .song a { border-color: #fff; color: #000; }
.cat_song .song a:hover { border-color: #000; }
.cat_song .artist { float: left; width: 202px; font-size: 11px; }
.cat_song .artist a { border-color: #fff; color: #000; }
.cat_song .artist a:hover { border-color: #000; }
.cat_song .genre { color: #999; font-weight: normal; }
.cat_song .play { float: left; width: 202px; font-size: 11px; padding: 3px 0 6px 0; }
.cat_song .play a { display: block; float: left; margin: 0 7px 0 0; }
.cat_song_lir { margin-right: 0; }

.alphabet { margin: 0 0 25px 0; }
.alphabet a { font-size: 14px; padding: 0 2px; color: #19437F; border-color: #fff; }
.alphabet a:hover { color: #19437F; border-color: #19437F; background-color: #d6e6fc; }
.alphabet a.active { color: #000; border-color: #fff; background-color: #d6e6fc; cursor: default; }

.pagination { margin: 0 0 25px 0; text-align: right; font-size: 18px; height: 23px; line-height: 23px; }
.pagination a { display: block; height: 23px; line-height: 23px; float: left; padding: 0 4px; color: #19437F; border-color: #fff; }
.pagination a:hover { color: #19437F; border-color: #19437F; background-color: #d6e6fc; }
.pagination .currentpage { display: block; float: left; font-size: 24px; margin: 0 4px; }
a.previouspage,
a.nextpage { display: block; background: url(/musik/img/previous.gif) center center no-repeat; width: 14px; height: 23px; line-height: 23px; border: none; }
a.nextpage { background-image: url(/musik/img/next.gif); margin: 0; }
.pagination_bottom { margin: 15px 0 0 0; }

.genres { margin: 0 0 20px 0; }
.genres a { font-size: 18px; border-color: #617f19; color: #617f19; display: block; float: left; margin: 0 0 7px 0; clear: left; }
.genres a:hover { background: #e7f1bf; }
.genres a.active { border-color: #fff; color: #000; background: #e7f1bf; cursor: default; }
.genres a.parent { font-size: 12px; margin: 0 0 3px 15px; }
.genres a.topparent { font-size: 10px; margin: 0 0 3px 30px; }
.genres .subgenres { position: relative; top: -3px; }

.selector { position: relative; top: -25px; }
.selector a,
.selector div { display: block; float: left; padding: 3px 10px 4px 10px; border: none; background: none; color: #999; }
.selector a:hover { background: #BAC6D8; color: #333; }
.selector div.active { background: #6489be; color: #fff; }

.nocontent { font-size: 20px; color: #999; margin: 25px 0 0 0; }
.nocontent a { font-size: 14px; display: block; float: left; margin: 15px 0 0 0; }

/*******************
Charts
*******************/

.chart_song { float: left; width: 292px; height: 80px; margin: 0 25px 35px 0; }
.chart_song a.picture { display: block; width: 80px; height: 80px; background: url(/musik/img/dlinegrey.gif); text-align: center; border: none; float: left; margin: 0 10px 0 0; position: relative; }
.chart_song a.picture:hover { }
.chart_song a.picture .position { position: absolute; top: 0; left: 0; background: #6489BE; font-size: 16px; padding: 2px 4px; color: #fff; }
.chart_song .song { float: left; width: 202px; font-size: 11px; font-weight: bold; }
.chart_song .song a { border-color: #fff; color: #000; }
.chart_song .song a:hover { border-color: #000; }
.chart_song .artist { float: left; width: 202px; font-size: 11px; margin: 0 0 10px 0; }
.chart_song .artist a { border-color: #fff; color: #000; }
.chart_song .artist a:hover { border-color: #000; }
.chart_song .genre { color: #999; font-weight: normal; }
.chart_song .play { float: left; width: 202px; font-size: 11px; padding: 3px 0 6px 0; }
.chart_song .play a { display: block; float: left; margin: 0 7px 0 0; }
.chart_song .oldposition { float: left; width: 202px; font-size: 11px; color: #999; font-size: 10px; }
.chart_song .oldposition_up { background: url(/musik/img/up.gif) left center no-repeat; line-height: 14px; padding-left: 21px; width: 181px; }
.chart_song .oldposition_down { background: url(/musik/img/down.gif) left center no-repeat; line-height: 14px; padding-left: 21px; width: 181px; }
.chart_song_lir { margin-right: 0; }


/*******************
Konzerte
*******************/

.concert { height: 90px; margin: 0 0 25px 0; }
.concert a.picture { display: block; width: 80px; height: 80px; background: url(/musik/img/dlinegrey.gif); text-align: center; border: none; float: left; margin: 0 10px 0 0; }
.concert a.picture:hover { }
.concert .venue { float: left; width: 519px; font-size: 11px; padding: 10px 0 0 0; }
.concert .venue span { font-weight: bold; padding: 0 0 5px 0; display: block; }
.concert .artist { float: left; width: 519px; font-size: 14px; font-weight: bold; }
.concert .artist a { border-color: #fff; color: #000; }
.concert .artist a:hover { border-color: #000; }
.concert .genre { font-size: 11px; color: #999; }
.concert_lir { margin-right: 0; }

/*******************
Konzerte
*******************/

.searchbox { padding: 0 0 25px 0; }
.searchmarker { background: #EED200; }
.searchbox .label { width: 100px; text-align: right; color: #999; float: left; clear: left; height: 22px; line-height: 22px; margin: 0 10px 10px 0; }
.searchbox .name { float: left; height: 22px; line-height: 22px; margin: 0 10px 10px 0; }


/*******************
Bandseite
*******************/

.artistpage .main { width: 300px; }
.artistpage h1.name { margin: 0 0 25px 0; font-size: 25px; color: #333; }
.artistpage .picture { padding: 9px; border: 1px solid #ccc; float: left; text-align: center; }
.artistpage .picture div { background: url(/musik/img/dlinegrey.gif); width: 249px; }
.artistpage .picture img { display: block; margin: 0 auto; }
.artistpage .genre { padding: 15px 0 0 0; font-size: 11px; color: #666; }
.artistpage .location { color: #aaa; font-size: 11px; }

.artistpage .songlist { width: 590px; }
.artistpage .songlist .song { font-size: 11px; border-bottom: 1px dotted #ccc; }
.artistpage .songlist .song .name { font-weight: bold; width: 300px; }
.artistpage .songlist .song .name a { display: block; color: #000; background: none; border: none; padding: 5px 8px; }
.artistpage .songlist .song .name a:hover { background: #eee; }
.artistpage .songlist .song .play { width: 290px; }
.artistpage .songlist .song .play a { display: block; float: left; padding: 5px 8px; border: none; color: #999; }
.artistpage .songlist .playall { font-size: 11px; color: #aaa; border-bottom: 1px dotted #ccc; width: 590px; }
.artistpage .songlist .playall .name { font-weight: bold; padding: 5px 0 5px 8px; width: 292px; }
.artistpage .songlist .playall .play a { display: block; float: left; padding: 5px 8px; border: none; color: #999; }
.artistpage .songlist .song .play a:hover,
.artistpage .songlist .playall .play a:hover { background: #eee; color: #000; }
.artistpage .songlist h2 { margin: 0; padding: 5px 0; font-size: 11px; border-bottom: 1px dotted #ccc; color: #aaa; }

.artistpage .left { width: 650px; padding: 25px 0 0 0; margin: 0 25px 0 0; }
.artistpage .right { width: 215px; padding: 25px 0 0 0; }

.artistpage .article { border-top: 4px solid #ddd; margin: 0 0 25px 0; padding: 5px 0 0 0; font-size: 11px; color: #333; }
.artistpage .article h2 { font-size: 11px; margin: 0 0 15px 0; color: #999; }

.artistpage .smallbox { border-top: 4px solid #ddd; margin: 0 0 25px 0; padding: 5px 0 0 0; font-size: 11px; color: #333; }
.artistpage .smallbox h2 { font-size: 11px; margin: 0 0 15px 0; color: #999; }
.artistpage .smallbox li { padding: 0 0 3px 0; }
.artistpage .smallbox span.b { font-weight: bold; }
.artistpage .smallbox span.i { font-style: italic; }

.artistpage .artistconcert { color: #333; border-bottom: 1px dotted #ccc; padding: 5px 8px; }
.artistpage .artistconcert .date { font-weight: bold; width: 94px; }
.artistpage .artistconcert .location { width: 350px; }
.artistpage .artistconcert .venue { font-weight: bold; width: 190px; }

.artistpage .review { padding: 0 0 0 50px; background: url(/musik/img/avatar.gif) no-repeat; }
.artistpage .review .name { padding: 0 0 5px 0; font-size: 10px; color: #999; }
.artistpage .review .name span { font-weight: bold; color: #666; }
.artistpage .review .text { padding: 0 0 30px 0; }
a.writereview { position: absolute; right: 0; }


/*******************
Kontaktpopup
*******************/

.contactbox { background: #fff; color: #333; font-size: 12px; padding: 15px; }
.contactbox h2 { margin: 0 0 15px 0; padding: 5px 0; font-size: 11px; border-top: 4px solid #ddd; color: #999; }
.contactbox table td { padding: 5px; font-size: 11px; color: #333; }


/*******************
Song
*******************/

a.backtoprofile { font-size: 11px; margin: 0 0 0 25px; }
.songpage .main { width: 300px; }
.songpage h1.name { margin: 0 0 25px 0; font-size: 25px; color: #333; }
.songpage .picture { padding: 9px; border: 1px solid #ccc; float: left; text-align: center; }
.songpage .picture div { background: url(/musik/img/dlinegrey.gif); width: 249px; }
.songpage .picture img { display: block; margin: 0 auto; }
.songpage .genre { padding: 15px 0 0 0; font-size: 11px; color: #666; }
.songpage .location { color: #aaa; font-size: 11px; }

.songpage .song { width: 590px; }
.songpage .song h3 { color: #aaa; font-size: 12px; }
.songpage .song .play { padding: 15px 0 0 0; }
.songpage .song .play a { display: block; font-size: 16px; padding: 5px 10px; margin: 0 15px 0 0; float: left; border: none; color: #777; background: #ddd; }
.songpage .song .play a:hover { background: #333; color: #eee; }

.songpage .songpicture { padding: 5px; border: 1px solid #ddd; float: left; text-align: center; margin: 0 15px 0 0; }
.songpage .songpicture div { background: url(/musik/img/dlinegrey.gif); width: 70px; }
.songpage .songpicture img { display: block; margin: 0 auto; }
.songpage .row { margin: 0 0 25px 0; }

.songpage .article { border-top: 4px solid #ddd; margin: 0 0 25px 0; padding: 5px 0 0 0; font-size: 11px; color: #333; }
.songpage .article h2 { font-size: 11px; margin: 0 0 15px 0; color: #999; }

.songpage .label { width: 100px; padding: 0 5px 5px 0; color: #999; }
.songpage .labelcontent { padding: 0 0 5px 0; width: 485px; }

.songpage .lyrics { padding: 25px 0 0 0; font-size: 12px; color: #333; }

/*******************
More Bands (Bandseite)
*******************/

.more_bands div { float: left; width: 90px; height: 140px; margin: 0 21px 0 0; }
.more_bands a { color: #000; display: block; position: relative; width: 90px; height: 90px; background: url(/musik/img/dlinegrey.gif); text-align: center; border: none; }
.more_bands a:hover { color: #19437F; background: url(/musik/img/dlineblue.gif); }
.more_bands .name { width: 90px; position: absolute; left: 0; top: 95px; font-size: 10px; height: 35px; padding: 4px 0 0 0; }
.more_bands .lir { margin-right: 0; }


/*******************
Side-Boxen
*******************/

.side_bands { margin: 0 0 20px 0; }
.side_bands a { border: none; background: #000; display: block; float: left; height: 50px; width: 50px; text-align: center; margin: 0 1px 1px 0; }