html, body {
    width:100%;
    height:100%;
    margin:0px;
    padding:0px;
    min-height: 100%;
    margin-bottom: 1px;
}
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:left; }

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

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

#menu a{
    text-align:left;
    display:block;
    width:145px;
    height:30px;
    margin-left:6px;
    background-image:url(../img/buttonmenu.gif);
    background-repeat:no-repeat; /*damned Firefox*/
    padding-left: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.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;
    right: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: #ff4500;
    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 {
    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:0px;
    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:left;
}

h2 {
    width:100%;
    padding-left:0px;
    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:left;
    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 {
    -moz-user-focus: none;
    -moz-outline: none;
    outline: none;
}

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;
}

#speedserverbig {
    position: absolute;
    top: 190px;
    left: 250px;
    height: 46;
    width: 281;
    color: #fed698;
    display: block;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 26px;
    font-size-adjust: none;
    font-stretch: normal;
    -x-system-font: none;
    line-height: 40px;
}

#speedserversmall_prem {
    position: absolute;
    top: 224px;
    left: 671px;
    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: 671px;
    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;
}

.profile_attack_button {
    border:none;
    background:none;
    font-weight:bold;
    font-family: verdana,arial,sans-serif;
    font-size:1em;
    color: #f00c0c;
    cursor:pointer;
    margin-top:3px;
}

.profile_attack_button:hover {
    border:none;
    background:none;
    font-weight:bold;
    text-decoration: underline;
    cursor:pointer;
}

.demon_animation_gif {
    position:absolute;
    left:-37px;
    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;}