@charset "utf-8";
/*	
	tokiohotel3 | screen.css (by scalp.de)
*/

/* typography.css */

html { overflow-x:hidden; }

body {font-size:12px; color:#ccc; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 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:#e5e5e5; }
h1 { font-size:21px; color:#000; margin:0px; padding:0px; text-transform:uppercase; }
h2 { font-size:18px; color:#fff; margin:0px; padding:0px; text-transform:uppercase; }
h3 { font-size:14px; color:#fff; margin:0px; padding:0px; text-transform:uppercase; line-height:14px; }
h4 { font-size:14px; color:#fff; margin:0px 0px 5px 0px; padding:0px; text-transform:uppercase; }
h5 { font-size:12px; color:#fff; margin:0px; padding:0px; text-transform:uppercase; line-height:12px; font-weight:bold; }
h6 { font-size:12px; color:#eee; margin:0px; padding:0px; line-height:12px; font-weight:bold; }
td 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:#f00; text-decoration:underline; }

.body_main { background:#000; }
.body_iframe { }
.body_overlay { background:#000; border:1px solid #666; height:521px; overflow-x:hidden; overflow-y:auto; }

.body_main .scroll_container { }
.body_main .hg { background:url(../images/layout/bg.jpg) no-repeat; }

/* lists */
ul {list-style-type:none;margin:0px;padding:0px;}
.ul_h li {float:left;margin-right:5px;}


/* nav */
.nav { height:57px; position:fixed; }

.nav_left_off { margin:0; padding:0; float:left; background:url(../images/layout/bg_nav_left.png) no-repeat 0% 0%; }
.nav_left_off a { display:block; width:37px; height:57px; overflow:hidden; margin:0; padding:0; outline:none; -moz-outline-style:none; cursor:default; }
.nav_left_off a:link, .nav_left_off a:visited { }
.nav_left_off a:hover, .nav_left_off a:active { }

.nav_left_on { margin:0; padding:0; float:left; background:url(../images/layout/bg_nav_left.png) no-repeat 0% -60px; }
.nav_left_on a { display:block; width:37px; height:57px; overflow:hidden; margin:0; padding:0; outline:none; -moz-outline-style:none; cursor:pointer; }
.nav_left_on a:link, .nav_left_on a:visited { }
.nav_left_on a:hover, .nav_left_on a:active { }

.nav_logo_off { margin:0; padding:0; float:left; }
.nav_logo_off a { display:block; width:216px; height:57px; overflow:hidden; margin:0; padding:0; outline:none; -moz-outline-style:none; }
.nav_logo_off a:link, .nav_logo_off a:visited { background:url(../images/layout/bg_nav_logo.png) no-repeat 0% 0%; }
.nav_logo_off a:hover { background:url(../images/layout/bg_nav_logo.png) no-repeat 0% -60px; }

.nav_center { float:left; margin:0; padding:0; height:57px; background:url(../images/layout/bg_nav_center.png) repeat-x; }
.nav_center div.row1 { margin:11px 0px 0px 0px; padding:0; height:17px;}
.nav_center div.row2 { clear:both; margin:0px; padding:0; height:17px;}
.nav_menu { float:left; margin:0px; padding:0px; height:15px; position:relative; }
/* with nl-gif!!! : */
.nav_newsletter { float:left; margin:0px; padding:0px; width:278px; height:17px; }

.nav_section { list-style-type:none; margin:0px 3px 0px 3px; padding:0px 0px; float:left;  }

.nav_section li { text-transform:uppercase; text-decoration:none !important; height:15px; padding:0px 5px; cursor:pointer; line-height:15px; overflow:hidden; }

.nav_section li.off { border-right:1px solid #000; border-left:1px solid #000; background:url(../images/layout/bg_nav_section_li.gif) 0px 0px; }
.nav_section li.off a:link, .nav_section li.off a:visited { color:#fff; text-decoration:none; }
.nav_section li.off a:hover, .nav_section li.off a:active { color:#f00; text-decoration:none; }
.nav_section li.off span.off { color:#fff; background:url(../images/icons/nav_section_arrow_off_up.gif) left 50% no-repeat; padding-left:10px; }
.nav_section li.off span.on { color:#f00; background:url(../images/icons/nav_section_arrow_on_over.gif) left 50% no-repeat; padding-left:10px; }

.nav_section li.on { border-right:1px solid #900; border-left:1px solid #900; background:url(../images/layout/bg_nav_section_li.gif) 0px -30px; }
.nav_section li.on a:link, .nav_section li.on a:visited { color:#f00; text-decoration:none; }
.nav_section li.on a:hover, .nav_section li.on a:active { color:#f00; text-decoration:none; }
.nav_section li.on span.off { color:#f00; background:url(../images/icons/nav_section_arrow_on_up.gif) left 50% no-repeat; padding-left:10px; }
.nav_section li.on span.on { color:#f00; background:url(../images/icons/nav_section_arrow_on_over.gif) left 50% no-repeat; padding-left:10px; }

.nav_subsections { background:url(../images/layout/bg_box_content.png); list-style-type:none; margin:0px; padding:0px; top:0px; position:absolute; border-right:1px solid #727272; border-left:1px solid #727272;}
.nav_subsections li.nav_subsection_top { background:#00F url(../images/layout/bg_nav_subsection_top.png) repeat-x center top; width:auto; height:5px; }
.nav_subsections li.nav_subsection_off { height:20px; padding:5px 9px; border-bottom:1px solid #727272; color:#fff; line-height:20px; text-decoration:none; }
.nav_subsections li.nav_subsection_off:hover { background:#333; color:#f00; text-decoration:none; }
.nav_subsections li.nav_subsection_on { height:20px; padding:5px 9px; border-bottom:1px solid #333; color:#f00; line-height:20px; text-decoration:none; }
.nav_subsections li.nav_subsection_on:hover { background:#333; color:#f00; text-decoration:none; }
.nav_subsections li.nav_subsection_off a:link, .nav_subsections li.nav_subsection_off a:visited { color:#fff; text-decoration:none; }
.nav_subsections li.nav_subsection_off a:hover, .nav_subsections li.nav_subsection_off a:active { color:#f00; text-decoration:none; }

.nav_right_off { margin:0; padding:0; float:left; background:url(../images/layout/bg_nav_right.png) no-repeat 0% 0%; }
.nav_right_off a { display:block; width:37px; height:57px; overflow:hidden; margin:0; padding:0; outline:none; -moz-outline-style:none; cursor:default; }
.nav_right_off a:link, .nav_right_off a:visited {  }
.nav_right_off a:hover, .nav_right_off a:active { }

.nav_right_on { margin:0; padding:0; float:left; background:url(../images/layout/bg_nav_right.png) no-repeat 0% -60px; }
.nav_right_on a { display:block; width:37px; height:57px; overflow:hidden; margin:0; padding:0; outline:none; -moz-outline-style:none; cursor:pointer; }
.nav_right_on a:link, .nav_right_on a:visited {  }
.nav_right_on a:hover, .nav_right_on a:active {  }

.nav_nl { background:url(../images/icons/nav_nl.gif) left 50% no-repeat; padding-left:26px; padding-right:2px; }


/* boxes */
.box { }

.box_top { height:35px; overflow:hidden; display:block; margin:0px; padding:0px; }
.box_top_left { float:left; background:url(../images/layout/bg_box_top_left.png) no-repeat; width:35px; height:35px; display:block; }

.box_top_right { float:right; height:35px; margin:0; padding:0px; }
.box .box_top_right h1 { background:url(../images/layout/bg_box_top_right.png) right 0px no-repeat; height:35px; line-height:32px; padding:0px 35px 0px 0px; text-align:center; overflow:hidden; }

.box .box_top_right_off, .box .box_top_right_on { float:right; cursor:pointer; height:35px; margin:0; padding:0px; }
.box .box_top_right_off h1, .box .box_top_right_on h1 { height:35px; line-height:32px; padding:0px 35px 0px 0px; text-align:center; overflow:hidden; }
.box .box_top_right_off h1 { background:url(../images/layout/bg_box_top_right_offon.png) right 0px no-repeat; }
.box .box_top_right_on h1 { background:url(../images/layout/bg_box_top_right_offon.png) right -50px no-repeat; }

.box_nav { display:none; overflow:hidden; background:url(../images/layout/bg_box_content.png); }
.box_body { }
.box_content { overflow-y:auto; background:url(../images/layout/bg_box_content.png); }
.box_bottom { height:33px; overflow:hidden; }
.box_bottom_left { float:left; background:url(../images/layout/bg_box_bottom_left.png) no-repeat; width:35px; height:33px; display:block; }
.box_bottom_center { float:left; background:url(../images/layout/bg_box_bottom_center.png) repeat-x center top; height:33px; display:block; overflow:hidden; }
.box_bottom_right { float:right; background:url(../images/layout/bg_box_bottom_right.png) no-repeat; width:35px; height:33px; display:block; }
.box_bottom_button { float:left; height:33px; display:block; }


/* type nav */ 

.typenav { margin:0px; border-bottom:1px solid #666; }

.typenav .type_selector { float:left; padding:0px; min-height:5px; height:auto !important; height:5px; position:relative; } 
.typenav .type_selector_viewarea { float:left; width:448px; height:30px; position:relative; overflow:hidden; }
.typenav .type_selector_viewarea ul { margin:0; padding:0; position:relative; top:0; left:0; height:30px; } 
.typenav .type_selector_viewarea ul li { height:30px; margin:0px 0px; padding:6px 5px 0px 5px; text-align:left; list-style:none; float:left; white-space:nowrap; vertical-align:middle; } 
.typenav .type_selector_viewarea ul li a { display:block; padding:0; height:30px; vertical-align:middle; text-decoration:none; } 
.typenav .type_selector_viewarea ul li.typenav_li_off h3 a { color:#ccc; text-decoration:none; }
.typenav .type_selector_viewarea ul li.typenav_li_off h3 a:hover, li.typenav_li_off h3 a.selected { color:#f00; text-decoration:underline; }
.typenav .type_selector_viewarea ul li.typenav_li_on h3 { color:#f00; }

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



/* item nav */
.itemnav { margin:0px; border-bottom:1px solid #666; }
.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:448px; height:76px; position:relative; overflow:hidden; }
.itemnav .item_selector_viewarea ul { margin:0px; padding:0px; width:10000px; position:relative; top:0; left:0; height:76px; } 
.itemnav .item_selector_viewarea ul li { margin:2px 0px 0px 0px; padding:0; width:112px; height:76px; text-align:center; list-style:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; } 

.itemnav .item_selector_viewarea ul li div.item_img { margin:0px 0px 0px 0px; text-align:center; height:52px; overflow:hidden; }
.itemnav .item_selector_viewarea ul li div.item_img a { width:112px; 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; height:50px; display:inline; }

.itemnav .item_selector_viewarea ul li div.item_caption { color:#f00; width:112px; height:22px; margin:0px; padding:1px 2px; text-align:center; line-height:10px; }
.itemnav .item_selector_viewarea ul li div.item_caption a { width:112px; height:22px; 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:underline; }

.itemnav .next_button { float:left; width:26px; height:76px; 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:26px; height:76px; 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; }


/* music */
.music { }
.music .box { width:500px; position:absolute; left:0px; top:10px; }
.music .type_selector_viewarea, .music .item_selector_viewarea { width:448px; }
.music .box_top_right { width:465px; }
.music div.box_body { overflow:hidden; }
.music div.box_content { height:350px; }
.music div.box_bottom_center { width:430px; }

.musicinfo { float:left; margin:10px; width:202px; }
a.buy_icon:link img, a.buy_icon:visited img { border:1px dotted #f00; }
a.buy_icon:hover img, a.buy_icon:active img { border:1px solid #f00; }
.music .ul_h li {float:left;margin-right:2px;}

.medialist {float:right; margin:10px 10px 10px 0px; width:250px; }
.tracklisting { }
.track_nr { font-size:11px; color:#ccc; font-family:Arial, Geneva, Verdana, Helvetica, sans-serif; width:17px; }
.track_icon { font-size:11px; color:#ccc; font-family:Arial, Geneva, Verdana, Helvetica, sans-serif; width:17px; } 
.track_name { font-size:11px; color:#ccc; font-family:Arial, Geneva, Verdana, Helvetica, sans-serif; width:150px; overflow:hidden; }


/* kyte */
.kyte { }
.kyte .box { width:400px; position:absolute; left:11px; top:140px; }
.kyte .box_top_right_off h1, .kyte .box_top_right_on h1 { width:330px; }
.kyte div.box_nav { display:none; }
.kyte div.box_body { overflow:hidden; }
.kyte div.box_content { height:315px; overflow:hidden; }
.kyte div.box_bottom_center { width:330px; float:left; background:none; height:33px; display:inline; overflow:hidden; }
.kyte .adCompanionBanner { position:absolute !important; left:61px !important; top:5px !important; height:250px; width:300px; font-family:Arial, Helvetica, sans-serif; font-size:9px; font-style:normal; text-align:center; vertical-align:top; margin:0px; padding:0px; }


/* newsteaser */
.newsteaser { }
.newsteaser .box { width:340px; position:absolute; left:200px; top:176px; }
.newsteaser .box_top_right_off h1, .newsteaser .box_top_right_on h1 { width:270px; }
.newsteaser .box_top_right { width:305px; }
.newsteaser div.box_nav { display:none; }
.newsteaser div.box_body { overflow:hidden; }
.newsteaser div.box_content { height:202px; overflow:hidden; }
.newsteaser div.box_bottom_center { width:270px; }

.news_img_off, .news_text_off { display:none; }
.news_info_off h5 { color:#999; }
.news_info_on { line-height:11px; }
.news_img_on, .news_text_on { display:inline; font-size:11px; }
.news_img_on { text-align:center; background-image:url(../images/layout/bg_img.gif); }
.news_info_on { background-color:#000000;}


/* news */
.news { }
.news .box { width:340px; position:absolute; left:200px; top:46px; } 
.news .box_top_right_off h1, .news .box_top_right_on h1 { width:270px; }
.news .box_top_right { width:305px; }
.news div.box_body { overflow:hidden; }
.news div.box_content { height:400px; }
.news div.box_bottom_center { width:270px; }
.news .news_img { background:url(../images/layout/bg_img.gif); text-align:center; }
.news .article { display:block; padding:5px 5px 10px 5px; }
.news .article_teaser_top { display:block; margin-top:10px; padding-left:5px; border-bottom:1px solid #666; }
.news .article_teaser { display:block; padding:5px; border-bottom:1px solid #666; background:#000; }
.news .page_nav { text-align:center; padding:5px; background:#000; border-bottom:1px solid #666; }

/* news comments */
.news h3 { margin-bottom:5px; } 

/* addthis + comments */
.news .options { margin-bottom:5px; display:block; }
.news .options .addthis { float:left; }
.news .options .comment_links { float:right; margin-top:3px; }
.news .options .comments_link { padding-left:20px; background:url(../images/icons/icon_comments_link.png) no-repeat left center; }
.news .norminput, .news .comment_textarea, .news #recaptcha_response_field { background:#fff; border:0px solid #333; border:none; border-color:transparent !important; padding:0px; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; }
.news .comment_textarea { width:300px; height:110px; }
.news .comment_charcount { width:25px; background:transparent; border:0px solid #333; margin:0px; padding:0px; font-size:11px; color:#ccc; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.news .norminput { margin-bottom:5px; width:300px; background-color:#fff; border:none; padding:0px; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

.news #recaptcha_area .recaptcha_r1_c1, .news #recaptcha_area .recaptcha_r2_c1, .news #recaptcha_area .recaptcha_r2_c2, .news #recaptcha_area .recaptcha_r3_c1 ,.news #recaptcha_area .recaptcha_r3_c2, .news #recaptcha_area .recaptcha_r3_c3, .news #recaptcha_area .recaptcha_r4_c2, .news #recaptcha_area .recaptcha_r7_c1, .news #recaptcha_area .recaptcha_r8_c1 { background:transparent !important; }
.news #recaptcha_area .recaptcha_r4_c4 { background:url(../images/layout/bg_recaptcha_blog.png) no-repeat 22px -10px !important;  }
.news #recaptcha_widget_div { width:300px !important; height:112px !important; overflow:hidden !important; }
.news #recaptcha_area { position:relative !important; left:-9px !important; top:-9px !important; }
.news .recaptchatable .recaptcha_only_if_image, .news .recaptcha_only_if_incorrect_sol { color:#ccc !important; }
.news #feedback { padding:5px; margin-bottom:20px; }
.news .comment { padding:5px; border-top:1px solid #666; }
.news .comment_nav { margin-top:5px; padding-top:5px; margin-bottom:20px; border-top:1px solid #666; }
.news .nickname { color:#fff; }


/* video */
.video { }
.video .box { width:576px; position:absolute; left:0px; top:5px; }
.video .type_selector_viewarea, .video .item_selector_viewarea { width:524px; }
.video .box_top_right { width:541px; }
.video div.box_body { overflow:hidden; }
.video div.box_content { height:360px; }
.video div.box_bottom_center_plain { width:506px; }
.video div.box_bottom_center_chat { width:406px; }
.video div.box_bottom_center_download { width:406px; }
.video div.box_bottom_center_chatdownload { width:341px; }
.video .adCompanionBanner { position:absolute !important; left:622px !important; top:140px !important; height:250px; width:300px; font-family:Arial, Helvetica, sans-serif; font-size:9px; font-style:normal; text-align:center; vertical-align:top; margin:0px; padding:0px; }
.VideoObjectTag .VideoObjectTag-player { background-color:#000000; display:block; margin:0; padding:0; position:relative; text-align:center; }
.VideoObjectTag .VideoObjectTag-player .VideoObjectTag-preview { display:inline; }
.VideoObjectTag .VideoObjectTag-player div.VideoObjectTag-button { background-image: url(../images/icons/video_play.png); background-position:0px 0px; height:45px; left:50%; margin-left:-30px; margin-top:-22px; position:absolute; top:50%; width:59px; }
.VideoObjectTag .VideoObjectTag-player div.VideoObjectTag-button:hover { cursor:pointer; background-position:0px -60px; }


/* photo */
.photo { }
.photo .box { width:576px; position:absolute; left:0px; top:5px; }
.photo .type_selector_viewarea, .photo .item_selector_viewarea { width:524px; }
.photo .box_top_right { width:541px; }
.photo div.box_body { overflow:hidden; }
.photo div.box_content { height:360px; text-align:center; position:relative; }
.photo div.box_bottom_center { width:506px; }
.photo div.item { width:402px; margin:auto; }
.photo div.item h3 { margin:10px 0px; }
.photo div.item .item_display { background:url(http://www.tokiohotel.com/3/images/layout/bg_img.gif); padding:5px 0px 0px 0px; border-top:#666 1px solid; border-bottom:#666  1px solid; }
.photo div.item .item_display .imageborder_plain { display:block; margin:auto; padding:0px; }
.photo div.item div.caption { text-align:left; color:#CCC; }
.photo div.addthis { top:31px; left:493px; position:absolute !important; }
.photo div.box_content .comments_facebook { width:402px !important; text-align:left; margin:auto; }
.photo div.box_content .comments_facebook h3 { margin-bottom:10px; }


/* backstage */
.notloggedin { text-align:center; margin:20px auto 5px auto; border:#900 dotted 1px; width:140px; background:url(../images/icons/icon_locked.png) 50% 5px no-repeat; padding:25px 5px 5px 5px; }
.backstage { }
.backstage .box { width:600px; position:absolute; left:170px; top:10px; }
.backstage .type_selector_viewarea, .backstage .item_selector_viewarea { width:548px; }
.backstage .box_top_right { width:565px; }
.backstage div.box_body { overflow:hidden; }
.backstage div.box_body div.box_content { width:450px; height:420px; float:left; overflow-x:hidden; overflow-y:auto; }
.backstage div.box_body div.box_content h3 { margin:20px 0px 5px 0px; }
.backstage div.box_bottom_center { width:530px; }

.backstage div.box_body div.box_nav { width:150px; height:420px; float:left; }
.b_home div.box_body div.box_nav h5 { line-height:30px; border-top:1px solid #444; }
.b_home div.box_body div.box_nav #feedback_login, .b_home div.box_body div.box_nav #feedback_register, .feedback { background:#900; padding:5px; border:1px dotted #f00; margin-bottom:2px; }
.b_home div.box_body div.box_nav div.login_div { margin-bottom:10px; }
.b_home .norminput { }
.backstage div.box_nav .norminput { width:130px !important; margin-bottom:2px; }
.backstage div.box_nav .normsubmit { width:134px !important; border:0px none !important; }

.b_chat div.box_body div.box_content, .b_fanclubs div.box_body div.box_content { width:600px; height:420px; overflow:hidden; }
.b_ecards div.box_body div.box_content { width:600px; height:420px; overflow-x:hidden; overflow-y:auto; }
.b_ecards div.select_image { width:155px; height:95px; float:left; }
.b_ecards .comment_charcount { width:23px; background:transparent; margin:0px; padding:0px; font-size:11px; color:#ccc; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border:0px none transparent; }

.backstage #recaptcha_area .recaptcha_r1_c1, .backstage #recaptcha_area .recaptcha_r2_c1, .backstage #recaptcha_area .recaptcha_r2_c2, .backstage #recaptcha_area .recaptcha_r3_c1 ,.backstage #recaptcha_area .recaptcha_r3_c2, .backstage #recaptcha_area .recaptcha_r3_c3, .backstage #recaptcha_area .recaptcha_r4_c2, .backstage #recaptcha_area .recaptcha_r7_c1, .backstage #recaptcha_area .recaptcha_r8_c1 { background:transparent !important; }
.backstage #recaptcha_area .recaptcha_r4_c4 { background:url(../images/layout/bg_recaptcha_blog.png) no-repeat 22px -10px !important;  }
.backstage #recaptcha_widget_div { width:300px !important; height:112px !important; overflow:hidden !important; }
.backstage #recaptcha_area { position:relative !important; left:-9px !important; top:-9px !important; }
.backstage .recaptchatable .recaptcha_only_if_image, .backstage .recaptcha_only_if_incorrect_sol { color:#ccc !important; }
.backstage #feedback { padding:5px; margin-bottom:20px; }
.backstage .recaptchatable #recaptcha_response_field { color:#000; }
.backstage div.box_content .info { background:#000; padding:15px; border-top:1px solid #666; }
.backstage div.box_body div.box_content div.info h3 { margin:0px 0px 5px 0px; padding:0px; }


/* vip */
.vip { }
.vip .box { width:600px; position:absolute; left:180px; top:15px; }
.vip .box_top_right { width:565px; }
.vip div.box_body { overflow:hidden; }
.vip div.box_nav { width:220px; height:460px; float:left; }
.vip div.box_content { width:380px; height:460px; float:left; overflow:hidden; }
.vip div.box_bottom_center { width:530px; }


/* dates */
.dates { }
.dates .box { width:400px; position:absolute; left:30px; top:40px; }
.dates .type_selector_viewarea, .dates .item_selector_viewarea { width:348px; }
.dates .box_top_right { width:365px; }
.dates div.box_body { overflow:hidden; }
.dates div.box_content { height:370px; }
.dates div.box_bottom_center { width:330px; }

.dates_info { margin:10px; width:360px; overflow-x:hidden; }
.dates_table { margin:10px; width:360px; background:#666; }
.dates_table_row { }
.dates_table_date { font-size:14px; color:#FFF; }
.dates_table_info1 { }
.dates_table_info2 { }
.dates_table_text { }


/* voting */
.voting { }
.voting .box { width:624px; position:absolute; left:0px; top:10px; }
.voting .box_top_right { width:589px; }
.voting div.box_body { overflow:hidden; }
.voting div.box_content { height:461px; }
.voting div.box_bottom_center { width:554px; }

.voting .special_headline { height:53px; text-align:center; border-bottom:1px solid #666; padding:9px 0 0 0; }
.voting .special_headline h2 { font-size:30px; line-height:30px; margin:0 0 0 0; }
.voting .special_headline h3 { font-size:16px; font-weight:normal; }
.voting .special_content { width:624px; height:300px; border-bottom:1px solid #666; position:relative; overflow:hidden; }
.voting .special_caption { height:78px; overflow:hidden; padding:9px; line-height:16px; }


/* bio */
.bio { }
.bio .box { width:600px; position:absolute; left:245px; top:28px; }
.bio .type_selector_viewarea, .bio .item_selector_viewarea { width:548px; }
.bio .box_top_right { width:565px; }
.bio div.box_body { overflow-y:hidden; }
.bio div.box_content { height:395px; background:url(../images/layout/bg_box_bio_content.png) repeat-y; }
.bio div.box_bottom_center { width:530px; }
.bio div.box_content_left { float:left; width:202px; margin:15px; }
.bio div.box_content_left .imageborder_plain { display:block; margin:auto; padding:0px; }
.bio div.box_content_right { float:right; width:318px; margin:15px; }
.bio div.box_content_right h3 { margin-bottom:10px; }


/* newsletter */
.newsletter { margin:0px 20px 10px 20px; } 
.newsletter h1 { color:#FFF; text-align:center; margin-bottom:20px; }


/* overlay specials */
.overlay_close { text-align:right; margin:5px; }
.showimage { margin:auto; margin-top:20px; text-align:center; }
.overlay_banner { z-index:10001; background:url(../images/layout/bg_box_content.png); border:1px solid #900; position:absolute !important; left:50px !important; top:5px !important; width:326px; font-family:Arial, Helvetica, sans-serif; font-size:9px; font-style:normal; text-align:center; vertical-align:top; margin:0px; padding:0px; }
.overlay_banner .showimage { margin:auto; margin-top:0px; margin-bottom:10px; text-align:center; }


/* ads */
.news div.ad_160x600, .newsteaser div.ad_160x600 { position:absolute; left:14px; top:0px; height:600px; display:block; }
.music div.ad_300x250 { position:absolute; left:613px; top:116px; height:250px; display:block; }
.music div.ad_234x60 { position:absolute; left:651px; top:418px; background:#000; width:234px; height:60px; display:block; }
.video div.ad_300x250, .photo div.ad_300x250 { position:absolute; left:622px; top:140px; height:250px; display:block; }
.blog div.ad_160x600 { position:absolute; left:887px; top:0px; height:600px; display:block; }
.dates div.ad_300x250 { position:absolute; left:660px; top:142px; height:250px; display:block; }
.voting div.ad_300x250 { position:absolute; left:660px; top:142px; height:250px; display:block; }
.gallery div.ad_160x600 { position:absolute; left:1000px; top:0px; height:600px; display:block; }


/* taskbar */
#taskbar_div { background:url(../images/layout/bg_taskbar_div.gif) left 50%; border-bottom:1px solid #444; }
.taskbar { width:490px; left:50%; margin:0px 0px 0px -238px; position:fixed; font-family:Arial, Geneva, Verdana, Helvetica, sans-serif; color:#ccc; font-size:11px; }
.taskbar a:link, .taskbar a:visited { color:#ccc; text-decoration:none; }
.taskbar a:hover, .taskbar a:active { color:#f00; text-decoration:underline; }
.taskbar div.langselection { float:left; height:16px; margin-top:5px; overflow:hidden; background:#666; }
.taskbar div.langselection ul li { float:left; margin:1px; }
.taskbar div.startpage { float:left; height:25px; margin-left:15px; padding-left:15px; overflow:hidden; border-left:1px solid #777;}
.taskbar div.startpage a { height:25px; display:block; padding:6px 30px 0px 0px; background:url(../images/icons/button_startpage.png) no-repeat 100% 0; }


/* comments */
.comment_functions { font-size:10px; color:#ccc; text-align:right; }

/* comment_item */
.comment_item { margin:0px 0px 10px 22px; width:400px; }
.comment_item div.description { position:relative; width:400px; height:81px; margin-right:auto; margin-left:auto; border-top:1px solid #444; border-bottom:1px solid #444; }
.comment_item div.description .description_image { float:left; top:0px; width:77px; height:77px; background-image:url(../images/layout/bg_img.gif); margin:2px 0px; }
.comment_item div.description .description_text { float:right; top:0px; width:309px; height:77px; text-align:left; }
.comment_item div.description h1 { display:inline; color:#FFF; }
.comment_item div.description h3 { display:inline; }

.comment_item .options { margin-bottom:5px; display:block; }
.comment_item .options .addthis { float:left; }
.comment_item .options .comment_links { float:right; margin-top:3px; }
.comment_item .options .comments_link { padding-left:20px; background:url(../images/icons/icon_comments_link.png) no-repeat left center; }
.comment_item .norminput, .comment_item .comment_textarea, .comment_item #recaptcha_response_field { background:#fff; border:0px solid #333; border:none; border-color:transparent !important; padding:0px; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; }
.comment_item .comment_textarea { width:300px; height:110px; }
.comment_item .comment_charcount { width:25px; background:transparent; border:0px solid #333; margin:0px; padding:0px; font-size:11px; color:#ccc; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.comment_item .norminput { margin-bottom:5px; width:300px; background-color:#fff; border:none; padding:0px; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

.comment_item #recaptcha_area .recaptcha_r1_c1, .comment_item #recaptcha_area .recaptcha_r2_c1, .comment_item #recaptcha_area .recaptcha_r2_c2, .comment_item #recaptcha_area .recaptcha_r3_c1 ,.comment_item #recaptcha_area .recaptcha_r3_c2, .comment_item #recaptcha_area .recaptcha_r3_c3, .comment_item #recaptcha_area .recaptcha_r4_c2, .comment_item #recaptcha_area .recaptcha_r7_c1, .comment_item #recaptcha_area .recaptcha_r8_c1 { background:transparent !important; }
.comment_item #recaptcha_area .recaptcha_r4_c4 { background:url(../images/layout/bg_recaptcha_blog.png) no-repeat 22px -10px !important;  }
.comment_item #recaptcha_widget_div { width:300px !important; height:112px !important; overflow:hidden !important; }
.comment_item #recaptcha_area { position:relative !important; left:-9px !important; top:-9px !important; }
.comment_item .recaptchatable .recaptcha_only_if_image, .comment_item .recaptcha_only_if_incorrect_sol { color:#ccc !important; }
.comment_item #feedback { padding:5px; margin-bottom:20px; }
.comment_item .comment { padding:5px; border-top:1px solid #666; }
.comment_item .comment_nav { margin-top:5px; padding-top:5px; margin-bottom:20px; border-top:1px solid #666; }
.comment_item .nickname { color:#fff; }


/* credits */
.credits { text-align:center; width:600px; left:50%; margin:0px 0px 0px -300px; position:fixed; font-family:Arial, Geneva, Verdana, Helvetica, sans-serif; color:#666666; font-size:9px; height:32px; vertical-align:middle; line-height:32px; }
.credits a:link, .credits a:visited { color:#666666;text-decoration:none; }
.credits a:hover, .credits a:active { color:#666666;text-decoration:underline; }
.credits a.image_link_fade_off:link img, .credits a.image_link_fade_off:visited img { border:none !important; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
.credits a.image_link_fade_off:hover img, .credits a.image_link_fade_off:active { outline:none; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
.credits a.image_link_fade_off:focus img { -moz-outline-style:none; outline:none; }


/* image style */
.imageborder { border:1px solid #666666; margin-right:5px; margin-bottom:5px; }
.imageborder_plain { border:1px solid #666666; }
.imageborder_none { }
.image_on { border:1px solid #000000; }
.image_off { border:1px solid #666666; }
.imagebg { background:url(../images/layout/bg_img.gif); }

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

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

a.image_link_fade_disabled:link img, a.image_link_fade_disabled:visited img { border:1px solid #000; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; cursor:default; }
a.image_link_fade_disabled:hover img, a.image_link_fade_disabled:active { outline:none; }
a.image_link_fade_disabled:focus img { -moz-outline-style:none; outline:none; }

a.image_link_fade_off:link img, a.image_link_fade_off:visited img { border:1px solid #000; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; }
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; }

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


/* magiczoom */
a.MagicZoom:link, a.MagicZoom:visited { border:1px solid #666; }
a.MagicZoom:hover, a.MagicZoom:active { border:1px solid #999; cursor:move; }
.MagicZoom img { border:0 !important; padding:0 !important; margin:0 !important; }
.MagicZoomBigImageCont { }
.MagicZoomHeader { font-size:8pt !important; line-height:normal !important; color:#fff; background:#666; text-align:center !important; }
.MagicZoomPup { border:1px solid #aaa; background:#fff; cursor:move; }
.MagicZoomLoading { border:1px solid #ccc; background:#fff url(../images/layout/loading_magiczoom.gif) no-repeat 2px 50%; padding:4px 4px 4px 24px !important; margin:0; text-decoration:none; text-align:left; font-size:8pt; font-family:sans-serif; color:#444; }


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

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

.clear_both {clear:both;}


/* misc */
.small, .caption {font-size:10px;color:#666666;}

.off, .off:link, .off:visited { color:#ccc; text-decoration:none; }
.off:hover, .off:active { color:#ccc; text-decoration:underline; }
.on, .on:link, .on:visited { color:#f00; text-decoration:none; }
.on:hover, .on:active { color:#f00; text-decoration:underline; }

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

.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; clear:left; }

.addthis {}

.mainlink {margin-top:5px; padding:0px 4px 0px 14px; background:url(../images/icons/arrow_mainlink.gif) no-repeat left center; border:1px dotted #C00; }
a.mainlink:link, a.mainlink:visited {color:#f00;text-decoration:none;}
a.mainlink:hover, a.mainlink:active {color:#f00;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 */
.norminput { height:18px; font-size:11px; color:#FFF; background-color:#000; border:1px solid #666; width:200px;}
.normsubmit { height:18px; font-size:11px; color:#000; text-transform:uppercase; font-weight:bold; background-color:#f00; border:1px solid #f00; width:200px; }

input.text, input.title, textarea, select { padding-left:5px; border:1px solid #cccccc; color:#fff; height:16px; background-color:transparent; }
input.submit { padding:0px; background-color:#f00; border:0px none #cccccc; color:#000; height:20px; background-color:transparent; }
input:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border:1px solid #fff; color:#fff; }
input.radio:focus { border:0px none; }
.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;}

