/* Um ein eigenes Design zu erstellen empfiehlt es sich, sich die beiden 
   Standarddesigns brgame.css und dk2.css anzuschauen. Bei Bedarf auch die 
   zu verändernde HTML-Seite.
   Zur zweiten Zeile, die in den Einstellungen angegeben wird (vmsb<h>) :
   Sie gibt die Reihenfolge der div-Elemente an, wie sie im HTML-output 
   erfolgen soll. Dabei stehen die Buchstaben für folgende Elemente :
   v : Villagebar. Also die Burgenleiste, die man nur mit PA hat
   m : Menu
   s : Statusleiste. Enthält Burgname und die Rohstoffe
   b : Buildingbar. Die Schnellwechselleiste.
   h : Hauptelement. Hier steht alles andere drin. Element wird von sich aus NICHT mit divs umschlossen.
   a : Leeres 'div' der Klasse attackBar. Wird automatisch rot, wenn man in irgendeiner Burg angegriffen wird.
   < : Öffnendes 'div'. Benamung mit 'customDiv#', wobei das # von 0 durchnummeriert wird.
   > : Schliessendes 'div'.
   - : div der Klasse 'clear'
*/

/* ---Rohstoffleiste */
.statusbar		{ width:750px; height:85px; float:left; margin:4px; clear:right;}
	.statusbarattacked		{ background-color:#A00000; }
	.villageBack			{ text-align:left; float:left; width:20%; margin-bottom: 10px; }
	.villageName			{ text-align:center; width:auto; }
	.villageForth			{ text-align:right; float:right; width:20%; margin-bottom: 10px; }
	.statusWood				{ border-width:1px; border-style: solid; border-color:#777; margin-bottom: 10px; 
							  background-color:#f5f5f5; text-align:center; float:left; width:185px; clear:left;}
	.statusStone			{ border-width:1px; border-style: solid; border-color:#777; margin-bottom: 10px; 
							  background-color:#f5f5f5; text-align:center; float:left; width:185px;}
	.statusIron				{ border-width:1px; border-style: solid; border-color:#777; margin-bottom: 10px; 
							  background-color:#f5f5f5; text-align:center; float:left; width:185px; }
	.statusPeople			{ border-width:1px; border-style: solid; border-color:#777; margin-bottom: 10px; 
							  background-color:#f5f5f5; text-align:center; float:left; width:185px; }
	.statusWoodPerHour		{ text-align:center; float:left; width:25%; clear:left;}
	.statusStonePerHour		{ text-align:center; float:left; width:25%; }
	.statusIronPerHour		{ text-align:center; float:left; width:25%; }
	.statusPeopleSpacer		{ text-align:center; float:left; width:25%; }
	.fullstorage  			{ background-color:#EE885B; }
/* ---Burgenleiste */
.villagebar		{ width:100%; float:left; clear:both; margin-bottom:4px;}
	.castleCategory			{ width:100%; height:27px;clear:both; background-color:#f5f5f5; }
	.categoryDivider		{ clear:both; height:10px; }
	.categoryName			{ text-align:left; float:left; color:#000000; }
	.categoryArrow			{ text-align:right; float:right; }
	.villageEntry			{ text-align:left; float:left; border-width:1px; border-style: solid; 
							  border-color:#777; padding:5px;  background-color:#f5f5f5; width:220px; height:15px; margin-right:4px;overflow: hidden; }
	.villageEntryAttacked	{ text-align:left; float:left; border-width:1px; border-style: dashed; 
							  border-color:#777; padding:5px;  background-color:#A00000; width:220px; height:15px;overflow: hidden; }
.clear			{ clear:both;}
/* ---Menü */
.menubar		{ height:602px; width:130px; float:left; padding:10px; background-color:#fff; border-width:1px; border-style: solid; border-color:#777; }
	.menuPlayername			{ text-align:center; clear:both; float:left; width:100%; margin-bottom:10px; }
	.menuRanking			{ text-align:center; clear:both; float:left; width:100%; }
	.menuCurrentRank		{ text-align:center; clear:both; float:left; width:100%; margin-bottom:3px; }
	.menuEntry				{ border-width:1px; border-style: solid; border-color:#777; margin-bottom: 3px; 
							  padding: 4px; background-color:#f5f5f5; text-align:left; float:left; width:120px; z-index:2}
.menuEntry a:link		{	color: #000; text-decoration: none; font-size: 9pt; }
.menuEntry a:visited	{	color: #000; text-decoration: none; font-size: 9pt; }
.menuEntry a:hover		{	color: #000; text-decoration:underline; font-size: 9pt; }
	.menuSpacer				{ width:100%; clear:both; float:left; height:20px; }
	/* Hier Optional für die einzelnen Elemente : menuItem0-menuItemXX */
/* ---Hauptfenster */
.customDiv0			{ min-height:525px; width:750px; float:left; background-color:#fff; margin:4px; border-width:1px; border-style: solid; border-color:#777; }
	.buildingTitle			{ font-size:14pt; font-weight:bold; margin:4px; float:left; }
	.buildingText			{ clear:left; float:left;  margin:5px; width:520px;}
	.buildingRest			{ clear:both; margin:5px; }
	.buildingImage			{ clear:right; float:right; margin:5px; width:200px}
/* ---Übersicht */
	.overviewPoints			{ font-size:8pt; font-weight:bold; float:left; clear:right; margin-top:12px; }
	.overviewPoints:before	{ content:"("; } 	.overviewPoints:after	{ content:")"; }
	.fusionText				{}
	.overviewBuildingTable	{ clear:left; float:left; width:300px; margin:5px; }
	.unitsTable1			{ float:left; width:200px; margin:5px; }
	.unitsTable2			{ float:left; width:200px; margin:5px; clear:right; }
	.approval				{ clear:both; margin:20px;}
	.overviewCategory		{ clear:both; margin:20px; }
	.overviewOwnTroops		{ clear:both; margin:10px; }
	.overviewCurrentFights	{ clear:both; margin:10px; }
	.currentFightsTitle		{ font-size:14pt; font-weight:bold; margin:4px; }
/* ---Baumeister, Barracken, etc... */
	.buildingAssignmentsTable { clear:both; margin:10px; }	/* Das, was gerade gebaut wird */
	.buildingTable 			{ clear:both; margin:10px; width:715; }	/* Tabelle mit Sachen, die gebaut werden können */
	.buildingCastleName		{ clear:both; margin:10px; }
.buildingBar		{float:left; height:30px; width:750px; margin:4px;}
.buildingBarEntry	{ border-width:1px; border-style: solid; border-color:#777; margin-bottom: 3px; 
					  padding: 1px; background-color:#f5f5f5; text-align:left; float:left; width:119px; height:15px;}
.buildingBarEmpty	{ border-width:1px; border-style: solid; border-color:#fff; margin-bottom: 3px; 
					  padding: 1px; background-color:#f5f5f5; text-align:left; float:left; width:119px; height:15px;}
/* Hier Optional für die einzelnen Elemente : buildingBarItem0-buildingBarItemXX */

/* Auswahlleisten wie zB bei Nachrichten oder auch Burgübersicht (PA) */
.selector			{clear:both; float:none; }
.selectorActive		{ border-width:1px; border-style: solid; border-color:#777; margin-bottom: 3px; 
					 padding: 4px; background-color:#A1B6FF; text-align:left; float:left; }
.selectorInactive	{ border-width:1px; border-style: solid; border-color:#777; margin-bottom: 3px; 
					 padding: 4px; background-color:#f5f5f5; text-align:left; float:left; }
.selectorRest		{ clear:both; } /* Alles, was auf den Selector folgt (weil nicht alles CSS ist) */

/* Karte */
#map-viewport		{ position:relative; top: 0; left: 0; width:360px; height:360px; overflow: hidden; }
#map-substrate 		{ position:absolute; top:-80px; left:-80px; width:480px; height:480px;}
/* Beschriftung der x-Achse */
#map-x-viewport		{ position:relative; top: 0; left: 0; width:360px; height:15px; overflow: hidden; }
#map-x-substrate 	{ position:absolute; top: 0; left:-80px; width:480px; height:15px;}
/* Beschriftung der y-Achse */
#map-y-viewport		{ position:relative; top: 0; left: 0; width:20px; height:360px; overflow: hidden; }
#map-y-substrate 	{ position:absolute; top: -80px; left: 0px; width:20px; height:480px;}

.pageGeneration		{ clear:left; float:left; }
.serverTime			{ float:right; }

.villageHarbor:before		{ content:url("graphic/anker.gif");}

a:link          { color: #069; text-decoration:none; font-size: 9pt; }
a:visited       {  color: #069; text-decoration:none; font-size: 9pt; }
a:active        {  color: #069; text-decoration:none; font-size: 9pt; }
a:hover         {  color: #777; text-decoration:underline; font-size: 9pt; }
td              { font-size:9pt; color:#000 }
/* Verwendet für 0 Einheiten (zB Berichte) */
th.hidden       { color:#656E63; }
/* Die meisten Tabellen */
table.vis td    { background-color:#f5f5f5; }
/* Markierung für nicht vorhandene Rohstoffe */
table.vis td.marked  { background-color:#EE885B; }
.other        { background-color:#B40000; }
.nap          { background-color:#0000F4; }
.ally         { background-color:#909800; }
.self         { background-color:#00C800; }
.own          { background-color:#000000; }
/* Rangliste : Selektierter Eintrag */
tr.lit td       { font-weight:bold; background-color:#A1B6FF; color:#000000;}
th              { font-size:9pt; font-weight:bold; background-color:#D8DFE7; }
img             { border: none; }
body            { background-color: #F0F0F0; color: #000; font-size:9pt; font-family: Arial, Helvetica, sans-serif;}
/* Fehlermeldungen */
.error          { color: rgb(220, 20, 20); font-size:14pt; font-weight:bold; }
/* "Bau nicht möglich"-Texte */
.inactive       { color: rgb(160, 160, 160); }
input           { font-family:Arial, Helvetica; font-size:9pt; color: #000; background-color:#f5f5f5; border-color:#777; border-width:1px; border-style:solid; }
input.normal    { font-family:Arial, Helvetica; font-size:9pt; color: #000; background-color:#f5f5f5; border-width:0px; }