body {
  background: #141915 url(/images/background_01.jpg) repeat-x top fixed;
  background-attachment:scroll;
  margin:0px;
  text-align: center;
}
hr {
  border-top:2px solid #936F29;
  border-bottom:none;
}
A, A:LINK, A:VISITED, A:ACTIVE {
	color : #990000;
	text-decoration : none;
}
A:HOVER {
	text-decoration : underline;
}
.con_main {
  background:url(/images/background_02.jpg) no-repeat top center;
  background-attachment:scroll;
  position:relative;
  text-align:center;
}
.con_main_ingame {
  background:url(/images/background_02.jpg) no-repeat top center;
  background-attachment:scroll;

  text-align:center;
}
.con_main_site {
  width:990px;
  text-align:center;
  margin: 0px auto;
  padding-top: 200px;
  background:url(/images/background_outgame_logo.jpg) no-repeat top;
}
.con_main_ingame_site {
  width:990px;
  text-align:center;
  margin: 0px auto;
  padding-top: 156px;
  background:url(/images/background_ingame_logo.jpg) no-repeat top;
}
.prem_header {
  width:960px;
  height:40px;
  text-align:center;
  color:#dfc9aa;
  background-color:#000;
  margin: 0px auto;
  background-image:url(/images/prem_background.jpg);
}
.prem_header_inner a, .prem_header_inner a:visited {
  color:#dfc9aa;
}
.prem_header_inner {
  padding-top:9px;
}
.main {
  font-family:Palatino,'Palatino Linotype','Book Antiqua',serif;
  font-size:16px;
  color:#000000;
  vertical-align:top;
  padding:10px;
  background-image:url(/images/tabelle_background.gif);
  width:938px;
}
.con_stage {
  font-family:Palatino,'Palatino Linotype','Book Antiqua',serif;
  font-size:16px;
  color:#000000;
  background-image:url(/images/tabelle_background.jpg);
  width:938px;
  margin: 0px auto 0px auto;
}
.con_stage_inner {
  width:918px;
  text-align:left;
  margin: 0px auto 0px auto;
  padding-bottom:10px;
  min-height:400px;
  height:auto !important;
  height:400px;
  background:url(/images/bg_stage_outgame.jpg) no-repeat bottom;
}
.udl {
  border-bottom:1px solid #432b1f;
}
h1 {
  font-size:24px;
  margin-top:0px;
  color:#432b1f;
}
h2 {
  font-size:18px;
  margin-top:0px;
  color:#432b1f;
}
.head_nav {
  width:990px;
  height:66px;
  color:#000;
  text-align:left;
}
.con_nav {
  padding-top:18px;
  padding-left:120px;
}
.head_nav a, .head_nav a:visited, .head_nav a:hover {
  color:#000;
}
.footer {
  height:72px;
  background-image:url(/images/footer.jpg);
  padding-left:260px;
  padding-top:8px;
  font-family:Palatino,'Palatino Linotype','Book Antiqua',serif;
  font-size:16px;
  color:#000000;
}
.footer a {
  color:#660000;
  text-decoration:none;
}
.footer a:hover {
  text-decoration:underline;
}

