html, body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	min-height: 100%;
	margin-bottom: 1px;
	direction:rtl;
	}
body {
	font-family: tahoma;
	color: #C00C0C;
	font-size:1em;
	background-color: #220202;
	SCROLLBAR-BASE-COLOR: #C00C0C;
	SCROLLBAR-ARROW-COLOR: black;
	text-align: center;
	}
img { border-style:none; }
p { text-align:right; }

#container {
	position:relative;
	width:998px;
	margin-left:auto;
	margin-right:auto;
	padding-top:294px;
	}

#menu {
	width:156px;
	background-image:url(../img/menubg_rtl.jpg);
	background-repeat:repeat-y;
	background-position:right;
	}

#menu a{
	text-align:right;
	display:block;
	width:145px;
	height:30px;
	margin-right:6px;
	background-image:url(../img/buttonmenu_rtl.gif);
	background-repeat:no-repeat; /*damned Firefox*/
	background-position:30px 0px;
	padding-right:30px;
	line-height:30px;      
	font-size:0.8em;       
	font-family: tahoma;
	text-decoration: none;
	color: #C00C0C;
	font-weight: bold;
	}
	
#menu a:hover{
	text-decoration: underline;
	}
	
#menu a.newmessage {
	background-image:url(../img/buttonmenu_newmessage_rtl.gif);
}

.side_more {
	text-align:left;
	margin-left:8px;
	margin-right:8px;
	background-image:url(../img/darkstone.jpg);
	border-width:1px;
	border-style:inset;
	border-color:#000000;
	padding:4px;
	text-align:center;
	}

.side_more a:link{
	display:block;
	margin-bottom:5px;
font-family: tahoma;
	text-decoration: none;
	font-size: 0.7em;   
	color: #C00C0C;
	font-weight: bold;
}

.side_more a:hover{
	text-decoration: underline;
}

#copyright {
	/* container */
	position:absolute;
	width:800px;
	bottom:14px;
	left:30px;
	/* content */
	font-family: tahoma;
	color: #C00C0C;	
	font-size: 0.7em;   
}

#copyright a {
	text-decoration: none;
	color: #C00C0C;
	font-weight: bold;
}

#copyright a:hover{
	text-decoration: underline;
}




/*---------------- Contentstrukturierung --------------- */

/* �bersicht */

#raceimg {
	float:left;
}
#charstats {
	width:200px;
}
#globalmessage {
	width:700px;
	color: orangered;
	font-size: 0.8em;  
}
#keyinfo {
	width:520px;
}
#bitelink {
	width:520px;
}
#skills {
	width: 400px;
	float:left;
}
#stats {
	width: 300px;
	float:right;
}
#items {
	clear:both;
}

/* msg */
#msg {
	text-align:center;
}




/* -------------------- Contentspezifisch --------- */


#content {
	position:relative;
	top: -30px;
	width:720px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#content a {
	text-decoration: none;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	color: #F00C0C;
}

#content a:hover {
	text-decoration: underline;
	font-family: verdana;
}

#content .blocklink {
	display:block;
	width:100%;
	text-decoration: none;
	margin-bottom:2px;
	background-color: #2f0108;
}

#content .blocklink:hover {
	text-decoration: none;
	background-color: #551100;
}

#upgrademsg {
	text-align: center;
}


#content p {
	margin-top:0px;
	margin-bottom:20px;
}

#content div {
	margin-bottom: 20px;
	text-align:center;
}

#content div p {
	margin-top:0px;
	margin-bottom:2px;
	background-color:#2f0108;
}

.buttonlink {
	display:block;
	width:151px;
	height:43px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	background-image:url('../img/button.gif');
	line-height:43px;
}

/* --- Tables --- */

#charstats td, #training td, #train_skills td, #keyinfo td, #skills td, #stats td, #items td, #settings td {
	background-color: #2f0108;
}

#content td.active {
	background-color: #551100;
}

#content td.activetemp {
	background-color: #100;
}

/* --- Headings --- */

h1 {
width:100%;
padding-left:6px;
margin-top:0px;
margin-bottom:14px;
font-family: tahoma;
color: #C00C0C;
font-size:1em;
font-weight: normal;
line-height: 27px;
text-decoration: underline;
text-align:right;
}

h2 {
width:100%;
padding-left:6px;
font-family: tahoma;
color: #C00C0C;
font-size:1em;
font-weight: normal;
line-height: 27px;
background-image: url('../img/tdh.jpg');
margin-bottom:2px;
margin-top:0px;
}

