body, html {
  font-size: 12px;
}

#indexBody {
  background-color: #000;
  color: #eee;
}

#insideBody{
  background-color: #000;
  /*text-align: center;*/
}


ul { margin: 0; padding: 0; list-style-type: none; }
li { margin: 0; padding: 0; }

table, tr, th, td { }

.t25 { opacity:.25; -moz-opacity: 0.25; filter: alpha(opacity=25); }
.t50 { opacity:.50; -moz-opacity: 0.50; filter: alpha(opacity=50); }
.t75 { opacity:.75; -moz-opacity: 0.75; filter: alpha(opacity=75); }

.inline { display: inline; }
.block { display: block; }

/* Links */
a { color: #000; text-decoration: none; }
a:active { color: #600; text-decoration: none; }
a:hover { color: #600; text-decoration: none;}


h1 { font-size: 16px; }

h2 { color: #fff; font-size: x-large; }
h3 { font-size: 16px; font-weight: bold; }
h4 { padding-left: 6px; line-height: 25px; color: #000; font-size: 13px; }

.green { color: #080; }
.poison { color: #0f0; }
.red { color: #800; }
.fuchsia { color: #FF0000 }
.yellow { color: #d90; }
.grey { color: #999; }
.black { color: #362f26; }
.sand { color: #EACCB0; }


.bgLightGrey { background-color: #BDBAB1; }
.bgWhite { background-color: #FFF; border: 3px sold black;}
.bgWood { background: url('/img/inside/rightBox/bgWood.jpg'); }
.bgPaper { background: url('/img/inside/rightBox/bgPaper.jpg'); }
.bgBook { background: url('/img/inside/bgBook.jpg'); }

#navTop li { float: left; padding-right: 10px; padding-bottom: 5px;}

/* Rechts oben Navigation */
#navTopHead a.aRepair      { background: url('/img/inside/navigation/bg_repair.png'); width: 80px; height: 75px; }
#navTopHead a.aCrew     { background: url('/img/inside/navigation/bg_crew.png'); width: 80px; height: 75px; }
#navTopHead a.aCannon     { background: url('/img/inside/navigation/bg_cannon.png'); width: 80px; height: 75px; }
#navTopHead a.aGroup     { background: url('/img/inside/navigation/bg_group.png'); width: 80px; height: 75px; }
#navTopHead a.aPrices    { background: url('/img/inside/navigation/bg_prices.png'); width: 80px; height: 75px; }
#navTopHead p.noCrew    { background: url('/img/inside/navigation/bg_noCrew.png') no-repeat; display: block; width: 80px; height: 75px; float: left; margin-top: 1px; }
#navTopHead p.noCannon    { background: url('/img/inside/navigation/bg_noCannon.png') no-repeat; display: block; width: 80px; height: 75px; float: left; margin-top: 1px; }
#navTopHead p.noRepair    { background: url('/img/inside/navigation/bg_noRepair.png') no-repeat; display: block; width: 80px; height: 75px; float: left; margin-top: 1px; }

#navTopHead a { display: block; width: 80px; height: 75px; float: left; margin-top: 2px;}
#navTopHead a:hover { background-position: bottom; }
#navTopHead p { text-align: center; padding-top: 53px; }

/* Links oben Navigation */
#navSubHead a.aMap      { background: url('/img/inside/navigation/bg_map.jpg'); }
#navSubHead a.aShip      { background: url('/img/inside/navigation/bg_ship.jpg'); }
#navSubHead a.aPort      { background: url('/img/inside/navigation/bg_port.jpg'); }
#navSubHead a.aWar      { background: url('/img/inside/navigation/bg_war.jpg'); }
#navSubHead p.noMap      { background: url('/img/inside/navigation/bg_noMap.jpg') no-repeat; display: block; width: 80px; height: 67px; float: left; margin-top: 2px;}
#navSubHead p.noShip      { background: url('/img/inside/navigation/bg_noShip.jpg') no-repeat; display: block; width: 80px; height: 67px; float: left; margin-top: 2px;}

#navSubHead a { display: block; width: 80px; height: 67px; float: left; margin-top: 2px;}
#navSubHead a:hover { background-position: bottom; }
#navSubHead p { text-align: center; padding-top: 47px; }

#primeNavPlus a { background: url('/img/inside/navigation/primeNav/plus.png'); }
#primeNavPlus a:hover { background: url('/img/inside/navigation/primeNav/plusMo.png'); }
#primeNavSettlement a { background: url('/img/inside/navigation/primeNav/settlement.png'); }
#primeNavSettlement a:hover { background: url('/img/inside/navigation/primeNav/settlementMo.png'); }
#primeNavMessages a { background: url('/img/inside/navigation/primeNav/messages.png'); }
#primeNavMessages a:hover { background: url('/img/inside/navigation/primeNav/messagesMo.png'); }
#primeNavShip a { background: url('/img/inside/navigation/primeNav/ship.png'); }
#primeNavShip a:hover { background: url('/img/inside/navigation/primeNav/shipMo.png'); }

#primeNavPlusActive { background: url('/img/inside/navigation/primeNav/plusActive.png'); }
#primeNavSettlementActive { background: url('/img/inside/navigation/primeNav/settlementActive.png'); }
#primeNavMessagesActive { background: url('/img/inside/navigation/primeNav/messagesActive.png'); }
#primeNavShipActive { background: url('/img/inside/navigation/primeNav/shipActive.png'); }

.bgBoxLeft { background: url('/img/inside/leftBox/bgCenter.png'); }
.bgBoxLeftFooter { background: url('/img/inside/leftBox/bgFooter.png'); }

#left { float: left; width: 212px; color: #000; padding-left: 5px; }
#left h1 { color: black; font-family: 'Times New Roman', serif;}
#left h3 { height: 43px;  line-height: 40px; text-align: center; color: #EACCB0; font-size: medium; font-weight: bold;
           background: url('/img/inside/leftBox/bgHead.jpg') no-repeat right; font-variant: small-caps; font-weight: bold; font-family: 'Times New Roman', serif;}

#left .leftFooter { background: url('/img/inside/leftBox/bgFooter.png') no-repeat bottom; height: 5px; width: 212px; }

#left p.nav {  padding-left: 25px; font-size: 14px; color: #EACCB0; } /* default */

#left p.spacer { font-size: 14px; color: #000; font-weight: bold;
                 background: url('/img/inside/leftBox/spacer.png') no-repeat bottom; height: 20px; }


#left ul { line-height: 30px; font-size: 14px; }

#left li a        { display: block; font-size: small; cursor: pointer; background: url('/img/inside/leftBox/navBg.png') no-repeat; font-weight: bold; font-variant: small-caps;}
#left li a:active { background: url('/img/inside/leftBox/navBgMo.png') no-repeat; font-style: italic; font-variant: small-caps; }
#left li a:hover  { background: url('/img/inside/leftBox/navBgMo.png') no-repeat; font-style: italic; font-variant: small-caps; }



#left ul li.navNone p { background-image: url('/img/x.gif'); }

.headline { height: 43px;  line-height: 40px; text-align: center; color: #EACCB0; font-size: medium; font-weight: bold;
           background: url('/img/inside/leftBox/bgHead.jpg') no-repeat right; font-variant: small-caps; font-weight: bold}


#right { float: right; width: 650px; padding-right: 19px;}
#right h2 { height: 43px; line-height: 42px; font-variant: small-caps;  width: 650px;
            font-size: medium; padding-left: 14px; color: #EACCB0; font-weight: bold;
            background: url('/img/inside/rightBox/bgHeadRight.jpg') no-repeat;
            font-family: Georgia, "Times New Roman", serif; }
#right h1 { font-size: 20px; color: #EACCB0; font-variant: small-caps; font-family: 'Times New Roman', serif;}
#right h3 { font-size: 15px; color: #EACCB0; font-variant: small-caps; font-family: 'Times New Roman', serif;}
#right h4 { height: 23px; color: #EACCB0; font-weight: bold; font-variant: small-caps; font-size: 15px; font-family: 'Times New Roman', serif;}
#right h5 { font-size: 16px; color: #000; font-variant: small-caps; font-family: 'Times New Roman', serif;}

#right p.spacer { font-size: 14px; color: #000; font-weight: bold;
                 background: url('/img/inside/leftBox/spacer.png') no-repeat bottom; height: 20px; }
#index h1 { float: left; font-size: 20px; font-variant: small-caps; font-family: times, serif; font-style:italic; cursor: pointer; }
#index h2 { height: 50px; line-height: 44px; color: #000; font-size: medium; font-weight: bold; background: url('/img/index/seperator.png') no-repeat right; }
#index p  { font-size: 13px; }

.formLink { border: solid 1px #fff; line-height: 30px; font-size: 16px; font-weight: bold; color: #fff; margin: 0 auto;
            text-align: center; display: block; width: 150px; height: 30px; background: url('/img/buttons/b_red.png'); margin-top: 8px;  }



/* ie png fix */
div, img, p, h1, h3, h4, td { behavior: url(js/iepngfix.htc) }

input.formText, input.formButton { margin-bottom: 2px; }
input.formText { padding: 1px; }
input.formButton, input.formBigButton {
  padding: 1px 4px;
  border: solid 1px #fff;
  background: url('/img/buttons/b_brown.png');
  color: white;
}
/*input.formButton { font-size: 12px; }*/
input.formButton {
  height: 30px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  background: url('/img/buttons/b_brown.png');
}
input.formBigButton {
  width: 175px;
  margin-top: 25px;
  height: 30px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  background: url('/img/buttons/b_red.png');
}

input.formBigText,
select.formBigText {
  width: 380px;
  line-height: 25px;
  height: 22px;
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: none;
}

form input, select, textarea { background-color: #fff; border: solid 1px #000; color: #000;  }
form input.noBorder { border: none; }

input.checkbox { border: 0 none; padding: 0; background-color: transparent; }

form input.build {  border: solid 1px #fff; font-size: 16px; font-weight: bold; color: #fff;
                    margin: 3px 10px; height: 30px; background: url('/img/buttons/b_red.png'); }

input.btnRed    {  border: solid 1px #fff; font-size: 16px; font-weight: bold; color: #fff;
                    margin: 3px 10px; height: 30px; background: url('/img/buttons/b_red.png'); }

input.btnLogin    {  border: solid 1px #fff; font-size: 14px; font-weight: bold; color: #fff;
                    margin: 3px 10px; height: 24px; background: url('/img/buttons/b_red.png'); }

form input.btnBrown {  border: solid 1px #fff; font-size: 16px; font-weight: bold; color: #000;
                    margin: 3px 10px; height: 30px; background: url('/img/buttons/b_brown.png'); }

form input.battle    { border: solid 1px #fff; font-size: 16px; font-weight: bold; color: #fff; width: 100%; cursor: pointer;
                        margin: 3px 10px; width: 375px; height: 40px; background: url('/img/buttons/b_battle.png'); }
form input.upgrade    { border: solid 1px #fff; font-size: 16px; font-weight: bold; color: #fff; width: 100%; cursor: pointer;
                        margin: 3px 10px; width: 375px; height: 40px; background: url('/img/buttons/b_upgrade.png'); }
form input.upgradeShip{ border: solid 1px #fff; font-size: 16px; font-weight: bold; color: #fff; width: 100%; cursor: pointer;
                        margin: 3px 10px; width: 375px; height: 40px; background: url('/img/buttons/b_upgradeShip.png'); }
form input.downgrade  { border: solid 1px #fff; font-size: 16px; font-weight: bold; color: #fff;
                        width: 100%; height: 30px; cursor: pointer;
                        margin: 3px 10px; width: 375px; background: url('/img/buttons/b_downgrade.png'); }
form input.repair     { border: solid 1px #fff; font-size: 16px; font-weight: bold; color: #fff;
                        width: 100%; height: 30px; cursor: pointer;
                        margin: 3px 10px; width: 375px; height: 40px; background: url('/img/buttons/b_repair.png'); }

/* Iconlisten für Werte daneben und darunter */
p.brick       { background: url('/img/icons/i_brick.png') no-repeat; }
p.cannon      { background: url('/img/icons/i_cannon.png') no-repeat; }
p.ware        { background: url('/img/icons/i_ware.png') no-repeat; }
p.clay        { background: url('/img/icons/i_clay.png') no-repeat; }
p.coin        { background: url('/img/icons/i_coin.png') no-repeat; }
p.cotton      { background: url('/img/icons/i_cotton.png') no-repeat; }
p.person      { background: url('/img/icons/i_person.png') no-repeat; }
p.fish        { background: url('/img/icons/i_fish.png') no-repeat; }
p.population  { background: url('/img/icons/i_population.png') no-repeat; }
p.money       { background: url('/img/icons/i_money.png') no-repeat; }
p.rum         { background: url('/img/icons/i_rum.png') no-repeat; }
p.health      { background: url('/img/icons/i_health.png') no-repeat; }
p.time        { background: url('/img/icons/i_time.png') no-repeat; }
p.tobacco     { background: url('/img/icons/i_tobacco.png') no-repeat; }
p.wood        { background: url('/img/icons/i_wood.png') no-repeat; }

ul.iconsRight { line-height: 30px; font-size: 13px; height: 30px; color: #fff; }
ul.iconsRight li { float: left; width: 95px; }
ul.iconsRight li p { padding-left: 35px; }

ul.iconsTop { font-size: 10px; color: #fff; text-align: center; height: 45px;
              /* IE6 macht zerhackt die Höhe: */ overflow: hidden ;  }
ul.iconsTop li { position: relative; float: left; width: 40px; }
ul.iconsTop li p { background-position: top center; padding-top: 30px; } /* IE6 legt die Bilder nach dem fix nicht mittig! */
ul.iconsTop li span { position: absolute; top: 43px; left: 0px; width: 40px; }


/* Listen für Werte im unteren bereich des Bildes, mit transparentem Texthintergrund */
ul.icons { height: 50px; color: #fff; text-align: center; font-weight: bold; }
ul.icons li { position: relative; margin: 5px; float: left; width: 50px; }
ul.icons li p { line-height: 12px; font-size: 10px; margin-top: 38px;  background: url('/img/bgTransparent/black50.png'); }
ul.icons li span { position: absolute; top: 50px; left: 0px; width: 50px; }
ul.icons li h1 { position: absolute; top: 17px; left: 55px; }

ul.icons li.brick       { background: url('/img/icons/i_brick.png') no-repeat; }
ul.icons li.cannon      { background: url('/img/icons/i_cannon.png') no-repeat; }
ul.icons li.ware        { background: url('/img/icons/i_ware.png') no-repeat; }
ul.icons li.clay        { background: url('/img/icons/i_clay.png') no-repeat; }
ul.icons li.coin        { background: url('/img/icons/i_coin.png') no-repeat; }
ul.icons li.cotton      { background: url('/img/icons/i_cotton.png') no-repeat; }
ul.icons li.person      { background: url('/img/icons/i_person.png') no-repeat; }
ul.icons li.fish        { background: url('/img/icons/i_fish.png') no-repeat; }
ul.icons li.population  { background: url('/img/icons/i_population.png') no-repeat; }
ul.icons li.money       { background: url('/img/icons/i_money.png') no-repeat; }
ul.icons li.rum         { background: url('/img/icons/i_rum.png') no-repeat; }
ul.icons li.health      { background: url('/img/icons/i_health.png') no-repeat; }
ul.icons li.time        { background: url('/img/icons/i_time.png') no-repeat; }
ul.icons li.tobacco     { background: url('/img/icons/i_tobacco.png') no-repeat; }
ul.icons li.wood        { background: url('/img/icons/i_wood.png') no-repeat; }

ul.icons li.cannon_1    { background: url('/img/arms/cannon/tn_1.png') no-repeat; }
ul.icons li.cannon_2    { background: url('/img/arms/cannon/tn_2.png') no-repeat; }
ul.icons li.cannon_3    { background: url('/img/arms/cannon/tn_3.png') no-repeat; }
ul.icons li.cannon_4    { background: url('/img/arms/cannon/tn_4.png') no-repeat; }
ul.icons li.cannon_5    { background: url('/img/arms/cannon/tn_5.png') no-repeat; }
ul.icons li.cannon_6    { background: url('/img/arms/cannon/tn_6.png') no-repeat; }

ul.icons li.ball_1    { background: url('/img/arms/ball/tn_1.png') no-repeat; }
ul.icons li.ball_2    { background: url('/img/arms/ball/tn_2.png') no-repeat; }
ul.icons li.ball_3    { background: url('/img/arms/ball/tn_3.png') no-repeat; }
ul.icons li.ball_4    { background: url('/img/arms/ball/tn_4.png') no-repeat; }
ul.icons li.ball_5    { background: url('/img/arms/ball/tn_5.png') no-repeat; }
ul.icons li.ball_6    { background: url('/img/arms/ball/tn_6.png') no-repeat; }

ul.icons li.pirate_1    { background: url('/img/persons/pirate/i_1.png') no-repeat; }
ul.icons li.pirate_2    { background: url('/img/persons/pirate/i_2.png') no-repeat; }
ul.icons li.pirate_3    { background: url('/img/persons/pirate/i_3.png') no-repeat; }
ul.icons li.pirate_4    { background: url('/img/persons/pirate/i_4.png') no-repeat; }
ul.icons li.pirate_5    { background: url('/img/persons/pirate/i_5.png') no-repeat; }
ul.icons li.pirate_6    { background: url('/img/persons/pirate/i_6.png') no-repeat; }
ul.icons li.undead_1    { background: url('/img/persons/undead/i_1.png') no-repeat; }

p.borderLine { border-bottom: 1px solid #fff; margin: 3px; text-size: 1px; }
p.borderLineGrey { border-bottom: 1px solid #c7ae98; margin: 3px; text-size: 1px; }

#userInfo h2 { font-size: 16px; font-weight: bold; background: none !important; border: none; color: #fff; padding: 0; }
#userInfo h3 { font-size: 14px; font-weight: bold; background: none !important; border: none; color: #fff; padding: 0; }
#userInfo h4 { font-size: 12px; font-weight: bold; background: none !important; border: none; color: #fff; padding: 0; }
#userInfo p { font-size: 12px; font-weight: bold; background: none !important; border: none; color: #fff; padding: 0; }

.aYellow a { color: #d90; }
.aYellow a:hover { color: #900; }

.aWhite a { color: #fff; }
.aWhite a:active { color: #fff; }
.aWhite a:hover { color: #fff22a; }

.aWhiteG a { color: #fff; }
.aWhiteG a:active { color: #fff; }
.aWhiteG a:hover { color: #bd9e4c;}

.aBlack a { color: #362f26; }
.aBlack a:active { color: #c00; }
.aBlack a:hover { color: #633; font-weight: bold; }

.aBlackW a { color: #362f26; }
.aBlackW a:active { color: #fff; }
.aBlackW a:hover { color: #bd9e4c;}

.aGreen a { color: #0f0; }
.aGreen a:active { color: #fff; }
.aGreen a:hover { color: #bd9e4c;}

.aRed a { color: #800; }
.aRed a:active { color: #fff; }
.aRed a:hover { color: #fff;}

.aBlue a { color: #6fa9ac; }
.aBlue a:active { color: #6fa9ac; }
.aBlue a:hover { color: #bd9e4c;}

.aSand a { color: #EACCB0; }
.aSand a:active { color: #d90; }
.aSand a:hover { color: #fff;}

.aGold a { color: #bd9e4c; }
.aGold a:active { color: #bd9e4c; }
.aGold a:hover { color: #c00;}


.borderBottom {  border-bottom: solid 1px #fff; }
.borderTop { border-top: solid 1px #fff; }
.borderLeft { border-Left: solid 1px #fff; }
.borderRight { border-Right: solid 1px #fff; }

.borderBottomBlack {  border-bottom: solid 1px #362f26; }
.borderTopBlack { border-top: solid 1px #362f26; }
.borderLeftBlack { border-Left: solid 1px #362f26; }
.borderRightBlack { border-Right: solid 1px #362f26; }

.border {  border: solid 1px #fff; }
.borderBlack {  border: solid 1px #362f26; }
.borderGrey {  border: solid 1px #ccc; }
.borderGreen {  border: solid 1px #080; }
.borderRed { border: solid 1px #800;  }

a.hoverImg img {
  display: block;
  visibility: visible;
  text-decoration: none;
  cursor: pointer;
}
a.hoverImg:link img, a.hoverImg:visited img { visibility: hidden; }
a.hoverImg:hover img, a.hoverImg:active img { visibility: visible; }
a.hoverImg p { color: #362f26; color: #fff; }
a.hoverImg:hover p { cursor: pointer; color: #362f26; }

hr.green { background-color: #0f0; }

.spacer {
  display: block;
  margin: 3px;
}

.tdPadding td { padding: 8px; }
.tdPadding th { padding: 8px 16px; }
.tdBorder td, .tdBorder th { border: 1px solid #ccc; }

.tdPadding2 td { padding: 2px; }
.tdPadding2 th { padding: 2px 2px; }

th { border-bottom: 1px solid #362f26; font-size: 14px; }
tr.trOdd { background-image: url('/img/site/bg_odd.png'); }
tr.trEven { }

.monospace { font-family: monospace; }
.caps { font-variant: small-caps; }

.navList {  padding-left: 25px; font-size: 14px; color: #EACCB0; }
a.navList:hover { padding-left: 25px; font-size: 14px; color: #EACCB0; font-style: italic;}

#infoWares a.info      { background: url('/img/inside/info.png'); width: 31px; height: 31px; }
#infoWares a { display: block; width: 31px; height: 31px; float: left; margin-top: 2px;}
#infoWares a:hover { background-position: bottom; }