/*
		#oesterreich 4.0 statistic layout - oesterchat.com
		For further information see alistapart.com, glish.com/css and webstandards.org
		Last update: 2005-10-17
	*/

	/*
		The image thing
		Structure parameters
		Typography
		mIRC Stats typography
		General linkology
		Menu
		Table dance
		Hidey-ho
		
		mIRC stats layout parts:
		body | h1 | h3 | h4 | h5 | img | .ttxt | .tgr, .tinv | .txt1 | .txt2
		.t1 | .t2 | .t3 | .t4 | .t5 | .t6
		.s1 | .s2 | .s3 | .s4 | .s5 | .toc | .ra | .rn | .ad | .am
		table | .rb | .cr | .v1 | .v2 | .v3 | .v4 | .v5 | .v6 | .v7 | .v8
	*/


	/*  The image thing  */

img	{
	border: 0;
	}

#header img	{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 50px;
	}


	/*  Structure parameters  */

body	{
	background: #64A0FF none;
	color: #333;
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 2px solid #bbb;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 25px;
	}

#wrapper	{
	background: #fff none;
	color: #333;
	margin: 10px 30px 10px 30px;
	padding: 0;
	border: 1px solid #bbb;
	}

#header	{
	background: #fff none;
	color: #333;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	}

#pagebody	{
	background: transparent none;
	color: #2890FF;
	padding: 0;
	margin: 0;
	border: 0;
	text-align: center;
	clear: both;
	}

#maincontent_xxl	{
	/* CSS block for 1-column-style */
	background: transparent none;
	text-align: center;
	min-width: 300px;
	margin: 0;
	background-color: white;
	padding: 20px 10px 10px 10px;
	}

#footer	{
	border: 0;
	border-top: 1px solid #ccc;
	color: #666;
	background: #eee none;
	padding: 5px 7px 7px 10px;
	margin: 0;
	text-align: center; /*clear: both;*/
	font-size: xx-small;
	/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
	Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
	IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
	declaration. The incorrect IE5/Win value is above, while the correct value is below. */
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-small;	
	}

html>#footer	{
	/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
	length values to user agents that exhibit the parsing error exploited above yet get 
	the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
	a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
	font-size: x-small;
	}


	/*  Typography  */

em	{
	font-style: italic;
	}

strong	{
	font-weight: bolder;
	}

code, pre	{
	/* code: Quelltext; pre: Präformatierter Text (e.g. programming code) */
	font-family: "Bitstream Vera Sans Mono", monaco, "Courier New", courier, monospace;
	font-weight: normal;
	background: inherit;
	color: #333;
	}

* html code	{
	/*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */
	font-size : 105%; 
	}

cite, q	{
	font-style: oblique;
	}

cite:before, q:before	{
	content: "\00BB"; /* » */
	}

q q:before	{
	content: "\203A"; /* › */
	}

cite:after, q:after	{
	content: "\00AB"; /* « */
	}

q q:after	{
	content: "\2039"; /* ‹ */
	}

blockquote	{
	font-weight: normal;
	margin: 10px auto;
	padding: 0 5px 5px 5px;
	border-top: 1px solid #CBCBCB;
	color: #50656E;
	background: #F7F8F8 url(/images/bquote.gif) bottom right no-repeat;
	width: 80%;
	text-align: center;
	}

blockquote p	{
	padding-left: 10px;
	}

blockquote p cite	{
	margin-top: 0.3em;
	display: block;
	text-align: right;
	}

acronym	{
	border-bottom: 1px dotted #aaa;
	cursor: help;
	}

address	{
	font-style: oblique;
	font-size: 110%;
	padding: 0 10px;
	}

fieldset	{
	margin: 10px;
	}

input:focus, input:hover, input:active,
textarea:focus, textarea:hover, textarea:active	{
	background: #f0f0f0;
	}

input[type=submit], input[type=reset]	{ /* kein Hover-Effekt fuer Buttons */
	background: #d4d0c8;
	}

h1	{
	color: #2890FF;
	font-size: 26px;
	font-style: italic;
	font-weight: normal;
	margin: 4px;
	}
 
h2	{
	margin: 20px 10px 0 10px;
	font-size: medium;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: large;
	}

html>h2 	{
	font-size: large;
	} 

h3	{
	color: #2890FF;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	margin: 3px;
	}

h4	{
	color: #FF6800;
	font-size: 15px;
	font-style: italic;
	font-weight: normal;
	margin: 2px;
	}

h5, .relevant	{
	color: #2890FF;
	font-size: 15px;
	font-style: italic;
	font-weight: normal;
	margin: 2px;
	} 

#breadcrumbs	{
	margin: 0 0 15px 0; /* don't use it in DIV .datacontent */
	padding: 0;
	background: transparent none;
	color: #333;
	text-align: left;
	font-family: Avenir, "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 9px;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: xx-small;
	}

html>#breadcrumbs 	{
	font-size: xx-small;
	} 

#footer p	{
	text-align: center;
	margin: 10px 0;
	padding: 0;
	}

#pagebody p.fineprint	{
	font-size: xx-small; /* 10px; */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
	}

html>p.fineprint 	{
	font-size: x-small;
	}

#pagebody .addon, #pagebody .boldaddon	{
	padding: 10px 0;
	border: 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	margin: 15px 0 10px 0;
	}

#datacontent .addon	{
	font-size: 11px;
	}

#pagebody .boldaddon	{
	font-size: 11px;
	font-weight: bold;
	}

#pagebody .midnav	{
	text-align: center;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
	}

html>#pagebody .midnav 	{
	font-size: x-small;
	}

#pagebody .eyecatch	{
	color: #FF0000;
	background: transparent none;
	}


	/* mIRC Stats typography */

