@charset "utf-8";

/* Alter OG CSS Style */
img { border:0; vertical-align:middle; }
input,textarea { background:#fff;border:1px solid #0d2d33;color:#000;margin-bottom:6px; }
.button { padding:3px 8px;font-weight:bold;color:#FFF59B;background:#130d08 url('images/button.png');border:1px solid #57452f;height:24px;font-family:arial, sans-serif;font-size:11px; }
.button.disabled { background:#96cd3a url('../images/button_bg_grey.jpg');border:1px solid #9e9582;color:#7a715e; }
.button:hover { color:#fff;cursor:pointer; }
.input { height:20px;border:1px solid #b7997f; }
.input.disabled { background:#e4dcc8;border:1px solid #beb6a2; }
.thumb { border:1px solid #13434d; }

p,form,h1,h2 { margin:0px;padding:0px; }

h1 { font-size:16px; }
h2 { font-size:14px; }

.bold,.title,.progressbar div { font-weight:bold; }
.italic { font-style:italic; }
.justify { text-align:justify; }
.center,#page,.progressbar div,#navbg { text-align:center; }
.right { text-align:right; }
.small { font-size:90%; }

.black { color:#000; }
.white { color:#fff; }
a.red { color:#000; }
.red { color:#e00; }
.green { color:#a6cc13; }

.pointer { cursor:pointer; }
.overflow { overflow:hidden; white-space:nowrap; }

div.float { float:left; }
div.floatr { float:right; }
div.float20 { float:left;width:19.99%; }
div.float25 { float:left;width:24.99%; }
div.float33 { float:left;width:33.32%; }
div.float40 { float:left;width:39.99%; }
div.float50 { float:left;width:49.99%; }
div.float60 { float:left;width:59.99%; }
div.float66 { float:left;width:66.65%; }
div.float75 { float:left;width:74.99%; }
div.float80 { float:left;width:79.99%; }
div.clearer { clear:both; }

/* Neuer CSS Style */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  	margin: 0;
  	padding: 0;
  	border: 0;
  	outline: 0;
  	font-weight: inherit;
  	font-style: inherit;
  	font-size: 100%;
  	font-family: inherit;
  	vertical-align: baseline;
  	font-family:"Trebuchet MS", Verdana;
  	font-size: 9pt;
}

:focus { outline: 0; }

body {
  	line-height: 1;
  	color: black;
         height: 101%;
  	background-color: #ffffff;
         font-family: arial, sans-serif;
  	font-size: 12px;
}

ol, ul {
  	list-style: none;
}

table {
  	border-collapse: separate;
  	border-spacing: 0;
}

caption, th, td {
  	text-align: left;
  	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
  	content: "";
}

blockquote, q {
	quotes: "" "";
}

html {
  	height: 100%;
}

strong, b {
  	font-weight: bold;
}

em, i {
  	font-style: italic;
}

.hideme {
  	position: absolute;
  	left: -9999em;
  	top: -9999em;
}

label, input[type=button], input[type=submit], button {
  	cursor: pointer;
}

q:lang(de) {
  	quotes: 'ÔÇ×' 'ÔÇ£' 'ÔÇÜ' 'ÔÇÿ';
}

q:lang(en) {
  	quotes: 'ÔÇ£' 'ÔÇØ' "ÔÇÿ" "ÔÇÖ";
}

abbr[title] {
  	border-bottom: 1px dotted #888 !important;
  	cursor: help;
}

a abbr {
  cursor: pointer !important;
}

.clearfix:after {
  	clear: both;
  	content: ".";
  	display: block;
  	height: 0;
  	visibility: hidden;
}

.ie7 address {
  	font-style: normal;
}

img {
  	-ms-interpolation-mode: bicubic;
}

.clearfix {
  	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  	height: 1%;
}

.clearfix {
  	display: block;
}

/* End hide from IE-mac */
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

/* Dragbar Footer */
.jspContainer {
  	overflow: hidden;
  	position: relative;
}

.jspPane {
  	position: absolute;
}

.jspVerticalBar {
  	position: absolute;
  	top: 0;
  	right: 0;
  	width: 16px;
  	height: 100%;
  	background: 0;
}

.jspHorizontalBar {
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	height: 16px;
  	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar * {
  	margin: 0;
  	padding: 0;
}

.jspCap {
  	display: none;
}

.jspHorizontalBar .jspCap {
  	float: left;
}

.jspTrack {
  	background: 0;
  	position: relative;
}

.jspDrag {
  	background: url(../images/zieher.png) no-repeat;
  	width: 10px;
  	height: 23px;
  	position: relative;
  	top: 0;
  	left: 6px;
  	cursor: pointer;
}

.ie6 .jspDrag {
  	background: url(../images/zieher.gif) no-repeat;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  	float: left;
  	height: 100%;
}

.jspArrow {
  	background: #50506d;
  	text-indent: -20000px;
  	display: block;
  	cursor: pointer;
}

.jspArrow.jspDisabled {
  	cursor: default;
  	background: #80808d;
}

.jspVerticalBar .jspArrow {
  	height: 16px;
}

.jspHorizontalBar .jspArrow {
  	width: 16px;
  	float: left;
  	height: 100%;
}

.jspVerticalBar .jspArrow:focus {
  	outline: none;
}

.jspCorner {
  	background: 0;
  	float: left;
  	height: 100%;
}

#skullisland_footer .auswahl {
  	display: none;
  	width: 220px;
  	height: 230px;
  	background: url(../images/inselauswahl.png);
 	 position: absolute;
  	top: -184px;
  	left: 393px;
  	z-index: 400;
}

#skullisland_footer a.auswahltrigger:link, #skullisland_footer a.auswahltrigger:visited  {
  	display: block;
         margin-top: 2px;
  	width: 220px;
  	height: 24px;
  	color: #FFF59B;
  	font-weight: normal;
}

#skullisland_footer a.auswahltrigger:hover  {
  	display: block;
         margin-top: 2px;
  	width: 220px;
  	height: 24px;
  	color: #FFFFFF;
  	font-weight: normal;
}

#skullisland_insel_auswahl_buttons {
  	position: absolute;
  	top: 72px;
  	left: 465px;
         margin: 0px;
  	width: 74px;
  	height: 24px;
  	color: #FFF59B;
  	font-weight: normal;
}

#skullisland_footer .auswahl .container {
  	margin: 18px 0px 0px 19px;
  	overflow: auto;
  	width: 185px;
  	height: 190px;
  	z-index: 400;
}

.ie6 #skullisland_footer .auswahl {
  	background: url(../images/inselauswahl.png);
}

h1 a {
  	display: block;
  	text-indent: -9999em;
  	width: 347px;
  	height: 148px;
  	position: absolute;
  	top: 50px;
  	left: 330px;
}

/* Contentbereich */
#content {
  	color: #171412;
  	padding-bottom:70px;
}
/*
#content .karte{
  	background: url(../images/karte2.jpg) no-repeat;
} */
#content .half-margin {
  	margin-top: 4px;
}
#content .margin {
  	margin-top: 8px;
}

#content h2 {
	font-family:"Trebuchet MS", Verdana;
  	font-size: 20px;
  	font-weight: bold;
  	margin: 22px 0 5px 0;
}

#content h2 span {
  	display: block;
  	font-family:"Trebuchet MS", Verdana;
  	font-size: 12px;
}

#content h2.first {
  	margin: 18px 0 0 0;
}

.content {
	background:transparent url(../images/content.jpg) -8px top no-repeat;
  	height: 895px;
  	padding: 0px 0px 0px 0px;
  	position: relative;
}

.content_3row {
	background:transparent url(../images/content_3row.jpg) -8px top no-repeat;
  	height: 825px;
  	padding: 0px 0px 0px 0px;
  	position: relative;
}

.content_2row {
	background:transparent url(../images/content_2row.jpg) -8px top no-repeat;
  	height: 670px;
  	padding: 0px 0px 0px 0px;
  	position: relative;
}

.content_3row_queue {
	background:transparent url(../images/content_3row_queue.jpg) -8px top no-repeat;
  	height: 940px;
  	padding: 0px 0px 0px 0px;
  	position: relative;
}

.content_2row_queue {
	background:transparent url(../images/content_2row_queue.jpg) -8px top no-repeat;
  	height: 785px;
  	padding: 0px 0px 0px 0px;
  	position: relative;
}

/* Startseite */
.willkommen {
	padding: 45px 82px 0px 82px;
}

.allgemein {
	padding: 52px 82px 0px 82px;
}

/* Weltkarte */
.weltkarte {
	padding: 45px 82px 0px 82px;
}

.weltkarte .control {
  	width: 850px;
  	height: 42px;
  	background: transparent url(../images/control.png) no-repeat;
  	margin: 7px 0 3px 0;
  	position: relative;
         z-index: 10;
}

.weltkarte .control2 {
  	width: 850px;
  	height: 42px;
  	background: transparent url(../images/control2.png) no-repeat;
}

.weltkarte .control div {
  	position: absolute;
  	top: 9px;
  	height: 23px;
  	line-height: 23px;
}
.weltkarte .control div a {
  display: block;
  width: 11px;
  height: 21px;
  text-indent: -9999em;
  position: absolute;
  top: 1px;
}
.weltkarte .control div .up {
  left: 106px;
}
.weltkarte .control div .down {
  left: 44px;
}
.weltkarte .control div label {
  color: #FFF;
  font-weight: bold;
}
.weltkarte .control div input {
  width: 47px;
  height: 19px;
  position: absolute;
  left: 57px;
  top: 1px;
  border: 0;
  text-align: center;
  font-weight: bold;
}

.weltkarte .control2 input {
  width: 110px;
  height: 19px;
  border: 0;padding: 2px 3px 0;
  text-align: center;
  font-weight: bold;
  margin:9px 17px;background:none;
  color: #FFF59B;font-size:12px;
  font-family: arial, sans-serif;
}

.weltkarte .control2 input:hover {
	color:#fff
}

.weltkarte .control2 input#search {
	text-align:left;color:#000
}

.weltkarte .control .meer {
  left: 12px;
}
.weltkarte .control .meer label {
  position: relative;
  left: 7px;
}
.weltkarte .control .sektor {
  left: 150px;
}
.weltkarte .control .submit {
  visibility: hidden;
}
.weltkarte .control .flottenbewegung, .weltkarte .control .abenteuerquests, .weltkarte .control .stationiert {
  	color: #FFF59B;
  	font-weight: bold;
  	display: block;
  	width: 140px;
  	height: 26px;
  	position: absolute;
  	top: 8px;
  	line-height: 26px;
  	text-align: center;
         text-shadow: #2E1809 1px 1px 0px;
}

.weltkarte .control .flottenbewegung:hover, .weltkarte .control .abenteuerquests:hover, .weltkarte .control .stationiert:hover {
  	color: #FFF;
}

.weltkarte .control .flottenbewegung {
  	background: url(../images/button_bg_03.png) no-repeat;
         width: 140px;
         height: 26px;
  	left: 370px;
}

.weltkarte .control .stationiert {
  	background: url(../images/button_bg_03.png) no-repeat;
         width: 140px;
         height: 26px;
  	left: 520px;
}

.weltkarte .control .abenteuerquests {
  	background: url(../images/button_bg_04.png) no-repeat;
         width: 150px;
         height: 26px;
  	left: 670px;
}