h3 {
width:100%;
font-family: tahoma;
color: #660000;
font-size:1.4em;  
font-weight: bold;
margin-top:0px;
margin-bottom:30px;
}

.tdi {
	margin-top:0px;
	margin-bottom:2px;
	padding:4px;
	background-color: #331100;
	text-align: center;
	font-size: 0.6em;
	font-weight:bold;
}

.tdnp {
	text-align:right;
	margin-top:0px;
	margin-bottom:2px;
	background-color: #331100;
}

.fontsmall {
	font-size: 0.7em;
}

.fontsmall2 {
	font-size: 0.8em;  
}

.tdh {
	background-image: url('../img/tdh.jpg');
}

.tdn {
	background-color: #331100;
}

.tdna {
	background-color: #551100;
}

select, input,textarea {
	margin: 4px;
	font-size: 10pt;  
	background-color: #220202;
	color: #C00C0C;
	border-style: solid;
	border-width: 2px;
	border-color: #887766;
}

input:disabled {
    background-color: #503232;
    color: #c65757;
}

a.copyright {
	text-decoration: none;
	font-family: tahoma;
	font-size: 8pt;   
	color: #C00C0C;
	font-weight: bold;
}
a.headlines {
	text-decoration: none;
	font-family: tahoma;
	font-size: 12pt;  
	color: #C00C0C;
	font-weight: bold;
}
a:visited.headlines {
	text-decoration: none;
	font-family: tahoma;
	font-size: 12pt;  
	color: #C00C0C;
	font-weight: bold;
}
a:link.headlines {
	text-decoration: none;
	font-family: tahoma;
	font-size: 12pt;  
	color: #C00C0C;
	font-weight: bold;
}
a:hover.headlines {
	text-decoration: underline;
	font-family: tahoma;
	font-size: 12pt;  
	color: #C00C0C;
	font-weight: bold;
}
.rbg {
	background-color:#2F0108;
}

#speedserversmall_prem {
    position: absolute;
    top: 224px;
    left: 500px;
    height: 21;
    width: 131;
    color: #fed698;
    display: block;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 12px;
    font-size-adjust: none;
    font-stretch: normal;
    -x-system-font: none;
    line-height: 20px;
}

#speedserversmall_noprem {
    position: absolute;
    top: 105px;
    left: 500px;
    height: 21;
    width: 131;
    color: #fed698;
    display: block;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 12px;
    font-size-adjust: none;
    font-stretch: normal;
    -x-system-font: none;
    line-height: 20px;
}

.demon_animation_gif {
    position:absolute;
    left:779px;
    top:0px;
}

.payment_screen
{
    position:absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    display: none;
    background-image: url(/img/payment_bg.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    width: 844px;
    height: 706px;
}

.payment_frame
{
    margin-top: 12px;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 0px;
    overflow-x: auto;
    overflow-y: auto;
}

.popup_buttons {
    margin: 5px;
    text-align: center;
}

.break_div
{
	filter: alpha(opacity = 60);
	\-moz-opacity: 0.60;
	opacity: 0.60;
	background-color: black;
	position: absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	cursor:pointer;
}

.password_prop {
    background-color: #220202;
    color: #C00C0C;
	width:255px;
	font:10px Verdana;
	padding:5px;
	margin:0 0 10px 10px;
}

.password_prop p {
	color: #C00C0C;
	font-weight:bold;
}

.password_prop ul {
	margin:0;
	padding:0 0 0 20px;
}

.password_prop li {list-style:square;}

.pw_check {
    margin-top:30px;
	color: #C00C0C;
	font:bold 10px Verdana;
	left:350px;
	position:absolute;
	width:180px;
}

.pw_arrow {
	float:left;
	height:9px;
	width:150px;
}

#password-meter, .password-meter {
	border:1px solid #848484;
	height:10px;
	margin:0 0 3px 0;
	width:150px;
}

.password-meter {
	border:0;
	font:normal 9px Verdana;
	text-align:center;
	color: #C00C0C;
}

.password {
	float:left;
	height:10px;
	width:50px;
}

.arrow {background:transparent url(/img/symbols/pw_arrow.gif) no-repeat 22px 0;}
.weak {background:#D43635;}
.medium {background:#D29D00;}
.strong {background:#ff9600;}
.best {background:#9c0;}