/* CSS Document */
/* Brushes used for some dragons are from dragonkahn@devianrtart.com*/ 
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

table.nav {
	background-color: #330000;
	border: 1px solid #000000;
	height: auto;
	width: 160px;
}

.navhead {
	text-decoration: none;
	width: 180px;
	height: auto;
	padding: 1px;
	line-height: 12px;
	float: left;
	clear: none;
	background-color: #000099;
	border: 1px solid #000099;
	font-weight: bold;
	color: #FFFF00;
	cursor: default;
	text-align: center;
}

a {
	color: #0099FF;
	text-decoration: none;
}

a.nav {
	text-decoration: none;
        width: 180px;
	height: auto;
        padding: 1px;
	float: left;
	clear: none;
	background-color: #000033;
	border: 1px solid #000033;
}

.navhelp {
	text-decoration: none;
        width: 180px;
	height: auto;
        padding: 1px;
	float: left;
	clear: none;
	background-color: #000033;
	border: 1px solid #000033;
}

a:hover.nav {
        background-color: #003366;
	border-top: 1px solid #0364A3;
	border-left: 1px solid #0364A3;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
}

a.navhilite {
	text-decoration: none;
	width: 180px;
	height: auto;
	padding: 1px;
	float: right;
	clear: none;
	color:#FFFF00;
	background-color: #330000;
	border-top: thin solid #330000;
	border-bottom: thin solid #330000;
	border-right: thin none #330000;
	border-left: thin none #330000;
}

a:hover.navhilite {
	background-color: #990000;
	border-top: thin outset #CC0000;
	border-right: thin none #CC0000;
	border-bottom: thin outset #CC0000;
	border-left: thin none #CC0000;
}

