body {
  background: #141915 url(/images/background_01.jpg) repeat-x top fixed;
  background-attachment:scroll;
  margin:0px;
  text-align: center;
}
body.satellite {
  font-family:Palatino,'Palatino Linotype','Book Antiqua',serif;
  color:#000000;
	font-size:16px;
	background:#fff url("/images/tabelle_background.gif");
	margin:10px;
	text-align:left;
}
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;
}
.con_main_ingame_site_v3 {
  width:990px;
  text-align:center;
  margin: 0px auto;
  padding-top: 156px;
  background:url(/images/background_ingame_logo_v3.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:70px;
  background-image:url(/images/footer.jpg);
  font-family:Palatino,'Palatino Linotype','Book Antiqua',serif;
  font-size:16px;
  color:#000000;
  text-align:center;
}
.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;
}
.selectfield {
  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;
}
.w400 {
  width:400px;
}
.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;
}
.button_small {
	border: none;
	background:url(/images/button_small.gif) no-repeat;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	color:#dfc9aa;
	height:24px;
	width:45px;
  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.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 th a, .brd th a:hover, .brd th a:visited {
  color:#ffdeb0;
}
.brd td a.black {
  color:#000;
}
.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);
}
.brd td.rang_own {
  background:#e5af5b;
}
.brd td.rang_alli {
  background:#e9bc75;
}
td.sum {
  border-top:2px solid #37261d;
}
.outer_footer {
  color:#dfc9aa;
  font-size:12px;
  background-color:#000;
}
.outer_footer a, .outer_footer a:visited {
  color:#dfc9aa;
}
.res {
	height:22px;
	width:80px;
	float:left;
}
div.icon {
	width:20px;
	height:20px;
	background-image: url(/images/ii_sprites.png);
	background-repeat: no-repeat;
	margin-right:2px;
	display:inline-block;
}
.icon2 {
	padding-left: 24px;
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
}
.res .icon {
	float:left;	
}
.icon.fl {
	float:left;	
}
.icon.gold {background-position:0px 0px;}
.icon.wood {background-position:-20px 0px;}
.icon.stone {background-position:-40px 0px;}
.icon.iron {background-position:-60px 0px;}
.icon.people {background-position:-80px 0px;}
.icon.coins {background-position:-100px 0px;}
.icon.sword {background-position:-120px 0px;}
.icon.bow {background-position:-140px 0px;}
.icon.axe {background-position:-160px 0px;}
.icon.gun {background-position:-180px 0px;}
.icon.cannon {background-position:-200px 0px;}
.icon.soldier {background-position:-220px 0px;}
.icon.bowman {background-position:-240px 0px;}
.icon.axeman {background-position:-260px 0px;}
.icon.buccaneer {background-position:-280px 0px;}
.icon.gunner {background-position:-300px 0px;}
.icon.spy {background-position:-340px 0px;}
.icon.trader {background-position:-320px 0px;}
.icon.battleship {background-position:-360px 0px;}
.icon.transporter {background-position:-380px 0px;}
.icon.cannonship {background-position:-400px 0px;}
.icon.colonization {background-position:-420px 0px;}
.icon.luck {background-position:-440px 0px;}

td.harbour {
 	width:10%;
 	padding-top:5px;
 	padding-bottom:5px;
}

div.harbour {
	width:54px;
	height:54px;
	background-image:url(/images/harbour_sprites.png);
	background-repeat:no-repeat;
	margin-bottom:5px;
	display:block-inline;
}
.harbour .spy {background-position:0px 0px;}
.harbour .battleship {background-position:-54px 0px;}
.harbour .transporter {background-position:-108px 0px;}
.harbour .cannonship {background-position:-162px 0px;}
.harbour .colonization {background-position:-216px 0px;}
.harbour .soldier {background-position:-270px 0px;}
.harbour .bowman {background-position:-324px 0px;}
.harbour .axeman {background-position:-378px 0px;}
.harbour .buccaneer {background-position:-432px 0px;}
.harbour .gunner {background-position:-486px 0px;}

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('/images/ingame/table_border_base.gif');
	height: 3px;
	font-size: 2px;
	}
.top-left, .bottom-left { 
	margin-right: 3px;
	}
.top-right, .bottom-right { 
	margin-left: 3px;
	margin-top: -3px;
	}
.top-right {
	background-position: 100% 0;
	}
.bottom-left  { 
	background-position: 0 -3px;
	}
.bottom-right { 
	background-position: 100% -3px;
	}
.inside {
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 0px;
	padding-right:0px;
	text-align: left;
	}
.notopgap    { margin-top: 0; }
.nobottomgap { margin-bottom: 0; }
.insideleft, .insideright {
	background-image: url('/images/ingame/table_border_lr.gif');
	background-repeat: repeat-y;
	}
.insideright { background-position: 100% 0; }
.text_footer, .text_footer a, .text-footer a:visited {
  color:#dfc9aa;
  font-size:12px;
}
#container_island_drop_down {
    position:relative; 
    z-index:800;
    width:990px;
    left:0px;
    height:1px;
    margin-bottom:-1px;
}
#island_drop_down {
    position:absolute; 
    z-index:800; 
    top:-20px; 
    right:26px; 
    width:316px; 
    height:300px;
    overflow:auto;
}

