body
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #FFFFCC;
 background: #000000;
}

* html body /*IE6 only*/
{
 width: 100%;
 height: 100%;
}

*+html  body /*IE7 only*/
{
 width: 100%;
 height: 100%;
}

a
{
 color: #FFFFFF;
 text-decoration: none;
}

a.signup
{
 color: #FFFFFF;
 font-weight: bold;
 border-bottom: 1px solid #FFFFFF;
}

a:hover
{
 color:#00FFFF;
 border-bottom: 1px solid #00FFFF;
}

h1, h2, h3, h4, h5, h6
{
 padding: 0;
 margin: 0;
}

h5
{
 font-weight: normal;
}

/*
.advicelink
{
 text-decoration: none;
 font-size: 1em;
}
*/

.headline
{
 font-size: 17px;
 font-weight: bold;
 color: #FFFFCC;
}

.smallheadline
{
 font-weight: bold;
}

.warnung
{
 font-weight: bold;
 color: #FFAA00;
}

/*Ingame colors - copied here from the old game-style.css and maybe modified*/

.whitefont {  color: #FFFFFF;}
.bluefont {  color: #00FFFF;}
.redfont {  color: #FF0000;}
.tableborder { border: 1px solid #800000;}
.greybg {  background-color: #300000;} /*Stein: this should be obsolete quite soon*/

.smfont {  font: 12px Verdana}
.whitesmfont {  color: #FFFFFF; font: 12px Verdana;}
.bluesmfont {  color: #00FFFF; font: 12px Verdana;}
.yellowsmfont {  color: #CDE20C; font: 12px Verdana;}
.redsmfont {  color: #FF0000; font: 12px Verdana;}
.omhead {  font: bolder 12px Verdana; color: #FFFFFF;}

/*********************************************************************************************/

div#links
{
 position: absolute;
 left: 0;
 top: 0;
 width: 18%;
 border-right: 1px solid #800000;
}

/**********************************************************************************************/

div#links div#gamenavigation
{
 position: relative;
 margin-top: 20px;
 background-color: transparent;
 padding-left: 0.5em;
 padding-top: 0.5em;
 padding-bottom: 3em;
 font-size: 1em;
}

div#links div#gamenavigation .navbalken
{
 padding-left: 4em;
 display:none;
}

div#links div#gamenavigation div
{
 display:none;
}

div#links div#gamenavigation a
{
 font-weight:bold;
 color: #FFFFFF;
 text-decoration:none;
}

div#links div#gamenavigation a:hover
{
 border-bottom: 1px solid #00FFFF;
 color: #00FFFF;
}

div#links div#gamenavigation hr
{
 color: #800000;
 background: #800000;
 border: 1px solid #800000;
 margin-right: 2em;
}

div#links div#gamenavigation ul
{
 padding-top: 0;
 margin-top: 0;
 padding-bottom: 0;
 margin-bottom: 0.2em;
 margin-left: 0px;
 padding-left: 0.31em;
 list-style: none;
}

div#links div#gamenavigation ul li a
{
 font-weight: normal;
 border-bottom: 1px solid white;
 border-left: 1px solid white;
/* margin-left: 3px;*/
 padding-left: 0.19em;
 line-height: 1.2em;
}

div#links div#gamenavigation ul li a:hover
{
 border-bottom: 1px solid #00FFFF;
 color: #00FFFF;
}


/**********************************************************************************************/

div#mitte
{
 position: absolute;
 top: 0;
 left: 18%;
 right: 23%;
 background: transparent;
 min-height: 100%;
}

* html div#mitte /*Internet Explorer 6  only*/
{
 width: 59%;
 height: 100%;
}

*+html div#mitte /*Internet Explorer7 only*/
{
 width: 59%;
 height: 100%;
}

div#mitte div#blatt  
{  
 position: absolute;
 top: 0;
 background: #000000;
 min-height: 100%;
 width: 100%;
 border-left: 1px solid #800000;  
}

* html div#mitte div#blatt /*Internet Explorer6 only*/
{
 height: 600px;
 width: 99%;
}

*+html div#mitte div#blatt /*Internet Explorer7 only*/
{
 height: 600px;
 width: 99%;
}


div#mitte div#blatt div#kopf
{
 margin-top: 0.5em;
 position: relative;
 padding-right:1em;
 padding-left:1em;
}

div#mitte div#blatt div#kopf td
{
 vertical-align: top;
 background-color: #000000;
}

div#mitte div#blatt div#kopf td.advisorMessage
{
 font-size: 14px;
}

div#mitte div#blatt div#kopf .links
{
 padding: 5px;
 width: 10%;
}

div#mitte div#blatt div#kopf .rechts
{
 padding: 5px;
 width: 26%;
}

div#mitte div#blatt div#kopf div#visitenkarte
{
 font-size: 12px;
 color: #FFFFCC;
 text-align:right;
}

div#mitte div#blatt div#kopf div#visitenkarte a
{
 color: #FFFFFF;
}

div#mitte div#blatt h1
{
 font-size: 18px;
 font-weight: bold;
 color: #FFFFFF;
 text-align: center;
 background-image:url('http://gameserver.shadowmere.de/Shadowmere2/images/h1.png');	
 background-repeat:no-repeat;
 padding:20px 0 15px 30px;
}

* html div#mitte div#blatt h1 /*Internet Explorer 6 only*/
{
 width: 100%;
}

*+html div#mitte div#blatt h1 /*Internet Explorer 7 only*/
{
 width: 100%;
}

div#mitte div#blatt h4
{
 margin-top:20px; 
 padding-bottom:10px;
 text-align: left;
 padding-right:10px;
 padding-left:10px;
 font-weight: normal;
 font-size: 14px;
}

div#mitte div#blatt div#balken td
{
 font-size: 15px;
 font-weight: bold;
 color: #ffffff;
}

/*Login*********************************************************************************/

div#mitte div#blatt div#login
{
 padding-top: 10px; 
 padding-bottom: 20px; 
 padding-left: 10px; 
 width: 100%;
 color: #FFFFCC;
 font-weight: bold;
}

div#mitte div#blatt div#login table
{
 width: 100%;
}

div#mitte div#blatt div#login th
{
 font-size: 1em;
 color: #FFFFCC;
 font-weight: bold;
 text-align: center;
}

div#mitte div#blatt div#login td
{
 font-size: 1em;
 color: #FFFFCC;
 font-weight: normal;
 text-align: center;
}

div#mitte div#blatt div#login input
{
 width: 12em;
/* height: 20px;*/
 font-size: 0.93em;
 padding: 3px;
/* border-color: #CCCCAA;*/
}

div#mitte div#blatt div#login select
{
 width: 12em;
 height: 1.79em;
 font-size: 13px;
 padding: 3px;
/* border-color: #CCCCAA;*/
}

div#mitte div#blatt div#login .submit
{
 width: 12.6em;
 margin-top: 2px; 
 padding-top: 1px;
 background: #FFFFF8;
 font-size: 13px;
/* height: 28px;*/
/* color: #000000;*/
}

/*Main********************************************************************/

div#mitte div#blatt div#main
{
 padding-bottom:1em;
 text-align: left;
 font-weight:normal;
 font-size: 1em;
 padding-right:1em;
 padding-left:1em;
}


div#mitte div#blatt div#main a
{
 border-bottom: 1px solid #ffffff;
}

div#mitte div#blatt div#main a.help
{
 color: #ffffff;
 cursor: pointer;
}

div#mitte div#blatt div#main a:hover
{
 color: #00FFFF;
 border-bottom: 1px solid #00FFFF;
}


div#mitte div#blatt div#main a.internallink
{
 color: #FFFFCC;
 font-weight: bold;
 text-decoration: none;
}

div#mitte div#blatt div#main h2
{
 font-size: 1.2em;
 border-bottom: 1px solid #FFFFCC;
 margin-top: 3em;
}

div#mitte div#blatt div#main h3
{
 font-size: 1em;
 margin-top: 1em;
}

div#mitte div#blatt div#main th
{
 font-size: 13px;
 font-weight: bold;
 text-align: left;
}

div#mitte div#blatt div#main td
{
 font-size: 13px;
}

div#mitte div#blatt div#main p
{
 margin-top: 30px;
}

/*Active spells below Quickstats***************************/
div#mitte div#blatt div#main div#activespells
{
 margin-bottom: 2em;
}

div#mitte div#blatt div#main div#activespells h3
{
 font-size: 0.9em;
 font-style: italic;
}

div#mitte div#blatt div#main div#noactivespells
{
 margin-bottom: 2em;
}

/*-----------------------------------------------------------------*/

div#mitte div#blatt div#main div#neuigkeiten 
{
 border-bottom: 1px solid #80000;
 padding-bottom: 5px;
}

div#mitte div#blatt div#main div#neuigkeiten table
{
 width: 100%;
}

div#mitte div#blatt div#main div#neuigkeiten td.datum
{
 font-size: 11px;
 color: #FFFFCC;
 text-align: right;
}

div#mitte div#blatt div#main div#neuigkeiten td.ueberschrift
{
 font-size: 17px;
 font-weight: bold;
 color: #FFFFCC;
 text-align: left;
}

/*Damage Report******************************************************************************/

div#mitte div#blatt div#main div#damagereport
{
/* text-align: center;*/
 margin-bottom: 25px;
}

div#mitte div#blatt div#main div#damagereport table
{
 margin-left: 15%;
 text-align: center;
 width: 70%;
 border: 1px solid #800000;
}

div#mitte div#blatt div#main div#damagereport .description
{
 text-align: left;
 vertical-align: bottom;
}

div#mitte div#blatt div#main div#damagereport .attacker
{
 vertical-align: bottom;
}

div#mitte div#blatt div#main div#damagereport .defender
{
 vertical-align: bottom;
}

/*Troop losses report******************************************************************************/

div#mitte div#blatt div#main div#trooplossesreport
{
/* text-align: center;*/
}

div#mitte div#blatt div#main div#trooplossesreport table
{
 margin-left: 15%;
 width: 70%;
 border: 1px solid #800000;
}

div#mitte div#blatt div#main div#trooplossesreport .attacker
{
 color: #FF0000;
}

div#mitte div#blatt div#main div#trooplossesreport .defender
{
 color: #00FFFF;
}


/*DetailedStatus*******************************************************/

div#mitte div#blatt div#main div#detailedstatus
{
 color: #FFFFCC;
}

div#mitte div#blatt div#main div#detailedstatus table
{
 width: 100%;
}

div#mitte div#blatt div#main div#detailedstatus td
{
 text-align: center;
 background-color: #300000;
 color: #ffffff;
}

div#mitte div#blatt div#main div#detailedstatus td a
{
 color: #FFFFFF;
 border-bottom: 1px dotted #ffffff;
}

div#mitte div#blatt div#main div#detailedstatus td a:hover
{
 border-bottom: 1px solid #00ffff;
 color: #00FFFF
}

/*This box is used for free housing in detailed status*/
div#mitte div#blatt div#main div#detailedstatus p.infobox
{
 padding: 1em;
 border: 1px solid #800000;;
}

/*GM********************************************************************/

div#mitte div#blatt div#GM
{
 padding-bottom:10px;
 padding-right:10px;
 padding-left:1em;
}

div#mitte div#blatt div#GM a
{
 color: #FFFFFF;
 border-bottom: 1px solid #ffffff;
}

div#mitte div#blatt div#GM a:visited
{
 color: #FF0000;
 border-bottom: 1px solid #ff0000;
}

div#mitte div#blatt div#GM a:hover
{
 color: #00FFFF;
 border-bottom: 1px solid #00ffff;
}

/*Antwort - link bzw. Neues Thema - link***************************************************/

div#mitte div#blatt div#main div#antwort table
{
 width: 100%;
}

div#mitte div#blatt div#main div#antwort td.antwort a
{
 font-size: 1em;
 font-weight: bold;
 text-align: left;
}

div#mitte div#blatt div#main div#antwort td.antwort a:hover
{
 color:#00FFFF;
 border-bottom: 1px solid #00FFFF;
}

div#mitte div#blatt div#main div#antwort td.uebersicht
{
 text-align: right;
}

div#mitte div#blatt div#main div#antwort td.ýbersicht a
{
 font-size: 16px;
 text-align: right;
}

div#mitte div#blatt div#main div#antwort td.ýbersicht a:hover
{
 color:#00FFFF;
 border-bottom: 1px solid #00FFFF;
}

/****************************/

div#mitte div#blatt div#main div#kingdomselection h2
{
 text-align: center;
 background-image:url('http://gameserver.shadowmere.de/Shadowmere2/images/h1.png');	
 background-repeat:no-repeat;
 padding:20px 0 15px 30px;
 border-bottom: 0;
}

div#mitte div#blatt div#main div#kingdomselection h3
{
 color: #800000;
 border-bottom: 1px solid #800000;
 margin-bottom: 5px;
}

/*********************************************/

div#mitte div#fusszeile
{
/* 
 position: absolute;
 top: 98%;
 height: 2em;
 width: 100%;
 font-size: 0.9em;
 padding: 0px;
 color: #FFFFCC;
 text-align: center;*/
 display: none;
}

div#mitte div#fusszeile a
{
 color: #FFFFFF;
 text-decoration: none;
 border-bottom: 1px solid #FFFFFF;
}

div#mitte div#fusszeile a:hover
{
 color:#00FFFF;
 border-bottom: 1px solid #00FFFF;
}

div#mitte div#fusszeile2
{
 width: 45em;
 font-size: 11px;
 padding: 0px;
 color: #800000;
 margin-left: 3em;
 margin-bottom: 6px;
 text-align: center;
}

div#mitte div#fusszeile2 a
{
 color: #800000;
 text-decoration: none;
 border-bottom: 1px dotted #800000;
}

div#mitte div#fusszeile2 a:hover
{
 color:#00FFFF;
 border-bottom: 1px solid #00FFFF;
}

div#right
{
 position: fixed;
 top: 0;
 bottom: 0;
 right: 4px;
 width: 22%;
}

* html div#right /*Internet Explorer 6 only*/
{
 position: absolute;
 height: 100%;
}

*+html div#right /*Internet Explorer 7 only*/
{
 position: absolute;
 height: 100%;
}

div#right div#banner
{
 position: absolute;
 top: 0.5em;
 width: 100%;
 text-align: center;
}

div#right div#banner div#widechatbutton
{
 position: absolute;
 top: 0;
 left: 0;
 width: 1.25em;
 background: #800000;
 color: #FFFFCC;
 font-weight: bold;
 border-top: 3px solid #a00000;
 border-left: 3px solid #a00000;
 border-right: 3px solid #600000;
 border-bottom: 3px solid #600000;
 cursor: pointer;
}

div#right div#banner div#widechatbutton:hover
{
 color: #00ffff;
}

div#right div#banner div#closechatbutton
{
 position: absolute;
 top: 0;
 right: 0;
 width: 1.25em;
 background: #800000;
 color: #FFFFCC;
 font-weight: bold;
 border-top: 3px solid #a00000;
 border-left: 3px solid #a00000;
 border-right: 3px solid #600000;
 border-bottom: 3px solid #600000;
 cursor: pointer;
}

div#right div#banner div#closechatbutton:hover
{
 color: #00ffff;
}

div#right div#banner div#usersonline
{
}

/*Chat*/
div#right div#chathead
{
 position: absolute;
 top: 40px;
 height: 22px;
 width: 100%;
 color: #800000;

}

* html div#right div#chathead /*Internet Explorer 6 only*/
{
 height: 10%;
}

*+html div#right div#chathead /*Internet Explorer 7 only*/
{
 height: 10%;
}

div#right div#chathead div#chatoptions
{
 position: absolute;
 bottom: 0;
 z-index: 2;
}

div#right div#chathead div#chatoptions a.chattab
{
 background: #FFFFCC;
 color: #800000;
 padding-top: 0.25em;
 padding-bottom: 0.25em;
 padding-left: 0.5em;
 padding-right: 0.5em;
 border: 3px outset #FFFFCC;
}

div#right div#chathead div#chatoptions a.activechattab
{
 background: #FFFFFF;
 color: #800000;
 padding-top: 0.25em;
 padding-bottom: 0.25em;
 padding-left: 0.5em;
 padding-right: 0.5em;
 font-weight: bold;
 font-variant: small-caps;
 border: 3px outset #FFFFCC;
}

div#right div#chathead div#emoticonlegend
{
 position: absolute;
 right: 0;
 bottom: 0;
 z-index: 1;
}

div#right div#chat
{
 position: absolute;
 top: 64px;
 bottom: 0;
 width: 100%;
 background: black;
 border: 3px outset #FFFFCC;
 z-index: 3;
}

* html div#right div#chat /*Internet Explorer 6 only*/
{
 height: 90%;
}

*+html div#right div#chat /*Internet Explorer 7 only*/
{
 height: 90%;
}

div#right div#chat div#chattext
{
 position: absolute;
 top: 0;
 bottom: 2em;
 width: 100%;
 background: black;
 overflow: auto;
 padding-left: 3px;
 padding-right: 3px;
}

* html div#right div#chat div#chattext /*Internet Explorer 6 only*/
{
 height: 90%;
}

*+html div#right div#chat div#chattext /*Internet Explorer 7 only*/
{
 height: 90%;
}

div#right div#chatinputline
{
 position: absolute;
 bottom: 0;
 width: 100%;
 height: 2em;
}

div#right div#chatinputline .chatinput
{
 position: absolute;
 bottom: 0;
 left: 0;
 width: 80%;
}

div#chatinputline .alliancechat
{
 position: absolute;
 bottom: 0;
 left: 0;
 width: 80%;
 background: #006000;
 color: white;
}

div#right div#chatinputline .chatsubmit
{
 position: absolute;
 bottom: 0;
 right: 0;
 width: 20%
}

div#Hover
{
 background: black;
 color: black;
 padding: 5px;
 position: absolute;
 visibility: hidden;
 border: 1px solid #800000;
 z-index: 4;
}

/*donate button*/
div#right div#paypal
{
 position: absolute;
 top: 2em;
 width: 100%;
 text-align: center;
}

.castlelogo
{
 width: 100%;
 border-bottom: 1px solid #800000;
}

.currenteventsheadline
{
 border-top: 1px solid #ffffCC;
 border-bottom: 1px solid #ffffCC;
}

.rulesA
{
 list-style-type: upper-alpha;
}

.rulesA li
{
 font-weight: bold;
}

.rules1
{
 padding: 1em;
}

.rules1 li
{
 font-weight: normal;
}

.rulesa
{
 padding: 1em;
 list-style-type: lower-alpha;
}

.explaination
{
 font-size: 0.9em;
}

/*Stein: Tables*/
.standardtable
{
 width: 100%;
}

.standardtable td
{
 background: #400000;
}

/*Stein: text lines*/
.smallinfotext
{
 font-size: smaller;
}

/*Stein:  The help link on the status page.*/
.statusinfolinks
{
 text-align: right;
}

/*Affe: Hover Tooltips*/
.hovertitle {
  color: #FFFFCC;
  font: 14px Verdana;
  font-variant: small-caps;
  font-weight: bold;
}

.hoversubtitle {
  color: #FFFF00;
  font: 12px Verdana;
  font-variant: small-caps;
  font-style: italic;
}

.hoverBaseStats {
  color: #CCFFFF;
  font: 12px Verdana;
}

.hoverCurrEffectsStats {
  color: #00FF00;
  font: 12px Verdana;
}

.hoverNewEffectsStats {
  color: #FF9933;
  font: 12px Verdana;
}

div#Hover {
  filter: alpha(opacity=88);/* internet explorer */
  -khtml-opacity: 0.88;/* khtml, old safari */
  -moz-opacity: 0.88;/* mozilla, netscape */
  opacity: 0.88;/* fx, safari, opera */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #000000;
  color: #FFFFCC;
  padding: 5px;
  border-color:#993300;
  border-style:double;
  border-width:1px;
  position: absolute;
  visibility: hidden;