/* ---------------------------------------------------------------------
			MAIN
   --------------------------------------------------------------------- */

#login_box a         { color: #1144FF; text-decoration: none; }
#login_box a:visited { color: #1144FF; }
#login_box a:hover   { color: #000055; text-decoration: underline; }
#login_box a:active  { text-decoration: none; }

#profile_box a         { color: #1144FF; text-decoration: none; }
#profile_box a:visited { color: #1144FF; }
#profile_box a:hover   { color: #000055; text-decoration: underline; }
#profile_box a:active  { text-decoration: none; }

/* ---------------------------------------------------------------------
			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); }

/* 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:bold; }
#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: center;
}

#content .moduleEnd {
	width: 809px;
	background: no-repeat left bottom;
	background-image: url(/content/img/content/content_end.jpg);
	background-color: #FFFFFF;
	height:10px;
}

/* --------------------------------------------------------------------- */