.weltkarte .inseln li {
  	margin: 0 0 9px 0;
  	float: left;
}
.weltkarte .inseln div {
  	background: #E9E1C7;
  	border: 1px solid #816A47;
  	border-left: 0;
  	border-right: 0;
  	color: #816A47;
  	font-weight: bold;
  	float: left;
  	height: 50px;
  	line-height: 50px;
}
.weltkarte .inseln .head div {
  background: 0;
  padding-top: 7px;
  padding-bottom: 7px;
  border: 0;
  color: #000;
  line-height: 1;
  height: 3px;
}
.weltkarte .inseln img {
  vertical-align: middle;
}
.weltkarte .inseln .insel {
  padding-left: 17px;
  width: 108px;
  border-left: 1px solid #816A47;
}
.weltkarte .inseln .insel span {
  position: relative;
}
.weltkarte .inseln .insel strong {
  display: block;
  height: 18px;
  width: 39px;
  position: absolute;
  bottom: 3px;
  right: 5px;
}
.weltkarte .inseln .insel strong img:first-child {
  position: relative;
  left: 5px;
}
.weltkarte .inseln .name {
  width: 185px;
}
.weltkarte .inseln .spieler {
  width: 185px;
}
.weltkarte .inseln .allianz {
  width: 185px;
}
.weltkarte .inseln .aktion {
  width: 152px;
  border-right: 1px solid #816A47;
}
.weltkarte .inseln select {
  border: 1px solid #57462D;
  font-weight: bold;
  width: 93px;
}
.weltkarte .inseln .submit {
  border: 0;
  padding: 0;
  background: url(../images/button_weltkarte.gif) no-repeat;
  width: 36px;
  height: 23px;
  color: #FFF59B;
  font-weight: bold;
}
.weltkarte .inseln .submit:hover {
  color: #FFF;
}

.ie6 .weltkarte .insel {
  padding-top: 10px;
  height: 40px;
}
.ie6 .weltkarte .insel strong {
  bottom: 15px;
  right: 50px;
}
.ie6 .weltkarte .aktion {
  padding-top: 15px;
  height: 35px;
}

/* Bauansicht / Units */
.bauansicht {
	padding: 45px 82px 0px 75px;
         color: #FFF;
}

.bauansicht #standardpanel {
  	width: 852px;
  	height: 309px;
  	background: url(../images/standardpanel.jpg);
  	position: static;
}

.bauansicht #panelcontainer {
  	width: 852px;
  	height: 309px;
  	position: absolute;
  	overflow: hidden;
}

.bauansicht #baupanels {
  	width: 852px;
  	height: 309px;
  	background: url(../images/details.png);
  	top: -309px;
  	position: absolute;
}
.bauansicht #baupanels .details {
  	display: none;
}
.bauansicht #baupanels a {
  	color: #FFF59B;
  	font-weight: bold;
}
.bauansicht #baupanels .gross {
  	position: absolute;
  	top: 29px;
  	left: 27px;
}
.bauansicht .queue {
  	background: url('../images/bauquery_normal.png');
  	width:841px;
  	height:82px;
  	padding:22px 0 0 11px;
}
.bauansicht .queue_premium {
  	background: url('../images/bauquery_premium.png');
  	width:841px;
  	height:82px;
  	padding:22px 0 0 11px;
}
.bauansicht .queue_list {
	width:488px;
  	height:61px;
  	float:left;
}
.bauansicht .queue_list li {
  	float: left;
  	margin: 0 0 0 16px;
  	overflow:hidden;
}
.bauansicht .queue_list li span {
	position:absolute;font-weight:bold;padding:3px
}
.bauansicht .queue_list li .cancel {
  	background:url('../images/close.gif') no-repeat center center;
  	height:20px;
  	width:20px;
  	display:block;
  	position:absolute;
  	z-index:100;
  	margin-left:45px;
}

.bauansicht .queue_list li .premium {
  	background:url('../images/diamant.png') no-repeat center center;
  	height:20px;
  	width:20px;
  	display:block;
  	position:absolute;
  	z-index:100;
 	margin-left:47px;
 	margin-top:40px;
}

.bauansicht .queue_list img {
	height:80px;
	width:80px;
	margin:-10px -8px -11px -7px;
}


.bauansicht .gem {
  	width: 71px;
  	height: 60px;
  	position: absolute;
  	left: 348px;
}

.bauansicht .empfehlung {
  	width: 468px;
  	height: 60px;
  	position: absolute;
  	left: 437px;
}

.bauansicht .queue_detail {
    	float: left;
    	height: 62px;
    	margin: 0 0 0 8px;
    	overflow: hidden;
    	width: 320px;
}

.bauansicht .queue_detail .level {
	float:left;
  	font-size: 24px;
  	font-weight: bold;
  	font-family: times, serif;
  	padding:5px;
  	width: 44px;
  	text-align: center;
  	height:38px;
}

.bauansicht .queue_detail h2 {
	float:left;
  	margin: 0px !important;
  	width:254px;
  	height:47px;
}

.bauansicht .queue_detail .progress {
  	float:left;
  	width:263px;
  	height:20px;
}
.bauansicht .queue_detail .progress .bar {
	float:right;
	width: 126px;
	height: 10px;
	padding: 3px 8px 11px 4px;
	background: url(../images/progress.gif) no-repeat;
}
.bauansicht .queue_detail .progress .bar .prozent {
	position:absolute;
	width:126px;
	color:#FFFFFF;
	font-size:9px;
	text-shadow: 1px 1px #000000;
	text-align:center;
}

.bauansicht .queue_detail .progress .bar span {
  	display: block;
  	background: url(../images/progress_status.gif) repeat-x;
  	width: 0%;
  	height: 10px;
}
.bauansicht .queue_detail .bauen {
  	display: block;
  	width: 141px;
  	height: 33px;
  	background: url(../images/bau_button.gif);
  	position: absolute;
  	font-family: arial, sans-serif;
  	font-size: 12px;
  	right: -6px;
  	top: 73px;
  	line-height: 28px;
  	text-align: center;
  	border:0;padding:0;margin:0;font-weight:bold;color: #FFF59B
}

.bauansicht #baupanels .level {
  	font-size: 24px;
  	font-weight: bold;
  	font-family: times, serif;
  	position: absolute;
  	top: 35px;
  	left: 366px;
  	width: 44px;
  	display: block;
  	text-align: center;
}
.bauansicht #baupanels h2 {
  	position: absolute;
  	top: 22px;
  	left: 425px;
  	margin: 0;
}
.bauansicht #baupanels .beschreibung {
  	position: absolute;
  	top: 72px;
  	left: 425px;
  	line-height: 1.1em;
  	padding-right:15px
}

.bauansicht #baupanels .beschreibung_info {
  	position: absolute;
  	top: 125px;
  	left: 425px;
  	line-height: 1.2;
         text-align: center;
         font-style: italic;
         width: 385px;
         padding: 5px;
         color: #EFE3C9;
         background: #0E0905;
         border-radius: 10px;
         -moz-border-radius: 10px;
         -khtml-border-radius: 10px;
         -moz-box-shadow:    1px 1px 0px #251509;
   	-webkit-box-shadow: 1px 1px 0px #251509;
   	box-shadow:         1px 1px 0px #251509;
}

.bauansicht #baupanels .empfehlung {
  	width: 468px;
  	height: 60px;
  	position: absolute;
  	left: 354px;
  	top: 300px;
}
.bauansicht #baupanels .ausbau {
  	position: absolute;
  	top: 167px;
  	left: 425px;
}

span.ausbauinfo {
	display:block;
         text-align: center;
         line-height: 1.1em;
         width: 385px;
}

/* Units */
.bauansicht #baupanels .ausbau .materialien {
  	width: 397px;
  	height: 41px;
  	background: url(../images/baustoffe.png);
  	line-height: 41px;
  	font-weight: bold;
  	margin: 10px 0 0 0;
}
.bauansicht #baupanels .ausbau .materialien li {
  	float:left;
  	margin-left: 10px;
  	width: 57px;
  	padding-left: 31px;
}
.bauansicht #baupanels .ausbau .materialien .gold {
  	background: url(../images/icon_gold_medium.png) no-repeat scroll left center transparent;
}
.bauansicht #baupanels .ausbau .materialien .eisen {
  	background: url(../images/icon_eisen_medium.png) no-repeat scroll left center transparent;
}
.bauansicht #baupanels .ausbau .materialien .holz {
  	background: url(../images/icon_holz_medium.png) no-repeat scroll left center transparent;
}
.bauansicht #baupanels .ausbau .materialien .nahrung {
  	background: url(../images/icon_nahrung_medium.png) no-repeat scroll left center transparent;
}

.bauansicht #baupanels .ausbau .materialien2 {
  	width: 397px;
  	height: 66px;
  	background: url(../images/baustoffe2.png);
}
.bauansicht #baupanels .ausbau .materialien2 li {
  	float: left;
  	margin-left: 10px;
  	margin-top: 3px;
  	width: 57px;
  	height: 33px;
  	line-height: 33px;
  	padding-left: 31px;
}
.bauansicht #baupanels .ausbau .materialien2 .gold {
  	background: url(../images/icon_gold_medium.png) no-repeat scroll left bottom transparent;
}
.bauansicht #baupanels .ausbau .materialien2 .eisen {
  	background: url(../images/icon_eisen_medium.png) no-repeat scroll left bottom transparent;
}
.bauansicht #baupanels .ausbau .materialien2 .holz {
  	background: url(../images/icon_holz_medium.png) no-repeat scroll left bottom transparent;
}
.bauansicht #baupanels .ausbau .materialien2 .nahrung {
  	background: url(../images/icon_nahrung_medium.png) no-repeat scroll left bottom transparent;
}
.bauansicht #baupanels .ausbau .materialien2 .rubine {
  	background: url(../images/icon_blutdiamant_medium.png) no-repeat scroll left bottom transparent;
  	margin: -3px 0px 0px 154px;
  	width: 60px;
}
.bauansicht #baupanels .ausbau .progress2 {
  	top: 102px !important;
}
.bauansicht #baupanels .ausbau .bauen2 {
  	top: 96px !important;
}
.bauansicht #baupanels .ausbau .progress {
  	top: 78px;
  	position: absolute;
}
.bauansicht #baupanels .ausbau .progress .bar {
 	display: block;
  	position: absolute;
  	top: 0;
  	left: 115px;
  	width: 126px;
  	height: 10px;
  	padding: 3px 8px 11px 4px;
  	background: url(../images/progress.gif) no-repeat;
}
.bauansicht #baupanels .ausbau .progress .bar span {
  	display: block;
  	background: url(../images/progress_status.gif) repeat-x;
  	width: 0%;
  	height: 10px;
  	text-align:right;
  	color:#FFFFFF;
  	font-size:9px;
  	text-shadow: 1px 1px #000000;
}
.bauansicht #baupanels .ausbau .bauen {
  	display: block;
  	width: 141px;
  	height: 33px;
  	background: url(../images/bau_button.gif);
  	position: absolute;
  	font-family: arial, sans-serif;
  	font-size: 12px;
  	right: -6px;
  	top: 73px;
  	line-height: 28px;
  	text-align: center;
  	border:0;padding:0;margin:0;font-weight:bold;color: #FFF59B
}
.bauansicht #baupanels .ausbau input.bauen {
	height:26px
}
.bauansicht .trigger {
  	width: 860px;
  	margin-left:-5px;
}
.bauansicht .trigger li {
  	float: left;
  	width:172px;
  	height:140px;
}

.ie6 .bauansicht .trigger {
  	margin: 410px 0 0 0;
}

/* Flotte */

.flotte {
	padding: 45px 82px 0px 75px;
         color: #FFF;
}

.flotte .status {
  	background: url(../images/status_bg.png);
  	height: 42px;
  	width: 835px;
  	margin: 8px 0 0 3px;
  	line-height: 41px;
  	font-weight: bold;
  	color: #FFF;
}
.flotte .status .insel {
  	margin: 0 0 0 18px;
}
.flotte .status .insel img {
  	vertical-align: middle;
}
.flotte .status .name {
	width: 200px;
  	margin: 0px 15px;
         text-align:center;
}

.flotte .status a {
  	color: #B94E00;
}
.flotte .aktionen {
  	margin: 5px 0 0 0;
  	position: relative;
  	width: 820px;
}
.flotte .aktionen li {
  	float: left;
}
.flotte .aktionen li a {
  	display: block;
  	height: 48px;
  	text-indent: -9999em;
}
.flotte .aktionen li a:hover, .flotte .aktionen li a.active {
  	background-position: bottom right;
}
.flotte .aktionen .angreifen a {
  	width: 155px;
  	background: url(../images/flotte_angreifen.jpg);
}
.flotte .aktionen .handeln a {
  	width: 158px;
  	background: url(../images/flotte_handeln.jpg);
}
.flotte .aktionen .stationieren a {
  	width: 156px;
  	background: url(../images/flotte_stationieren.jpg);
}
.flotte .aktionen .crew {
  	margin: 0 0 0 10px;
}
.flotte .aktionen .crew strong {
 	position: absolute;
  	right: 0;
  	top: 8px;
  	color: #38302B;
}
.flotte .aktionen .crew span {
  	position: absolute;
  	right: 0;
  	top: 23px;
  	color: #000;
  	font-weight: bold;
}
.flotte .aktionen .crew em {
  	font-size: 14px;
  	font-style: normal;
}
.flotte .aktionen .crew em.aktuell {
  	color: #678713;
}
.flotte .auswahl {
  	width: 834px;
  	height: 321px;
  	background: url(../images/flotte_auswahl.png);
  	clear: both;
  	position: relative;
  	top: 10px;
}

