@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:30px; color:#fff; margin:0px; padding:0px; text-transform:uppercase; text-align:center; letter-spacing:1px; }
h2 { font-size:18px; color:#fff; 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:#05a94b; text-decoration:none;}
a:hover, a:active { color:#fff; text-decoration:none;}


/* layout.css */
.container { margin:0px auto; width:960px; position:relative; }
.head { text-align:center; }
.content { }
.bottom { margin-top:40px; }
.logo { display:inline; }


/* skip */
.skip_div { position:absolute; right:0px; top:20px; }
a.skip_link:link, a.skip_link:visited { color:#0F0; text-align:center; line-height:24px; font-size:16px; border:1px solid #00ff00; padding-left:25px; padding-right:5px; width:145px; height:24px; 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%; }


/* h1_sub */
.h1_sub { color:#CCC; font-size:18px; line-height:15px; }


/* video */
.video { border-top:1px solid #444; border-bottom:1px solid #444; background:#000; height:450px; margin:15px 0; padding:0 0 0 80px;  }


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


.box1 h2 { font-size:18px; }
.box1 .box1_content { position:absolute; left:13px; top:57px; width:282px; height:282px; text-align:center; }
.box1 .box1_content img { display:inline; }


.box2 h2 { font-size:18px; }
.box2 .box2_content { position:absolute; left:13px; top:57px; width:282px; height:282px; text-align:center; }
.box2 .box2_content img { display:inline; }


.box ul.buylinks { text-align:left; list-style:none; margin:0 0 0 40px; padding:0; }
.box ul.buylinks li { list-style:none; margin:5px 0; padding:0; width:200px; border:1px solid #333; }
.box ul.buylinks li:hover { border:1px solid #666; background:#333; }
.box ul.buylinks li a { text-indent:80px; height:30px; display:block; line-height:30px; }
.box ul.buylinks li a.bravado { background:url(../img/icons/buy_bravado.png) no-repeat 0 50%; }
.box ul.buylinks li a.umusic { background:url(../img/icons/buy_umusic.png) no-repeat 0 50%; }
.box ul.buylinks li a.itunes { background:url(../img/icons/buy_itunes.png) no-repeat 0 50%; }
.box ul.buylinks li a.itunes_new { background:url(../img/icons/buy_itunes_new.png) no-repeat 0 50%; }

.box2 h2 { font-size:18px; }
.box2 .box2_content { position:absolute; left:13px; top:57px; width:282px; height:282px; }
.box2 .box2_content .box2_item_bg_1 { width:280px; height:280px; background:#CCC; position:absolute; left:0px; top:0px; z-index:23; border:1px solid #666; }
.box2 .box2_content .box2_item_bg_2 { display:none; width:280px; height:280px; background:#CCC; position:absolute; left:0px; top:0px; z-index:22; border:1px solid #666; }
.box2 .box2_content .box2_item_bg_3 { display:none; width:280px; height:280px; background:#CCC; position:absolute; left:0px; top:0px; z-index:21; 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:30; font-size:11px; border:1px solid #666;}
.box2 .box2_content .box2_item_desc a:link, .box2 .box2_content .box2_item_desc a:visited { margin:1px; border:1px dotted #05a94b; width:276px; height:276px; display:block; line-height:276px; font-size:24px;  }
.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 #05a94b; width:276px; height:276px; display:block; line-height:276px; font-size:36px;  }
.box3 .box3_content .box3_item_desc a:hover, .box3 .box3_content .box3_item_desc a:active { border:1px solid #fff; }


/* 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 */
#content_iframe { border-top:2px solid #fff; border-bottom:2px solid #fff; margin-bottom:40px; background:#000; }

.v_trenner { background:url(../img/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;}

.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:#035526;text-decoration:none;}
a.mainlink:hover, a.mainlink:active {color:#14d966;text-decoration:underline;}

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

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