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; outline: 0;}
a:active { color: #600; text-decoration: none; }
a:hover { color: #600; text-decoration: none;}

.fsMedium { font-size: medium; }
.fsLarge { font-family: Arial, Helvetica, Sans-Serif;	font-size: large; }

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; }

.bgLightGrey { background-color: #BDBAB1; }
.bgRed { background-color: #800; }

.bgFoot { background-color: #74624c; }
/*.bgBox { background-image: url('/img/site/bg_box.jpg'); }*/
.bgBoxWhite { background-image: url('/img/site/bg_box_white.jpg'); }
.bgBoxRed { background-image: url('/img/r.gif'); }

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

#navHead a { display: block; width: 80px; height: 90px; float: left; margin: 0 8px 5px 0; }
#navHead a:hover { background-position: bottom; }
#navHead p { text-align: center; padding-top: 4px; }

#left { float: left; width: 225px; color: #000; }
#left h3 { height: 50px; line-height: 64px; padding-left: 10px; color: #fff; font-size: medium; font-weight: bold; background: url('/img/site/boxLeft/bg_title.png') no-repeat right; }
#left p.big { font-size: 16px; font-weight: bold; }

#left ul { line-height: 30px; font-size: 14px; }
#left li a { display: block; font-size: small; color: #000; cursor: pointer; }
#left li a:active { background: url('/img/nav/bg_hover_default.png'); color: #fff; }
#left li a:hover { background: url('/img/nav/bg_hover_default.png'); color: #fff; }
#left li.navNone a:hover { background-image: url('/img/nav/bg_hover_default.png'); font-weight: bold; color: #fff; }
#left li.navMessage a:hover { background-image: url('/img/nav/bg_hover_message.png'); font-weight: bold; color: #fff; }
#left li.navInbox a:hover { background-image: url('/img/nav/bg_hover_inbox.png'); font-weight: bold; color: #fff; }
#left li.navOutbox a:hover { background-image: url('/img/nav/bg_hover_outbox.png'); font-weight: bold; color: #fff; }
#left li.navEvents a:hover { background-image: url('/img/nav/bg_hover_reports.png'); font-weight: bold; color: #fff; }
#left li.navSpying a:hover { background-image: url('/img/nav/bg_hover_spying.png'); font-weight: bold; color: #fff; }
#left li.navBattle a:hover { background-image: url('/img/nav/bg_hover_battle.png'); font-weight: bold; color: #fff; }
#left li.navWarning a:hover { background-image: url('/img/nav/bg_hover_warning.png'); font-weight: bold; color: #fff; }
#left li.navTransport a:hover { background-image: url('/img/nav/bg_hover_transport.png'); font-weight: bold; color: #fff; }

#left ul li p { padding-left: 40px; font-weight: bold; width: 170px; background: url('/img/nav/bullet_default.png') no-repeat; } /* default */

#left ul li.navNone p { background-image: url('/img/x.gif'); }
#left ul li.navMessage p { background-image: url('/img/nav/bullet_message.png'); }
#left ul li.navInbox p { background-image: url('/img/nav/bullet_inbox.png'); }
#left ul li.navOutbox p { background-image: url('/img/nav/bullet_outbox.png'); }
#left ul li.navEvents p { background-image: url('/img/nav/bullet_reports.png'); }
#left ul li.navSpying p { background-image: url('/img/nav/bullet_spying.png'); }
#left ul li.navBattle p { background-image: url('/img/nav/bullet_battle.png'); }
#left ul li.navWarning p { background-image: url('/img/nav/bullet_warning.png'); }
#left ul li.navTransport p { background-image: url('/img/nav/bullet_transport.png'); }

#right { float: right; width: 660px; padding-right: 5px;}
#right h2 { line-height: 38px; padding-left: 10px; padding-top: 5px; background: url('/img/site/boxRight/bg_head.jpg') no-repeat right; }
#right h3 { line-height: 25px;
            background: url('/img/site/arrowLink.png') no-repeat right !important;
            /* IE-Pngfix setzt den png nach links */ background: url('/img/site/arrowLinkIE6.gif') no-repeat right; }
#right h4 { height: 26px; color: #fff; background: url('/img/site/bg_subtitle_right.png') no-repeat right; }

#right .brown { color: #76624E; }

#center { width: 905px; padding-right: 5px; }
#center h1 { color: white; font-size: 24px; line-height: 38px; padding-left: 10px; padding-top: 5px; background: url('/img/site/boxCenter/bg_head.jpg') no-repeat right; }
#center h2 { height: 24px; font-size: 18px; line-height: 22px; color: #fff; padding-left: 10px; background: url('/img/site/bg_subtitle_right.png') no-repeat right top #C8020A; border-bottom: 1px solid black;}

#box { background: url(/img/site/boxRight/bg_content.jpg) right; color: #000; }
#box h4 { color: #000; font: bold 16px/25px Arial, sans-serif; border: none; background: url(/img/site/close.png) no-repeat top right; }

/* 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.formTextRegister {
  font-size: 10px;
  background: url('/img/index/input_register.jpg');
}

input.formButton, input.formBigButton {
  padding: 1px 4px;
  border: solid 1px #fff;
  background: url('/img/inside/bg_button.png');
  color: white;
}
/*input.formButton { font-size: 12px; }*/
input.formButton {
  height: 30px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  background: url('/img/site/btn_default.png');
}
input.formButtonRegister {
  height: 22px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  padding: 1px 4px 3px 4px;
  border: solid 1px #fff;
  color: white;
  background: url('/img/site/btn_default.png');
}
input.formBigButton {
  width: 175px;
  margin-top: 25px;
  height: 30px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  background: url('/img/site/btn_default.png');
}

input.formButtonRedSmall {
  height: 20px;
  font-size: 14px;
  color: white;
  cursor: pointer;
  background: url('/img/site/btn_default.png');
}

input.formButtonYellowSmall {
  height: 20px;
  font-size: 14px;
  color: white;
  cursor: pointer;
  background: url('/img/site/btn_yellow.png');
}

input.formButtonBlueSmall {
  height: 20px;
  font-size: 14px;
  color: white;
  cursor: pointer;
  background: url('/img/site/btn_blue.png');
}

input.formButtonGreenSmall {
  height: 20px;
  font-size: 14px;
  color: white;
  cursor: pointer;
  background: url('/img/site/btn_green.png');
}

input.formButtonOrangeSmall {
  height: 20px;
  font-size: 14px;
  color: white;
  cursor: pointer;
  background: url('/img/site/btn_orange.png');
}

/* Buttons wie in FormSend */
.aButtonRed a       { background: url("/img/site/btn_default.png"); border: solid 1px #ccc; color: #fff; font-size: 12px; width: 99%; height: 24px; line-height: 24px; text-align: center; margin: 0 auto; cursor: pointer; display: block; }
.aButtonRed a:hover { border: solid 1px #fff; color: #fff; }

.aButtonBlue a       { background: url("/img/site/btn_blue.png"); border: solid 1px #ccc; color: #fff; font-size: 12px; width: 99%; height: 24px; line-height: 24px; text-align: center; margin: 0 auto; cursor: pointer; display: block; }
.aButtonBlue a:hover { border: solid 1px #fff; color: #fff; }

.aButtonGreen a       { background: url("/img/site/btn_green.png"); border: solid 1px #ccc; color: #fff; font-size: 12px; width: 99%; height: 24px; line-height: 24px; text-align: center; margin: 0 auto; cursor: pointer; display: block; }
.aButtonGreen a:hover { border: solid 1px #fff; color: #fff; }

.aButtonOrange a       { background: url("/img/site/btn_orange.png"); border: solid 1px #ccc; color: #fff; font-size: 12px; width: 99%; height: 24px; line-height: 24px; text-align: center; margin: 0 auto; cursor: pointer; display: block; }
.aButtonOrange a:hover { border: solid 1px #fff; color: #fff; }

.aButtonYellow a       { background: url("/img/site/btn_yellow.png"); border: solid 1px #ccc; color: #fff; font-size: 12px; width: 99%; height: 24px; line-height: 24px; text-align: center; margin: 0 auto; cursor: pointer; display: block; }
.aButtonYellow a:hover { border: solid 1px #fff; color: #fff; }


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

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

form input.btnYellow {  border: solid 1px #fff; font-size: 16px; font-weight: bold; color: #000;
                    margin: 3px 10px; height: 30px; background: url('/img/site/btn_yellow.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/inside/b_upgrade.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/inside/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/inside/b_repair.png'); }

/*form input:active { border: solid 1px #900; color: #000; }  /* toDo IE6 */
/*form input:hover  { border: solid 1px #900; color: #000; }*/


/* Iconlisten für Werte daneben und darunter */
p.money { background: url('/img/icons/i_money.png') no-repeat; }
p.coin { background: url('/img/icons/i_coin.png') no-repeat; }
p.smallCoin { background: url('/img/icons/i_smallCoin.png') no-repeat; }
p.respect { background: url('/img/icons/i_respect.png') no-repeat; }
p.time  { background: url('/img/icons/i_time.png') no-repeat; }
p.fries { background: url('/img/icons/i_fries.png') no-repeat; }
p.visitors { background: url('/img/icons/i_visitors.png') no-repeat; }
p.dope { background: url('/img/icons/i_dope.png') no-repeat; }
p.cigarettes { background: url('/img/icons/i_cigarettes.png') no-repeat; }
p.depot { background: url('/img/icons/i_depot.png') no-repeat; }


p.car   { background: url('/img/units/i_car.png') no-repeat; }
p.suv   { background: url('/img/units/i_suv.png') no-repeat; }
p.van   { background: url('/img/units/i_van.png') no-repeat; }
p.ship   { background: url('/img/units/i_ship.png') no-repeat; }


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

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; }

ul.icons80 { color: #fff; text-align: center; font-weight: bold; }
ul.icons80 li { position: relative; margin: 3px; float: left; width: 80px; height: 86px; }
ul.icons80 li p { line-height: 14px; font-size: 10px; margin-top: 72px;  background: url('/img/bgTransparent/black50.png'); }

ul.icons80 li.rowdy   	{ background: url('/img/units/tn80_rowdy.jpg') no-repeat; }
ul.icons80 li.boxer   	{ background: url('/img/units/tn80_boxer.jpg') no-repeat; }
ul.icons80 li.pimp   		{ background: url('/img/units/tn80_pimp.jpg') no-repeat; }
ul.icons80 li.gangster 	{ background: url('/img/units/tn80_gangster.jpg') no-repeat; }
ul.icons80 li.rocker   	{ background: url('/img/units/tn80_rocker.jpg') no-repeat; }

/* 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.money  					{ background: url('/img/icons/tn_money.jpg') no-repeat; }
ul.icons li.time  					{ background: url('/img/icons/tn_time.jpg') no-repeat; }
ul.icons li.health  				{ background: url('/img/icons/i_health.jpg') no-repeat; }
ul.icons li.wareMax 				{ background: url('/img/icons/i_wareMax.jpg') no-repeat; }
ul.icons li.power 					{ background: url('/img/icons/i_power.jpg') no-repeat; }
ul.icons li.speed   				{ background: url('/img/icons/i_speed.jpg') no-repeat; }
ul.icons li.speedHome   		{ background: url('/img/icons/i_speed_home.jpg') no-repeat; }
ul.icons li.speedCigarettes { background: url('/img/icons/i_speed_cigarettes.jpg') no-repeat; }
ul.icons li.speedDope   		{ background: url('/img/icons/i_speed_dope.jpg') no-repeat; }

ul.icons li.bar   				{ background: url('/img/buildings/i_bar.jpg') no-repeat; }
ul.icons li.boxing   			{ background: url('/img/buildings/i_boxing.jpg') no-repeat; }
ul.icons li.gym   				{ background: url('/img/buildings/i_gym.jpg') no-repeat; }
ul.icons li.brothel   		{ background: url('/img/buildings/i_brothel.jpg') no-repeat; }
ul.icons li.cinema   			{ background: url('/img/buildings/i_cinema.jpg') no-repeat; }
ul.icons li.depot   			{ background: url('/img/buildings/i_depot.jpg') no-repeat; }
ul.icons li.diner   			{ background: url('/img/buildings/i_diner.jpg') no-repeat; }
ul.icons li.headquarters  { background: url('/img/buildings/i_headquarters.jpg') no-repeat; }
ul.icons li.hotel   			{ background: url('/img/buildings/i_hotel.jpg') no-repeat; }
ul.icons li.lapdance  		{ background: url('/img/buildings/i_lapdance.jpg') no-repeat; }
ul.icons li.nightclub 		{ background: url('/img/buildings/i_nightclub.jpg') no-repeat; }
ul.icons li.whore   			{ background: url('/img/buildings/i_whore.jpg') no-repeat; }

ul.icons li.rowdy   	{ background: url('/img/units/sm_rowdy.jpg') no-repeat; }
ul.icons li.boxer   	{ background: url('/img/units/sm_boxer.jpg') no-repeat; }
ul.icons li.pimp   		{ background: url('/img/units/sm_pimp.jpg') no-repeat; }
ul.icons li.gangster  { background: url('/img/units/sm_gangster.jpg') no-repeat; }
ul.icons li.rocker   	{ background: url('/img/units/sm_rocker.jpg') no-repeat; }
ul.icons li.agent   	{ background: url('/img/units/sm_agent.jpg') no-repeat; }
ul.icons li.guard   	{ background: url('/img/units/sm_guard.jpg') no-repeat; }
ul.icons li.spy   		{ background: url('/img/units/sm_spy.jpg') no-repeat; }
ul.icons li.settler   { background: url('/img/units/sm_settler.jpg') no-repeat; }
ul.icons li.car   		{ background: url('/img/units/sm_car.jpg') no-repeat; }
ul.icons li.suv   		{ background: url('/img/units/sm_suv.jpg') no-repeat; }
ul.icons li.van   		{ background: url('/img/units/sm_van.jpg') no-repeat; }
ul.icons li.ship   		{ background: url('/img/units/sm_ship.jpg') no-repeat; }


ul.bigIcons 			{ color: #fff; text-align: center; font-weight: bold; }
ul.bigIcons li 		{ position: relative; margin: 3px; float: left; width: 116px; height: 125px; }
ul.bigIcons li p 	{ line-height: 16px; font-size: 12px; margin-top: 109px;  background: url('/img/bgTransparent/black50.png'); }

ul.bigIcons li.agent   { background: url('/img/units/tn_agent.jpg') no-repeat; }
ul.bigIcons li.guard   { background: url('/img/units/tn_guard.jpg') no-repeat; }
ul.bigIcons li.settler { background: url('/img/units/tn_settler.jpg') no-repeat; }
ul.bigIcons li.spy     { background: url('/img/units/tn_spy.jpg') no-repeat; }

p.spacer380 			{ background-color: #fff; width: 380px; height: 2px; font-size: 2px; }
p.borderLine 			{ border-bottom: 1px solid #fff; margin: 3px; text-size: 1px; }
p.borderLineGrey 	{ border-bottom: 1px solid #c7ae98; margin: 3px; text-size: 1px; }



#buildBox 			{ background-color: #800; border: solid 1px #fff; color: #fff; }
#buildBox ul 		{ color: #000; width: 390px; margin: 3px; }
#buildBox ul li {
  padding-left: 10px;
  /* iePngFix resetet/addiert zu Formatierung */
  width: 80px !important; /* Firefox, Opera & CO */
  width: 50px; /* IE 5.01, 5.5, 6 */
 }

#buildBox h4 {  color: #fff; line-height: 30px; font-size: 16px; font-weight: bold; width: 390px; padding: 3px; border: none;
                background: url('/img/site/close.png') no-repeat right !important;
                /* IE-Pngfix setzt den png nach links */ background: url('/img/site/closeIE6.gif') no-repeat right; }
#buildBox h4 a { color: #fff; font-size: 14px; font-weight: normal; }
#buildBox h4 a:active { color: #ccc; text-decoration: none; }
#buildBox h4 a:hover { color: #ccc; text-decoration: none; }

#buildBox a.formLink { border: solid 1px #000; line-height: 30px; font-size: 16px; font-weight: bold; color: #000;
                       text-align: center; display: block; width: 100%; height: 30px;
                       background: url('/img/inside/bg_button.png'); }
#buildBox a.formLink:active { border: solid 1px #900; color: #900; }
#buildBox a.formLink:hover { border: solid 1px #900; color: #900; }

#battleContent h3 { font-size: 14px; background: none !important; border: none; padding: 0; }
#battleContent h4 { font-size: 12px; background: none !important; border: none; padding: 0; color: #d90; }

#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; }

.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; }

.tdBorderWhite td, .tdBorderWhite th { border: 1px solid #fff; }

.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; }


div.subBox            { padding: 5px; background-color: #333; border: 1px solid #555; }
table.subBox td       { background-color: #333; }
table.subBox td.noBg    { background: none; }
table.subBox tr.noBg td { background: none; }
tr.highlight td       { background-color: #800; }
table.tdBorderLeft td { border-left: 1px solid #555; }