.flotte .auswahl ul {
  	width: 635px;
  	padding: 15px 0 0 15px;
  	color: #FFF;
}
.flotte .auswahl ul li {
  	margin: 0 21px 3px 0;
  	float: left;
}
.flotte .auswahl ul li p {
  	margin: 2px 0 0 0;
}
.flotte .auswahl ul li.last {
  	margin: 0;
}
.flotte .auswahl ul input {
  	background: #070503;
  	border: 1px solid #57462D;
  	width: 47px;
  	height: 21px;
  	text-align: center;
  	color: #FFF;
  	padding: 0;
}

#baupanels .input {
  	background: #070503;
  	border: 1px solid #57462D;
  	height: 21px;
  	text-align: center;
  	color: #FFF;
  	padding: 0;
}
.flotte .auswahl .ressourcen {
  	clear: both;
  	color: #FFF;
  	position: absolute;
  	top: 264px;
  	left: 20px;
  	height: 51px;
  	line-height: 51px;
}

.flotte .auswahl .angriff_gebaude {
         background: url(../images/auswahl_bg_1.png) left top no-repeat;
  	clear: both;
  	color: #FFF;
  	position: absolute;
  	top: 325px;
  	left: 0px;
         width: 843px;
  	height: 59px;
  	line-height: 52px;
}

.flotte .auswahl .angriff_gebaude span {
  	color: #FFFFFFF;
         font-size: 11pt;
         font-style: bold;
         padding: 0px 0px 0px 25px;
}

.angriff_gebaude .back2, .angriff_gebaude .submit2 {
         float: left;
         color: #FFF59B;
  	font-weight: bold;
  	text-align: center;
         text-decoration: none;
  	display: block;
  	border: 0;
         margin-top: 8px;
  	height: 20px;
  	width: 100px;
  	line-height: 20px;
  	background: url(../images/button_bg_05.png) no-repeat;
  	font-size: 12px;
  	font-family: arial, sans-serif;
}
.angriff_gebaude .back2:hover, .angriff_gebaude .submit2:hover {
  	color: #FFF;
         text-decoration: none;
}
.angriff_gebaude .submit2 {
  	background: url(../images/button_bg_06.png) no-repeat;
  	width: 180px;
         height: 20px;
  	line-height: 20px;
  	float: right;
         margin-right: 13px;
}

.flotte .auswahl .ressourcen em {
  	color: #678713;
  	font-style: normal;
}
.flotte .auswahl .ressourcen input {
  	background: #070503;
  	border: 0px #FFFFFF solid;
  	padding: 0;
  	color: #FFF;
  	width: 80px;
  	position: absolute;
  	left: 271px;
  	height: 20px;
  	top: 15px;
}

.flotte .auswahl .ressourcen #eisen {
  	left: 417px;
}
.flotte .auswahl .ressourcen #holz {
  	left: 555px;
}
.flotte .auswahl .ressourcen #nahrung {
  	left: 688px;
}

.flotte .navi {
	position: absolute;
	top: 320px;
         left: 3px;
         width: 825px;
         height: 22px;
         line-height: 22px;
}
.flotte .navi .back, .flotte .navi .submit {
         position: absolute;
  	color: #FFF59B;
  	font-weight: bold;
  	text-align: center;
  	display: block;
  	border: 0;
         margin-top: 8px;
  	height: 20px;
  	width: 100px;
  	line-height: 20px;
  	background: url(../images/button_bg_05.png) no-repeat;
  	font-size: 12px;
  	font-family: arial, sans-serif;
}
.flotte .navi .back:hover, .flotte .navi .submit:hover {
  	color: #FFF;
         text-decoration: none;
}
.flotte .navi .submit {
	position: absolute;
         float:right;
         right: 0;
  	background: url(../images/button_bg_06.png) no-repeat;
  	width: 180px;
         height: 20px;
}

.ie6 .flotte .status {
  	padding: 5px 0 0 0;
  	height: 36px;
}

.ie6 .flotte .auswahl ul {
  	padding: 15px 0 0 15px;
}
.ie6 .flotte .auswahl ul li {
  	margin: 0 21px 0 0;
}
.ie6 .flotte .auswahl ul li p {
  	margin-top: -4px;
}
.ie6 .flotte .auswahl ul li.last {
  	margin: 0;
}


/* Flottenansicht */
.flottenansicht  {
  	padding: 45px 82px 0;
}

/* Flottenansicht */
.flottenansicht .status {
  	background: url(../images/status_bg_flotten.png);
  	height: 42px;
  	width: 835px;
  	margin: 10px 0 9px 0px;
  	line-height: 41px;
  	font-weight: bold;
  	color: #FFF;
  	position: relative;
}
.flottenansicht .status strong {
  	margin: 0 20px 0 20px;
}
.flottenansicht .status a {
  	color: #FFF59B;
  	display: block;
  	width: 150px;
  	height: 25px;
  	position: absolute;
  	left: 660px;
  	top: 8px;
  	line-height: 25px;
  	text-align: center;
}
.flottenansicht .status a:hover {
  	color: #FFF;
}
.flottenansicht .flotten {
  	width: 643px;
  	margin: 8px 0 0 0;
  	color: #FFF;
}
.flottenansicht .flotten ul {
  	padding: 6px 0 0 0;
}
.flottenansicht .flotten li.small {
  	height: 53px;
  	width: 810px;
  	margin: 0 0 7px 0;
  	background: url(../images/auswahl_bg_2_small.png);
  	padding: 6px 0 0 0;
}

.flottenansicht .flotten li {
  	height: 53px;
  	width: 830px;
  	margin: 0 0 7px 0;
  	background: url(../images/auswahl_bg_2.png);
  	padding: 6px 0 0 0;
}

.flottenansicht .flotten table {
  	float: left;
  	line-height: 1.2;
  	margin: 7px 10px 0 15px;color:#fff
}
.flottenansicht .flotten th {
  	width: 35px;
}
.flottenansicht .flotten td {
  	font-weight: bold
}
.flottenansicht .flotten .weg {
  	background: url(../images/inselzuinsel.png) no-repeat;
  	width: 223px;
  	height: 43px;
  	float: left;
  	padding: 0 85px 0 76px;
}
.flottenansicht .flotten .weg a {
	display:block;background:url('../images/rueckruf.png');height:17px;width:17px;position:absolute;margin-left:285px
}
.flottenansicht .flotten .weg span {
  	display: block;
  	height: 25px;
  	width: 10px;
  	background: url(../images/schiff.png) top right no-repeat;
  	min-width: 29px;
  	width: 0%;
  	margin: 8px 0 0 0;
}
.flottenansicht .flotten .infos {
  	float: left;
  	line-height: 1.2;
  	margin: 7px 0 0 10px;
}
.flottenansicht .flotten .infos span {
  	display: block;
}
.flottenansicht .flotten .stationieren .art strong {
  	color: #84D0F0;
}
.flottenansicht .flotten .stationiert .art strong {
  	color: #84D0F0;
}
.flottenansicht .flotten .rueckfahrt .art strong {
  	color: #97BF0D;
}
.flottenansicht .flotten .angriff .art strong {
  	color: #FF0000;
}
.flottenansicht .flotten .uebernehmen .art strong {
  	color: #FF0000;
}
.flottenansicht .flotten .handeln .art strong {
  	color: #97BF0D;
}
.flottenansicht .flotten .abenteuer .art strong {
  	color: #FFED00;
}
.flottenansicht .flotten .abenteuer .weg {
  	background-image: url(../images/inselzusee.png);
}
.flottenansicht .flotten .rueckfahrt .weg span {
  	width: 100%;
  	background-image: url(../images/schiff_b.png);
}
.flottenansicht .flotten .stationiert .weg span {
  	width: 100%;
}
.flottenansicht .flotten .hinweis {
  	text-align: center;
  	line-height: 1.3;
}
.flottenansicht .flotten .hinweis .title {
  	display: block;
  	margin: 5px 0 0 0;
}
.flottenansicht .flotten .hinweis .erforschen {
  	color: #FFED00;
}
.flottenansicht .flotten .back {
  	display: block;
  	color: #FFF59B;
  	width: 76px;
  	height: 27px;
  	background: url(../images/button_zurueck.gif);
  	text-align: center;
  	font-weight: bold;
  	line-height: 27px;
  	margin: 13px 0 0 0;
}
.flottenansicht .flotten .back:hover {
  	color: #FFF;
}

/* Hilfe */
.hilfe {
	padding: 45px 82px 0px 82px;
}

.inhalt {
  	width: 810px;
  	height: 600px;
  	background: url('../images/box_bg.png');
  	border: 1px solid #816A47;
  	font-size:13px;
         line-height:16px;
         padding: 10px;
}
.hilfe p {
  	line-height: 16px;
}
.hilfe ol {
  	font-size: 14px;
  	font-weight: bold;
  	line-height: 24px;
  	margin: 30px 0 0 0;
}
.hilfe ol ol {
  	margin: 0 0 0 35px;
}
.hilfe ol a {
  	color: #E95D0F;
}
.hilfe .auswahl {
  	width: 810px;
  	height: 41px;
  	margin: 10px 0 0 0;
  	line-height: 41px;
  	color: #FFF;
  	padding: 0 0 0 17px;
  	position: relative;
  	background:transparent url(../images/tp_box.png);
  	border: 1px #382309 solid;
}
.hilfe .auswahl strong {
  	position: absolute;
}
.hilfe .auswahl form {
  	position: absolute;
    	left: 120px;
  	top: 0;

}
.hilfe .auswahl form select {
  	width: 151px;
  	padding: 2px;
  	font-weight: bold;
  	border: 1px solid #57462D;
}
.hilfe .auswahl form input {
  	font-weight: bold;
  	background: none;
  	border: 0;
  	color: #FFF59B;
  	position: absolute;
  	left: 264px;
  	top: 10px;
  	width: 36px;
  	height: 23px;
  	display: block;
}

.hilfe .aktuell {
  	font-weight: bold;
  	padding: 9px 0 9px 17px;
}

.hilfe .more {
  	width: 812px;
  	height: 41px;
  	line-height: 41px;
  	color: #FFF;
  	font-weight: bold;
  	padding: 0 0 0 17px;
  	margin: 9px 0 0 0;
  	background:transparent url(../images/tp_box.png);
  	border: 1px #382309 solid;
}
.hilfe .more a {
  	color: #FFF59B;
}

#content .flottenansicht .second {
  	margin-top: 10px;
}

/* Forschung */
.forschung {
	padding: 45px 82px 0px 75px;
}

