body {
	background-image: url(images/bgSC.jpg); 
	background-position: bottom right; 
	background-attachment: fixed; 
	background-repeat: no-repeat; 
	color: #9e7b51; 
	background-color: #000000; 
	text-align: left; 
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #999; 
	margin: 0;
}
h1 {font:18px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; letter-spacing:-1px;}
h2 {color:#fff; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform:uppercase;}
h3 {font:40px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; letter-spacing:-1px;}
h4 {font:14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; letter-spacing:-1px;}
.genmed {font-size: 10px;}

.sb {
	width: 180px;
	padding-left:0px;
         }


.logo { /* used in portal.php - change Header / Banner here */
cursor:pointer; 
background-image:url(images/big_head.jpg); 
background-position:center top; 
background-repeat:no-repeat; 
height:239px;
width: 958px;
}
.bgMainTable {
background-image:url(images/.jpg);
background-position:center 249px;
background-repeat:no-repeat;
}
.pagetitle {
text-transform: uppercase; 
text-align:right; 
padding-top:180px; 
padding-right: 3px; 
font-size:21px; 
letter-spacing:-1pt; 
color:#FFFFFF; 
font-weight: bold;
}
.portalMenu {
width:330px; 
font-size: 12px; 
text-transform: uppercase; 
color:#FFFFFF; 
font-weight:bold;
}
.quote { color:#FE9B00;
background-image:url(images/quote_bg.gif);
background-position: 15px 1px;
background-repeat:no-repeat;
padding-left: 25px;
padding-top: 5px;
padding-bottom: 5px;
width: 405px; }


/* PM Info Box */
#box1 { /* Diese Box stellt den Rahemn um die Info dar */
position:absolute; 
left: -480px; 
top: 100px; 
height: 100px; 
width: 410px; 
background-image:url(images/rasterbg.gif);
} 
#box2 { /* Diese Box beinhaltet den eigentlichen Inhalt */
border: #0099FF 1px solid; 
background-color:#000000; 
height: 70px; 
width: 370px; 
padding: 15px; 
margin: 15px; 
text-transform: uppercase; 
text-align:center; 
font-size:21px; 
letter-spacing:-1pt; 
color:#00FF00 ; 
font-weight: bold;
}

/* PM INfo Box Ende */
td { text-align:left; }
hr { 	background-color: #333;
		border: 0px;	
		height: 1px;
		width: 100%;
		margin: 1px;
}

ul, ol { /* not in use but maybee in future */
	margin-top: 0;
	margin-bottom: 0;
}
#contentarea {
	background-color: #000;
	width: 620px;
	font: 8pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ffb432;
	vertical-align:top;
    margin-left: auto;
	margin-right: auto;
}

#fullcontentarea { /* used in portal.php for the <td> that includes portal_center.php */
	background-color: #000;
	width: 100%;
	font: 8pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ffb432;
	vertical-align:top;
}

.topmenucenter { /*Background of the TOP MENU used in portal_top.php */
    background-image: url(images/bgmenu.gif);
	background-repeat: repeat-x;
    background-position: top left;
    height: 50px;
}

/* 

/* end menu layout */


