/*****************************/
/* element definitions start */
/*****************************/

html, body { 
background: black;
color: white; 
font-family:Arial,Helvetica,sans-serif; 
font-size: 12px;
font-weight:normal;
}

body {
padding:0px;
margin:10px 15px 15px 15px;
color: white;
background-color: black;
border:solid 1px #000000;
}

a {
font-family:lucida,verdana,sans-serif;
color: #90c040;
font-size:12px;
font-weight:normal;
text-decoration:none;
}

a:hover {
color: red;
background-color:#000000;
}

a img {
text-decoration:none;
border:none;
padding:0px;
margin:0px;
}

b {
color: #779900;
}

strong {
color: #779900;
}

h1 {
font-size:18px;
text-align:left;
background-color:transparent;
padding:0px;

}
.catroot {
	font-weight: bold;
text-decoration:underline;
}
a.black{
 color:white;
}
a.black:hover{
 color:red;
}

.catsub {	
line-height: 1px;
margin-left:6px;
text-decoration:underline;
}
h1.title {
  color:#ffffff;
  margin:0px 0px 0px 20px;
}

h1 a {
font-size:18px;
font: bolder 18px Arial Rounded MT Bold;
font-weight:normal;
text-decoration:none;
color: #ffffff;
background-color:transparent;
}

h1 a:hover {
text-decoration:none;
color: red;
background-color:transparent;
}

h2 {
font-size:16px;
text-align:left;
background-color:#transparent;
padding:0px;
}

h2.title {
  font-size:11px;
  font-weight:normal;
  color:#ffffff;
  margin:0px 0px 0px 20px;
}

h2 a {
font-size:13px;
font-weight:normal;
text-decoration:none;
color:#ffffff;
background-color:transparent;
}

h2 a:hover {
text-decoration:none;
color:#ffffff;
background-color:transparent;
}

div.summary {
  color:#ffffff;
  margin-left:15px;
}

/*****************************/
/* element definitions end   */
/*****************************/

/*****************************/
/* class definitions start   */
/*****************************/

div.footer {
color: white;
font-size:11px;
font-weight:normal;
background-color:transparent;
border-top:solid 1px #cccccc;
padding:10px 5px 10px 5px;
margin:30px 10px 0px 10px;
}

div.footer a {
font-size:11px;
font-weight:normal;
}

div.path {
font-size:11px;
font-weight:normal;
padding:0px;
margin:15px 10px 10px 10px;
}

div.path a {
font-size:11px;
font-weight:normal;
}

div.printlink {
float:right;
width:auto;
}

div.quicknav {
font-size:12px;
font-weight:normal;
text-align:right;
padding:0px;
margin:0px 13px 0px 0px;
}

div.quicknav a {
font-size:12px;
font-weight:normal;
color:#ffffff;
background:transparent;
}

div.quicknav a:hover {
color:#ff0000;
background: black;
}

div.toplink {
padding:0px;
margin:0px 0px 0px 15px;
}

div.toplink a {
font-size:11px;
font-weight:normal;
}

table.main {
padding:0px;
margin:10px 0px 0px 0px;
width:100%;
border:none;
}

/*****************************/
/* class definitions end     */
/*****************************/

/*****************************/
/* top table starts          */
/*****************************/

td.title_top_left {
	color: #ffffff;
	background-color: black;
	font: bolder 46px Cooper Black;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-image: url('http://www.runescape-help.net/images/left-banner.jpg');
	background-position: left 50%;
}

td.title_top_right {
	color: #ffffff;
	background-color: black;
	height: 46px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-image: url('http://www.runescape-help.net/images/right-banner.jpg');
	background-position:   right 50%;
}

td.title_bot_left {
color:#ffffff;
background-color: black;
height:29px;
border-top:solid 1px #000000;
border-bottom:solid 1px #000000;
}

td.title_bot_right {
color:#ffffff;
background-color: black;
border-top:solid 1px #000000;
border-bottom:solid 1px #000000;
}

/*****************************/
/* top table ends            */
/*****************************/
/*****************************/
/* quicksearch starts        */
/*****************************/

form.qs {
text-align:right;
padding:0px;
margin:0px 13px 0px 0px;
}

form.qs p {
font-size:11px;
font-weight:normal;
padding:0px;
margin:0px;
}

form.qs input.button {
font-size:11px;
font-weight:normal;
width:30px;
color:#000000;
background-color:#f9f9ff;
border:solid 1px #c0d3e2;
padding:0px;
margin:0px;
}

form.qs input.textfield {
font-size:11px;
font-weight:normal;
padding:0px;
margin:0px;
}

/*****************************/
/* quicksearch ends          */
/*****************************/

/*****************************/
/* main starts               */
/*****************************/

td.main {
vertical-align:top;
width:100%;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}

div.main {
font-size:12px;/* Internet Explorer needs this */
font-weight:normal;
line-height:18px;
color: white;
background-color: black;
padding:10px 10px 10px 10px;
margin:10px 10px 10px 12px;
border:solid 1px black;
}