.forschung #forschungspanel {
  	width: 852px;
  	height: 309px;
  	background: url(../images/forschung.jpg);
  	position: absolute;
}
.forschung #forschungspanel li {
  float: left;
}
.forschung #forschungspanel a {
  display: block;
  float: left;
  height: 366px;
  position: relative;
}
.forschung #forschungspanel a:hover span {
  display: block;
  background: #000;
  width: auto;
  height: auto;
  border: 1px solid #85683A;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 55;
  padding: 10px;
  font-weight: bold;
}
.forschung #forschungspanel a:hover span strong {
  display: block;
  color: #FFF;
  font-size: 14px;
  margin: 0 0 3px 0;
  width: 170px;
}
.forschung #forschungspanel span {
  display: none;
}
.forschung #forschungspanel .armor {
  width: 77px;
  background: url(../images/ruestung.png) left bottom no-repeat;
}
.forschung #forschungspanel .rum {
  width: 39px;
  background: url(../images/rum.png) left bottom no-repeat;
}
.forschung #forschungspanel .raserei {
  width: 165px;
  background: url(../images/raserei.png) left bottom no-repeat;
}
.forschung #forschungspanel .schiffspanzerung {
  width: 40px;
  background: url(../images/schiffspanzerung.png) left bottom no-repeat;
}
.forschung #forschungspanel .schusswaffen {
  width: 92px;
  background: url(../images/schusswaffen.png) left bottom no-repeat;
}
.forschung #forschungspanel .seefahrt {
  width: 96px;
  background: url(../images/seefahrt.png) left bottom no-repeat;
}
.forschung #forschungspanel .sprengstoff {
  width: 88px;
  background: url(../images/sprengstoff.png) left bottom no-repeat;
}
.forschung #forschungspanel .stichwaffen {
  width: 56px;
  background: url(../images/stichwaffen.png) left bottom no-repeat;
}
.forschung #forschungspanel .architektur {
  width: 51px;
  background: url(../images/architektur.png) left bottom no-repeat;
}
.forschung #forschungspanel .kanonentechnik {
  width: 75px;
  background: url(../images/kanonentechnik.png) left bottom no-repeat;
}

.units #unitspanel {
  width: 852px;
  height: 309px;
  background: url(../images/unitpanel.jpg);
  position: static;
}

.bauansicht #defensepanel {
  width: 852px;
  height: 309px;
  background: url(../images/defensepanel.jpg);
  position: static;
}

/** EIGENES **/

#topbar {height:20px;padding:6px 0 0;background:#000;color:#fff}
#topbar #topframe {width:1000px;margin:auto}
#topbar a {color: #FFF59B}
#topbar a:hover {color: #FFF}

.bauansicht #baupanels .ausbau .bauen.disabled {color:#fff;cursor:default}

#content #in .left { padding-top:18px}
#in .box, #content .box { width: 809px; background: url('../images/box_bg.png'); border: 1px solid #816A47; padding: 8px 10px; margin-bottom:8px; margin-left: 1px; }
#content #in h2 {margin:0 0 10px}

.input, textarea, select {font-size:13px;padding:4px;margin-bottom:5px}

#submenu {background:url('../images/auswahl_bg_3.png') no-repeat; padding:17px 25px 20px 15px; color:#fff; font-weight:bold; width:800px; height:20px}
#submenu a {color: #FFF59B;}
#submenu a:hover {color:#fff}

#popuppOverlay {position:absolute; z-index:1000; height:1240px; width:100%; background:url('../images/black_overlay.png'); left:0; top:0}
#popupp {z-index:2000;background:url('../images/popupp_neu.png'); position:absolute; left:240px; margin-top:245px; height:175px; width:483px; padding:15px 40px 45px 70px; }
#popupp a {color:#000}
#popupp #txt {padding:35px 10px 0 20px;text-align:center;font-size:16px;font-weight:bold}

#popupp .close {display:block; width:36px; height: 36px; background:transparent url('../images/close.png') no-repeat;}

.red, #header .red {color:#f00}

h2 a {color:#000}

img {vertical-align:middle}

#map {background:url('../images/weltkarte.jpg');width:603px;height:439px;margin-top:38px;padding:20px;margin-bottom:6px}
#map div {width:600px;height:431px;position:absolute}
#map #sektor {background:url('../images/sektor.jpg') no-repeat;padding:12px 17px;width:572px;height:409px}
#map #meer1 {background:url('../images/meer1.jpg') no-repeat}
#map #meer2 {background:url('../images/meer2.jpg') no-repeat}
#map #meer3 {background:url('../images/meer3.jpg') no-repeat}
#map #meer4 {background:url('../images/meer4.jpg') no-repeat}
#map a {width:297px;height:215px;display:block;float:left}
#map #meer1 a,#map #meer2 a,#map #meer3 a,#map #meer4 a {width:35px;height:25px;border:1px solid #515b37}
#map #meer1 a:hover,#map #meer2 a:hover,#map #meer3 a:hover,#map #meer4 a:hover, #map #sektor a:hover {background:#23473b}
#map #sektor li {width:35px;height:34px;float:left}
#map #sektor img:hover {cursor:pointer}

#achievements { width:790px; margin: 5px auto 5px auto; padding:10px; }
#achievements_titlebox {
	background: transparent url(../images/achievements/achivement_bg.png) no-repeat;
	width:790px;
         height: 112px;
         margin: 5px auto 5px auto;
}

#map li {
	position:relative;
}

#map .popup, .flotten li .popup {
	display:none;
	width:217px; height:113px;
	background:url(../images/popup.png);
	position:absolute;
	top:50%; left:50%;
	z-index:100;
	font-weight:bold;
}

#map .popup strong, #map .aktionen strong {
	position:absolute;
	top:10px; left:20px;
}

#map .popup .username {
	color:#E95D0F;
	position:absolute;
	top:26px; left:20px;
}

#map .popup .gilde {
	color:#E95D0F;
	position:absolute;
	top:42px; left:20px;
}

#map .popup .handel {
	font-weight:normal;
	color:#E95D0F;
	position:absolute;
	top:25px; left:20px;
         font-size: 8pt;
}

#map .popup .ziel {
	position:absolute;
	top:64px; left:20px;
}

#map .popup .ziel span {
	color:#678713;
}

#map .popup .ziel span.red {
	color:#f00;
}

#map .popup .zeit {
	position:absolute;
	top:78px; left:20px;
}

#map .aktionen {
	display:none;
	width:217px; height:244px;
	background:url(../images/aktionen.png);
	position:absolute;
	top:50%; left:50%;
	z-index:100;
}

#map .aktionen .username {
	position:absolute;
	top:25px; left:20px;
	font-size:11px;
	font-weight:bold;
}

#map .aktionen .ziel {
	position:absolute;
	top:38px; left:20px;
	font-size:11px;
	font-weight:bold;
}

#map .aktionen .close, #map .aktionen .close:hover{
	width:47px; height:15px;
	position:absolute;
	right:0; bottom:0;
	cursor:pointer;
	background:transparent !important;
}

#map .shown, .flotten li .shown {
	display:block;
}

#map .aktionen .handeln, #map .aktionen .stationieren, #map .aktionen .uebernehmen, #map .aktionen .angreifen {
	display:block;
	width:199px;
	position:absolute;
	left:5px;
	height:43px;
}

#content #map li .username a, #content #map li .gilde a {
	display: inline;
    	float: none;
    	height: auto;
    	width: auto;
    	background:transparent;
}
#content #map li a:hover {
    background:transparent;
}

#content #map #sektor .aktionen .handeln {
	top:51px; background:url(../images/handeln.jpg);
	height:43px;
}

#content #map #sektor .aktionen .stationieren {
	top:94px; background:url(../images/stationieren.jpg);
	height:41px;
}

#content #map #sektor .aktionen .angreifen {
	top:135px; background:url(../images/angreifen.jpg);
	height:43px;
}

#content #map #sektor .aktionen .uebernehmen {
	top:178px; background:url(../images/uebernehmen.jpg);
	height:41px;
}
#content #map #sektor .aktionen .uebernehmen_blank {
	top:178px;
	height:41px;
}

/* Quests */
.abenteuer {
	padding: 45px 82px 0px 82px;
}

.abenteuer .status {
  background: url(../images/status_bg.png);
  height: 42px;
  width: 835px;
  margin: 8px 0 0 3px;
  padding: 0 0 0 10px;
  line-height: 41px;
  font-weight: bold;
  color: #FFF;
}
.abenteuer .maincontent {
  width: 834px;
  height: 330px;
  background: url(../images/abenteuer.png) no-repeat;
  position: relative;
  color: #ECE6CF;
  margin: 6px 0 10px 0;
}
.abenteuer .maincontent img {
  float: left;
  margin: 0px 15px 10px 0px;
}
.abenteuer .maincontent .inner {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 800px;
}
.abenteuer .maincontent .inner h3 {
  font-family: "times new roman", serif;
  font-size: 24px;
  margin: 5px 0 0 0;
  color: #FFFFFF;
}
.abenteuer .maincontent .inner p {
  margin: 10px 0 0 0;
  line-height: 1.1;
}
.abenteuer .maincontent .dauer {
  	float: right;
         padding: 4px 12px 4px 12px;
         margin: 20px 20px 5px 8px;
	background: #3F2611;
         color: #FFFFFF;
         text-align: center;
         font-weight: normal;
         font-size: 10pt;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
         text-shadow: #0B0603 1px 1px 0px;
         -moz-box-shadow:    inset 2px 2px 3px #0B0603, 1px 1px 0px #563B24;
   	-webkit-box-shadow: inset 2px 2px 3px #0B0603, 1px 1px 0px #563B24;
   	box-shadow:         inset 2px 2px 3px #0B0603, 1px 1px 0px #563B24;
}
.abenteuer .maincontent .dauer .bar {
  display: block;
  position: absolute;
  top: 2px;
  left: 369px;
  width: 126px;
}
.abenteuer .maincontent .dauer .bar span {
  display: block;
  background: url(../images/progress_status.gif) repeat-x;
  width: 0%;
  height: 10px;
}
.abenteuer .maincontent .belohnung {
  position: absolute;
  left: 20px;
  top: 284px;
}
.abenteuer .maincontent .belohnung .rubine, .abenteuer .maincontent .belohnung .gold, .abenteuer .maincontent .belohnung .holz, .abenteuer .maincontent .belohnung .eisen, .abenteuer .maincontent .belohnung .nahrung {
  position: absolute;
  font-weight: bold;
  top: 0;
}
.abenteuer .maincontent .belohnung .rubine {
  left: 190px;
}
.abenteuer .maincontent .belohnung .gold {
  left: 313px;
}
.abenteuer .maincontent .belohnung .eisen {
  left: 438px;
}
.abenteuer .maincontent .belohnung .holz {
  left: 567px;
}

.abenteuer .maincontent .belohnung .nahrung {
  left: 725px;
}
.abenteuer .maincontent .back, .abenteuer .maincontent .weiter {
  display: block;
  height: 27px;
  color: #FFF59B;
  font-weight: bold;
  line-height: 27px;
  text-align: center;
  width: 76px;
  position: absolute;
  bottom: 0;
  left: 3px;
}
.abenteuer .maincontent .weiter {
  width: 151px;
  left: 675px;
}

/* Flotten Abenteuerauswahl */
.flotte .auswahl_abenteuer {
  width: 834px;
  height: 260px;
  background: url(../images/flotte_auswahl.png);
  clear: both;
  position: relative;
  top: 10px;
}

.flotte .auswahl_abenteuer ul {
  width: 635px;
  padding: 15px 0 0 15px;
  color: #FFF;
}
.flotte .auswahl_abenteuer ul li {
  margin: 0 21px 3px 0;
  float: left;
}
.flotte .auswahl_abenteuer ul li p {
  margin: 2px 0 0 0;
}
.flotte .auswahl_abenteuer ul li.last {
  margin: 0;
}
.flotte .auswahl_abenteuer ul input {
  background: #070503;
  border: 1px solid #57462D;
  width: 47px;
  height: 21px;
  text-align: center;
  color: #FFF;
  padding: 0;
}

.flotte .auswahl_abenteuer .ressourcen {
  clear: both;
  color: #FFF;
  position: absolute;
  top: 264px;
  left: 20px;
  height: 51px;
  line-height: 51px;
}
.flotte .auswahl_abenteuer .ressourcen em {
  color: #678713;
  font-style: normal;
}
.flotte .auswahl_abenteuer .ressourcen input {
  background: #070503;
  border: 0px #FFFFFF solid;
  padding: 0;
  color: #FFF;
  width: 80px;
  position: absolute;
  left: 271px;
  height: 21px;
  top: 14px;
}

.flotte .auswahl_abenteuer .ressourcen #eisen {
  left: 417px;
}
.flotte .auswahl_abenteuer .ressourcen #holz {
  left: 555px;
}
.flotte .auswahl_abenteuer .ressourcen #nahrung {
  left: 688px;
}