.smalltext {
	font: 7pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.text 
{
	font: 9pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

/*News */
.newsbg {
	width: 500px;
	padding-bottom: 12px;
}

.newsdate {
	font: 10pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
    padding-bottom: 20px;
}
.newsfooter {
	width: 500px;
	margin: 0 auto;
	background-image: url(images/newsbgbottom.jpg);
    background-repeat: repeat-x;
    height: 20px;
}
.newsheader {
	font:21px 'Arial Black', Arial, Helvetica, sans-serif; 
	color:#FFF; 
	text-transform:uppercase; 
	letter-spacing:-1px; 
	margin-bottom:-5px;

}
.newsbody {
	font:12px Arial, Helvetica, sans-serif; line-height:18px;
	color:#9f9f9f;
	}
.pagebody {
	width: 538px;
	font: 8pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	vertical-align:top;
    }

.pagefooter {
	height: 14px;
	background-image: url(images/footer.gif);
	background-repeat: repeat-x;
    background-position: top left;
    vertical-align: top; }


a {
	color: #88B3EC;
	text-decoration: none;
}
a:hover {
	color: #FFCC00;
	text-decoration: underline;
}

a.navi {
	color: #88B3EC;
	text-decoration: none;
	font-size:11px;
}
a.navi:hover {
	color: #FFCC00;
	text-decoration: none;
	font-size:11px;	
}
.navi { 	
	color: #9e7b51;
	text-decoration: none;
	font-size:11px; }
/* Forms -------------------------------------> */
form {
	margin: 2px 0px 0px 0px;
}

p {
	margin: 0px;
}

/* Form elements */
input,textarea, select {
	color: #00CCFF;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	background-color : #111111;
	border: 1px solid #0099FF;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #111111;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #111111;
	color : #DDDDDD;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
	background-color : #202020;
	font-weight : normal;
	/* border : 1px solid #999999; */
}

/* None-bold submit button */
input.liteoption {
	background-color : #111111;
	font-weight : normal;
	/* border : 1px solid #999999;	 */
}

input.checkbox {
	background-color : #000000;
}


.helpbox {
	color:#aaa;
	font: 9px tahoma, verdana, arial, helvetica, sans-serif;
	border: 0px none red;
	background-color: transparent;
}


/* Bnet css */
TD.rankingOutline 	{ border-style: solid; border-width: 1px; border-color: #464646; }
TD.rankingHeader 	{ text-align: center; color: #CBA300; font-size: 8pt; font-family: arial,helvetica,sans-serif; background-color: #2E2D2B; border-style: solid; border-width: 1px; border-color: #5D5D5D #5D5D5D #1E1D1C #1E1D1C;}
TD.rankingFiller 	{ text-align: center; font-size: 8pt; font-family: arial,helvetica,sans-serif; background-color: #1F1E1D; border-style: none; border-width: 0px; }

TD.rankingRow		{ text-align: center; color: #ffffff; font-size: 9pt; font-family: arial,helvetica,sans-serif;font-weight: bold; border-style: solid; border-width: 1px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-color:#000000; padding: 3px; }
TD.rankingRowAlt	{ color: #ffffff; font-size: 9pt; font-family: arial,helvetica,sans-serif; font-weight: bold; border-style: solid; border-width: 1px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-color:#000000; padding: 3px; }


SPAN.rankingName	{ color: #CBA300; font-size: 9pt; font-family: arial,helvetica,sans-serif; font-weight: bold; }

a.rankingName:link			{ font-family: arial,helvetica,sans-serif; color: #CBA300; font-weight: bold; text-decoration:none; }
a.rankingName:visited 		{ font-family: arial,helvetica,sans-serif; color: #aaaaaa; font-weight: bold; text-decoration:none; }
a.rankingName:hover			{ font-family: arial,helvetica,sans-serif; color: #ffffff; font-weight: bold; text-decoration:none; }
a.rankingName:active 		{ font-family: arial,helvetica,sans-serif; color: #ffffff; font-weight: bold; text-decoration:none; }


a.button:link		{ color: #CBA300; display: block; padding: 3px; }
a.button:visited 	{ color: #CBA300; display: block; padding: 3px; }
a.button:hover		{ color: #ffffff; background-color: #565553; display: block; padding: 3px;}
a.button:active 	{ color: #FFFFFF; display: block; padding: 3px; }

/* TABLE.LmainTable	{ BACKGROUND-IMAGE: url('/war3/images/ladder-revise/right-bg.gif');  BACKGROU
ND-REPEAT: repeat-y; BACKGROUND-POSITION: right;} */

TABLE.expOutline	 	{ border-style: solid; border-width: 1px; border-color: #5A5D5A; background-color:#000000;}

/* DROP DOWN MENU */

/* ENDE DROP DOWN MENU */

/* --------------------------------------------> */

/* navboxes */

.navheadline {
	font: 9pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
        	text-transform: uppercase;
	letter-spacing: -1px;
         padding-top: 2px;
         padding-bottom: 1px;
}

/* Rollover Hintergründe */
/*rechts*/
.newstickerbg { 

height: 165px;
width:210px;
font-size: 12px;
background-image:url(images/ticker_news_bg.gif); 
background-position: 0px 0px;
background-repeat:no-repeat; 
}
.newstickerbghover {

height: 165px;
width:210px;
font-size: 12px;
background-image:url(images/ticker_news_bg.gif); 
background-position: 0px -205px;
background-repeat:no-repeat; 
}

.forumtickerbg { 
height: 165px; 
width:210px;
font-size: 12px;
background-image:url(images/ticker_forum_bg.gif); 
background-position: 0px 0px;
background-repeat:no-repeat; 
}
.forumtickerbghover {

height: 165px;
width:210px;
font-size: 12px;
background-image:url(images/ticker_forum_bg.gif); 
background-position: 0px -205px;
background-repeat:no-repeat; 
}

.terminetickerbg { 
height: 35px;
width:210px;
background-image:url(images/ticker_termine_bg.gif); 
background-position: 0px 0px;
background-repeat:no-repeat; 
}
.terminetickerbghover {
width:164px; 
height: 35px;
width:210px;
background-image:url(images/ticker_termine_bg.gif); 
background-position: 0px -40px;
background-repeat:no-repeat; 
}

.accountbg { 

height: 165px;
width:210px;
font-size: 12px;
background-image:url(images/ticker_account_bg.jpg); 
background-position: 0px 0px;
background-repeat:no-repeat; 
}
.accountbghover {

height: 165px;
width:210px;
font-size: 12px;
background-image:url(images/ticker_account_bg.jpg); 
background-position: 0px -205px;
background-repeat:no-repeat; 
}
.shoutboxbg { 

height: 250px;
width:210px;
background-image:url(images/ticker_sb_bg.jpg); 
background-position: 0px 0px;
background-repeat:no-repeat; 
}
.shoutboxbghover {

height: 250px;
width:210px;
background-image:url(images/ticker_sb_bg.jpg); 
background-position: 0px -265px;
background-repeat:no-repeat; 
}
.statsbg { 

height: 165px;
width:210px;
font-size: 12px;
background-image:url(images/ticker_stats_bg.gif); 
background-position: 0px 0px;
background-repeat:no-repeat; 
}
.statsbghover {

height: 165px;
width:210px;
font-size: 12px;
background-image:url(images/ticker_stats_bg.gif); 
background-position: 0px -205px;
background-repeat:no-repeat; 
}
/*links*/

.internbg { 

height: 165px;
width:210px;
font-size: 12px;
background-image:url(images/ticker_intern_bg.jpg); 
background-position: right 0px;
background-repeat:no-repeat; 
}
.internbghover {

height: 165px;
width:210px;
font-size: 12px;
background-image:url(images/ticker_intern_bg.jpg); 
background-position: right -205px;
background-repeat:no-repeat; 
}
.ladderbg { 

height: 240px;
width:210px;
background-image:url(images/ticker_ladder_bg_big.jpg); 
background-position: right 0px;
background-repeat:no-repeat; 
}
.ladderbghover {

height: 240px;
width:210px;
background-image:url(images/ticker_ladder_bg_big.jpg); 
background-position: right -244px;
background-repeat:no-repeat; 
}

.linksbg { 

height: 165px;
width:210px;
font-size: 12px;
background-image:url(images/ticker_ladder_bg.gif); 
background-position: right 0px;
background-repeat:no-repeat; 
}
.linksbghover {

height: 165px;
width:210px;
font-size: 12px;
background-image:url(images/ticker_ladder_bg.gif); 
background-position: right -205px;
background-repeat:no-repeat; 
}

.replaybg { 

height: 165px;
width:210px;
background-image:url(images/ticker_replay_bg.gif); 
background-position: right 0px;
background-repeat:no-repeat; 
}
.replaybghover {

height: 165px;
width:210px;
background-image:url(images/ticker_replay_bg.gif); 
background-position: right -205px;
background-repeat:no-repeat; 
}



/* these css define the Navigationlinks in the Navboxes */
.menulinkhover { background-image: url(images/bg_black_small.jpg); 
				 background-position:16px 1px;
				 background-repeat: repeat-y;}

/* Racecolor for latest Replays */
.hu {color:#FFFF99;}
.ne {color: #FF99CC;}
.orc {color: #336600;}
.ud {color:#FFFFFF;}
.vs {color:#33CCFF;}