/* grafische Inselansicht */

#island {
  position:relative;
  width:680px;
  height:440px;
  float:left;
  background-image:url(/images/insel/background.jpg);
  
}
.building {
  position:absolute;
  top:0px;
  left:0px;
}
.leveltip {
  display:block;
  width:15px;
  height:12px;
  background:#f2cb92;
  border: 1px solid #736250;
  font-size:9px;
  z-index:100;
  text-align:center;
  line-height:11px;
}
.tippos_pirat_main {
  position:absolute;
  top:60px;
  left:345px;
}
.tippos_english_main {
  position:absolute;
  top:60px;
  left:385px;
}
.tippos_netherlands_main {
  position:absolute;
  top:60px;
  left:385px;
}
.tippos_vikings_main {
  position:absolute;
  top:60px;
  left:385px;
}
.tippos_spain_main {
  position:absolute;
  top:60px;
  left:385px;
}
.tippos_harbour {
  position:absolute;
  top:310px;
  left:305px;
}
.tippos_wharf {
  position:absolute;
  top:300px;
  left:570px;
}
.tippos_res_wood {
  position:absolute;
  top:15px;
  left:105px;
}
.tippos_res_stone {
  position:absolute;
  top:97px;
  left:520px;
}
.tippos_res_gold {
  position:absolute;
  top:55px;
  left:604px;
}
.tippos_res_iron {
  position:absolute;
  top:38px;
  left:458px;
}
.tippos_pirat_res_food {
  position:absolute;
  top:305px;
  left:105px;
}
.tippos_english_res_food {
  position:absolute;
  top:10px;
  left:275px;
}
.tippos_vikings_res_food {
  position:absolute;
  top:10px;
  left:275px;
}
.tippos_spain_res_food {
  position:absolute;
  top:10px;
  left:275px;
}
.tippos_netherlands_res_food {
  position:absolute;
  top:10px;
  left:275px;
}
.tippos_blacksmith {
  position:absolute;
  top:115px;
  left:205px;
}
.tippos_lab {
  position:absolute;
  top:154px;
  left:460px;
}
.tippos_storage {
  position:absolute;
  top:150px;
  left:655px;
}
.tippos_barracks {
  position:absolute;
  top:185px;
  left:130px;
}
.tippos_market {
  position:absolute;
  top:198px;
  left:336px;
}
.tippos_tower {
  position:absolute;
  top:186px;
  left:548px;
}
.tippos_tavern {
  position:absolute;
  top:275px;
  left:380px;
}
.tippos_pirat_wall {
  position:absolute;
  top:227px;
  left:383px;
}
.tippos_english_wall {
  position:absolute;
  top:227px;
  left:383px;
}
.tippos_netherlands_wall {
  position:absolute;
  top:227px;
  left:383px;
}.tippos_vikings_wall {
  position:absolute;
  top:227px;
  left:383px;
}.tippos_spain_wall {
  position:absolute;
  top:227px;
  left:383px;
}
.res_text {
	color : #DFC9AA;
}
.warn {
  color:#f28932;
}
.max {
	color:#f00000;
}
.newinput {
	width:54px;
	height:24px;
	background: url(/images/input_field.png) no-repeat;
	border:0px;
	text-align:center;
}	

.stylish-select .SSContainerDivWrapper {
	left:-9999px;
}

.stylish-select .SSContainerDivWrapper {
	margin:0;
	padding:0;
	width:182px;
	position:absolute;
	top:21px;
	left:0;
	z-index:2;
	text-align:left;
}

.stylish-select ul.newList {
	margin:0;
	padding:0;
	list-style:none;
	color:#000;
	background:#ebe9e3;
	border:1px solid #ccc;
	overflow:auto;
}

.stylish-select ul.newList * {
	margin:0;
	padding:0;
}

.stylish-select ul.newList a {
	color: #000;
	text-decoration:none;
	display:block;
	padding:3px 8px;		
}

.stylish-select .newListSelected {
	display:block;
	width:184px;
	height:24px;
	color:#000;
	background:url(/images/select-bg.png) no-repeat;
	float:left;
	margin-right:6px;
}

.stylish-select ul.newList li a:focus {
	-moz-outline-style: none;
}

.stylish-select .selectedTxt {
	height:24px;
	width:184px;
	overflow:hidden;
	padding:3px 6px;
}

.stylish-select .hiLite {
	background:#700;
	color:#fff!important;
}

.stylish-select .newListHover {
	background:#ccc;
	color:#000;
	cursor:default;
}

.stylish-select .newListSelHover,
.stylish-select .newListSelFocus {
	background-position:0 -24px;
	cursor:default;
}

.stylish-select .newListOptionTitle {
	font-weight:bold;
}

.stylish-select .newListOptionTitle ul {
	margin:3px 0 0;
}

.stylish-select .newListOptionTitle li {
	font-weight:normal;
	border-left:1px solid #ccc;
}

a.max {
	display:block;
	width:54px;
	height:21px;
	color:#dfc9aa;
	background:url(/images/harbour_bg_button.png) no-repeat;
	font-size:14px;
	margin-top:5px;
}
a.max:hover {
	text-decoration:none;	
}