/* --------- Allgemeine ----------*/

body, textarea, input {    color: #777; font-family: Arial, Helvetica, sans serif; font-size: 11px; line-height: 14px; }
a, a:hover, a:visited { color: #444; font-weight:normal; text-decoration:none; }
.content a { border-bottom:1px dotted #DDDDDD; }
a:hover { color:#fff; background-color:#DF0085; }
img { border:none; margin: 10px;    }
p { padding: 4px 20px 6px 20px; margin:0; }
p.first { padding-top: 20px; }
body#subcontent p { padding-left:0; padding-right:0; }
small { font-size:0.9em; }
hr,
.hr { margin: 0 9px 10px 12px; padding:10px 0 0 0; height:1px; line-height:1px; background-color:transparent; overflow:hidden; border:1px dotted #555; border-width:0 0 1px 0; }
h1 { font-size: 24px; font-weight:bold; margin: 20px 0 0 20px; }
h2 { padding:11px 0 0 0; font-size:1.1em; font-weight:bold; margin:0; }
h2.active, .selected h2 { color:#DF0085; }
h3 { font-size: 12px; font-weight:bold; line-height:12px; color:#fff; background-color:#575759; padding:2px 0 2px 3px; margin:0; display:inline; }
select, input { background-color:#EDECD0; border:1px solid #555; margin:0; }
input.radio { display:block; float:left; margin-top:3px; border:none; background:transparent; }
input.submit { width:100%; border:1px outset #ddd; background-color:#ddd; }
input.text { float:left; padding:2px; margin-right:10px; width:136px; }
.blackBorders { float:left; width:40px; border:1px solid #555; margin:0; padding:0; }
label { width:60px; display:block; float:left; line-height:18px; padding-bottom:4px; }
select { font-size:10px; }
input { font-size:10px; }
form, ol { margin:4px 0; padding:0; }
li { padding: 8px 0 8px 2px; margin:0; }
iframe { width:417px; height:662px; border:0; margin:0; padding:0; background:transparent; }
table { width:100%; border-collapse: collapse; }
td { vertical-align:bottom; }
td.small { width:1%; white-space:nowrap; }
.break { clear:both; }
.break10 { clear:both; padding-bottom:10px; }
.break20 { clear:both; padding-bottom:20px; }

a.arrow_left,
a.arrow_right { width:7px; height:14px; padding:3px 3px; background-image:url('/backstage/moon_harbour/picpool/pagelayout/arrow_right.gif'); background-repeat:no-repeat; background-position:3px 7px; }
a.arrow_left { background-image:url('/backstage/moon_harbour/picpool/pagelayout/arrow_left.gif'); }
a.arrow_left:hover { background-image:url('/backstage/moon_harbour/picpool/pagelayout/arrow_left_rollover.gif'); }
a.arrow_right:hover { background-image:url('/backstage/moon_harbour/picpool/pagelayout/arrow_right_rollover.gif'); }
a.arrow_up,
a.arrow_down { height:8px; width:7px; padding:3px 2px; background-image:url('/backstage/moon_harbour/picpool/pagelayout/arrow_down.gif'); background-repeat:no-repeat; background-position:2px 3px; }
a.arrow_up { background-image:url('/backstage/moon_harbour/picpool/pagelayout/arrow_up.gif'); }
a.arrow_up:hover { background-image:url('/backstage/moon_harbour/picpool/pagelayout/arrow_up_rollover.gif'); }
a.arrow_down:hover { background-image:url('/backstage/moon_harbour/picpool/pagelayout/arrow_down_rollover.gif'); }
a.pdf_dl { display:block; width:124px; padding:2px 2px 0 24px; margin-bottom:6px; background:transparent url('/backstage/moon_harbour/picpool/pagelayout/pdf_dl.gif') no-repeat scroll top left; }
a.pdf_dl:hover { background-color:#DF0085; }

/* -- Grundlayout -- */

body { margin:0; padding:0; }
body#framework { background-color:#fff;    background-image: url('/backstage/moon_harbour/picpool/pagelayout/bg.gif'); background-position: 50% -80px; }
body#maincontent,
body#subcontent { height:648px; margin:10px 0 10px 1px; padding:0 0 0 10px; background:transparent; border-left:1px dotted #555; }

#global { width:986px; margin:0px auto; }
#main { width:100%; overflow:hidden; }
#steadycontent { float:left; width:150px; overflow:hidden; }
#maincontent { float:left; width:418px; overflow:hidden; }
#subcontent { float:left; width:418px; overflow:hidden; }
#foot { width:100%; }

/* ---- Header ---- */

#head { width:100%; height:81px; cursor:pointer; background:transparent url('/backstage/moon_harbour/picpool/pagelayout/mhr_logo.gif') no-repeat scroll 71px 0; }

/* ---- Mainmenü ---- */

#mainmenu_area { margin: 0 10px 0 10px; height:49px; display:block; border-bottom: 1px dotted #555; }
#mainmenu_area #head2 { float:left; width:123px; height:17px; background-image:url('/backstage/moon_harbour/picpool/pagelayout/mhr_logo2.gif'); }
#mainmenu_area .topline { float:left; width:274px; height:9px; border-bottom: 1px dotted #555; }

#mainmenu { clear:both; padding-top:16px; }
#mainmenu a,
#mainmenu a.selected { font-size:15px; font-weight:bold; letter-spacing:-1px; margin:0 3px 0 0; color:#555; padding:0; }
#mainmenu a.selected { color:#DF0085; }
#mainmenu a:hover { color:#fff; } 
#mainmenu a.selected:hover { color:#DF0085; background:transparent; cursor:default; }
    
/* --- Metanav --- */

#metamenu .topline { float:left; margin-left:10px; width:146px; height:9px; border-bottom: 1px dotted #555; }
#metamenu #metanav { float:right; margin-right:10px; }
#metamenu #metanav a { padding:0 0 0 14px; font-size:0.9em; letter-spacing:1px; }
#metamenu .inbetween { clear:both; padding-top:34px; margin: 0 10px 0 10px; border-bottom: 1px dotted #555; }

/* ---- Wiederverwertbare Elemente ---- */

.scrollcontent { height:166px; width:406px; overflow:hidden; margin:4px 10px 10px 0; position:absolute; }
.scrollcontent .scrollbox_content { width:410px; padding-right:40px; overflow-x:hidden; overflow-y:scroll;  }
.scrollcontent .scrollbox_scrollbar { height: 100%; width:20px; background:transparent; }
.scrollcontent .simpletext { padding-top:6px; }

#pagebrowseNav_area { width:95%; border-collapse:collapse; }
.pagebrowseNav { display:table-cell; height:17px; }
.pagebrowseNav a { display:block; float:left; padding:3px 3px 0 3px; }
.pagebrowseNav a.selected { color:#DF0085; font-weight:bold; cursor:default; } 
.pagebrowseNav a.selected:hover { background-color:transparent; }

.scrollNav_area { width:10px; height:118px; margin:10px 0 10px 9px; } 
.scrollNav { height:30px; margin:55px 0px;}

.artists_events { z-index:1; position:absolute; margin-top:10px; }
.artists_events_bg { background-color:#ddd; opacity:0.5; filter:alpha(opacity=50); }
.simple { z-index:0; position:relative; }
.artists_events,
.artists_events_bg { width:398px; height:172px; }
.artists_events .heading { padding:4px 0 16px 0; }
.artists_events .list { float:left; width:132px; }
.artists_events .list a { display:block; color:#555; padding-top:1px; }
.artists_events .list a:hover { color:#fff; }
.artists_events .fat { font-weight:bold; margin-bottom:10px; }

.hardfacts { z-index:1; position:absolute; }
.hardfacts_bg { background-color:#999; opacity:0.5; filter:alpha(opacity=50); }
.hardfacts,
.hardfacts_bg { width:396px; height:240px; }
.hardfacts .left { float:left; width:246px; padding:10px 0 0 10px; }
.hardfacts .left .marking,
.hardfacts .left .fact { float:left; padding:8px 0; border-top:1px solid #999; }
.hardfacts .left .marking { clear:both; width:74px; font-size:0.9em; letter-spacing:1px; }
.hardfacts .left .fact { width:166px; }
.hardfacts .left #pagebrowseNav_area { width:160px; }
.hardfacts .right { float:right; width:139px; height:185px; }
.hardfacts img { margin:10px 10px 4px 10px; }

.submenu { width:396px; }
.submenu a { padding:3px 6px 3px 6px; display:block; float:left; color:#777; font-weight:bold; background-image:url('/backstage/moon_harbour/picpool/pagelayout/separator.gif'); background-position:left 5px; background-repeat:no-repeat; }
.submenu a.first { padding-left:0; background-image:none; }
.submenu a:hover { color:#fff; }
.submenu a.selected { color:#DF0085; font-weight:bold; }
.submenu a.selected:hover { background-color:transparent; cursor:default; }


/* --- Teaserboxen (steadycontent) --- */

#steadycontent #radio { width:130px; height:44px; margin:0 10px 0 10px; padding-bottom:5px; border-bottom: 1px dotted #555; }
#steadycontent .inbetween { margin: 38px 10px 0 10px; }
#steadycontent .inbetween h3 { display:block; }
#steadycontent .teaser_box { line-height:12px; width:130px; height:54px; margin:0 10px 0 10px; padding:0; background-position:right 50%; background-repeat:no-repeat;}
html > body #steadycontent .teaser_box { height:auto; min-height:61px; }
#steadycontent .teaser_box_max { height:176px; }
html > body #steadycontent .teaser_box_max { height:auto; min-height:176px; }
#steadycontent .hardfacts .left { padding-left:6px; }
#steadycontent .teaser_box img { border: 1px dotted #fff; border-width:1px 0; padding:1px 0; margin:7px 0 4px 0; }
#steadycontent .teaser_box h2 { font-size:1em; width:76px; padding-top:0px; margin-bottom:4px; }
#steadycontent .teaser_box .content { width:76px; font-size:1em; }
#steadycontent .teaser_box_max h2 { width:auto; }
#steadycontent .teaser_box_max h2 .bigmsg { color:#fff; background-color:#bbb; padding:1px 2px 2px 2px; font-size:1.1em; line-height:1.05em; }
#steadycontent .teaser_box_max .content { width:auto; }
#steadycontent .rollover { cursor:pointer; }
#steadycontent .rollover .content { background-color: #FFD9E9; }
#steadycontent .rollover h2 { color:#fff; background-color: #DF0085; }
#steadycontent .rollover h2 .bigmsg { background-color:#DF0085; }


#steadycontent div.hr { margin: 5px 10px 5px 10px; height:1px; padding:0px; }

/* --- News (auch Events, Artist-News, Artist-Events) --- */

.news { width:396px; height:442px; overflow:hidden; border-bottom:1px dotted #555; overflow:hidden; margin:4px 0; }
.artist_news,
.artist_events { height:auto; margin:0; }
.news .news_teaser,
.events .news_teaser td { padding:6px 0; border-bottom: 1px dotted #555; }
.news .last,
.events .last td { border-bottom: none; }
.news .news_teaser .date { display:block; float:left; padding-left:1px; font-size:0.9em; line-height:18px; }
.news .news_teaser td .date { padding-left:0; padding-right:6px; line-height:1.1em; } /* fuer Events Listing und auch upcoming events? */
.news .news_teaser h2 { display:block; float:left; padding:0 10px !important; width:320px; } 
.news .news_teaser td h2 { display:inline; width:auto; } /* fuer Events Listing */
.news .news_teaser .content { margin:5px 0 1px 0; padding:3px 1px; }
.news .selected .date,
.news .selected td,
.news .selected h2 { color:#DF0085; }
.news .selected .content { background-color:#ddd; }
.news .rollover { cursor:pointer; }
.news .rollover .date,
.news .rollover h2 { color:#fff; background-color:#DF0085; }
.news .rollover .content { background-color:#FFD9E9; }
.news .last { border-bottom:none; }
.upcoming_events { margin-top:11px !important; height:168px; overflow:hidden; border:none; }
.upcoming_events .news_teaser { padding:0; border-bottom:none; }
.upcoming_events .news_teaser td { vertical-align:top; padding:1px 2px 0 2px; }
.upcoming_events .news_teaser h2 { display:inline; width:auto; padding:1px 0; }
.upcoming_events .news_teaser span.date { display:block; padding-top:3px; }
.upcoming_events .first { padding-top:0px; }
.artist_events .news_teaser { padding:6px 0 5px 0; }

#news_content { width:396px; height:425px; border-bottom:1px dotted #555; overflow:hidden; }
.long { height:606px !important; overflow:auto !important; border-bottom:none !important; }
#news_content .date {  margin-top:5px; padding-left:1px; font-size:0.9em;}
#news_content .content { margin:5px 0 7px 0; padding:3px 1px; }
#news_content img { margin:0; }


/* --- Artists --- */

.artists { width:396px; height:404px; padding-top:3px; border-bottom:1px dotted #555; overflow:hidden; margin:0 0 4px 0; }
.artists .artist_teaser { float:left; width:125px; height:120px; margin:5px 10px 12px 0; }
.artists .artist_teaser h2 { color:#fff; padding:2px; background-color:#aaa; border-bottom:1px dotted #ddd; }
.artists .artist_teaser .origin { color:#fff; font-size:0.9em; line-height:0.9em; padding:1px 1px 2px 1px; background-color:#bbb; }
.artists .artist_teaser img { margin:4px 0 0 0; opacity:0.5; filter:alpha(opacity=50); }
.artists .selected h2 { color:#DF0085; background-color:transparent; }
.artists .selected .origin { color:#DF0085; background-color:transparent; }
.artists .selected img  { opacity:1; filter:none; }
.artists .rollover { cursor:pointer; }
.artists .rollover h2 { background-color:#DF0085; }
.artists .rollover .origin { background-color:#DF0085; }
.artists .rollover img  { opacity:1; filter:none; }

#artist_content { width:416px; height:444px; padding-top:28px; border-bottom:1px dotted #555; overflow:hidden; }
#artist_content h2 { padding:0; }

/* --- Releases --- */

.releases { width:396px; height:401px; border-bottom:1px dotted #555; overflow:hidden; margin:6px 0 10px 0; }
.artist_releases { height:auto; border-bottom:none; margin:4px 0; }
.releases .news_teaser { padding:6px 0 5px 0; border-bottom: 1px dotted #555; }
.releases .last { border-bottom:none; }
.releases .news_teaser .catalog { float:left; padding-left: 1px; width:66px; font-size:0.9em; }
.releases .news_teaser .artist { float:left; padding-left: 4px; width:140px; }
.releases .news_teaser .titel { float:left; padding-left: 4px; width:180px; }
.releases .selected { }
.releases .selected .catalog { color:#DF0085; }
.releases .selected .artist { color:#DF0085; }
.releases .selected .titel { color:#DF0085; }
.releases .rollover { background-color:#FFD9E9; cursor:pointer; }

#release_content { width:396px; height:481px; border-bottom:1px dotted #555; overflow:hidden; margin-bottom:10px; }
#release_content .date {  margin-top:5px; padding-left:1px; font-size:0.9em;}
#release_content .catalog,
#release_content .artist,
#release_content .titel { float:left; margin:11px 0 2px 0; padding-left:12px; color:#DF0085; }
#release_content .catalog { padding-left:1px; }
#release_content .titel { font-weight:bold; }
#release_content .content { margin:5px 0 7px 0; padding:3px 1px; }
#release_content .hardfacts .left { width:142px; padding-left:4px; }
#release_content .hardfacts .right { width:244px; }
#release_content .hardfacts_bg { background-color:#fff; bor }
#release_content .cover { display:table-cell; height:165px; vertical-align:middle; }
#release_content #tracks { display:block; vertical-align:middle; margin:auto 10px; }
#release_content #tracks a.track { display:block; line-height:12px; padding:2px 0; }
#release_content #tracks a.track .name { float:left; width:204px; }
#release_content #tracks a.track .length { float:left; width:16px; font-size:0.9em; }
#release_content #tracks a.track .playIcon { float:left; width:20px; height:14px; background:transparent url('/backstage/moon_harbour/picpool/pagelayout/play.gif') no-repeat 8px 2px; }
#release_content #tracks a.track:hover .playIcon { background-image:url('/backstage/moon_harbour/picpool/pagelayout/play_rollover.gif'); }
#release_content #tracks a.selected { cursor:default; background-color:#fff; }
#release_content #tracks a.selected .nr,
#release_content #tracks a.selected .name,
#release_content #tracks a.selected .length { color:#DF0085; }
#release_content #tracks a.selected .playIcon,
#release_content #tracks a.selected:hover .playIcon { background:transparent url('/backstage/moon_harbour/picpool/pagelayout/playing.gif') no-repeat 5px 2px; }
#release_content img { margin:0; }