table.vis {border-collapse:separate;}
table.vis td { background-color:#F6EBCA; }
th {
  text-align:left;
}
td {
	font-family: Palatino,'Palatino Linotype','Book Antiqua',serif;
	font-size:14px;
	color: #000000;
}
td.menu {
	background : #F1EBDA;
	border : 1px solid #646464;
	}
	
td.header {
	font-size:14px;
	font-weight:bold;
	vertical-align:center;
	height:30px;
	border:1px solid;
	border-color:#ffeecc #bb9955 #997733 #ffdd99;
}
td.subheader {
	font-size:12px;
	background : #F1EBDA;
	height:25px;
	border : 1px solid #322B23;
	background:#cbba99 url(/images/header.gif) repeat-x;
}
select.field {
	border: 1px solid #5d4c2f;
	border-top-color: #5d4c2f;
	border-left-color: #5d4c2f;
	padding: 2px;
	background-color: #ebe9e3;
	font:normal 10px Verdana, Helvetica ,sans-serif;
	width: 40px;
	height:18px;
	text-align:left;
	}
.txtfield {
  height:22px;
  background-color:#ebe9e3;
  border: 1px solid #c9a584;
  font-family: Palatino,'Palatino Linotype','Book Antiqua',serif;
  font-size:14px;
}
.txtarea {
  background-color:#ebe9e3;
  border: 1px solid #c9a584;
  font-family: Palatino,'Palatino Linotype','Book Antiqua',serif;
  font-size:14px;
}
.w30 {
  width:30px;
}
.w50 {
  width:50px;
}
.w100 {
  width:100px;
}
.w300 {
  width:300px;
}
.btn {
	border: none;
	background:url(/images/img_button.gif) no-repeat;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	color:#dfc9aa;
	height:24px;
	width:98px;
  font-family: Palatino,'Palatino Linotype','Book Antiqua',serif;
}
input.textfield {
	border: 1px solid #c9a584;
	border-top-color: #5d4c2f;
	border-left-color: #5d4c2f;
	padding: 2px;
	background-color: #fff7e1;
	background: #fff7e1 url(/images/textfield.gif) repeat-x;
	font:normal 10px Verdana, Helvetica ,sans-serif;
	width: 40px;
	height:20px;
	text-align:center;
	}
.button_new { 
	border: 3px double #5d4c2f;
	border-top-color: #c9a584;
	border-left-color: #c9a584;
	padding: 2px 0px;
	background:#F1EBDA url(/images/button.gif) repeat-x; 
	font-size:12px;
	text-align:center;
	font-weight:bold;
	color:#000000;
	}
.button_disabled { 
	border: 3px double #5d4c2f;
	border-top-color: #c9a584;
	border-left-color: #c9a584;
	padding: 2px 0px;
	background:#F1EBDA url(/images/button_disabled.gif) repeat-x; 
	font-size:12px;
	text-align:center;
	font-weight:bold;
	color:#808080;
	}

td.res_text {
	color : #DFC9AA;
}
td.hilfe_header {
	font-family:Verdana, Helvetica ,sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	background : #F1EBDA;
	border : 1px solid #322B23;
}
td.hilfe {
	font-family:Verdana, Helvetica ,sans-serif;
	font-size:12px;
}
td.hilfetext {
	font-family:Verdana, Helvetica ,sans-serif;
	font-size:12px;
}
td.hilfetext:first-letter{
	float: left;
	font-size:36px;
	letter-spacing:102px;
}
a.hilfetext {
	font-family:Verdana, Helvetica ,sans-serif;
	font-size:14px;
}
span.hilfetext {
	font-family:Verdana, Helvetica ,sans-serif;
	font-size:12px;
}
span.hilfetext:first-letter{
	float: left;
	font-size:36px;
	letter-spacing:102px;
}
img.OverlayIcon {
	position: absolute;
	top: auto;
	left: auto;
	z-index: 32;
}
table.brd {
  padding:0px;
  margin:0px;
  border-spacing:0px;
  border:1px solid #736250;
  border-collapse:collapse;
  empty-cells:show;
}
.brd th {
  padding:0 3px;
  height:30px;
  border:1px solid #736250;
  background-image:url(/images/bg_list.gif);
  background-repeat:repeat-x;
  color:#ffdeb0;
  font-weight:normal;
}
.brd td {
  padding:0 3px 0 3px;
  height:25px;
  border:1px solid #736250;
  background-image:url(/images/table_bg.gif);
}
.brd td.marked {
  background-image:url(/images/table_bg_marked.gif);
}
td.sum {
  border-top:2px solid #37261d;
}
.outer_footer {
  color:#dfc9aa;
  font-size:12px;
}
.outer_footer a, .outer_footer a:visited {
  color:#dfc9aa;
}
.icon {
	padding-left: 22px;
	background-repeat: no-repeat;
	background-position: left center;
	background-position-y: top;
	width:60px;
	float:left;
}
.icon2 {
	padding-left: 24px;
	background-repeat: no-repeat;
	background-position: left center;
	background-position-y: top;
	float:left;
}
.gold { background-image: url(/images/icons/ico_gold_sm.png) }
.wood { background-image: url(/images/icons/ico_wood_sm.png) }
.stone { background-image: url(/images/icons/ico_stones_sm.png) }
.iron { background-image: url(/images/icons/ico_iron_sm.png) }
.people { background-image: url(/images/icons/ico_habitants_sm.png) }
.sword { background-image: url(/images/icons/sword.png) }
.bow { background-image: url(/images/icons/bow.png) }
.cannon { background-image: url(/images/icons/cannon.png) }
.gun { background-image: url(/images/icons/gun.png) }
.axe { background-image: url(/images/icons/axe.png) }
.spy { background-image: url(/images/icons/spy.png) }
.trader { background-image: url(/images/icons/trader.png) }
.battleship { background-image: url(/images/icons/battleship.png) }
.transporter { background-image: url(/images/icons/transporter.png) }
.cannonship { background-image: url(/images/icons/cannonship.png) }
.colonization { background-image: url(/images/icons/colonization.png) }
.soldier { background-image: url(/images/icons/soldier.png) }
.bowman { background-image: url(/images/icons/bowman.png) }
.axeman { background-image: url(/images/icons/axeman.png) }
.buccaneer { background-image: url(/images/icons/buccaneer.png) }
.gunner { background-image: url(/images/icons/gunner.png) }

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('/images/ingame/table_border_base.gif'); /* CHANGE: path and name of your image1 */
	height: 3px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 3px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 3px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -3px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -3px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -3px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	margin-left: 3px;               /* CHANGE: replace by the width of one of your corners */
	margin-right: 3px;              /* CHANGE: replace by the width of one of your corners */
	padding-left: 0px;             /* YCC: all texts at some distance of the left border */
	padding-right:0px;             /* YCC: all texts at some distance of the right border */
	text-align: left;               /* YCC: position of all texts inside */
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */
.insideleft, .insideright {
	background-image: url('/images/ingame/table_border_lr.gif'); /* CHANGE: path and name of your image2 */
	background-repeat: repeat-y;   /* DNC: to pile the image2 as much as needed */
	}
.insideright { background-position: 100% 0; } /* DNC: position right corner */
.text_footer, .text_footer a, .text-footer a:visited {
  color:#dfc9aa;
  font-size:12px;
}