.flotte .auswahl_abenteuer .navi .back, .flotte .auswahl_abenteuer .navi .submit {
  color: #FFF59B;
  font-weight: bold;
  text-align: center;
  display: block;
  border: 0;
  height: 27px;
  width: 77px;
  line-height: 27px;
  background: url(../images/flotte_zurueck.jpg) no-repeat;
  font-size: 12px;
  position: absolute;
  top: 270px;
  font-family: arial, sans-serif;
}
.flotte .auswahl_abenteuer .navi .back:hover, .flotte .auswahl_abenteuer .navi .submit:hover {
  color: #FFF;
}
.flotte .auswahl_abenteuer .navi .submit {
  	background: url(../images/button_bg_04.png) no-repeat;
  	width: 151px;
  	right: 0;
}


/* Statistiken */
.stats {
	padding: 45px 82px 0px 82px;
}

.stats .inhalt {
  	width: 795px;
  	background: #E9E1C7;
  	border: 0px solid #816A47;
  	padding: 0px 10px;
  	color: #482F1C;
}
.stats .si_inhalt li {
  	padding: 3px 10px;
  	background: #F2EDDD;
  	margin: 6px 0 0 0;
  	text-align:left;
}
.stats .si_inhalt li .th {
  	font-weight: normal;
  	width: 185px;
  	float: left;
  	text-align:left;
}
.stats .si_inhalt li .td {
  	font-weight: bold;
  	text-align:left;
}
.stats .si_inhalt .buttonn {
  	color: #FFF59B;
  	display: block;
  	width: 191px;
  	height: 27px;
  	line-height: 27px;
  	text-align: center;
  	font-weight: bold;
  	background: url(../images/button.gif);
  	margin: 20px auto 0 auto;
}
.stats .si_inhalt .truppen {
  	margin: 6px 0 0 0;
}

.stats .si_inhalt .gebauede,.stats .si_inhalt .verteidigungsanlagen,.stats .si_inhalt .forschungen {
 	margin: 6px 0 0 0;
  	width: 256px;
}

.stats .si_inhalt .titel, #rangliste .inhalt .titel {
  	margin: 6px 0;
         padding: 2px 0;
         font-size: 10pt;
         font-weight: bold;
  	color: #3F2410;
         text-align: center;
         background: #F2EDDD;
         line-height: 1.2em;
}

.stats .si_inhalt .gesamt {
  	margin: 15px 0 0 0;
}
.stats .si_inhalt .gesamt .th {
  	width: 185px;
  	font-weight: bold;
  	text-align:left;
}
.stats .si_inhalt .left, .stats .si_inhalt .right {
  	width: 380px;
  	padding: 0 6px;
  	border-right: 1px solid #8A7655;
  	height: 430px;
}
.stats .si_inhalt .right {
  	border: 0;
}
.stats p {
  	line-height: 16px;
}
.stats .auswahl {
  	width: 820px;
  	height: 42px;
  	margin: 10px 0 0 0;
  	background: url(../images/hilfe_auswahl.png) no-repeat;
  	line-height: 41px;
  	color: #FFF;
  	padding: 0 0 0 17px;
  	position: relative;
  	font-size: 10pt;
}
.stats .auswahl strong {
  	position: absolute;
}
.stats .auswahl form {
  	position: absolute;
  	top: 0;
}
.stats .auswahl form select {
  	position: absolute;
  	left: 465px;
  	top: 9px;
  	width: 200px;
  	padding: 2px;
  	font-weight: bold;
  	border: 1px solid #57462D;
}
.stats .auswahl form input {
  	font-weight: bold;
  	background: none;
  	border: 0;
  	color: #FFF59B;
  	position: absolute;
  	left: 681px;
  	top: 8px;
  	width: 120px;
  	height: 23px;
  	display: block;
}
.stats .aktuell {
  	font-weight: bold;
  	padding: 9px 0 9px 17px;
}

/* Werbebanner */
#header728 {
	position:absolute;height:90px;width:728px;margin:-100px 0 0 140px; background: url("../images/no.png");
}

#sky_rechts {
  	position: absolute; height: 600px; width: 160px; margin-top: 0px; margin-left: 1020px; top: 400px;
}

/* Casino */
.casino {
	padding: 55px 82px 0px 82px;
}

.casino .inhalt {
  	width: 811px;
  	height: 445px;
  	background: #E9E1C7;
  	border: 1px solid #816A47;
  	padding: 15px 10px;
  	color: #171412;
}

.casino .left {
  	padding: 0px 30px;
}

.casino .inhalt .beschreibung {
  	padding: 0 6px;
  	line-height: 15px;
}
.casino .inhalt img {
  	margin: 0 0 12px 0;
}
.casino .inhalt .text {
  	border-bottom: 1px solid #171412;
  	padding: 0 0 5px 0;
  	margin: 0 0 4px 0;
}
.casino .inhalt .kosten strong {
  	padding: 0 0 0 25px;
  	background: url(../images/casino_gold.gif) no-repeat;
  	display: inline-block;
  	height: 21px;
}
.casino .inhalt .button {
  	color: #FFF59B;
  	display: block;
  	width: 149px;
  	height: 27px;
  	line-height: 27px;
  	text-align: center;
  	font-weight: bold;
  	background: url(../images/button_small.gif);
  	margin: 15px auto 0 auto;
  	border:0;padding:0
}
.casino .inhalt .left {
  	width: 205px;
  	height: 447px;
}
.casino .status {
  	background: url(../images/flotte_insel.jpg);
  	height: 41px;
  	width: 615px;
  	margin: 8px 0 0 3px;
  	padding: 0 0 0 10px;
  	line-height: 41px;
  	font-weight: bold;
  	color: #FFF;
}
.casino .status a {color: #FFF59B;}
.casino .status a:hover {color:#fff}
.casino .aktuell {
  	font-weight: bold;
  	padding: 9px 0 9px 17px;
}

.item_name {position:absolute;height:10px;margin:0;font-weight:bold;padding:13px 0 13px 1px;text-align:center;z-index:20; color:#fff; width:160px;text-shadow:2px 1px #000000;}
.stufe {position:absolute;background:url('../images/stufe.png');width:29px;height:8px;margin:94px 0 0 126px;font-weight:bold;padding:13px 0 13px 1px;text-align:center;z-index:20;}
.stufe_fertig {position:absolute;background:url('../images/stufe_fertig.png');width:29px;height:8px;margin:94px 0 0 126px;font-weight:bold;padding:13px 0 13px 1px;text-align:center;z-index:20;}
.stufe_verteidigung {position:absolute;background:url('../images/stufe_fertig.png');width:29px;height:8px;margin:94px 0 0 92px;font-weight:bold;padding:13px 0 13px 1px;text-align:center;z-index:20;}
.blocked {position:absolute;background:url('../images/blocked.png');width:146px;height:118px;margin:12px}

.messagesActive {background:url('../images/nachricht.gif') no-repeat -1px 3px}
.friendsActive {background:url('../images/buddies.gif') no-repeat 2px 4px}

#footer {padding:0px 80px 20px;color:#f8b356;font-weight:bold;font-size:12px}
#footer a {color:#f8b356}
#footer #links {float:left;padding-top:4px;line-height:15px}

#rbutton1 {height:90px; width:728px; background:url('../images/warnung.gif') no-repeat; position:absolute}
#rbutton2 {height:90px; width:728px; background:url('../images/bottom.gif') no-repeat; position:absolute}
#rbutton3 {height:90px; width:728px; background:url('../images/liste.gif') no-repeat; position:absolute}
#rbutton4 {height:90px; width:728px; background:url('../images/rahmen.gif') no-repeat; position:absolute}
#rbutton5 {height:90px; width:728px; background:url('../images/bilder.gif') no-repeat; position:absolute}

/* Handel */
.handel {
	padding: 45px 82px 0px 82px;
}

.handel .status {
  background: url(../images/status_bg.png);
  height: 42px;
  width: 835px;
  margin: 8px 0 0 3px;
  line-height: 41px;
  font-weight: bold;
  color: #FFF;
}
.handel .status .insel {
  margin: 0 0 0 18px;
}
.handel .status .insel img {
  vertical-align: middle;
}
.handel .status .name {
  margin: 0 0 0 25px;
}
.handel .status a {
  color: #F29400;
}
.handel .aktionen {
  margin: 5px 0 0 0;
  position: relative;
  width: 825px;
}
.handel .aktionen li {
  float: left;
}
.handel .aktionen li a {
  display: block;
  height: 48px;
  text-indent: -9999em;
}
.handel .aktionen li a:hover, .handel .aktionen li a.active {
  background-position: bottom right;
}
.handel .aktionen .img {
  width: 469px;
}
.handel .aktionen .crew {
  margin: 0 0 0 192px;
}
.handel .aktionen .crew strong {
  position: absolute;
  right: 0;
  top: 8px;
  color: #38302B;
}
.handel .aktionen .crew span {
  position: absolute;
  right: 0;
  top: 23px;
  color: #000;
  font-weight: bold;
}
.handel .aktionen .crew em {
  font-size: 14px;
  font-style: normal;
}
.handel .aktionen .crew em.aktuell {
  color: #678713;
}
.handel .auswahl {
  width: 834px;
  height: 318px;
  clear: both;
  position: relative;
}
.handel .auswahl .schiffe {
  width: 834px;
  height: 121px;
  background: url(../images/handel_schiffe.png);
  position: relative;
}

.handel .auswahl .schiffe2 {
  width: 832px;
  height: 119px;
  background: url(../images/handel_schiffe_2.png) no-repeat;
  position: relative;
}
.handel .auswahl .schiffe strong, .handel .auswahl .schiffe2 strong {
  color: #678713;
  position: absolute;
  left: 137px;
  top: 55px;
}

.handel .auswahl .ressourcen {
  	width: 848px;
  	height: 145px;
         top: 10px;
  	background: url(../images/marktplatz_bg.png) no-repeat;
  	position: relative;
}

.handel .auswahl .ressourcen span, .handel .auswahl .ressourcen span em {
	font-size: 11pt;
  	color: #FFF;
         font-style: normal;
}

.handel .auswahl .ressourcen input {
  	background: #FFFFFF;
  	border: 0;
 	padding: 0;
         margin-top: 1px;
  	color: #000000;
         font-size: 12pt;
  	width: 120px;
  	height: 25px;
  	text-align: center;
         border: 0px #FFFFFF solid;
         border-radius: 3px;
         -moz-border-radius: 3px;
         -khtml-border-radius: 3px;
         -moz-box-shadow:    inset 2px 2px 3px #8C837B;
   	-webkit-box-shadow: inset 2px 2px 3px #8C837B;
   	box-shadow:         inset 2px 2px 3px #8C837B;
}

.handel .auswahl .schiffe input, .handel .auswahl .schiffe2 input {
  background: #070503;
  border: 0;
  padding: 0;
  color: #FFF;
  width: 52px;
  position: absolute;
  left: 137px;
  height: 21px;
  top: 80px;
  text-align: center;
}
.handel .auswahl .schiffe span, .handel .auswahl .schiffe2 span {
  color: #FFF;
  position: absolute;
  left: 210px;
  top: 85px;
}
.handel .auswahl .inputs {
  width: 811px;
  height: 59px;
  background: url(../images/handel_input.png);
  position: relative;
  color: #ECE6CF;
  line-height: 56px;
  padding: 0 0 0 20px;
}

.handel .auswahl .inputs em {
  font-style: normal;
  color: #678713;
}
.handel .auswahl .inputs input {
  background: #070503;
  border: 0;
  padding: 0;
  color: #FFF;
  width: 80px;
  position: absolute;
  left: 348px;
  height: 21px;
  top: 18px;
}
.handel .auswahl .inputs #eisen {
  left: 473px;
}
.handel .auswahl .inputs #holz {
  left: 599px;
}
.handel .auswahl .inputs #nahrung {
  left: 728px;
}

.handel .auswahl .inputs_big {
  width: 811px;
  height: 75px;
  background: url(../images/handel_input_big.png);
  position: relative;
  color: #ECE6CF;
  line-height: 56px;
  padding: 0 0 0 20px;
}

#handelinputs .bg_box {
         padding: 1px 2px 0px 4px;
         height: 20px;
         background: #0E0905;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
         -moz-box-shadow:    0px 1px 0px #59452D;
   	-webkit-box-shadow: 0px 1px 0px #59452D;
   	box-shadow:         0px 1px 0px #59452D;
}

