/*
	in extremo - screen css - 2009 scalp.de
*/

/* basic styles */
body {
	background-color: #000000;

	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13x;
	color: #cccccc;

 	margin: 0 0 0 0;
 	margin-bottom: 0;
 	margin-left: 0;
 	margin-right: 0;
 	margin-top: 0;	
	
	scrollbar-base-color:#333333; 
	scrollbar-arrow-color :#999999;
	scrollbar-track-color: #000000;
	
	background:#000000 url(../images/layout/hg.gif) no-repeat top center;
}

div, td, th, .text, .norm {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	color: #cccccc;
}

a:link, a:visited { color:#ffcc99; text-decoration:none; }
a:hover, a:active { color:#ffffff; text-decoration:underline; }

.headline {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 22px;
	color: #ffffff;
	font-weight: normal;
	text-transform: uppercase;
}

.headline2 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size:55px;
	color: #ffffff;
	font-weight: normal;
	text-transform: uppercase;
	line-height:35px;
}

.headline3 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size:13px;
	color: #cccccc;
	font-weight: normal;
	text-transform: uppercase;
}

.headline4 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size:11px;
	color: #999999;
	font-weight: normal;
	text-transform: uppercase;
}

.subheadline {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 18px;
	color: #ffffff;
	font-weight: normal;
}

.small, date {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 11px;
	color: #999999;
}

.norminput {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	background-color: #1a1a1a;
	border: 1px solid #666666;
	padding-left: 4px;
}

.normsubmit {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	color: #ff0000;
	background-color: #000000;
	border: 1px solid #ff0000;
}


/* img styles */
.imageborder { border:3px double #666666; margin-right:7px; margin-bottom:2px; }
.imageborder_plain { border: 1px solid #666666; }
.imageborder_plain_double { border:3px double #666666; }
.imageborder_off { border: 0px solid #666666; }


/* aktion styles */
.main { width:800px; }
.mediaplayer { float:left; border: 1px solid #666666;}
.packshot { margin-left:15px; float:left; width:265px; height:400px; border: 1px solid #666666; }


/* nav */
.nav { width:800px; margin-bottom:55px; height:200px; }
.nav_item { float:left; width:110px; margin-left:5px;}
.nav_item_first { float:left; width:110px; margin-left:0px;}
.nav_number { font-size:18px; }

a.nav_off:link, a.nav_off:visited { color:#666666; text-decoration:none; font-size:12px; text-transform:uppercase; }
a.nav_off:hover, a.nav_off:active { color:#666666; text-decoration:none; }
.img_off { border:1px solid #666666; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }

a.nav_on:link, a.nav_on:visited { color:#ffcc99; text-decoration:none; font-size:12px; text-transform:uppercase; }
a.nav_on:hover, a.nav_on:active { color:#ffcc99; text-decoration:none; }
.img_on { border:1px solid #ffcc99; }


/* tabellen, div, etc. */
.table_norm { background-color:#333333; }
.td_norm { padding:7px; }
.td_norm_code { padding:7px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.td_wallpaper { padding:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; border:1px dotted #666666; }
.absatz { margin-top:5px; margin-bottom:5px; }
.break { font-size: 2px; }
.trennstrich { color:#666666; font-weight:normal; font-size:15px; }
.dotted_h_line { background-color:#333333; background-image: url(../images/hg/hg_dotted_h_line.gif); }


/* block styles */
.blockhead { background-color: #666666; }
.blockhead_topline { background-color:#333333; background-image: url(../images/border/border_hl_top.gif); }
.blockhead_bottomline { background-color:#333333; background-image: url(../images/border/border_hl_bottom.gif); }
.blockhead_headline {
	font-family: Times New Roman, Times, serif;
	font-size: 16px;
	color: #ffffff;
	text-transform: uppercase;
	background-color: #666666;
	padding:7px;
}


/* typo specials */
.buy, a.buy:link, a.buy:visited, a.buy:hover, a.buy:active { border:1px dotted #ffcc99; background-color:#000000; padding:2px; margin:5px; }

.block_on { border:1px solid #00ccff; }
.block_off { border:1px solid #cccccc; }


.credits { color:#666666; font-weight:normal; font-size:10px;}
a.credits:link { color:#666666; font-weight:normal; text-decoration:none; font-size:10px; }
a.credits:visited { color:#666666; font-weight:normal; text-decoration:none; font-size:10px; }
a.credits:hover { color:#ffffff; font-weight:normal; text-decoration:underline; font-size:10px; }
a.credits:active { color:#ffffff; font-weight:normal; text-decoration:underline; font-size:10px; }