table {
}
td.charinfo {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #009900;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: default;
}
td.charhead {
	background-color: #009900;
	border: none;
	cursor: default;
	color: #FFFF00;
}
table.charinfo {
	border: none;
	width: 140px;
}
td.pageheader {
	background-color: #333399;
	background-image: url(../images/headbkg.GIF);
	height: 60px;
}
td.popupheader {
	background-color: #333399;
	background-image: url(../images/headbkg.GIF);
	height: 20px;
}
td.noborder {
	border: none;
}
table.noborder {
	border: none;
}
td.village {
	background-image: url(../images/village.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
td.forest {
	background-image: url(../images/forest.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
td.dragon {
	background-image: url(../images/dragon.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}
input {
	background-color: #433828;
	border: 1px solid #806B4D;
	color: #CCCCCC;
}
.button {
font-family: verdana,arial,helvetica,sans-serif;  
     font-size: 12px;  
     color: #F8DB83;  
     background-color: #6b563f;  
     border-top: 1px solid #947356;  
     border-left: 1px solid #947356;  
     border-right: 1px solid #403225;  
     border-bottom: 1px solid #403225;
}
.input {
	background-color: #433828;
	border: 1px solid #806B4D;
	color: #CCCCCC;
}
select {
	background-color: #433828;
	border: 1px solid #806B4D;
	color: #CCCCCC;
}
table.vitalinfo {
	background-color: #003300;
	border: 1px solid #000000;
	width: 182px;
}
a.motd {
	text-decoration: none;
	color:#FF9900;
}
a:hover.motd {
	color: Maroon;
}

a.hotmotd {
	font-weight: bold;
	color: #860000;
	
}
.pagetitle {
	font-family: "Old English Text MT", "Times New Roman";
	font-size: 20px;
	color: #FFFFFF;
}
td.footer {
	background-image: url(../images/rule.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.navhi {
	color: #00FF00;
	text-decoration: underline;
}
.colDkBlue    { color: #0000B0; }
.colDkGreen   { color: #00B000; }
.colDkCyan    { color: #00B0B0; }
.colDkRed     { color: #B00000; }
.colDkMagenta { color: #B000CC; }
.colDkYellow  { color: #B0B000; }
.colDkWhite   { color: #B0B0B0; }
.colLtBlue    { color: #0000FF; }
.colLtGreen   { color: #00FF00; }
.colLtCyan    { color: #00FFFF; }
.colLtRed     { color: #FF0000; }
.colLtMagenta { color: #FF00FF; }
.colLtYellow  { color: #FFFF00; }
.colLtWhite   { color: #FFFFFF; }
.colLtBlack   { color: #999999; }
.colOrange    { color: #FF9900; }
.colDkOrange  { color: #FF6600; }
.colBlue      { color: #0070FF; }
.colLime      { color: #DDFFBB; }
.colBlack     { color: #000000; }
.colRose      { color: #EEBBEE; }
.colblueviolet { color: #9A5BEE; }
.coliceviolet { color: #AABBEE; }
.colLtBrown   { color: #F8DB83; }
.colDkBrown   { color: #6b563f; }
.colXLtGreen  {color: #aaff99; }
.colAttention { background-color: #00FF00; color: #FF0000; }
.colWhiteBlack { background-color: #FFFFFF; color: #000000; }
.colBack       { background-color:#00FFFF; color:#000000; }
.trhead  { background-color:#990000; color:#FFFFFF; }
.trlight { background-color:#330000; }
.trdark  { background-color:#000000; }

.colXDkCyan    { color: #007B7B; }
.colGreen      { color: #00B771; }
.colXDkGreen   { color: #007F00; }
.colXGreen     { color: #00FA9A; }
.colXLtCyan    { color: #AAFFFF; }
.colCyanBlue   { color: #0AD2FF; }
.colXLtBlue    { color: #00A8FF; }
.colViolet     { color: #DE89DE; }
.colLtRdViolet { color: #F1AEAE; }
.colRdViolet   { color: #F17777; }
.colDkViolet   { color: #B54973; }
.colXDkRed     { color: #800000; }
.colXDkOrange  { color: #FB4D00; }
.colLtOrange   { color: #FF7F24; }
.colXLtYellow  { color: #FFFF6E; }
.colBrown      { color: #E09853; }
.colRust       { color: #8D6060; }
.colGray       { color: #676767; }

#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.gutefee {
	border: 2px outset Maroon;
	background : #FFD700;
	width: 400px;
	z-index: 101;
   cursor: help;
}

.gutefeeueberschrift{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color : #800000;
	font-weight: bolder;
}
.gutefeetext{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #800000;	
}
.gutefeesubtext{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color : Black; 
}

.guterteufel {
	border: 2px outset Maroon;
	background : #FF4500;
	width: 400px;
	z-index: 101;
   cursor: help;
}

.guterteufelueberschrift{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color : #424242;
	font-weight: bolder;
}
.guterteufeltext{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #424242;
}
.guterteufelsubtext{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color : Black; 
}

div.land {
	position:absolute;
	padding: 2px;
	border: 2px ridge silver;
	height: 15px;
	width: 15px;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
    cursor:default;
    color: #000000;
    z-index : 2; 
}

div.kartencontainer {
	position: relative; 
	top: 0pt; 
	left: 0pt; 
	width: 780px; 
	height: 477px;
}

div.karte {
	position: absolute; 
	top: 0px; 
	left: 0px;
}

div.karteninfocontainer {
	position: absolute; 
	top: 10px; 
	left: 700px; 
	z-index: 2;
}

div.karteninfo {
	position: absolute; 
	top: 15px; 
	left: 708px; 
	z-index: 3;
	height: 23px; 
	width: 25px; 
	cursor: help;
}

div.kartenhilfe {
	position: absolute; 
	top: 15px; 
	left: 740px; 
	z-index: 3;
	height: 23px; 
	width: 25px; 
	cursor: help;
}

div.kartenkorrektur {
	width: 780px;
	margin-left:0px;
}

div.link{
	position:absolute;
	padding: 2px;
	border: 3px ridge Red;
	height: 15px;
	width: 15px;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	cursor:hand;
   color: #000000;
   z-index : 2;
}