.handel .auswahl .inputs_big em {
  font-style: normal;
  color: #678713;
}
.handel .auswahl .inputs_big input {
  	background: #070503;
  	border: 0;
 	padding: 0;
  	color: #FFF;
  	width: 80px;
  	position: absolute;
  	left: 348px;
  	height: 21px;
  	top: 18px;
}
.handel .auswahl .inputs_big #eisen,.handel .auswahl .inputs_big #wanted_eisen {
  	left: 473px;
}
.handel .auswahl .inputs_big #holz, .handel .auswahl .inputs_big #wanted_holz {
  	left: 599px;
}
.handel .auswahl .inputs_big #nahrung, .handel .auswahl .inputs_big #wanted_nahrung {
  	left: 728px;
}


.handel .navi .back, .handel .navi .submit {
  	color: #FFF59B;
  	font-weight: bold;
  	text-align: center;
  	display: block;
  	border: 0;
  	height: 27px;
  	width: 77px;
  	line-height: 27px;
  	background: url(../images/flotte_zurueck.jpg) no-repeat;
  	font-size: 12px;
  	position: absolute;
  	top: 262px;
  	font-family: arial, sans-serif;
}

.handel .navi .back:hover, .handel .navi .submit:hover {
  color: #FFF;
}
.handel .navi .submit {
  	background: url(../images/button_bg_04.png) no-repeat;
  	width: 151px;
  	right: 0;
}

.handel .navi2 .back, .handel .navi2 .submit {
  color: #FFF59B;
  font-weight: bold;
  text-align: center;
  display: block;
  border: 0;
  height: 27px;
  width: 77px;
  line-height: 27px;
  background: url(../images/flotte_zurueck.jpg) no-repeat;
  font-size: 12px;
  position: absolute;
  top: 280px;
  font-family: arial, sans-serif;
}

.handel .navi2 .back:hover, .handel .navi2 .submit:hover {
  color: #FFF;
}
.handel .navi2 .submit {
  background: url(../images/flotte_absenden.jpg) no-repeat;
  width: 151px;
  right: 0;
}

/* NPC Handel */
#npchandel .inputs_big {
  	width: 811px;
  	height: 75px;
  	background: url(../images/handel_input_big.png);
  	position: relative;
  	color: #ECE6CF;
  	padding: 0 0 0 20px;
  	margin: 5px 0px 15px 0px;
}

#npchandel .inputs_big em {
  	font-style: normal;
  	color: #678713;
}
#npchandel .inputs_big input {
  	background: #070503;
  	border: 0;
  	padding: 0;
  	color: #FFF;
  	width: 80px;
  	position: absolute;
  	left: 348px;
  	height: 21px;
  	top: 18px;
}

#npchandel span { padding-top: 0px; margin: 0px; line-height: 1.5em; }

#npchandel .inputs_big #eisen,#npchandel .inputs_big #wanted_eisen {
  	left: 473px;
}
#npchandel .inputs_big #holz, #npchandel .inputs_big #wanted_holz {
  	left: 599px;
}
#npchandel .inputs_big #nahrung, #npchandel .inputs_big #wanted_nahrung {
  	left: 728px;
}

#npchandel .inputs_big #rohstoffe_tauschen {
  	left: 120px;
         background: transparent;
         width: 150px;
}

#npchandel input.npcsubmit {
	position: absolute;
         top: 267px;
         left: 130px;
         width: 238px;
  	height: 33px;
         vertical-align:top;
         padding: 0px 2px 2px 2px;
         margin: 0px 0px 0px 0px;
  	background: url(../images/button_input_npc.png);
         border: 0px;
         color:#FFFFFF;
}

.ie6 .handeln .status {
  	padding: 5px 0 0 0;
  	height: 36px;
}

.ie6 .handeln .auswahl ul {
  	padding: 15px 0 0 15px;
}
.ie6 .handeln .auswahl ul li {
  	margin: 0 21px 0 0;
}
.ie6 .handeln .auswahl ul li p {
  	margin-top: -4px;
}
.ie6 .handeln .auswahl ul li.last {
  	margin: 0;
}


#header .orange {color:#f90}

#handelErwartet {background:url(../images/handel_wartet.gif);height:38px;width:38px;position:absolute;margin-top:393px;margin-left:859px;z-index:200;}
#angriffKommt {background:url(../images/angriff_kommt.gif);height:45px;width:45px;position:absolute;margin-top:125px;margin-left:106px;z-index:200;}
#flottenstationiert {background:url(../images/header_stationiert.png);height:37px;width:36px;position:absolute;margin-top:103px;margin-left:135px;z-index:201;}
#kontor_gold {background:url(../images/icon_header_kontor.png);height:37px;width:36px;position:absolute;margin-top:103px;margin-left:215px;z-index:201;}
#kontor_eisen {background:url(../images/icon_header_kontor.png);height:37px;width:36px;position:absolute;margin-top:103px;margin-left:805px;z-index:201;}
#kontor_holz {background:url(../images/icon_header_kontor.png);height:37px;width:36px;position:absolute;margin-top:103px;margin-left:880px;z-index:201;}
#kontor_nahrung {background:url(../images/icon_header_kontor.png);height:37px;width:36px;position:absolute;margin-top:103px;margin-left:957px;z-index:201;}

.box h3 {
	font-weight:bold;
	font-size:16px;
	line-height:18px;
	padding:10px 0;
}

.box p {
	font-size:12px;
	line-height:12px;
	padding:5px 0;
}

div.online {
	display: inline;
	width: 20px;
         height: 10px;
	background:#a6cc13;
         padding: 1px 3px;
         margin: 0px 0px 0px 2px;
         color: #FFFFFF;
         font-weight: normal;
         font-size: 7pt;
         text-align: center;
         -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius: 3px;
         line-height: 0.6em;
         -moz-box-shadow:    inset 0px 0px 4px #009F00;
   	-webkit-box-shadow: inset 0px 0px 4px #009F00;
   	box-shadow:         inset 0px 0px 4px #009F00;
}

div.delete {
	display: inline;
	width: 20px;
         height: 10px;
	background:#DF0000;
         padding: 1px 3px;
         margin: 0px 0px 0px 2px;
         color: #FFFFFF;
         font-weight: normal;
         font-size: 7pt;
         text-align: center;
         -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius: 3px;
         line-height: 0.6em;
         -moz-box-shadow:    inset 0px 0px 4px #7F0000;
   	-webkit-box-shadow: inset 0px 0px 4px #7F0000;
   	box-shadow:         inset 0px 0px 4px #7F0000;
}


div.info_green {
	display: inline;
	width: 24px;
         height: 14px;
	background:#a6cc13;
         padding: 0px 2px;
         margin: 0px 0px 0px 2px;
         color: #FFFFFF;
         font-weight: normal;
         font-size: 7pt;
         text-align: center;
         -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius: 3px;
         line-height: 0.6em;
         -moz-box-shadow:    inset 0px 0px 4px #009F00;
   	-webkit-box-shadow: inset 0px 0px 4px #009F00;
   	box-shadow:         inset 0px 0px 4px #009F00;
}

div.info_red {
	display: inline;
	width: 24px;
         height: 14px;
	background:#DF0000;
         padding: 0px 2px
         margin: 0px 0px 0px 2px;
         color: #FFFFFF;
         font-weight: normal;
         font-size: 7pt;
         text-align: center;
         -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius: 3px;
         line-height: 0.6em;
         -moz-box-shadow:    inset 0px 0px 4px #7F0000;
   	-webkit-box-shadow: inset 0px 0px 4px #7F0000;
   	box-shadow:         inset 0px 0px 4px #7F0000;
}


div.info_orange {
	display: inline;
	width: 24px;
         height: 14px;
	background:#FF9F00;
         padding: 0px 2px
         margin: 0px 0px 0px 2px;
         color: #FFFFFF;
         font-weight: normal;
         font-size: 7pt;
         text-align: center;
         -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius: 3px;
         line-height: 0.6em;
         -moz-box-shadow:    inset 0px 0px 4px #FF5F00;
   	-webkit-box-shadow: inset 0px 0px 4px #FF5F00;
   	box-shadow:         inset 0px 0px 4px #FF5F00;
}

