@charset "utf-8";
/*
	sido - screen css - 2009 scalp.de
*/


/* typography.css */
body, html { }
body {font-size:11px; color:#ccc; font-family:Georgia, Times New Roman, Times, serif; background:#000; margin:0px; padding:0px; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; }
td, th {font-size:11px;color:#ccc; font-family:Georgia, Times New Roman, Times, serif; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#fff;}
h1 {font-size:24px;color:#996633;margin:0px;padding:0px;text-transform:uppercase;}
h2 {font-size:18px;color:#996633;margin:0px;padding:0px;text-transform:uppercase;}
h3 {font-size:15px;color:#fff;margin:0px 0px 5px 0px;padding:0px;text-transform:capitalize; font-variant:small-caps; text-align:center; }
h4 {font-size:12px;color:#000;margin:0px 0px 0px 0px;padding:0px;text-transform:uppercase; font-weight:bold; }
h5 {font-size:12px;color:#fff;margin:0px 0px 5px 0px;padding:0px;text-transform:uppercase;font-weight:bold;}
h6 {font-size:1em;font-weight:bold;}
td img {display: block;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}


/* links */
a:link, a:visited {color:#cc9933; text-decoration:none;}
a:hover, a:active {color:#fff; text-decoration:none;}

a.skip_link:link, a.skip_link:visited { text-align:center; line-height:38px; font-size:24px; border:1px solid #3e2e0f; padding-left:25px; padding-right:5px; width:215px; height:38px; display:block; background:url(../img/layout/arrow_fat.gif) no-repeat 5px 50%; }
a.skip_link:hover, a.skip_link:active { border:1px solid #fff; background:url(../img/layout/arrow_fat.gif) no-repeat 7px 50%; }

.toggle_content_off a:link, .toggle_content_off a:visited { text-align:center; line-height:21px; font-size:12px; border:1px solid #3e2e0f; padding-left:25px; padding-right:5px; width:235px; height:21px; float:left; background:url(../img/layout/toggle_off.gif) no-repeat 5px 50%; }
.toggle_content_off a:hover, .toggle_content_off a:active { border:1px solid #fff; }

.toggle_content_on a:link, .toggle_content_on a:visited { color:#fff; text-align:center; line-height:21px; font-size:12px; border:1px solid #fff; padding-left:25px; padding-right:5px; width:235px; height:21px; float:left; background:url(../img/layout/toggle_on.gif) no-repeat 5px 50%; }
.toggle_content_on a:hover, .toggle_content_on a:active { color:#fff; border:1px solid #fff; }

#toggle_content_desc { display:none; float:left; height:21px; line-height:21px; color:#ccc; border:1px dotted #666; margin-left:20px; }

a.buy_link:link, a.buy_link:visited { color:#cc9933; border:1px dotted #996633; padding:3px; margin:3px; }
a.buy_link:hover, a.buy_link:active { color:#cc9933; border:1px solid #996633; padding:3px; margin:3px; }


/* layout.css */
.bg { z-index:5; position:fixed; left:0px; top:0px; width:100%; height:100%; }
.head { z-index:10; position:absolute; left:50%; margin-left:-480px; top:0px; width:960px; height:160px; }
.content { z-index:11; position:absolute; left:50%; margin-left:-480px; top:161px; width:960px; height:800px; }
.bottom { z-index:12; position:absolute; left:50%; margin-left:-480px; top:980px; width:960px; height:80px; text-align:center; }


/* boxes */
.box { position:relative; width:310px; height:350px; display:block; border:1px solid #666; text-align:center; background:url(../img/layout/bg_semi.png); }
.box h3 { font-size:15px; margin:5px; }
.box h2 { font-size:13px; text-transform:uppercase; color:#cc9933; margin:5px; }
.box2 h2 { font-size:15px; }

.box4 h2 { font-size:18px; }
.box4 .box4_content { position:absolute; left:13px; top:57px; width:282px; height:282px; }
.box4 .box4_content .box4_item_bg { width:280px; height:280px; background:#CCC; position:absolute; left:0px; top:0px; z-index:20; border:1px solid #666; }
.box4 .box4_content .box4_item_desc { display:none; width:280px; height:280px; background:url(../img/layout/bg_semi.png); position:absolute; left:0px; top:0px; z-index:21; font-size:11px; border:1px solid #666;}
.box4 .box4_content .box4_item_desc ul { list-style-type:none; margin:0px; padding:0px; }
.box4 .box4_content .box4_item_desc li { width:138px; height:138px; margin:1px; float:left; text-align:center; line-height:136px; font-size:24px; background:url(../img/layout/bg_semi.png); }
.box4 .box4_content .box4_item_desc a:link, .box4 .box4_content .box4_item_desc a:visited { border:1px dotted #cc9933; width:136px; height:136px; display:block; }
.box4 .box4_content .box4_item_desc a:hover, .box4 .box4_content .box4_item_desc a:active { border:1px solid #fff; }

.box2 .box2_content { position:absolute; left:13px; top:57px; width:282px; height:282px; }
.box2 .box2_content .box2_item_bg { width:280px; height:280px; background:#CCC; position:absolute; left:0px; top:0px; z-index:20; border:1px solid #666; }
.box2 .box2_content .box2_item_desc { display:none; width:280px; height:280px; background:url(../img/layout/bg_semi.png); position:absolute; left:0px; top:0px; z-index:21; font-size:11px; border:1px solid #666;}
.box2 .box2_content .box2_item_desc ul { list-style-type:none; margin:0px; padding:0px; }
.box2 .box2_content .box2_item_desc li { width:138px; height:138px; margin:1px; float:left; text-align:center; line-height:136px; font-size:24px; background:url(../img/layout/bg_semi.png); }
.box2 .box2_content .box2_item_desc a:link, .box2 .box2_content .box2_item_desc a:visited { border:1px dotted #cc9933; width:136px; height:136px; display:block; }
.box2 .box2_content .box2_item_desc a:hover, .box2 .box2_content .box2_item_desc a:active { border:1px solid #fff; }

.box3 h2 { font-size:18px; }
.box3 .box3_content { position:absolute; left:13px; top:57px; width:282px; height:282px; }
.box3 .box3_content .box3_item_bg_1 { width:280px; height:280px; background:#CCC; position:absolute; left:0px; top:0px; z-index:23; border:1px solid #666; }
.box3 .box3_content .box3_item_bg_2 { display:none; width:280px; height:280px; background:#CCC; position:absolute; left:0px; top:0px; z-index:22; border:1px solid #666; }
.box3 .box3_content .box3_item_bg_3 { display:none; width:280px; height:280px; background:#CCC; position:absolute; left:0px; top:0px; z-index:21; border:1px solid #666; }
.box3 .box3_content .box3_item_desc { display:none; width:280px; height:280px; background:url(../img/layout/bg_semi.png); position:absolute; left:0px; top:0px; z-index:30; font-size:11px; border:1px solid #666;}
.box3 .box3_content .box3_item_desc a:link, .box3 .box3_content .box3_item_desc a:visited { margin:1px; border:1px dotted #cc9933; width:276px; height:276px; display:block; line-height:276px; font-size:36px;  }
.box2 .box3_content .box3_item_desc a:hover, .box3 .box3_content .box3_item_desc a:active { border:1px solid #fff; }


/* addthis + comments */
.tools .norminput, .tools .comment_textarea, .tools #recaptcha_response_field { width:300px; background:#fff !important; border:1px solid #ccc !important; padding:0px !important; color:#000 !important; font-family:Geneva, Arial, Verdana, Helvetica, sans-serif !important; font-size:12px !important; }
.tools .comment_textarea { width:300px; height:70px; }
.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:#000; 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_response_field { margin-left:2px; width:298px !important; }
.tools #recaptcha_area .recaptcha_r4_c4 { background:url(../images/layout/bg_recaptcha_blog.png) no-repeat 22px -10px !important;  }
.tools #recaptcha_widget_div { width:300px !important; height:112px !important; overflow:hidden !important; margin-left:5px; }
.tools #recaptcha_area { position:relative !important; left:-9px !important; top:-9px !important; }
.tools .recaptchatable { border:0px none !important; }
.tools .recaptchatable .recaptcha_only_if_image, .tools .recaptcha_only_if_incorrect_sol { color:#666 !important; }
.box1 .feedback { padding:5px; border:1px dotted #333; width:290px; height:20px; margin-left:4px; }
.box1 .feedback img {display:inline; }
.tools .comment { padding:5px; border-top:1px dotted #CCC; }
.tools .comment_nav { margin-top:5px; padding-top:5px; margin-bottom:20px; border-top:1px solid #ccc; }
.tools .nickname { color:#333; }
.tools .normsubmit { width:302px; border:1px solid #cc9933; color:#cc9933; background:#000; }

.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; }


/* bottom */
.credits { font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:9px; margin-top:12px; }
.credits a:link, .credits a:visited {color:#666;text-decoration:none;}
.credits a:hover, .credits a:active {color:#fff;text-decoration:none;}
.trenner { } 


/* 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 #000000;}
.image_off {border:1px solid #666666;}

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 { 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;}

.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 */
.v_trenner { background:url(../images/layout/v_trenner.gif) repeat-y top center; }
.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:#666; }

.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;}

.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;}

.hinweis { margin:5px 0px; color:#999; }
.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 */
.newsletter_input { font-size:16px; font-family:Georgia, Times New Roman, Times, serif; padding:0px; margin:0px; border:1px solid #c2a98f; color:#666; width:243px; height:39px; line-height:39px; background:url(../img/layout/bg_newsletter-input.gif) left top;}
.newsletter_submit { padding:0px; margin:0px; border:1px solid #c2a98f; width:54px; height:39px; }
input.text:focus, input.title:focus, textarea:focus, select:focus { border:1px solid #cbc07e; }
.notice { width:307px; heigth:39px; }