.txt1	{
	color: #2890FF;
	font-size: 12px;
	/*text-align: left;*/
	}

.txt2	{
	color: #FF6800;
	font-size: 12px;
	/*text-align: left;*/
	}

.ttxt	{
	border: 0px;
	padding: 2px;
	}

.tgr, .tinv	{
	border: 0px;
	}

.t1	{
	color: #000000;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	font-style: italic;
	}

.t2	{
	color: #000000;
	font-size: 12px;
	text-align: left;
	font-style: normal;
	white-space: normal; /* hinzugefügt */
	}

.t3	{
	color: #000000;
	font-size: 12px;
	text-align: right;
	}

.t4	{
	color: #000000;
	font-size: 12px;
	text-align: center;
	}

.t5	{
	color: #000000;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	font-style: italic;
	}

.t6	{
	color: #000000;
	font-size: 10px;
	text-align: right;
	font-style: normal;
	/* Originaleinstellung: white-space: nowrap; */
	white-space: normal;
	}

.s1	{
	font-family: Arial, Helvetica, sans-serif;
	color: #FF6800;
	font-size: 9px;
	vertical-align: bottom;
	text-align: center;
	}

.s2	{
	font-family: Arial, Helvetica, sans-serif;
	color: #2890FF;
	font-size: 9px;
	vertical-align: bottom;
	text-align: center;
	border: 0px;
	}

.s3	{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 9px;
	vertical-align: bottom;
	text-align: center;
	background-color: #0080FF;
	}

.s4	{
	color: #000000;
	font-size: 10px;
	text-align: left;
	}

.s5	{
	color: #000000;
	font-size: 10px;
	text-align: left;
	border:0px;
	}

.toc	{
	color: #FF6800;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	margin: 2px;
	}

.ra	{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 32px;
	text-align: center;
	border-style: solid;
	border-width: 4px;
	border-color: #C0C0C0 #000000 #000000 #C0C0C0;
	}

.rn	{
	color: #2890FF;
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	font-style: normal;
	}

.ad	{
	color: #000000;
	font-size: 10px;
	vertical-align: middle;
	text-align: center;
	}

.am	{
	vertical-align: top;
	}


	/*  General linkology  */

a:link	{
	/*font-weight: normal;*/
	text-decoration: underline;
	color: #0000A0; /* das wäre die Originalfarbe für V4.0: #0064FF; */
	background: transparent;
	}

a:visited	{
	/*font-weight: normal;*/
	text-decoration: underline;
	color: #6464C8;
	background: transparent;
	}

a:hover, a:active, a:focus	{
	/*font-weight: normal;*/
	text-decoration: underline;
	color: #FFB440;
	background: transparent;
	}

#footer a:link	{
	font-weight: bold; 
	text-decoration: none;
	color: #0064FF; /*#0080FF*/
	background: transparent;
	}

#footer a:visited	{
	font-weight: bold; 
	text-decoration: none;
	color: #6464C8; /*#800080;*/
	background: transparent;
	}

#footer a:hover, #footer a:active, #footer a:focus	{
	font-weight: bold; 
	text-decoration: underline;
	color: #FFB440; /*#FFC800;*/
	background: transparent;
	}


	/*  Menu  */

#menu	{
	margin: 0;
	padding: 0;
	font-family: Avenir, "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	}

#menu ul	{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	}

#menu ul li	{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 20%;
	}

#menu ul li a	{
	background: #FFDC4A;
	/*width: 138px; */
	height: 2em;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: none;
	padding: 0;
	margin: 0;
	color: #808080;
	text-decoration : none;
	display: block;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 2em;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
	}

html>#menu ul li a	{
	font-size: x-small;
	} 

#menu ul li#five a	{
	border-right: 1px solid #ccc;
	width: 100%; /*139px; */
	}

#menu ul li a:hover	{
	color: #000;
	background: #ccc;
	}

#menu a:active	{
	background: #000;
	color: #ccc;
	}

body#sectionone #menu li#one a, 
body#sectiontwo #menu li#two a,
body#sectionthree #menu li#three a,
body#sectionfour #menu li#four a,
body#sectionfive #menu li#five a {
	background: #808080;
	border: 1px solid #808080;
	color: #fff;
	font-weight: bold;
	}


	/*  Table dance  */

table	{
	border: 0px;
	padding: 0px;
	white-space: normal;
	}

td	{
	white-space: normal;
	}

.rb	{
	border-style: solid;
	color: #C0C0C0;
	border-width: 1px 0px;
	}

.cr	{
	border-style: outset;
	border-width: 2px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	vertical-align: middle;
	text-align: center; /* left */
	margin-left: auto;
	margin-right: auto;
	}

.cr a:link	{
	font-weight: bold; 
	text-decoration: underline;
	color: #000000; /* #0064FF */
	background: transparent;
	}

.cr a:visited	{
	font-weight: bold; 
	text-decoration: underline;
	color: #000000; /* #6464C8 */
	background: transparent;
	}

.cr a:hover	{
	font-weight: bold; 
	text-decoration: underline;
	color: #FFB440;
	background: transparent;
	}

.v1	{
	background-color: #FF7800;
	}

.v2	{
	background-color: #FFB410;
	}

.v3	{
	background-color: #FFF000;
	}

.v4	{
	background-color: #0080FF;
	}

.v5	{
	background-color: #00A0FF;
	}

.v6	{
	background-color: #00C0FF;
	}

.v7	{
	background-color: #FF3C00;
	}

.v8	{
	background-color: #6888FF;
	}


	/*  Hidey-ho  */

.hide	{
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute; /* for the benefit of IE5 Mac */
	}

	/*  end of #oesterreich 4.0 statistic layout - oesterchat.com  */