/* Tabellen */
table.tab { padding: 3px; margin: 2px; border: 1px #745308 dotted; background: #E9E1C7; font-size:10pt; }
table.tab2 { padding: 2px; margin: 8px 8px; border: 0px #745308 dotted; background: #E9E1C7; font-size:10pt; }

.tabhead { background:#3F2410; color: #F2EDDD; font-weight: bold; font-size: 10pt; padding: 5px 5px; }
.tabheadsub { background:#563B27; font-size:9px; color:#A58C77; font-style: normal; padding: 2px 5px; }
.tabrow1 { background:#F7F4EA; padding: 2px 5px; }
.tabrow2 { background:#FFFFFF; padding: 2px 5px; }
.tabfooter { background:#3F2410; color: #F2EDDD; border: 2px #745308 double; font-weight: bold; font-size: 10pt; padding: 5px 5px; }

.tabhead center, .tabhead_red center, .tabheadsub center, .tabrow1 center, .tabrow2 center, .tabfooter center { text-align:center; }
.tabhead right, .tabhead_red right, .tabheadsub right, .tabrow1 right, .tabrow2 right, .tabfooter right { text-align:right; }
.tabhead mcenter, .tabheadsub mcenter, .tabrow1 mcenter, .tabrow2 mcenter { vertical-align: middle; text-align:center; }
.tabhead_red { background:#9F0000; color: #FFFFFF; font-weight: bold; font-size: 10pt; padding: 3px 3px;  }

/* AJAX Suche */
div.input { background: #FFFFFF; }
p.row1 { background:#F7F4EA; padding: 3px 5px; font-size: 10pt; font-weight: bold; }
p.row2 { background:#FFFFFF; padding: 3px 5px; font-size: 10pt; font-weight: bold; }
p.row1 a, p.row1 a:link, p.row1 a:visited, p.row1 a:hover, p.row2 a, p.row2 a:link, p.row2 a:visited, p.row2 a:hover { font-size: 10pt; font-weight: bold; }

/* Seiten pagination */
#pagination {background:url('../images/auswahl_bg_3.png') no-repeat; vertical-align: middle; padding: 7px 25px 20px 15px; color:#fff; font-weight:bold; width:800px; height:30px}
#pagination_box { vertical-align: middle; color:#fff; font-weight:bold;}
#pagination input { padding: 2px 5px; }
#pagination .right { margin-top: 4px; }

#pagination a, .pagination a, #pagination a:link, .pagination a:link, #pagination a:visited, .pagination a:visited, #pagination_box a, .pagination_box a, #pagination_box a:link, .pagination_box a:link, #pagination_box a:visited, .pagination_box a:visited {
         float: left;
         display: block;
         font-weight: bold;
         color: #E5DAC2;
  	padding: 3px 5px;
  	margin: 7px 4px 0px 0px;
  	border: 1px solid #E3D19E;
}

#pagination a:hover, .pagination a:hover, #pagination_box a:hover, .pagination_box a:hover{
  	color: #F4F0E3;
         background-color: #B94E00;
         border: 1px solid #B94E00;
}

#pagination .aktuallpage, #pagination_box .aktuallpage{
	float: left;
         display: block;
         padding: 3px 5px;
  	margin: 7px 4px 0px 0px;
         font-weight: bold;
  	color: #F4F0E3;
         background-color: #B94E00;
         border: 1px solid #B94E00;
}

#pagination .pagetrenner, #pagination_box .pagetrenner {
	float: left;
         display: block;
         padding: 3px 5px;
  	margin: 7px 4px 0px 0px;
         font-weight: bold;
  	color: #F4F0E3;
         background-color: transparent;
         border: 0px solid #B94E00;
}

#pagination_in { background: #432611; vertical-align: middle; padding: 5px 8px 5px 8px; color:#fff; font-weight:bold; width:99%; height: 22px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#pagination_in a, #pagination_in a:link, #pagination_in a:visited{
         float: left;
         display: block;
         font-weight: bold;
         color: #E5DAC2;
  	padding: 3px 5px;
  	margin: 2px 4px 0px 0px;
  	border: 1px solid #E3D19E;
}

#pagination_in a:hover {
  	color: #F4F0E3;
         background-color: #B94E00;
         border: 1px solid #B94E00;
}

#pagination_in .aktuallpage {
	float: left;
         display: block;
         padding: 3px 5px;
  	margin: 2px 4px 0px 0px;
         font-weight: bold;
  	color: #F4F0E3;
         background-color: #B94E00;
         border: 1px solid #B94E00;
}

#pagination_in .pagetrenner {
	float: left;
         display: block;
         padding: 3px 5px;
  	margin: 2px 4px 0px 0px;
         font-weight: bold;
  	color: #F4F0E3;
         background-color: transparent;
         border: 0px solid #B94E00;
}


/* Tabs */
.si_tabs {
	position: relative;
  	min-height: 540px; /* This part sucks */
  	clear: both;
  	margin: 25px 0;
}
.si_tab {
  	float: left;
}
.si_tab label {
  	background: #432611;
         color: #FFFFFF;
  	padding: 6px 10px;
  	border: 1px solid #26180E;
  	margin-left: -1px;
  	position: relative;
  	left: 1px;
         margin-right: 4px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.si_tab [type=radio] {
  	display: none;
}

.si_tabs_content {
  	position: absolute;
  	top: 20px;
  	left: 0;
  	background: #E9E1C7;
  	right: 0;
  	bottom: 0;
  	padding: 12px;
  	border: 1px solid #403724;
	-webkit-border-radius: 8px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 8px;
	-moz-border-radius-topleft: 0;
	border-radius: 8px;
	border-top-left-radius: 0;
         overflow: auto;
         border: 1px #432611 solid;
         height: 620px;
}

#content_main .si_inhalt {
	min-height: 50px;
}

.si_tabs_content .row1 {
  	background: #F9F7F2;
  	border-bottom: 1px solid #DDD2B1;
         margin-bottom: 2px;
}

.si_tabs_content .row2 {
  	background: #F2ECDC;
  	border-bottom: 1px solid #DDD2B1;
         margin-bottom: 2px;
}

.si_tabs [type=radio]:checked ~ label {
  	background: #E9E1C7;
         color: #432611;
  	border-bottom: 1px solid #E9E1C7;
  	z-index: 2;

}

.si_tabs [type=radio]:checked ~ label ~ .si_tabs_content {
  	z-index: 1;

}

.si_titel {
	text-align: center;
         font-weight: bold;
         color:#432611;
         font-size: 14px;
}

/* Buttons */

a.button_01, a.button_01:link, a.button_01:visited {
  	background: url(../images/button_bg_01.png) no-repeat;
         width: 140px;
         height: 28px;
         line-height: 26px;
         color: #FFF59B !important;
  	font-weight: bold;
  	display: block;
  	text-align: center;
         text-shadow: #2E1809 1px 1px 0px;
}

a.button_02, a.button_02:link, a.button_02:visited  {
  	background: url(../images/button_bg_02.png) no-repeat;
         width: 130px;
         height: 28px;
         line-height: 26px;
         color: #FFF59B !important;
  	font-weight: bold;
  	display: block;
  	text-align: center;
         text-shadow: #2E1809 1px 1px 0px;
}

a.button_03, a.button_03:link, a.button_03:visited  {
  	background: url(../images/button_bg_03.png) no-repeat;
         width: 140px;
         height: 28px;
         line-height: 26px;
         color: #FFF59B !important;
  	font-weight: bold;
  	display: block;
  	text-align: center;
         text-shadow: #2E1809 1px 1px 0px;
}

a.button_04, a.button_04:link, a.button_04:visited  {
  	background: url(../images/button_bg_04.png) no-repeat;
         width: 150px;
         height: 28px;
         line-height: 26px;
         color: #FFF59B !important;
  	font-weight: bold;
  	display: block;
  	text-align: center;
         text-shadow: #2E1809 1px 1px 0px;
}

a.button_05, a.button_05:link, a.button_05:visited  {
  	background: url(../images/button_bg_05.png) no-repeat;
         width: 100px;
         height: 22px;
         line-height: 20px;
         top: 5px;
         color: #FFF59B !important;
  	font-weight: bold;
  	display: block;
  	text-align: center;
         text-shadow: #2E1809 1px 1px 0px;
}

a.button_06, a.button_06:link, a.button_06:visited  {
  	background: url(../images/button_bg_06.png) no-repeat;
         width: 180px;
         height: 22px;
         line-height: 20px;
         color: #FFF59B !important;
  	font-weight: bold;
  	display: block;
  	text-align: center;
         text-shadow: #2E1809 1px 1px 0px;
}

a.button_01:hover, a.button_02:hover, a.button_03:hover, a.button_04:hover, a.button_05:hover, a.button_06:hover {
         color: #FFFFFF !important;
         text-decoration: none;
}

a.button_bg_big, a.button_bg_big:link, a.button_bg_big:visited, input.button_bg_big[type=submit]  {
  	background: url(../images/button_bg_big.jpg) center center no-repeat;
         display: inline-block;
         padding: 5px 15px 3px 15px;
         line-height: 20px;
         vertical-align: middle;

         font-family: "Georgia", Verdana;
	font-size: 15px;
         font-weight: bold;
         color: #FFFFFF;
         text-align: center;
         text-shadow: #2E1809 1px 1px 2px;
         text-transform: uppercase;

         -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
         border: 1px #22170c solid;
         -moz-box-shadow:    inset 1px 1px 0px #6b5143, 2px 2px 3px #B5A067;
   	-webkit-box-shadow: inset 1px 1px 0px #6b5143, 2px 2px 3px #B5A067;
   	box-shadow:         inset 1px 1px 0px #6b5143, 2px 2px 3px #B5A067;
}

a.button_bg_big span, a.button_bg_big:link span, a.button_bg_big:visited span {
	font-family: "Georgia", Verdana;
	font-size: 15px;
         font-weight: bold;
         text-transform: uppercase;
         color: #FFFBED;
}

a.button_bg_big:hover, input.button_bg_big[type=submit]:hover {
	font-family: "Georgia", Verdana;
         color: #B94E00;
         text-decoration: none;
}

a.button_bg_big:hover span, a.button_bg_big:hover span:hover {
	font-family: "Georgia", Verdana;
         color: #B94E00;
         text-decoration: none;
         text-transform: uppercase;
}

a.button_bg_small,div.button_bg_small, a.button_bg_small:link, a.button_bg_small:visited, input.button_bg_small[type=submit], input.button_bg_small[type=button]  {
  	background: url(../images/button_bg_big.jpg) center center no-repeat;
         display: inline-block;
         padding: 3px 10px 3px 10px;
         line-height: 15px;
         vertical-align: middle;

         font-family: "Georgia", Verdana !important;
	font-size: 12px;
         font-weight: bold;
         color: #FFFFFF;
         text-align: center;
         text-shadow: #2E1809 1px 1px 2px;
         text-transform: uppercase;

         -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
         border: 1px #22170c solid;
         -moz-box-shadow:    inset 1px 1px 0px #6b5143, 2px 2px 3px #B5A067;
   	-webkit-box-shadow: inset 1px 1px 0px #6b5143, 2px 2px 3px #B5A067;
   	box-shadow:         inset 1px 1px 0px #6b5143, 2px 2px 3px #B5A067;
}

a.button_bg_small span, a.button_bg_small:link span, a.button_bg_small:visited span {
	font-family: "Georgia", Verdana;
	font-size: 12px;
         font-weight: bold;
         text-transform: uppercase;
         color: #FFFBED;
}

a.button_bg_small:hover, input.button_bg_small[type=submit]:hover, input.button_bg_small[type=button]:hover {
	font-family: "Georgia", Verdana !important;
         color: #B94E00;
         font-size: 12px;
         font-weight: bold;
         text-decoration: none;
}

a.button_bg_small:hover span, a.button_bg_small:hover span:hover {
	font-family: "Georgia", Verdana !important;
         color: #B94E00;
         font-size: 12px;
         font-weight: bold;
         text-decoration: none;
         text-transform: uppercase;
}

input.button_ohne_bg[type=submit], input.button_ohne_bg[type=button]  {
  	background: transparent url(../images/button_bg_big_keiner.jpg) no-repeat !important;
         display: inline-block;
         padding: 1px 10px 1px 10px;
         line-height: 12px;
         margin: 0px;
         vertical-align: middle;

         font-family: "Georgia", Verdana !important;
	font-size: 12px;
         font-weight: bold;
         color: #FFFFFF;
         text-align: center;
         text-shadow: #2E1809 1px 1px 2px;
         text-transform: uppercase;

         -webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
         border: 0px #2E1809 solid;
         -moz-box-shadow:    inset 0px 0px 0px #6b5143, 0px 0px 0px #B5A067;
   	-webkit-box-shadow: inset 0px 0px 0px #6b5143, 0px 0px 0px #B5A067;
   	box-shadow:         inset 0px 0px 0px #6b5143, 0px 0px 0px #B5A067;
}

input.button_ohne_bg[type=submit]:hover, input.button_ohne_bg[type=button]:hover {
	font-family: "Georgia", Verdana !important;
         color: #B94E00;
         font-size: 12px;
         font-weight: bold;
         text-decoration: none;
}

/* Warlogs */
#warlog_top {
         background: url(../images/warlog_top.png) no-repeat;
  	padding: 0px;
         margin: 5px 0px 5px 0px;
         width: 790px;
         height: 155px;
         color: #000000;
         line-height: 1.3em;
  	font-weight: bold;
         font-size: 12pt;
  	text-align: left;
         border: 0px solid #403724;
}

#warlog_angreifer, #warlog_verteidiger {
         float:left;
         width: 305px;
         color: #F2EEDF;
  	margin: 20px 14px 0px 16px;
         line-height: 1.3em;

}
#warlog_angreifer div, #warlog_verteidiger div, #warlog_angreifer a, #warlog_angreifer a:link, #warlog_angreifer a:visited, #warlog_angreifer a:hover, #warlog_verteidiger a, #warlog_verteidiger a:link, #warlog_verteidiger a:visited, #warlog_verteidiger a:hover {
	font-size: 10pt;
         text-shadow: #3F0000 1px 1px 0px;
         color: #F2EEDF;
         line-height: 1.3em;
}

#warlog_top .red {
	padding: 2px 10px;
         margin-bottom: 5px;
	background: #BF0000;
         color: #FFFFFF;
         font-weight: bold;
         font-size: 12pt;
         text-align: center;
         -webkit-border-radius:10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
         text-shadow: #9F0000 1px 1px 0px;
         -moz-box-shadow:    inset 5px 5px 5px #7F0000;
   	-webkit-box-shadow: inset 5px 5px 5px #7F0000;
   	box-shadow:         inset 5px 5px 5px #7F0000;
}

#warlog_top .green {
	padding: 2px 10px;
         margin-bottom: 5px;
	background: #009F00;
         color: #FFFFFF;
         text-align: center;
         font-weight: bold;
         font-size: 12pt;
         -webkit-border-radius:10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
         text-shadow: #007F00 1px 1px 0px;
         -moz-box-shadow:    inset 5px 5px 5px #007F00;
   	-webkit-box-shadow: inset 5px 5px 5px #007F00;
   	box-shadow:         inset 5px 5px 5px #007F00;
}

#warlog_pfeil {
	float:left;
	width: 115px;
         height: 100px;
}


#warlog_einheiten {
  	padding: 0px;
         margin: 5px 0px 5px 7px;
         width: 775px;
         color: #000000;
         line-height: 1.3em;
  	font-weight: bold;
         font-size: 10pt;
  	text-align: left;
         border: 0px solid #403724;
}

#warlog_einheiten .red {
         padding: 2px 8px;
         background: #BF0000;
         color: #FFFFFF;
         font-weight: bold;
         font-size: 10pt;
         text-align: left;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
         -webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
         text-shadow: #9F0000 1px 1px 0px;
         -moz-box-shadow:    inset 0px 0px 5px #7F0000;
         -webkit-box-shadow: inset 0px 0px 5px #7F0000;
         box-shadow:         inset 0px 0px 5px #7F0000;
}

