/*	
	www.killerpilze.de | screen.css (by scalp.de)
*/

/* typography.css */
body, html { height:100%; }
body { font-size:12px; color:#ccc; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/layout/bg.jpg) center top no-repeat #666 fixed; margin:0px; padding:0px; margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;}
td, th { font-size:12px; color:#ccc; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal;color:#fff; }
h1 { font-size:36px; color:#fff; margin:0px; padding:0px; text-transform:uppercase; }
h2 { font-size:28px; color:#fff; margin:0px; padding:0px; text-transform:uppercase; }
h3 { font-size:18px; color:#fff; margin:0px 0px 5px 0px; padding:0px; text-transform:uppercase; font-weight:bold; }
h4 { font-size:18px; color:#fff; margin:0px 0px 5px 0px; padding:0px; text-transform:uppercase; }
h5 { font-size:14px; color:#fff; margin:0px 0px 5px 0px; padding:0px; text-transform:uppercase; }
h6 { font-size:1em; font-weight:bold; }
td img, img { display:block; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
a:link, a:visited { color:#f00; text-decoration:none; }
a:hover, a:active { color:#c00; text-decoration:none; }
h3 a:link, h3 a:visited { color:#fff; text-decoration:none; }
h3 a:hover, h3 a:active { color:#fff; text-decoration:underline; }



/* main elements */
.wrapper {text-align:center; height:100%; }
.container { margin:0px auto; text-align:center; width:962px; height:100%; }
.head { position:relative; width:960px; height:320px; border-right:1px solid #333; border-left:1px solid #333; }
.head h1 { display:none; }
.content { border-right:1px solid #333; border-left:1px solid #333; top:auto; width:960px; background:url(../images/layout/bg_content.png); padding-top:10px; padding-bottom:20px; }
.left_col { float:left; width:460px; }
.right_col { float:right; width:460px; }



/* blocks */
.block { padding:10px 0px; width:460px; text-align:left; }
.block_header { line-height:32px; height:32px; padding:0 0 0 10px; background:#C00 url(../images/layout/bg_block_header.png) no-repeat; overflow:hidden; }
.block_body { padding:0 10px; background:url(../images/layout/bg_block_body.png); }
.block_footer { padding:5px 10px; background:url(../images/layout/bg_block_footer.png); text-align:right; font-size:10px; }
.block_more { position:absolute; right:0; bottom:5px; }
a.more_link:link, a.more_link:visited { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#f00;text-decoration:none; background:url(../images/icons/arrow_small.gif) no-repeat 0px 4px; padding-left:10px; }
a.more_link:hover, a.more_link:active { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#c00;text-decoration:none; background:url(../images/icons/arrow_small.gif) no-repeat 3px 4px; padding-left:10px; }



/* nav */
.main_nav { color:#000; font-size:17px; font-family:"Trebuchet MS", Arial, Geneva, Helvetica, sans-serif; font-weight:bold; line-height:32px; text-transform:uppercase; background:#c00; height:32px; display:block; }
.main_nav a:link, .main_nav a:visited { color:#fff; text-decoration:none; }
.main_nav a:hover, .main_nav a.active { color:#fff; text-decoration:underline; }
.main_nav ul { list-style-type:none; margin:0px; padding:0px; }
.main_nav li { float:left; margin:0px 0px 0px 10px; } 


/* item nav */
.itemnav { margin:0px; background:url(../images/layout/bg_h_scroller.png) repeat-x; height:100px; padding-top:4px; }
.itemnav_desc { }

.itemnav .item_selector { float:left; padding:0px; min-height:5px; height:auto !important; height:5px; position:relative; } 
.itemnav .item_selector_viewarea { float:left; width:420px; height:90px; position:relative; overflow:hidden; }
.itemnav .item_selector_viewarea ul { margin:0px; padding:0px; width:10000px; position:relative; top:0; left:0; height:90px; } 
.itemnav .item_selector_viewarea ul li { margin:0px; padding:0px; width:89px; height:88px; overflow:hidden; border-top:1px solid #444; border-bottom:1px solid #444; border-left:1px solid #444; background:#222; text-align:center; list-style:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; } 
.itemnav .item_selector_viewarea ul li:hover { background:#333; } 

.itemnav .item_selector_viewarea ul li div.item_img { margin:9px 0px 0px 0px; text-align:center; height:52px; overflow:hidden; }
.itemnav .item_selector_viewarea ul li div.item_img a { width:89px; height:52px; display:block; text-decoration:none; }
.itemnav .item_selector_viewarea ul li div.item_img a:hover, .itemnav .item_selector_viewarea ul li div.item_img a.selected { }
.itemnav .item_selector_viewarea ul li div.item_img img { margin:0; display:inline; }

.itemnav .item_selector_viewarea ul li div.item_caption { color:#f00; width:89px; height:20px; margin:0px; padding:1px 2px; text-align:center; line-height:10px; }
.itemnav .item_selector_viewarea ul li div.item_caption a { width:89px; height:20px; display:block; color:#ccc; text-decoration:none; }
.itemnav .item_selector_viewarea ul li div.item_caption a:hover, .itemnav .item_selector_viewarea ul li div.item_caption a.selected { color:#f00; text-decoration:none; }

.itemnav .next_button { float:left; width:20px; height:90px; margin:0px; background: url(../images/icons/button_next.png) center center no-repeat; cursor:pointer; }
.itemnav .next_button_disabled { background-image: url(../images/icons/button_next_disabled.png); cursor:default; }
.itemnav .previous_button { float:left; width:20px; height:90px; margin:0px; background: url(../images/icons/button_prev.png) center center no-repeat; cursor:pointer; }
.itemnav .previous_button_disabled { background-image: url(../images/icons/button_prev_disabled.png); cursor:default; }



/* itemLists */
.itemlist_1 { list-style:none; margin:0px; padding:0px; }
.itemlist_1 li { margin:8px 0px 0px 8px; padding:0px; width:140px; float:left; border:1px solid #444; background:#222; overflow:hidden; }
.itemlist_1 li:hover { background:#333; }
.teaser_releases .itemlist_1 li { height:230px; }
.teaser_videos .itemlist_1 li { height:160px; }
.teaser_releases .itemlist_1 li div.image_holder { height:140px; overflow:hidden; border-bottom:1px solid #444; }
.teaser_videos .itemlist_1 li div.image_holder { height:79px; overflow:hidden; border-bottom:1px solid #444; }

.itemlist_1 li img { }


/* left_col */


/* right_col */
.right_col .block_body h5 { padding-top:5px; color:#999; }

.itemlist_2 { list-style:none; margin:0px; padding:0px; }
.itemlist_2 li { padding:10px 0px; border-bottom:1px solid #333; }
.itemlist_2 li:hover { border-bottom:1px solid #900; cursor:pointer; }
.itemlist_2 .list_item_on a { color:#fff; text-transform:uppercase; }
.itemlist_2 .list_item_on:hover { border-bottom:1px solid #fff; cursor:pointer; }

.itemlist_3 { list-style:none; margin:0px; padding:0px; }
.itemlist_3 li { float:left; margin:10px 0px 0px 8px; height:130px; width:130px; text-align:center; padding:5px; border:1px solid #333; overflow:hidden; font-size:11px; }
.itemlist_3 li:hover { border:1px solid #900; cursor:pointer; }
.itemlist_3 .list_item_on { border:1px solid #fff; }
.itemlist_3 .list_item_on a { color:#fff; text-transform:uppercase; }
.itemlist_3 .list_item_on:hover { border:1px solid #fff; cursor:pointer; }

.itemlist_4 { list-style:none; margin:0px; padding:0px; }
.itemlist_4 li { float:left; margin:5px; width:197px; height:52px; padding:5px; border:1px solid #333; overflow:hidden; position:relative; }
.itemlist_4 li:hover { border:1px solid #900; cursor:pointer; }
.itemlist_4 li div.item_img { float:left; top:5px; left:5px; width:60px; display:inline; position:absolute; overflow:hidden; }
.itemlist_4 li div.item_caption { float:left; top:5px; left:65px; display:inline; position:absolute; }
.itemlist_4 .list_item_on { border:1px solid #fff; }
.itemlist_4 .list_item_on a { color:#fff; text-transform:uppercase; }
.itemlist_4 .list_item_on:hover { border:1px solid #fff; cursor:pointer; }

/* modules */
.modules .block_body { padding:10px; }

/* home */
.home .diary_item { padding:0px 0px 10px 0px; border-bottom:1px solid #444; position:relative; }
.home .news_item { height:110px; padding:10px 0px; border-bottom:1px solid #444; overflow:hidden; position:relative; }

/* news */
.news .news_item { padding:10px 0px; border-bottom:1px solid #444; }

/* bio */
.bio .left_col .block_body h5 { padding-top:5px; font-size:18px; }

/* releases */
.releases .item { padding:10px 0px; border-bottom:1px solid #333; }
.releases .left_col .block_body h5 { padding-top:5px; font-size:18px; }
.releases .category { font-size:11px; color:#ccc; text-transform:uppercase; word-spacing:2px; }
.releases .tracklist { margin-top:10px; }
.format { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ccc; text-transform:uppercase; }
.releases .ul_plain { margin:5px 0px !important; }
.releases .ul_plain li { float:left; margin-right:3px; margin-bottom:3px; padding:0px; }
.releases .ul_plain li img { }
.releases .right_col ul.itemlist_4 .item_img { width:50px; height:50px; overflow:hidden; border:1px solid #666; }
.releases .right_col ul.itemlist_4 .item_img  img { border:0px none transparent; }

/* videos */
.videos .item { padding:20px 0px; border-bottom:1px solid #333; }
.videos .itemlist_4 li div.item_img { top:5px; left:4px; height:50px; border:1px solid #666; }
.videos .itemlist_4 li div.item_img img { border:none !important; }
.videos .itemlist_4 li div.item_caption { left:70px; }

/* gallery */
.gallery .left_col .block_body h5 { padding-top:5px; font-size:18px; }
.gallery .item, .gallery .item_nav { padding:10px 0px; border-bottom:1px solid #333; }
.gallery .left_col .block_body .item h5 { padding-top:5px; font-size:14px; }
.gallery .left_col .block_body .item_nav ul { list-style-type:none; margin:0px; padding:0px; }
.gallery .left_col .block_body .item_nav li { float:left; margin:0px 5px 5px 0px; padding:0px; }

/* dates */
.dates .item { padding:20px 0px; border-bottom:1px solid #333; }

/* links */
.links .item { padding:20px 0px; border-bottom:1px solid #333; }

/* misc */
.misc .item { padding:20px 0px; border-bottom:1px solid #333; }

/* downloads */
.downloads .item { padding:10px 0px; border-bottom:1px solid #333; }
.downloads .item ul { list-style-type:none; padding:0px; margin:0px 0px 10px 0px; }

/* diary */
.diary h5 {padding-top:10px; }

/* twitter */
.twtr-hd, .twtr-ft { display:none !important; }
.twtr-tweet { border-bottom:1px solid #444 !important; }
.twtr-widget { border-top:1px solid #444 !important; border-bottom:1px solid #444 !important; }


/* addthis + comments */
.tools { margin:20px 0px; border-top:1px solid #666; border-bottom:1px solid #666; padding-top:1px; }
.tools h3 { font-size:14px; color:#fff; margin:0px 0px 5px 0px; padding:0px; text-transform:uppercase; font-weight:bold; }
.tools .options { margin-bottom:5px; display:block; }
.tools .options .addthis { float:right; margin-top:3px; line-height:27px; }
.tools .options .addthis a { padding-left:14px; background:url(../images/layout/bg_addthis.png) no-repeat left center; color:#f00; }
.tools .options .comment_links { float:left; margin-top:3px; line-height:27px; }
.tools .options .comment_links a { color:#f00; }
.tools .options .comments_link { padding-left:14px; background:url(../images/icons/icon_comments_link.png) no-repeat left center; line-height:27px; }
.tools .comment_functions { font-size:9px; color:#999; }
.tools .norminput, .tools .comment_textarea, .tools #recaptcha_response_field { background:#fff; border:1px solid #ccc; padding:0px; color:#333; font-family:Geneva, Arial, Verdana, Helvetica, sans-serif; font-size:12px; }
.tools .comment_textarea { width:300px; height:110px; }
.tools .comment_charcount { width:25px; background:transparent; border:0px solid #333; margin:0px; padding:0px; color:#ccc; font-family:Geneva, Arial, Verdana, Helvetica, sans-serif; font-size:12px; }
.tools .norminput { margin-bottom:5px; width:300px; background-color:#fff; border:1px solid #ccc; padding:0px; color:#333; font-family:Geneva, Arial, Verdana, Helvetica, sans-serif; font-size:12px; }

.tools #recaptcha_area .recaptcha_r1_c1, .tools #recaptcha_area .recaptcha_r2_c1, .tools #recaptcha_area .recaptcha_r2_c2, .tools #recaptcha_area .recaptcha_r3_c1 ,.tools #recaptcha_area .recaptcha_r3_c2, .tools #recaptcha_area .recaptcha_r3_c3, .tools #recaptcha_area .recaptcha_r4_c2, .tools #recaptcha_area .recaptcha_r7_c1, .tools #recaptcha_area .recaptcha_r8_c1 { background:transparent !important; }
.tools #recaptcha_area .recaptcha_r4_c4 { background:url(../images/layout/bg_recaptcha_logo.png) no-repeat 16px -14px !important;  }
.tools #recaptcha_widget_div { width:300px !important; height:112px !important; overflow:hidden !important; border:1px solid #333; }
.tools #recaptcha_area { position:relative !important; left:-9px !important; top:-9px !important; }
.tools .recaptchatable .recaptcha_only_if_image, .tools .recaptcha_only_if_incorrect_sol { color:#666 !important; }
.tools #feedback { padding:5px; margin-bottom:20px; }
.tools #feedback img {display:inline; }
.tools .comment { padding:5px; border-top:1px dotted #666; }
.tools .comment_nav { margin-top:5px; padding-top:5px; margin-bottom:20px; border-top:1px solid #666; }
.tools .nickname { color:#fff; }
.tools .normsubmit { width:302px; border:1px solid #f00; background:#F00; font-weight:bold; }

.tools #recaptcha_reload_btn { padding:0; margin:0px 0px 0px 0px; display:block; height:17px; width:25px; } 
.tools #recaptcha_switch_audio_btn { padding:0; margin:0px 0px 0px 0px; display:block; height:16px; width:25px; } 
.tools #recaptcha_switch_img_btn { padding:0; margin:0px 0px 0px 0px; display:block; height:16px; width:25px; } 
.tools #recaptcha_whatsthis_btn { padding:0; margin:0px 0px 0px 0px; display:block; height:16px; width:25px; }
.tools #recaptcha_reload_btn { background:url(../images/icons/button_recaptcha_refresh_grey.png) no-repeat #F00 !important; }
.tools #recaptcha_switch_audio_btn { background:url(../images/icons/button_recaptcha_audio_grey.png) no-repeat #F00 !important; }
.tools #recaptcha_switch_img_btn { background:url(../images/icons/button_recaptcha_text_grey.png) no-repeat #F00 !important; }
.tools #recaptcha_whatsthis_btn { background:url(../images/icons/button_recaptcha_help_grey.png) no-repeat #F00 !important; }
.tools #recaptcha_reload_btn img, .tools #recaptcha_switch_audio_btn img, .tools #recaptcha_switch_img_btn img, .tools #recaptcha_whatsthis_btn img { border:0px; display:none; visibility: hidden; }

/* guestbook */
.guestbook .tools { margin:0px; border-top:0px none; border-bottom:0px none; }
.guestbook .tools .options { display:none; }
.guestbook .tools h3 { display:none; }
.guestbook .tools #comment_form_div h3 { display:block; }

/* bottom */
.bottom { width:960px; height:30px; padding:0px; margin:0px; background:url(../images/layout/bg_block_footer.png); border-right:1px solid #333; border-left:1px solid #333; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ccc; font-size:9px; line-height:30px; }
.bottom a:link, .bottom a:visited {color:#ccc;text-decoration:none;}
.bottom a:hover, .bottom a:active {color:#f00;text-decoration:none;}
.bottom ul { list-style-type:none; margin:0px; padding:0px; text-align:center; }
.bottom li { display:inline; }
.bottom ul li.trenner { display:inline; margin:0px 10px; font-size:12px; color:#666 } 



/* tables */
.table_1 { border-top:1px solid #444; border-right:1px solid #444; border-left:1px solid #444; }
.td_h_trenner { height:1px; background:url(../images/layout/td_h_trenner.png) repeat-x 50% 50%; }
.td_v_trenner { width:11px; background:url(../images/layout/td_v_trenner.png) repeat-y 50% 50%; }



/* image styles */

.imageborder { border:1px solid #666666; margin-right:5px; margin-bottom:5px; }
.imageborder_plain {border:1px solid #666666;}
.imageborder_none { border:0px solid #666666 none; }
.block_image { float:left; margin:3px 10px 5px 0px; border:1px solid #666666; }
.image_on {border:1px solid #fff;}
.image_off {border:1px solid #666666;}

a.image_link:link img, a.image_link:visited img { border:1px solid #c00; }
a.image_link:hover img, a.image_link:active img, a.image_link:focus img { -moz-outline-style:none; outline:none; border:1px solid #f00; }

a.image_link_off:active {outline:none;}
a.image_link_off:focus {-moz-outline-style:none;}

a.image_link_fade_off:link img, a.image_link_fade_off:visited img { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
a.image_link_fade_off:hover img, a.image_link_fade_off:active img { outline:none; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
a.image_link_fade_off:focus img { -moz-outline-style:none; outline:none; }



/* abstaende etc */
.margin_0 { margin:0px; padding:0px; }

.margin_1 {margin:5px;}
.margin_top_1 {margin-top:5px;}
.margin_right_1 {margin-right:5px;}
.margin_bottom_1 {margin-bottom:5px;}
.margin_left_1 {margin-left:5px;}
.padding_1 {padding:5px;}

.margin_2 {margin:10px;}
.margin_top_2 {margin-top:10px;}
.margin_right_2 {margin-right:10px;}
.margin_bottom_2 {margin-bottom:10px;}
.margin_left_2 {margin-left:10px;}
.padding_2 {padding:10px;}

.margin_3 {margin:20px;}
.margin_top_3 {margin-top:20px;}
.margin_right_3 {margin-right:20px;}
.margin_bottom_3 {margin-bottom:20px;}
.margin_left_3 {margin-left:20px;}



/* misc */
.float_left { float:left; }
.float_right { float:right; }
.inline { display:inline; }
.none { display:none; }
.hidden { display:hidden; }

.ul_plain {list-style-type:none;margin:0px;padding:0px;}
.li_subnav {float:left;margin-right:10px;}

.small { font-size:10px; color:#999; }

.artistlink { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
div.artistlink a:link, div.artistlink a:visited {color:#ccc; text-decoration:none;}
div.artistlink a:hover, div.artistlink a:active {color:#f00; text-decoration:none;}

a.up_link:link, a.up_link:visited { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#f00;text-decoration:none; background:url(../images/icons/arrow_small_up.gif) no-repeat 0px 4px; padding-left:10px; }
a.up_link:hover, a.up_link:active { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#f00;text-decoration:none; background:url(../images/icons/arrow_small_up.gif) no-repeat 3px 4px; padding-left:10px; }

a.buy_icon:link, a.buy_icon:visited { border:1px solid #900; display:block; }
a.buy_icon:hover, a.buy_icon:active { border:1px solid #f00; display:block; background:#300; }

.off:link, .off:visited {color:#666666;text-decoration:none;}
.off:hover, .off:active {color:#666666;text-decoration:underline;}
.on:link, .on:visited {color:#000000;text-decoration:none;font-weight:bold;}
.on:hover, .on:active {color:#000000;text-decoration:underline;font-weight:bold;}

.arrow_small { margin-right:5px; }
.trennstrich {color:#dedede;font-weight:normal;font-size:15px;}
.list {border-bottom:1px dotted #CCCCCC;margin-bottom:10px;}
.trennlinie {border-bottom:1px solid #cccccc;}
.trenner {margin-bottom:20px;}

.mainlink {margin-top:5px;}
a.mainlink:link, a.mainlink:visited {color:#0033cc;text-decoration:none;}
a.mainlink:hover, a.mainlink:active {color:#0033ff;text-decoration:underline;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }



/* forms.css */
input.text, input.title, textarea { border:1px solid #666; color:#ccc; height:16px; background-color:#000;}
select { border:1px solid #666; color:#ccc; height:20px; background-color:#000;}
input.submit { padding:2px; background-color:#f00; border:1px solid #f00; color:#000; height:20px; }
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #fff;color:#fff;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}