/*	
	tokiohotel3 | specials | screen.css (by scalp.de)
*/

html { height:100%; }
body { background:#333; 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; }
.body_main { background:#333 url(../images/layout/bg.jpg) center top; }
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:#fff; margin:0px; padding:0px; text-transform:uppercase; }
h2 { font-size:18px; color:#fff; margin:0px; padding:0px; text-transform:uppercase; }
h3 { font-size:16px; color:#fff; margin:0px 0px 10px 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:1em; 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; -moz-outline-style:none; outline:none; }
a:hover, a:active { color:#f00; text-decoration:underline; -moz-outline-style:none; outline:none; }


#container { margin:auto; width:722px; text-align:center; margin-top:0px; height:100%; background:url(../images/layout/bg_container.jpg) repeat-y center top; }
#content { margin:auto; width:600px; text-align:left; background:#333; border-left:1px solid #000; border-right:1px solid #000; }
.desc { width:580px; margin:20px 10px 20px 10px; padding:0px; }

/* specials */
.desc h4 { font-size:24px; border-bottom:1px solid #666; width:580px; }
.home .desc0 h4 { font-size:22px; }
.desc h4 a:link, .desc h4 a:visited { color:#fff; text-decoration:none; -moz-outline-style:none; outline:none; }
.desc h4 a:hover, .desc h4 a:active { color:#fff; text-decoration:underline; -moz-outline-style:none; outline:none; }
.desc h5 { font-size:18px; padding:10px 0px; margin-bottom:10px; border-bottom:1px solid #666; width:580px; }
.home .item { margin-bottom:50px; }
.home h6 { font-size:14px; font-weight:normal; margin:0; padding:5px 0px; }

/* head */
.head { margin-bottom:10px; }
.head h1 { display:none; }
.head img { margin:0px; padding:0px; display:block; }
.head .nav { margin:0px; padding:0px; border-top:1px solid #fff; border-bottom:1px solid #fff; background:#000; height:30px; width:100%; }

.head .nav li.btn_home_off { margin:3px 15px 0px 10px; padding:0px; width:66px; height:24px; background:url(../images/layout/bg_button_home.png) 0px 0px no-repeat; line-height:24px; text-align:center; }
.head .nav li.btn_home_off:hover { background-position:0px -24px; }
.head .nav li.btn_home_off a:link, .head .nav li.btn_home_off a:visited { color:#CCC; text-decoration:none; }
.head .nav li.btn_home_off a:hover, .head .nav li.btn_home_off a:active { color:#fff; text-decoration:none; }
.head .nav li.btn_home_on { margin:3px 15px 0px 10px; padding:0px; width:66px; height:24px; background:url(../images/layout/bg_button_home.png) 0px -48px no-repeat; line-height:24px; text-align:center; color:#F00; }

.head .nav li.btn_video_off { margin:3px 15px 0px 0px; padding:0px; width:132px; height:24px; background:url(../images/layout/bg_button_video.png) 0px 0px no-repeat; line-height:24px; text-align:center; }
.head .nav li.btn_video_off:hover { background-position:0px -24px; }
.head .nav li.btn_video_off a:link, .head .nav li.btn_video_off a:visited { color:#CCC; text-decoration:none; }
.head .nav li.btn_video_off a:hover, .head .nav li.btn_video_off a:active { color:#fff; text-decoration:none; }
.head .nav li.btn_video_on { margin:3px 15px 0px 0px; padding:0px; width:132px; height:24px; background:url(../images/layout/bg_button_video.png) 0px -48px no-repeat; line-height:24px; text-align:center; color:#F00; }

.head ul { list-style:none; margin:0px; padding:0px; }
.head ul li { margin:5px 5px; padding:0px 5px; float:left; font-size:14px; text-transform:uppercase; color:#fff; }
.head ul li a:link, .head ul li a:visited { text-decoration:none; color:#c00; }
.head ul li a:hover, .head ul li a:active { text-decoration:underline; color:#f00; }

.head ul .addthis { margin:5px 5px; padding:0px 5px; float:left; border:0px none; }
.head ul .addthis img { display:inline; }


/* subnav */
.subnav { border-bottom:1px solid #666; background:#222; width:580px; margin-top:-5px; }
.subnav .sel { margin:5px; padding:0px; display:inline; float:left; line-height:15px; }
.subnav .sel form { margin:0px; padding:0px; display:inline; float:left; }


/* home */
.home .desc0_box { width:260px; height:400px; border:1px dotted #666; margin-top:20px; margin-bottom:20px; padding:10px; background:#222; }


/* video */
.video .caption { margin:0px 0px 10px 0px; padding-bottom:10px; border-bottom:1px solid #444; }


/* rating */
.rating { }
.ratingfeedback { float:left; margin:0px; }
.ratingdisplay { float:left; margin-left:10px; width:75px; height:15px; overflow:hidden; }
.ratingdisplay a { display:inline; margin:0px; padding:0px; border:0px none; width:15px; height:15px; }
.ratingdisplay img { display:inline; margin:0px; padding:0px; border:0px none; }
.rate0 { background:url(../images/icons/rating.png) no-repeat 0px 0px; }
.rate1 { background:url(../images/icons/rating.png) no-repeat 0px -15px; }
.rate2 { background:url(../images/icons/rating.png) no-repeat 0px -30px; }
.rate3 { background:url(../images/icons/rating.png) no-repeat 0px -45px; }
.rate4 { background:url(../images/icons/rating.png) no-repeat 0px -60px; }
.rate5 { background:url(../images/icons/rating.png) no-repeat 0px -75px; }


/* report */
.report_tools { }
.report_tools .normsubmit { width:204px; font-weight:normal !important; padding:1px 0px; margin-top:5px; } 


/* thumblist */
.desc .thumblist { list-style:none; margin:0px; padding:0px; }
.desc .thumblist li { margin:10px 5px 0px 0px; padding:5px; float:left; border:1px dotted #666; width:100px; height:120px; overflow:hidden; background:#222; }
.desc .thumblist li.last { margin:10px 0px 0px 0px; }
.desc .thumblist li .item_img { width:98px; height:56px; overflow:hidden; display:block; border:1px solid #444; }
.desc .thumblist li .item_caption { font-size:11px; line-height:10px; margin:5px 0px; height:30px; overflow:hidden; }
.desc .thumblist li .item_rating { height:15px; background:url(../images/icons/rating.png) no-repeat 0px 0px; }


/* images */
.imageborder {border: 1px solid #666; margin-right:5px; margin-bottom:0px;}
.imageborder_plain {border: 1px solid #666;}
.imageborder_off {border: 0px solid #666;}

.download_link { line-height:45px; font-size:16px; width:100%; height:45px; display:block; }


/* pagination */
img.ico_prev, img.ico_next, img.ico_prev_off, img.ico_next_off { background:url(../images/icons/pagination.gif) no-repeat; width:15px; height:15px; display:inline; vertical-align:middle; }

img.ico_prev_off { background-position:-15px 0px; }
img.ico_next_off { background-position:-30px 0px; }

img.ico_prev { background-position:-15px -15px; }
img.ico_next { background-position:-30px -15px; }

img.ico_prev:hover, img.ico_prev:active { background-position:-15px -30px; -moz-outline-style:none; outline:none; }
img.ico_next:hover, img.ico_next:active { background-position:-30px -30px; -moz-outline-style:none; outline:none; }


/* forms */
.norminput {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	background:#000;
	border:1px solid #666;
	width:200px;
}

.normselect {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	background:#000;
	border:1px solid #666;
}

.normtextarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	background:#000;
	border:1px solid #666;
	width:200px;
	height:100px;
}

.normsubmit {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #ff0000;
	background:#000;
	border:1px solid #f00;
	padding:5px 0px;
}

/* lists */
ul { margin:10px; list-style:square; }
li { margin:10px; }


/* credits */
.credits { font-family:Arial, Geneva, Verdana, Helvetica, sans-serif; color:#666666; font-size:9px; }
.credits a:link, .credits a:visited { color:#666;text-decoration:none; }
.credits a:hover, .credits a:active { color:#fff;text-decoration:underline; }


/* misc */
.float_left { float:left; }
.float_right { float:right; }
.small { font-size:10px; color:#999; }
.admin { border:1px dotted #99ff33; color:#99ff33; background:#000; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
code { color:#fff; font-family:"Courier New", Courier, monospace; }

/* addthis */
.addthis_toolbox { font-size:10px; line-height:20px; vertical-align:middle; }
.addthis_toolbox .custom_images img { display:inline; }
.addthis_toolbox .custom_images a { width:16px; height:16px; margin:0; padding:0; border:0px none; }
.addthis_toolbox .custom_images a:hover img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.addthis_toolbox .custom_images a img { filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }