html {
    background: #FFFFFF;
    color:      #000000;
    font-size:  100.01%;
    direction:  ltr;
}
body {
    font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
    background: #FFFFFF;
}

/*
* {
    font-size:         8pt;
    xxfont-family:       inherit;
    xxline-height:       inherit;
	padding: 0px;
	margin: 0px;
}
*/

* {
	padding: 0px;
	margin: 0px;
	font-size: 8pt;
}

span, p {
	line-height: 13px;
}

body * {
	padding: 0px;
	margin: 0px;
}

a         { color: #1144FF; text-decoration: none; }
a:visited { color: #1144FF; }
a:hover   { color: #000055; text-decoration: underline; }
a:active  { text-decoration: none; }

.nlink { color: #1144FF; text-decoration: none; font-weight: normal; }
.bnlink { color: #1144FF; text-decoration: none; font-weight: bold; }

html, body, ul, ol, li, dl, dd, dt, form, h1, h2, h3, h4, h5, h6, fieldset { margin: 0px; padding: 0px; }
p        { margin: 0px 0px 2px 0px; line-height: 1.3em; }
li       { display: block; list-style: none; text-decoration: none; }
img      { border: none; }
body     { padding: 0px 0px 0px 0px; }
form     { display: inline; }
table    { empty-cells: show; }
/*table    { border-collapse: collapse; border-spacing: 0px; empty-cells: show; }*/
td, th, tr   { text-align: left; vertical-align: top; }
iframe   { display: block; border: 0px; margin: 0px; padding: 0px; }
legend   { display: none; color: #000000; }
option   { background-color: #FFFFFF; }

.hr     { display: none; clear: both; }
.hr hr  { display: none; }


input.radio  { margin-right: 3px; margin-left: 0px; }
label        { margin-right: 0.3em; }

h3 {
	font-size: 18pt;
	font-weight: bold;
	line-height: 18pt;
}

h4 {
	font-size: 13pt;
	font-weight: bold;
	line-height: 13pt;
}

h5 {
	font-size: 10pt;
	font-weight: bold;
	line-height: 10pt;
}

/* ---------------------------------------------------------------------
			NAVIGATION
   --------------------------------------------------------------------- */

/* Menu-Punkte */
#mainNavChat a span { padding-left: 20px; background: no-repeat 0px 4px; background-image: url(/content/icons/sgn.gif); }
#mainNavClan a span { padding-left: 20px; background: no-repeat 0px 5px; background-image: url(/content/icons/tf2.gif); }
#mainNavNews a span { padding-left: 20px; background: no-repeat 0px 5px; background-image: url(/content/icons/rss.gif); }
#mainNavForum a span { padding-left: 20px; background: no-repeat 0px 5px; background-image: url(/content/icons/forum.gif); }
#mainNavUser a span { padding-left: 20px; background: no-repeat 0px 5px; background-image: url(/content/icons/user.gif); }
#mainNavDownload a span { padding-left: 20px; background: no-repeat 0px 5px; background-image: url(/content/icons/download.gif); }
#mainNavAccount a span { padding-left: 20px; background: no-repeat 0px 5px; background-image: url(/content/icons/account.gif); }

/* Grundstruktur */
#content .mainNav { width: 809px; height:28px; list-style-type:none; margin:0px; margin-bottom: -4px; padding:0px; position:relative; }
#content .mainNav { background: url(/content/img/navigation/bg-module-topright.gif) no-repeat right bottom; }
#content .mainNav a { color:#000000; text-decoration:none; letter-spacing:0px; font-weight:normal; }
#content .mainNav a:hover { text-decoration:underline; }

/* Standard Punkt, deaktiviert */
#content .mainNav li { background:transparent url(/content/img/navigation/bg-tab-leftoff.gif) no-repeat top left; float:left; margin:0px 0px 0px -19px; padding:0px; }
#content .mainNav li a { padding:0px 24px 0px 3px; text-align:center; margin-left:19px; display:block; line-height:24px;  }
#content .mainNav li a { background:transparent url(/content/img/navigation/bg-tab-rightoff.gif) no-repeat top right; }
#content .mainNav li a span { display:block; line-height:24px; }

/* Sonderpunkte deaktiviert, erste und letzte besonders behandeln */
#content .mainNav li.first { background:transparent url(/content/img/navigation/bg-tab-firstoff.gif) no-repeat top left; margin-left:0px; padding-left:5px; }
#content .mainNav li.first a { margin-left:0px; }
#content .mainNav li.last a  { background:transparent url(/content/img/navigation/bg-tab-lastoff.gif) no-repeat top right;padding-right:24px; }

/* Standard Punkt, aktiviert */
#content .mainNav li.active { background:transparent url(/content/img/navigation/bg-tab-lefton.gif) no-repeat top left; }
#content .mainNav li.active a { background:transparent url(/content/img/navigation/bg-tab-righton.gif) no-repeat top right; }
#content .mainNav li.active a:hover { text-decoration:underline; }

/* Sonderpunkte aktiviert, erste und letzte besonders behandeln */
#content .mainNav li.firstActive { background:transparent url(/content/img/navigation/bg-tab-firston.gif) no-repeat top left; }
#content .mainNav li.lastActive a { background:transparent url(/content/img/navigation/bg-tab-laston.gif) no-repeat top right; }


/* ---------------------------------------------------------------------
			PAGE
   --------------------------------------------------------------------- */

#content {
    padding-left: 11px;
    padding-top: 40px;
}

.mainPageRoot {
	background: transparent url("/content/img/background.jpg") repeat-x; vertical-align:top; text-align:center;
}

.mainPageContent {
	padding-top:10px; vertical-align:top; text-align:left; width:830px; margin:0 auto;
}

#content .moduleStart {
	border-left: 1px solid #9098c2;
	border-right: 1px solid #9098c2;
	background-color: #b8bdd5;
	width: 807px;
	background-image: url(/content/img/content/content_start.jpg);
	background-repeat: repeat-x;
}

#content .moduleContent {
	padding-top: 5px; padding-left: 5px; padding-right: 5px; text-align: left;
}

#content .moduleEnd {
	width: 809px;
	background: no-repeat left bottom;
	background-image: url(/content/img/content/content_end.jpg);
	background-color: #FFFFFF;
	height:10px;
}

/* --------------------------------------------------------------------- */


.float {
	float: left;
}
.rfloat {
	float: right;
}
.float_stop {
	float: none;
}
.clear {
    clear: left;
    margin: 0px;
    padding: 0px;
    height: 0px;
    /*font-size: 0px;
    height: 0px;*/
}

div.nav_table_top_left {
	width: 6px;
	height: 24px;
	float: left;
	background: url("/content/img/std/oben_links.gif");
	background-repeat: no-repeat;
}
div.nav_table_top_left_dark {
	background: url("/content/img/std_dark/oben_links.gif");
}
div.nav_table_top_right {
	width: 6px;
	height: 24px;
	float: left;
	background: url("/content/img/std/oben_rechts.gif");
	background-repeat: no-repeat;
}
div.nav_table_top_right_dark {
	background: url("/content/img/std_dark/oben_rechts.gif");
}
div.nav_table_top_middle {
	vertical-align:bottom;
	height: 24px;
	float: left;
	background: url("/content/img/std/oben.gif");
	background-repeat: repeat-x;

}
div.nav_table_top_middle_dark {
	background: url("/content/img/std_dark/oben.gif");
	color: #000;
}
div.nav_table_bottom_left {
	width: 6px;
	height: 8px;
	float: left;
	background: url("/content/img/std/unten_links.gif");
	background-repeat: no-repeat;
}
div.nav_table_bottom_left_dark {
	background: url("/content/img/std_dark/unten_links.gif");
	background-repeat: no-repeat;
}
div.nav_table_bottom_right {
	width: 6px;
	height: 8px;
	float: left;
	background: url("/content/img/std/unten_rechts.gif");
	background-repeat: no-repeat;
}
div.nav_table_bottom_right_dark {
	background: url("/content/img/std_dark/unten_rechts.gif");
	background-repeat: no-repeat;
}
div.nav_table_bottom_middle {
	height: 8px;
	float: left;
	background: url("/content/img/std/unten.gif");
	background-repeat: repeat-x;
}
div.nav_table_bottom_middle_dark {
	background: url("/content/img/std_dark/unten.gif");
	background-repeat: repeat-x;
}
div.nav_table_border {
	border-left: 1px solid #9299cd;
	border-right: 0px solid #b9c4f0;
	/*background-color: #FFFFFF;  FDFDFF */
	/*background-color: #FEFEFF;  */
	background: #fff url("/content/img/std/rechts.gif") repeat-y top right;
}
div.nav_table_border_dark {
	border-left: 1px solid #9098c2;
	border-right: 0px solid #9098c2;
	background: #fff url("/content/img/std_dark/rechts.gif") repeat-y top right;
}
div.nav_table_bottom {
	margin: 0px;
	margin-top: -2px;
}
div.nav_table_title {
	padding-top: 5px;
	padding-left: 10px;
	font-weight:bold;
}
div.nav_table_content {
	padding: 5px;
}
div.main_content_table {

}






.nav_li {
	border-bottom: 1px solid #EEEEEE;
	background: url("/content/img/arrow.gif") 2px 6px no-repeat;
	line-height: 16px;
	padding: 0px; padding-left: 10px;
	margin: 0px; margin-top: 3px; margin-bottom: 3px;
	text-align: left;
	width: 100px;
	display: block;
	text-decoration: none;
}
.nav_li_small {
	border-bottom: 1px solid #EEEEEE;
	background: url("/content/img/arrow.gif") 2px 5px no-repeat;
	line-height: 14px;
	padding: 0px; padding-left: 10px;
	margin: 0px; margin-top: 1px; margin-bottom: 1px;
	text-align: left;
	text-decoration: none;
}
.nav_li_last {
	border-bottom: 0px solid #EEEEEE;
}
.nav_li_hover {
	border-bottom: 1px solid #FF0000;
	background-color: #FF0000;
}
.nav_li_title {
	line-height: 16px;
	padding: 0px; padding-left: 4px;
	margin: 0px; margin-top: 5px; margin-bottom: 3px;
	text-align: left;
	font-style: italic;
	font-weight: bold;
	color: #006;
	font-size: 7pt;
}
.nav_li_spacer {
	margin: 0px; margin-top: 5px; margin-bottom: 10px;
}

/* --------------------------------------------------------------------- */

#news ul {
	text-align: justify;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}

#news li {
	list-style-type: disc;
}

/* --------------------------------------------------------------------- */

.dark_layer {
    background-color: #000;
    color: #fff;
    width: 100%;
    height: 300%;
    position: absolute; top: 0px; left: 0px;
    filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;
    display: none;
    z-index: 990;
}

.layer {
    position: absolute; top: -1000px; left: -1000px;
    display: none;
    z-index: 999;
}

/* --------------------------------------------------------------------- */

.bold {
	font-weight: bold;
}

.justify {
	text-align: justify;
}

.topMargin {
	margin: 0px;
	margin-top: 10px;
}

.bottomMargin {
	margin: 0px;
	margin-bottom: 10px;
}

.borderMargin {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	margin-right: 1px;
}

.nowrap {
	white-space: nowrap;
}

.small {
	font-size: 7pt;
}

.mediumSize {
	font-size: 14pt;
}

.big {
	font-size: 18pt;
}

.bigger {
	font-size: 20pt;
}

.center {
	text-align: center;
}

.middle {
	text-align: center;
	vertical-align: middle;
}

.bottom {
	vertical-align: bottom;
}

.right {
	text-align: right;
}

.title {
	font-size: 8pt;
	font-weight: bold;
}

.plain {
	font-weight: normal;
}

.green {
	color: #090;
}

.red {
	color: #A00;
}


div.textbox {
	background-color: #F5F5FF;
	padding: 3px;
	border-top: 1px solid #EEE;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
}

div.centerDiv {
	margin-left: auto;
	margin-right: auto;
}

/* --------------------------------------------------------------------- */

.input {
	font-size: 8pt;
	font-family: verdana;
	margin: 1px 1px 1px 1px;
	background-color: #FEFEFF;
	border: solid 1px #AAAABB;
}
.main_login_input {
	font-size: 8pt;
	font-family: "lucida grande",tahoma,verdana,arial;
	padding: 2px;
	background-color: #FEFEFF;
	color: #667788;
	border: solid 1px #AAAABB;
}
.checkbox {
	font-size: 7pt;
	font-family: "lucida grande",tahoma,verdana,arial;
	margin: 0px 0px 0px 0px;
	background-color: none;
	border: 0px solid #FFFFFF;
	margin: 3px;
	cursor: pointer;
}

textarea {
	background-color: #FCFCFC;
	padding: 3px;
	border-top: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #006;
	border-bottom: 1px solid #006;
	font-family: verdana;
	overflow-y: scroll;
	overflow-x: auto;
}

/* --------------------------------------------------------------------- */

.form_right {
	width: 50%;
	vertical-align: middle;
	text-align: left;
	padding-bottom: 5px;
	white-space: nowrap;
}
.form_left {
	width: 50%;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 30px;
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
}
.form_left_small {
	width: 1%;
	white-space: nowrap;
}

.server_info_left {
	width: 1%;
	vertical-align: middle;
	text-align: left;
	padding-bottom: 5px;
	white-space: nowrap;
	padding: 2px;
	font-weight: bold;
}

.server_info_right {
	width: 99%;
	vertical-align: middle;
	text-align: left;
	padding: 2px;
	padding-left: 10px;
}

div.div_right {
	text-align: left;
	padding: 2px;
	white-space: nowrap;
	border-left: 1px solid #eee;
	height: 18px;
}
div.div_left {
	width: 150px;
	padding: 2px;
	text-align: left;
	white-space: nowrap;
	border-bottom: 1px solid #eee;
	height: 18px;
	padding-top: 4px;
	padding-bottom: 0px;
}

/* --------------------------------------------------------------------- */

#news ul {
	margin: 10px;
	margin-left: 25px;
	padding: 0px;
}

.news_li {
	background: url("/content/img/arrow.gif") 2px 4px no-repeat;
	padding: 0px; padding-left: 15px;
	margin: 0px; margin-top: 10px; margin-bottom: 6px; margin-left: 15px;
	text-align: left;
}

/* --------------------------------------------------------------------- */