html, body {
	text-align: center;
	color: #FFF;
	background-color: #000;
}

/* Styles aus seal.css überschreiben */
.black { color: #000; }
.brown { color: #986; /*#968b69*/ }
.green { color: #0f0; }
.darkgreen { color: #080; /*#018901*/}
.lightgreen { color: #090; }
.red { color: #c00; }
.white { color: #FFF; }
.yellow { color: #fc0; }
.darkyellow { color: #a49a01; }
.sand {color: #7b6653;}
.blue {color: #6fa9ac; }

.bgBlack { background-color:  #000; }
.bgBlue { background-color: #369; }
.bgBrown { background-color: #986; }
.bgDarkGreen { background-color: #080; }
.bgGreen { background-color: #0f0; }
.bgRed { background-color: #9C0808; }
.bgWhite { background-color:  #fff; }
.bgYellow { background-color: #fc0; }

.italic { font-style: italic; }

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

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

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

.aBlack a { color: #000; }
.aBlack a:active { color: #c00; }
.aBlack a:hover { color: #c00;}

.aBlackW a { color: #000; }
.aBlackW a:active { color: #fff; }
.aBlackW a:hover { color: #fff;}

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


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

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


/* Linkbuttons */
a.linkButton, a:link.linkButton, a:hover.linkButton, a:visited.linkButton {
  height: 18px;
  color: #000;
  font-weight: bold;
  font-size: 11px;
  cursor: pointer;
  margin: 0 2px;
  padding: 1px 5px 0 5px;
  text-align: justify;
  vertical-align: text-top;
  text-decoration: none;
  border: solid 1px #000;
}

a.linkButtonWhite, a:link.linkButtonWhite, a:hover.linkButtonWhite, a:visited.linkButtonWhite {
  height: 18px;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  cursor: pointer;
  margin: 0 2px;
  padding: 1px 5px 0 5px;
  text-align: justify;
  vertical-align: text-top;
  text-decoration: fff;
  border: solid 1px #fff;
}

/* Tooltips */
#toolTipBox
{
  position: absolute;
  visibility:hidden;
  z-index: 20;
  background-color: #fff;
  background-image: url('../img/site/bg_form.jpg');
  border: 1px solid #000;
  padding: 2px 4px;
  color: #000;
  font-size: 10px;
  font-weight: bold;
}

/* PDA */
#pda
{
  position: relative;
  background-image: url('../img/pda/bg_pda.jpg');
  width: 635px;
  height: 476px;
}

/* Formular-Elemente */
input.formText, select, textarea , input.formButton {
  font-size: 10px;
  margin-bottom: 1px;
  border: 1px solid #000;
  color: #000;
  vertical-align: text-top;
  background-image: url('../img/site/bg_form.jpg');
}
input.formTextChange {
  font-size: 10px;
  margin-bottom: 1px;
  border: 1px solid #000;
  color: #000;
  vertical-align: text-top;
  background-image: url('../img/site/extras/bg_input.png');
}
input.formText, select {
  font-size: 11px;
  margin-bottom: 1px;
  border: 1px solid #000;
  color: #000;
  background-image: url('../img/site/bg_form.jpg');
}

select.formTextCombat {
  font-size: 11px;
  margin-bottom: 1px;
  color: #fff;
  border: none;
  background-color: #252522;
}

textarea {
 background-image: url('../img/site/bg_form.jpg');
}

input.formButton {
  color: #000;
  height: 18px;
  font-weight: bold;
  font-size: 11px;
  cursor: pointer;´
  text-align: justify;
  vertical-align: text-top;
  padding: 0px 5px 0 5px;
  text-decoration: none;
  border: solid 1px #000;
  background-image: url('../img/site/bg_form.jpg');
}

input.formButtonHL {
  color: #fff;
  height: 18px;
  font-weight: bold;
  font-size: 11px;
  cursor: pointer;´
  text-align: justify;
  vertical-align: text-top;
  padding: 0px 5px 0 5px;
  text-decoration: none;
  border: solid 1px #fff;
  background-image: url('../img/site/bg_headline.jpg');
}

/* Index / Outside */
input.registerText {
  height: 16px;
  font-size: 11px;
  margin-bottom: 1px;
  border: 1px solid #777;
  color: #fff;
  vertical-align: text-top;
  background-image: url('../img/index/bg_input.jpg');
}

input.registerButton {
  color: #fff;
  height: 20px;
  width: 116px;
  font-weight: bold;
  font-size: 11px;
  cursor: pointer;´
  text-align: justify;
  vertical-align: text-top;
  padding: 0px 5px 0 5px;
  text-decoration: none;
  border: solid 1px #777;
  background-image: url('../img/index/btn_login.jpg');
}

select.registerSelect {
  font-size: 11px;
  margin-bottom: 1px;
  border: 1px solid #777;
  color: #fff;
  background-color: #2b2b2b;
}


/* Padding-Werte */
.tdPadding td { padding: 2px; }
.tdPaddingL td { padding: 0 2px; }

td.topRow, .topRow th {
  font-weight: bold;
}

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

.borderBottom2 {  border-bottom: solid 2px #fff; }

/* ID-Container und Bereiche */
#inside {
  width: 1055px;
  position: relative;
  margin: 0 auto;
  text-align: left;
}

#outside {
  background-color: #000;
  width: 900px;
	position: relative;
	margin: 4px auto;
  text-align: left;
}

#payment input.formText, select, textarea { background-image: none; } /* workaround Payment*/