#warlog_einheiten .green {
	padding: 2px 8px;
	background: #009F00;
         color: #FFFFFF;
         text-align: left;
         font-weight: bold;
         font-size: 10pt;
         -webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

         -webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;

         text-shadow: #007F00 1px 1px 0px;
         -moz-box-shadow:    inset 0px 0px 5px #007F00;
   	-webkit-box-shadow: inset 0px 0px 5px #007F00;
   	box-shadow:         inset 0px 0px 5px #007F00;
}

#warlog_einheiten .black {
	padding: 3px 8px;
         margin: 5px 0px;
	background: #4C2911;
         color: #FFF0B7;
         text-align: left;
         font-weight: bold;
         font-size: 10pt;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
         -webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
         text-shadow: #1C0B01 1px 1px 0px;
         -moz-box-shadow:    inset 0px 0px 5px #1C0B01;
   	-webkit-box-shadow: inset 0px 0px 5px #1C0B01;
   	box-shadow:         inset 0px 0px 5px #1C0B01;
}

#warlog_einheiten .gebaeude {
         float:left;
         height: 16px;
  	background: #FCFBF7;
         color: #4C2911;
         text-shadow: #FFFFFF 1px 1px 0px;
         text-align: left;
         font-weight: bold;
         font-size: 10pt;
  	padding: 2px 8px 2px 8px;
         margin: 2px 2px;
  	border: 1px solid #4C2911;
         border-left: 5px solid #BB0000;

	-webkit-border-top-right-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	-moz-border-radius-bottomright: 12px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;

         -moz-box-shadow:    inset 0px 0px 15px #AFA793;
   	-webkit-box-shadow: inset 0px 0px 15px #AFA793;
   	box-shadow:         inset 0px 0px 15px #AFA793;
}

#warlog_beute {
         background: url(../images/warlog_beute.png) no-repeat;
  	padding: 0px;
         margin: 5px 0px 5px 0px;
         width: 790px;
         height: 100px;
         color: #000000;
         line-height: 1.3em;
  	font-weight: bold;
         font-size: 12pt;
  	text-align: left;
         border: 0px solid #403724;
}

#warlog_beute .titel {
         width: 600px;
         height: 30px;
         padding: 10px 0px 0px 0px;
         margin: 3px 0px 5px 100px;
         font-family:"Trebuchet MS", Verdana;
 	font-size: 13pt;
 	font-weight: bold;
         color: #E6DFC2;
         text-align: center;

         text-shadow: #000000 1px 1px 1px;
}

#warlog_beute .rohstoff {
         float:left;
         width: 169px;
         height: 28px;
         color: #FFF56B;
         text-shadow: #4C2911 1px 1px 0px;
         text-align: left;
         font-weight: bold;
         font-size: 13pt;
  	padding: 2px 2px 2px 8px;
         margin: 4px 5px 3px 5px;
  	border: 0px solid #4C2911;

         background: #2C1B10;
         -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
         -moz-box-shadow:    inset 3px 3px 15px #180E08;
   	-webkit-box-shadow: inset 3px 3px 15px #180E08;
   	box-shadow:         inset 3px 3px 15px #180E08;
}

#warlog_beute .rohstoff2 {
         float:left;
         width: 175px;
         height: 30px;
  	background: #FCFBF7;
         color: #4C2911;
         text-shadow: #FFFFFF 1px 1px 0px;
         text-align: left;
         font-weight: bold;
         font-size: 13pt;
  	padding: 2px 5px;
         margin: 2px 2px;
  	border: 2px solid #4C2911;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
         -moz-box-shadow:    inset 0px 0px 15px #AFA793;
   	-webkit-box-shadow: inset 0px 0px 15px #AFA793;
   	box-shadow:         inset 0px 0px 15px #AFA793;
}

#warlog .blackinfo {
         width: 760px;
         padding: 3px 8px;
         margin: 5px 0px 5px 8px;
	background: #4C2911;
         color: #FFF0B7;
         text-align: center;
         font-weight: bold;
         font-size: 12pt;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
         text-shadow: #1C0B01 1px 1px 0px;
         -moz-box-shadow:    inset 0px 0px 5px #1C0B01;
   	-webkit-box-shadow: inset 0px 0px 5px #1C0B01;
   	box-shadow:         inset 0px 0px 5px #1C0B01;
}

#CommunityEvent {
	background:transparent url(../images/communityevent_bg.png) no-repeat;
         width: 855px;
         height: 52px;
         margin-left: -10px;
}

#CommunityEvent .CommunityEvent_titel {
	float: left;
         width: 490px;
         height: 28px;
         padding: 13px 0px 0px 0px;
         margin: 0px 0px 2px 230px;
         font-family:"Trebuchet MS", Verdana;
 	font-size: 12pt;
 	font-weight: bold;
         font-style: italic;
         color: #FFFFFF;
         text-align: center;
         text-shadow: #000000 1px 1px 1px;
}

#CommunityEvent .button {
	float: right;
         width: 106px;
         height: 27px;
         padding: 0px 0px 0px 0px;
         margin: 8px 13px 0px 0px;
         border: 0px;
}

#CommunityEvent .button img {
         border: 0px;
}

#showAnnouncement {
	position: absolute;
	z-index: 10001;
         height: 100%;
         width: 100%;
         background:transparent url(../images/black.png);
}

#showAnnouncement .showAnnouncementBG {
	position: absolute;
	top: 50%;
	left: 50%;
         margin-top: -200px;
         margin-left: -300px;
         background:transparent url(../images/popupp3.png) center center no-repeat;
         width: 573px;
         height: 295px;
}

#showAnnouncement .showAnnouncementText h1 {
         font-family:"Trebuchet MS", Verdana;
 	font-size: 12pt;
 	font-weight: bold;
         font-style: italic;
         color: #BF0000;
         padding: 0px 0px 5px 0px;
}

#showAnnouncement .showAnnouncementText {
	width: 450px;
         height: 190px;
         font-family:"Trebuchet MS", Verdana;
 	font-size: 9pt;
         line-height: 1.2em;
 	font-weight: bold;
         font-style: normal;
         color: #000000;
         text-align: left;
         margin: 60px 0px 0px 75px;
}

#showAnnouncement .showAnnouncementButton a, #showAnnouncement .showAnnouncementButton a:link, #showAnnouncement .showAnnouncementButton a:visited {
         display: block;
         background:transparent url(../images/button_input_npc.png) no-repeat;
	width: 238px;
         height: 33px;
         font-family:"Trebuchet MS", Verdana;
 	font-size: 10pt;
 	font-weight: bold;
         color: #FFFFFF;
         text-align: center;
         margin: 5px 0px 0px 175px;
         padding: 11px 0px 0px 0px;
         text-decoration: none;
}

#showAnnouncement .showAnnouncementButton a:hover {
         color: #FFDF00;
         text-decoration: none;
}


#allychatintern #chat {
	font-family: Arial;
	padding: 0px 0px 5px 0px;
         width: 785px;
         border:#FFF 0px solid;
         font-size: 11px;
         color: #000000;
         text-shadow: #0e0a08 1px 1px 2px;
         overflow: auto;
}

#allychatintern #chat span.date {
         font-family: Arial;
         font-size: 11px;
         color: #FFFFFF;
         text-align:center;
         background: #d06a20;
         text-shadow: #d06a20 1px 1px 2px;
         padding: 3px 0px 3px 0px;
         margin-left: -4px;
         margin-bottom: 2px;
         margin-top: 4px;
         display: block;
         font-weight: bold;
}

#allychatintern #chat div {
	font-family: Arial;
	font-size: 11px;
         color: #000000;
         text-shadow: #FFFFFF 1px 1px 1px;
         padding: 5px 0px 3px 0px;
         margin-left: 0px;
         display: block;
         font-weight: bold;
}

#allychatintern #chat a, #allychatintern #chat a:link, #allychatintern #chat a:visited {
	font-family: Arial;
	font-size: 11px;
         color: #d06a20;
         text-shadow: #FFFFFF 1px 1px 0px;
         font-weight: bold;
}

#allychatintern #chat a:hover, #allychatintern #chat span.m a:hover {
	font-family: Arial;
	font-size: 11px;
         color: #000000;
         text-shadow: #FFFFFF 1px 1px 0px;
         font-weight: bold;
}

#allychatintern #chat span {
	display:block;
	font-family: Arial;
	font-size: 11px;
         color: #000000;
         text-shadow: #FFFFFF 1px 1px 0px;
         font-weight: normal;
         font-style:none;
         padding: 2px 5px 2px 5px;
         margin: 1px;
}

#allychatintern #chat span.bg1 {
	display:block;
	font-family: Arial;
	font-size: 11px;
         color: #000000;
         text-shadow: #FFFFFF 1px 1px 0px;
         font-weight: normal;
         font-style:none;
         padding: 2px 5px 2px 5px;
         margin: 1px;
         background: #F7F4EA;
}

#allychatintern #chat span.bg2 {
	display:block;
	font-family: Arial;
	font-size: 11px;
         color: #000000;
         text-shadow: #FFFFFF 1px 1px 0px;
         font-weight: normal;
         font-style:none;
         padding: 2px 5px 2px 5px;
         margin: 1px;
         background: #EDE9DE;
}

#allychatintern #chat span.m {
	font-family: Arial;
	font-size: 11px;
         color: #000000;
         background: #FFFFFF;
         text-shadow: #FFFFFF 1px 1px 0px;
         font-weight: normal;
         font-style:italic;
         padding: 2px 5px 2px 5px;
         margin: 1px;
}

#allychatintern #chat span.m a, #allychatintern #chat span.m a:link, #allychatintern #chat span.m a:visited,
#allychatintern #chat span.bg1 a, #allychatintern #chat span.bg1 a:link, #allychatintern #chat span.bg1 a:visited,
#allychatintern #chat span.bg2 a, #allychatintern #chat span.bg2 a:link, #allychatintern #chat span.bg2 a:visited
{
	font-family: Arial;
	font-size: 11px;
         color: #d06a20;
         text-shadow: #FFFFFF 1px 1px 0px;
         font-weight: normal;
         font-style:italic;
         padding: 1px 0px 1px 0px;
}


#Message_Style {
    	position: absolute;
    	top: 200px;
         left: 50%;
    	min-width: 483px;
 	min-height:175px;
         margin-left: -242px;
         z-index:2000;
}

#Message_Style_BG {
         position: absolute;
         z-index:2000;
         padding:45px 40px 45px 70px;
         width: 483px;
 	height:175px;
}

#Message_Style_BG_std {
	background:transparent url('../images/popupp_neu.png') no-repeat;
         position: absolute;
         z-index:2000;
         padding:45px 40px 45px 70px;
         width: 483px;
 	height:175px;
}

#Message_Style_BG_quest {
	background: transparent url('../images/popup_quest.png') no-repeat;
         position: absolute;
         z-index:2000;
         width: 542px;
 	height:355px;
         margin-left: -30px;
}

#Message_Style a {color:#000}
#Message_Style #Message_Style_Title { text-align:center;font-size:18px;font-weight:bold; }
#Message_Style #Message_Style_Text { padding:35px 10px 0 20px;text-align:center;font-size:14px; }
#Message_Style .close { display:block; width:36px; height: 36px; background:transparent url('../images/close.png') no-repeat; }

#Message_Style_BG_quest #Message_Style_Title { margin:78px 0px 0px 60px; width: 390px; height: 25px; text-align:center; font-family: "Georgia", Verdana; font-size: 18px; font-style: bold; text-transform: uppercase; color: #FFFFFF; text-shadow: #000000 1px 1px 0px; }
#Message_Style_BG_quest #Message_Style_Text { margin: 15px 10px 0 30px; padding: 5px;  width: 460px; height: 180px; text-align:center; font-size:14px; color: #FFFFFF; text-shadow: #000000 1px 1px 0px; }
#Message_Style_BG_quest .close { display:block; margin-top:-65px; margin-right: 10px; width:36px; height: 36px; background:transparent url('../images/close.png') no-repeat; }














.transparent {

	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);

	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.5;
}