div.main h3 {
font-size:16px;
font-weight:normal;
color: white;
}

div.main h4 {
font-size:13px;
font-weight:bold;
color: white;
padding:0px;
margin:25px 0px 2px 0px;
border-bottom:solid 1px #cccccc;
}

div.main h4 a {
font-size:13px;
font-weight:bold;
text-decoration:none;
}

div.main h4 span.top {
font-size:11px;
font-weight:normal;
}

div.main h4 span.top a {
font-size:11px;
font-weight:normal;
text-decoration:none;
}

div.main p {
padding:0px;
margin:2px 0px 10px 10px;
}

div.main table {
font-family:lucida,verdana,sans-serif;
font-size:12px;				/* Internet Explorer needs this */
font-weight:normal;
line-height:17px;
margin-left:10px;
}

div.main td {
padding:0px 5px 0px 5px;
margin:0px;
}

div.main ul {
list-style-type:square;
padding:0px;
margin:0px 0px 10px 40px;
}

div.main ul.none {
list-style-type:none;
}

div.main li {
padding:0px;
margin:1px 0px 1px 0px;
}

.tableborder { border:1px solid #FFFFFF;
background-color:#000000; 
padding:0px; 
margin:0px; 
width:729px 
}
.table150 { border:1px solid #FFFFFF;
background-color:#000000; 
padding:0px; 
margin:0px; 
width:150px 
}
.table350 { border:1px solid #FFFFFF;
background-color:#000000; 
padding:0px; 
margin:0px; 
width:350px 
}
.table500 { border:1px solid #FFFFFF;
padding:0px; 
margin:0px; 
width:500px 
}
.table680 { border:1px solid #FFFFFF;
background-color:#000000; 
padding:0px; 
margin:0px; 
width:680px 
}
.row1 { font-family: Verdana; 
text-align:center; 
font-weight:bold; 
font-size: 13px; 
color:#FFFFFF; 
padding: 3px;
margin-top:3px; 
margin-bottom:0px; 
background-image: url('http://www.runescape-help.net/images/rod.jpg');
background-position: center;
}
.row2 { font-family: Verdana; 
text-align:center;  
font-size: 13px; 
padding:3px; 
margin:3px; 
margin-top:3px; 
margin-bottom:0px; 
background-color:#000000;  
}
.row3 { font-family: Verdana; 
text-align:center; 
font-weight:bold; 
font-size: 13px; 
padding:3px; 
margin-top:3px; 
margin-bottom:0px;   
}
.row4 { font-family: Verdana; 
text-align:center; 
font-size: 13px; 
padding:3px; 
margin:3px; 
margin-top:3px; 
margin-bottom:0px; 
background-color:#532A19; !important 
}
/*****************************/
/* main ends                 */
/*****************************/

/*****************************/
/* navbox starts             */
/*****************************/

td.navbox {
vertical-align:top;
width:190px;
border-right:solid 1px #000000;
color: white;
}

div.navbox {
font-size:11px;
font-weight:normal;
line-height:17px;
width:160px;
border-top:solid 1px black;
padding:0px;
margin:12px 12px 10px 10px;/* 160px + 10px + 10px = 180px td.width */
color: white;
}

div.navbox h5 {
color: white;
font-size:13px;
font-weight:bold;
padding:2px 5px 1px 5px;
margin:0px;
border:none;
}

div.navbox h5 a {
font-size:13px;
font-weight:bold;
text-decoration:none;
color: white;
}

div.navbox ul {
list-style-type:none;
padding:0px;
margin:0px;
color: white;
}

div.navbox li {
background-image:url("arrow_li_inact.gif");
background-repeat:no-repeat;
background-position:left;
padding:1px 5px 0px 20px;
margin:0px;
color: white;
}

div.navbox li:hover {
background-image:url("arrow_li_hover.gif");
background-repeat:no-repeat;
background-position:left;
color: white;
background-color:#000000;
}

div.navbox li.active {
background-image:url("arrow_li_act.gif");
background-repeat:no-repeat;
background-position:left;
color: white;
background-color: black;
}

div.navbox li.extern {
background-image:url("arrow_li_extern.gif");
background-repeat:no-repeat;
background-position:left;
}

div.navbox li.extern:hover {
background-image:url("arrow_li_extern_hover.gif");
background-repeat:no-repeat;
background-position:left;
}

div.navbox div.inactive {
color:#863E16;
background-color: black;
border:solid 1px black;
padding:0px 0px 20px 0px;
margin:-1px 0px 0px 0px;
}

div.navbox div.active {
color:#000000;
background-color: black;
border:solid 1px black;
padding:0px 0px 20px 0px;
margin:-1px 0px 0px 0px;
}

div.navbox div.active h5 {
color: red;
background-color: black;
}

div.navbox div.impressum {
color: white;
background-color:black;
padding:0px;
margin:20px 0px 0px 0px;
border:solid 1px black;
}

div.navbox div.impressum div.active {
border:solid 1px black;
padding:0px;
margin:-1px;
}

/*****************************/
/* navbox ends               */
/*****************************/