/*	
	klee2 | screen.css (by scalp.de)
*/

@font-face { font-family:'webfont1'; src:url('../fonts/webfont1.eot'); src:url('../fonts/webfont1.eot?#iefix') format('embedded-opentype'), url('../fonts/webfont1.woff') format('woff'), url('../fonts/webfont1.ttf') format('truetype'), url('../fonts/webfont1.svg#KleeRegular') format('svg'); font-weight:normal; font-style:normal; }

/* main styles */
body { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; margin:0px; padding:0px; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; }
body { background:url(../images/layout/bg1.jpg) center top no-repeat fixed #fefef2; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
td, th { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; text-align:left; }
td img, img { display:block; }

ul, li { margin:0; padding:0; list-style:none; }

a:link, a:visited { color:#c27842; text-decoration:none; }
a:hover, a:active { color:#000; text-decoration:none; }

h1, h2, h3, h4, h5, h6 { color:#333; margin:0px; padding:0px; font-weight:bold; }
h1 a { width:98px; height:66px; display:block; overflow:hidden; text-indent:-1000px; background:url(../images/icons/logo.png) 0px 0px no-repeat; margin:40px 0 10px 11px; }
h1 a:hover { background-position:0px -66px; }
h2 { font-size:24px; }
h3 { font-size:16px; }
h3 a:link, h3 a:visited { color:#333; }
h3 a:hover, h3 a:active { color:#000; }
h4 { font-size:16px; }
h5 { font-size:13px; }
h6 { font-size:13px; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }


/* main elements */
.container { width:980px; margin:0 auto; }
.content { width:980px; position:relative; }
.nav { float:left; width:120px; margin:0 20px 0 0; background:url(../images/layout/bg_content.png); padding:10px; }
.left_col { float:left; margin:0 20px 0 0; background:url(../images/layout/bg_content.png); }
.right_col { float:left; background:url(../images/layout/bg_content.png); }
.fb_like_div { width:225px; height:35px; }
.fb_like { width:225px; height:35px; display:block; overflow:hidden; }


/* top */
.top { width:980px; position:relative; }
.top .fb_like { margin:40px 0 0 0; }


/* nav */
.nav .main_nav a { font-family:webfont1, Arial, Helvetica, sans-serif; color:#1d6474; line-height:23px; font-size:23px; text-transform:lowercase; }
.nav .main_nav a.off:hover, .nav .main_nav a.off:hover, .nav .main_nav a.on { color:#bc7846; }

.nav .social_networks { margin:20px 0 0 0; }
.nav .social_networks ul { list-style:none; list-style-type:none; margin:0; padding:0; }
.nav .social_networks li { float:left; margin:0 10px 0 0; padding:0; width:40px; height:40px; overflow:hidden; }
.nav .social_networks li a.facebook { background-image:url(../images/icons/social_facebook.png); }
.nav .social_networks li a.twitter { background-image:url(../images/icons/social_twitter.png); }
.nav .social_networks li a.myspace { background-image:url(../images/icons/social_myspace.png); }
.nav .social_networks li a { display:block; width:40px; height:40px; overflow:hidden; text-indent:-1000px; background-position:0px 0px; }
.nav .social_networks li a:hover { background-position:0px -40px; }


/* subnav */
#subnav .block_header h3 { font-weight:normal; font-family:webfont1, Arial, Helvetica, sans-serif; color:#333; line-height:23px; font-size:23px; text-transform:lowercase; }


/* blocks */
.block { text-align:left; margin:0 0 20px 0; padding:10px; }
.block_header { display:block; margin:0 0 5px 0; }
.block_header h3 { }
.block_header h3 a { color:#1d6474; }
.block_header h3 a:hover { color:#000; }
.block_body { }
.block_body .item { margin:0 0 10px 0; padding:0 0 10px 0; position:relative; }
.block_body .item h5 { margin:5px 0; }
.block_body .item h5 a { color:#333; }
.block_body .item h5 a:hover { color:#000; }
.block_bottom { height:15px; display:block; }


/* subnav's */
.itemlist_2 { list-style:none; margin:0px; padding:0px; }
.itemlist_2 li { }
.itemlist_2 li.first { }
.itemlist_2 li.last { }
.itemlist_2 li a { color:#1d6474 }
.itemlist_2 li:hover { color:#bc7846; cursor:pointer; }
.itemlist_2 li:hover a { color:#bc7846; }
.itemlist_2 li.disabled, .itemlist_2 li.disabled:hover { color:#666; cursor:default; }
.itemlist_2 .list_item_on { }
.itemlist_2 .list_item_on a { color:#bc7846;  }


.itemlist_4 { list-style:none; margin:0; padding:0px; }
.itemlist_4 li { float:left; margin:0; width:302px; height:52px; padding:10px 0; overflow:hidden; position:relative; border-bottom:1px solid #333; }
.itemlist_4 li.first { margin:10px 0 0 0; }
.itemlist_4 li.last { border:none; }
.itemlist_4 li:hover { cursor:pointer; }
.itemlist_4 li:hover a { color:#c00; }
.itemlist_4 li div.item_img { float:left; top:10px; left:10px; height:50px; width:50px; display:inline; text-align:center; position:absolute; overflow:hidden; border:1px solid #ddd; background:#000; }
.itemlist_4 li:hover div.item_img { border:1px solid #c00; }
.itemlist_4 li div.item_caption { float:left; top:10px; left:70px; display:inline; position:absolute; padding-right:5px; }
.itemlist_4 .list_item_off a { color:#ddd; }
.itemlist_4 .list_item_off a:hover { color:#c00; }
.itemlist_4 .list_item_on { }
.itemlist_4 .list_item_on a { color:#c00; }
.itemlist_4 .list_item_on div.item_img { border:1px solid #c00; }
.itemlist_4 .list_item_on:hover {  cursor:pointer; }


/* news */
.news .left_col { width:522px; }
.news .right_col { width:272px; }


/* video */
.video .left_col { max-width:272px; }
.video .right_col { width:522px; }
.video .trackname_display { display:none; }


/* gallery */
.gallery .left_col { max-width:272px; }
.gallery .right_col { width:522px; }
.img_nav ul { list-style:none; margin:5px 0 0 0; padding:0px; }
.img_nav ul li { float:left; margin:0px 5px 5px 0px; }
.img_nav ul li { float:left; margin:0px 5px 5px 0px; }
.gallery .right_col h3 { margin:0 0 5px 0; }
.gallery #subtypeinfo { margin:5px 0; }


/* dates */
.dates .left_col { max-width:272px; }
.dates .right_col { width:522px; }
td.dates_comments { padding-left:3px; }
td.dates_date { white-space:nowrap; }
td.dates_ticket_link { }
.dates .left_col .block .block_footer { margin-top:10px; }


/* music */
.music .left_col { max-width:272px; }
.music .right_col { width:522px; }
.music .right_col .block_body .item h5 { margin:0; }
.music .format, .music .category { font-size:10px; }
.music .trackname_display { display:none; }
.tracklist { margin-top:10px; }
.tracks { margin:10px 0; }
.track_nr, .track_name_off, .track_name_on { line-height:19px; }
.track_nr { width:25px; }
.track_name_disabled { color:#666; background:url(../images/icons/bg_track_play_disabled.png?v=1) left 50% no-repeat; padding:0 0 0 20px; }
.tracks a { -moz-outline-style:none; outline:none; display:block; height:21px; line-height:21px; }
.track_name_off a:link, .track_name_off a:visited { color:#c27842; background:url(../images/icons/bg_track_play_off.png?v=1) left 50% no-repeat; padding:0 0 0 20px; }
.track_name_off a:hover, .track_name_off a:active { color:#000; background:url(../images/icons/bg_track_play_on.png?v=1) left 50% no-repeat; padding:0 0 0 20px; }
.track_name_on { }
.track_name_on a:link, .track_name_on a:visited { color:#000; background:url(../images/icons/bg_track_play_on.png?v=1) left 50% no-repeat; padding:0 0 0 20px; }
.track_name_on a:hover, .track_name_on a:active { color:#000; background:url(../images/icons/bg_track_play_on.png?v=1) left 50% no-repeat; padding:0 0 0 20px; }
.tracks table { width:520px; }


/* guestbook */
.guestbook .left_col { width:522px; }
.guestbook .right_col { width:272px; }


/* diary */
.diary .left_col { max-width:272px; }
.diary .right_col { width:522px; }


/* bio */
.bio .left_col { max-width:272px; }
.bio .right_col { width:522px; }
.bio .left_col .block_header h3 { font-weight:normal; font-family:webfont1, Arial, Helvetica, sans-serif; color:#333; line-height:23px; font-size:23px; text-transform:lowercase; }


/* downloads */
.downloads .left_col { width:522px; }
.downloads .right_col { width:272px; }


/* support */
.support .left_col { max-width:272px; }
.support .right_col { width:522px; }


/* misc */
.misc .left_col { width:522px; }
.misc .right_col { width:272px; }


/* newsletter */
.newsletter .left_col { width:522px; }
.newsletter .right_col { width:272px; }


/* modules */
.modules .block { margin:0; }
.modules .block .block_body .item { margin:0; padding:0; }


/* pagination */
.pagination { margin:10px 0; }
.pagination ul li { float:left; line-height:18px; }
.pagination ul li.trenner { margin:0 5px; font-size:11px; color:#666; }


/* tools: sharing + comments */
.tools { margin:5px 0; width:auto; display:block; height:35px; font-size:14px; }
.tools .social { float:left; }
.tools .comments { float:right; }
.tools .fb_like_div { width:225px; height:35px; overflow:hidden; }
.tools .fb_like { margin-top:5px; width:225px; height:35px; display:block; overflow:hidden; }
.comments_link { padding-left:20px; background:url(../images/icons/btn_comments_small.png) no-repeat; background-position:0px 1px; }
.comments_link:hover { background-position:0px -49px; }


/* bottom */
.bottom { color:#333; font-size:9px; margin:20px 0; }

.credits { font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; text-transform:uppercase; font-size:9px; }
.credits a:link, .credits a:visited { text-decoration:none; }
.credits a:hover, .credits a:active { text-decoration:none; }
.credits ul { list-style-type:none; margin:0px; padding:0px; text-align:center; height:30px; line-height:30px;  }
.credits li { display:inline; }
.credits ul li.trenner { display:inline; margin:0px 10px; font-size:12px; color:#333; }
.credits a img { filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; }
.credits a:hover img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }


/* tables */
.table_1 { border-top:1px solid #c7bf9b; border-right:1px solid #c7bf9b; border-left:1px solid #c7bf9b; }
.table_1 tr.events_off td { color:#666; }
.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 #1d6474; margin-right:5px; margin-bottom:5px; }
.imageborder_plain { border:1px solid #1d6474;}
.imageborder_none { border:0px none; }
.block_image { float:left; margin:2px 10px 5px 0px; border:1px solid #1d6474; }
.image_on, .image_off:hover { border:1px solid #c27842; }
.image_off { border:1px solid #1d6474; }

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 { -moz-outline-style:none; outline:none; }
a.image_link_off:focus { -moz-outline-style:none; outline:none; }

a.image_link_fade_off:link img, a.image_link_fade_off:visited img { filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
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;}

.centeredmenu { float:left; width:100%; overflow:hidden; position:relative; }
.centeredmenu ul { clear:left; float:left; list-style:none; position:relative; left:50%; text-align:center; }
.centeredmenu ul li { display:block; float:left; list-style:none; position:relative; right:50%; }


/* buy */
.item_bg { position:absolute; left:0; top:0; z-index:2; text-align:center; }
.item_bg h5 { font-size:18px; color:#fff; font-family:"webfont1", Georgia, "Times New Roman", Times, serif; }
.item_bg .format { color:#ffc; font-size:16px; margin:0 0 10px 0; }
.item_desc { position:absolute; left:0; bottom:0; z-index:3; width:228px; display:none; text-align:center; padding:10px; background:url(../images/layout/bg_black80.png); border:1px solid #595141; color:#eee; }
.item_desc h5 { font-size:14px; margin:10px 0 5px 0; color:#fff; text-transform:uppercase; letter-spacing:2px; }
.buy_options { border:1px dotted #877c63; }
.buy { list-style:none; list-style-type:none; margin:5px 0px; padding:0px; text-align:center; }
.buy li { float:left; display:block; list-style:none; margin:0 5px 5px 0; width:63px; height:25px; padding:5px; border:1px solid #c27842; }
.buy li a { width:63px; height:25px; display:block; text-indent:-1000px; overflow:hidden; } 
.buy li:hover { border:1px solid #000; background:#000; } 
.buy li a.amazon { background:url(../images/icons/buy_amazon.png) no-repeat; }
.buy li a.bravado { background:url(../images/icons/buy_bravado.png) no-repeat; }
.buy li a.itunes { background:url(../images/icons/buy_itunes.png) no-repeat; }
.buy li a.umusic { background:url(../images/icons/buy_umusic.png) no-repeat; }
.buy li a.amazon_mp3 { background:url(../images/icons/buy_amazon_mp3.png) no-repeat; }
.buy li a.mediamarkt { background:url(../images/icons/buy_mediamarkt.png) no-repeat; }
.buy li a.musicload { background:url(../images/icons/buy_musicload.png) no-repeat; }
.buy li a.napster { background:url(../images/icons/buy_napster.png) no-repeat; }
.buy li a.saturn { background:url(../images/icons/buy_saturn.png) no-repeat; }


/* misc */
#log { position:fixed; z-index:1000; left:5px; bottom:5px; background:#666; color:#fff; font-size:9px; font-family:Arial, Helvetica, sans-serif; border:1px solid #000; padding:5px; width:500px; }
.float_left { float:left; }
.float_right { float:right; }
.inline { display:inline; }
.none { display:none; }
.hidden { display:hidden; }
.anchor { width:1px; height:1px; overflow:hidden; }
.ul_plain { list-style-type:none;margin:0px;padding:0px; }
.li_subnav { float:left;margin-right:5px; }
object, embed { -moz-outline-style:none; outline:none; display:block; margin:0; padding:0; }
.small { font-family:Arial, Helvetica, sans-serif; font-size:11px; }

div.more_link { margin:5px 0; }
a.more_link { padding:0 0 0 10px; background:url(../images/icons/arrow_small.png) no-repeat 0px 50%; } 
a.up_link { padding:0 0 0 10px; background:url(../images/icons/arrow_small_up.png) no-repeat 0px 50%; }


.arrow_small { margin-right:5px; }
.trennstrich { color:#dedede; font-weight:normal; font-size:15px; }

a.mainlink { padding:0px 7px; background:#b29e58 url(../images/layout/bg_btn.png); color:#000; height:30px; line-height:30px; font-size:16px; font-weight:bold; }
a.mainlink:link, a.mainlink:visited { border:1px solid #7d702c; text-decoration:none; }
a.mainlink:hover, a.mainlink:active { border:1px solid #fff; text-decoration:none; }

.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, .norminput { border:1px solid #a4a189; color:#a4a189; background:url(../images/layout/bg_input.png); margin:0px; padding:4px; }
select { border:1px solid #a4a189; color:#a4a189;  background:none; margin:0px; padding:4px 2px !important; }
input.text:focus, input.title:focus, textarea:focus, select:focus, .norminput:focus, .norminput:active { border:1px solid #000; color:#000; }
input.submit, .normsubmit { margin:0; padding:0px 4px; border:0px none; font-size:14px; color:#c27842; font-family:Arial, Helvetica, sans-serif; background:transparent none; }
input.submit:hover, input.submit:focus, input.submit:active, normsubmit:hover, .normsubmit:focus, .normsubmit:active { }


/* notice + co. */
.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;}