/*	
	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) 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:800px; height:100%; }
.head { background-image: url(img/killerpilze-bg.jpg);
 position:relative; width:800px; height:145px; border-right:1px solid #333;  }
.head h1 { display:none; }
.content { border-right:1px solid #333; text-align:left; border-left:1px solid #333; top:auto; width:795px; min-height:1850px; background:#000000; padding-top:5px; padding-left:5px;  padding-bottom:5px; }
.left_col { float:left; width:460px; }
.right_col { float:right; width:460px; }
.realcontent { width:420px; }



/* 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; }



.layer {position:absolute;  top: 145px;
left: 0px;}

.bilderlayer {position:absolute;  top: 184px;
left: 440px;}

.layershoutbox {position:absolute;  top: 430px;
left: 443px;}

.Anmeldebox {position:absolute;  top: 5px;
left: 405px;}

.Anmeldebox2 {position:absolute;  top: 5px;
left: 5px; width: 380px}

.Begruessung {position:absolute;  top: 160px;
left: 405px;}

.impressum {position:absolute;  top: 525px;
left: 380px;}

/* nav */
.main_nav {width:800px; border-right:1px solid #333; border-left:1px solid #333; color:#fff; font-size:18px; font-family:"Trebuchet MS", Arial, Geneva, Helvetica, sans-serif; font-weight:bold; line-height:32px; text-transform:uppercase; background:#c00; height:32px; display:block; z-index:99;}
.main_nav a:link, .main_nav a:visited { color:#fff; text-decoration:none; z-index:99;}
.main_nav a:hover, .main_nav a.active { color:#fff; text-decoration:underline; z-index:99;}
.main_nav ul { list-style-type:none; margin:0px; padding:0px; z-index:99;}
.main_nav li {margin:0px 5px 0px 5px; float:left;  z-index:99;} 

ul.menu, ul.menu ul {

    list-style-type: none;
z-index:99;
}



ul.menu a {

z-index:99;

}



ul.menu ul a {

 z-index:99;

}



ul.menu li {
z-index:99;

}



ul.menu ul {
font-size:10px;
    margin-left:0;

    padding: 0 0 0px 0;

    position: absolute;

    background-color: #26383D;

    border:1px solid #FFF9E4;

    display:none;

    min-width:85px;

text-align:center; 

z-index:99;

}



/* IE-Hack für die Breite */

*html ul.menu ul {

    width:100px;

}



/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */

/* über der Liste  befindet (.hover siehe JavaScript oben) */

ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {

    display:block;

}



ul.menu ul li {

    float:none;

    background-color: transparent;

}





/* 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; }

/* news */
.home .news_item { height:110px; padding:10px 0px; border-bottom:1px solid #444; overflow:hidden; position:relative; }
.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; }

/* 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; }

/* 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; }



/* 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.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 */
textarea { border:1px solid #666; color:#ccc; height:16px; background-color:#000;}
input.text, input.title, textarea { border:1px solid #666; color:#ccc; height:16px; background-color:#000;}
select {padding-left:5px;border:1px solid #cccccc;color:#666666; height:20px; background-color:#f6f2ef;}
input.submit { padding:2px; background-color:#f00; border:1px solid #f00; color:#000; height:25px; }
button.submit { padding:2px; background-color:#f00; border:1px solid #f00; color:#000; height:25px; }
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;}