body {
  width: 770px;
  margin-left: auto;
  margin-right: auto;
  color: #503427;
  background-color:#e5ce9d;
  background-image: url(/img/bgd.png);
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  font-size: 12px;
  line-height: 17px;
}

.bortable {
  width: 750px;
  empty-cells: show;
}

.maintable {
  width: 720px;
  background-image: url(/img/bg.png);
  background-color: #e7d7b4;
  padding-bottom: 10px;
}

/* Tables im Content */
.content table {
  border-spacing: 1px;
}

th, td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 17px;
}

/* Absatzformatierung fuer Listen: */
.content ul {
  font-size: 12px;
  line-height: 140%;
  margin-left: 2em;
  padding-left: 2em;
  padding-right: 3px;
  list-style-type: disc;
}

.content .news h4 {
  margin-bottom:5px;
  margin-top:25px;
}

.content .news > ul {
  /* background-color:#dbb98e; */
  color: #652f23;
  background-color: #e0be94;
  background-image: url(/img/bg1.png);
  border-style: solid;
  border-color: #a08070;
  border-width: 1px 1px;
}

.content .news ul li {
  margin-top: 4px;
  margin-bottom: 4px;
}

ol.moretext li {
  margin-top: 10px;
  margin-bottom: 15px;
}

/* Absatzformatierung fuer normalen Fliesstext: */
.content .bigfirst p {
  font-size: 12px;
  /* line-height: 18px; */
}

/*  entweder cool mit Goldhintergrund...
.content > p:first-letter {
  background-image:url(/img/edge.png);
  font-family: serif;
  font-size: 24px;
  font-weight: bold;
  color: #906427;
  margin-right: 3px;
  margin-top: 3px;
  border: 1px solid #a0a040;
  padding: 2px;
  padding-top: 6px;
  padding-bottom: 6px;
  float: left;
}
*/

/* ...oder lieber etwas profaner: */
.content .bigfirst p:first-letter {
  background-image:url(/img/bg1.png);
  font-family: serif;
  font-size: 24px;
  font-weight: bold;
  color: #906427;
  margin-right: 3px;
  margin-top: 3px;
  border: 1px solid #d0b070;
  padding: 2px;
  padding-top: 6px;
  padding-bottom: 6px;
  float: left;
}

code {
  font-family: monospace;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 3px;
  border: 1px dotted #808080;
}

div.attributes {
  background-image:url(/img/bg1.png);
  border: 1px solid #d0b070;
  padding-left: 3px;
  clear: both;
}

/* Links allgemein */
A:link {        /* normaler Link */
      color: #312E27;
      text-decoration: underline;
}
A:visited {     /* bereits besuchter Link */
      color: #312E27;
      text-decoration: underline;
}
A:hover {       /* Mouse-Over-Link */
      color: #a00000;
      text-decoration: underline;
}
A:active {      /* angeklickter Link */
      color: red;
}

/* Überschriften */
h1 {
  color: #703427;
  font-size: 24px;
  padding: 1px;
  text-align: left;
  line-height: 100%;
  border-bottom: 1px solid #703427;
}

h2 {
  font-size: 14pt;
  color: #703427;
  padding: 1px;
}

h3 {
  font-size: 13pt;
  color: #703427;
  padding: 1px;
}

h4 {
  font-size: 13pt;
  color: #703427;
  padding: 1px;
}

/* Kleiner Text */
small {
  font-size:10px;
  font-weight:normal;
}

/* Menüformatierung */
td.menuarea {
  width:200px;          /* effective: 220px (due to padding) */
  text-align: center;
  vertical-align: top;
  padding-top: 20px;
  padding-left: 10px;   /* adds to width */
  padding-right: 10px;  /* adds to width */
}

div.menuitems {
  width:auto;
  background-image:url(/img/perg_200_mitte.gif);
  background-repeat:repeat-y;
  padding-top:10px;
  padding-bottom:2px;
  padding-left:25px;
  line-height:150%;
  text-align:left;
}

.menuentry {
    background-repeat: no-repeat;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:10px;
    padding-right:5px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    color: #312E27;
}

.selectedentry a:visited,
.selectedentry a:link,
.selectedentry a,
.selectedentry {
  /* text-shadow: #625c4e 1px 1px; */
  /* text-transform: uppercase; */
  font-weight: bolder;
}
.selectedentry:before {
  /* content:"\2022\020"; */
  content:url(/img/menuarrow.gif)" ";
}
.selectedsubentry:before {
  /* content:"\2022\020"; */
  content:url(/img/submenuarrow.gif)" ";
}

.submenuentry {
    background-repeat: no-repeat;
    padding-top:0px;
    padding-bottom:2px;
    font-size: 10px;
    line-height: 14px;
    margin-left: 15px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    color: #312E27;
}

/* Links in der Navigation (cascaded) */
.menuentry A:link,
.submenuentry A:link {        /* normaler Link */
    color: #2F261D;
    text-decoration: none;
}
.menuentry A:visited,
.submenuentry A:visited {     /* bereits besuchter Link */
    color: #312E27;
    text-decoration: none;
}
.menuentry A:hover,
.submenuentry A:hover {       /* Mouse-Over-Link */
    color: #8b2b2b;
    text-decoration: underline;
}
.menuentry A:active,
.submenuentry A:active {      /* angeklickter Link */
    color: #c00000;
}

.impressum {
  width:150px;
  font-size:8pt;
  text-align:center;
  margin-top:10px;
}

/* Kleine Infobox */
.infobox {
    padding-top:4px;
    padding-bottom:4px;
    font-size: 8.5pt;
    line-height: 150%;
}

.sidebox {
  float:right; background-color:#dbb98e;
  width:180px; padding:5px; margin-left:10px; margin-bottom:5px;
  font-size:8.5pt; text-align:left; line-height:130%;
  border:1px dotted #908060;
}

.sidebox h4 {
  font-size:8.5pt;
  text-align:left;
  margin-top:0px; margin-bottom:6px;
  border-bottom:1px solid #908060;
}

.sidebox p {
  text-indent:-1em;
  padding-left:1em;
  margin-top:0px; margin-bottom:3px;
}

td.content {
  background-image: url(/img/sl-map-bg-trans.gif);
  background-repeat: no-repeat;
  /* background-position: 10px 50px; */
  background-position: center 50px;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  font-size: 10pt;
  line-height: 150%;
  vertical-align: top;
  text-align: justify;
}

p.error {
  color: red;
  font-weight: bold;
  background-color: rgb(255,220,220);
  border: 1px solid red;
  padding: 1px;
}

p.success {
  color: green;
  font-weight: bold;
  background-color: rgb(220,255,220);
  border: 1px solid green;
  padding: 1px;
}


/* Ein paar Tabellen */

table.xpstupse {
  margin-top: 5px;
}
table.xpstupse th,
table.xpstupse td {
  background-color: #dbb98e;
  text-align: right;
  padding: 0px 8px;
}

table.regionsliste {
  margin-top: 5px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
table.regionsliste th,
table.regionsliste td {
  background-color: #dbb98e;
  text-align: left;
  padding: 0px 12px;
}
table.regionsliste th {
  background-color: #f4d9ae;
  border: 1px solid #cba97e;
}

table.spellinfo {
  margin-top: 5px;
  width: 100%;
}
table.spellinfo th,
table.spellinfo td {
  background-color: #dbb98e;
  text-align: left;
  padding: 0px 12px;
}
table.spellinfo th {
  width: 25%;
  background-color: #f4d9ae;
  border: 1px solid #cba97e;
}

div.slp_navigation img {
  background-color: #dbb98e;
  text-align: center;
  font-weight: bold;
  border: none;
}

table.slp_header {
  margin-top: 15px;
  margin-left: 3px;
  width: 498px;
  border-spacing: 1px;
}
table.slp_header th {
  width: 25%;
  background-color: #dbb98e;
  padding-left: 2px;
  text-align: left;
  font-weight: bold;
}
table.slp_header td {
  width: 75%;
  background-color: #f8f8e0;
  text-align: left;
  padding-left: 2px;
}

table.slp_thread {
  width: 95%;
  margin-top: 15px;
  margin-left: 3px;
  border-spacing: 1px;
  border-collapse: separate;
}
table.slp_thread th {
  background-color: #dbb98e;
  padding: 0px 10px 0px 5px;
  text-align: left;
  font-weight: bold;
}
table.slp_thread td {
  background-color: #f4f4dc;
  xborder-top: 1px dotted #808050;
  text-align: left;
  padding: 0px 10px 0px 5px;
}
table.slp_thread .recent {
  background-color: #f0b898;
}

/* für die kleinen Teaser-Bildchen: */
.leftfloater {
  float:left;
  margin-right:10px;
  margin-top:5px;
  margin-bottom:5px;
}
.rightfloater {
  float:right;
  margin-left:10px;
  margin-top:5px;
  margin-bottom:5px;
}

/* Seitenfooter (c) etc. */
.footer {
  width: 748px;
  margin-top:15px;
  margin-bottom: 20px;
  /* border: 1px solid #ccbbaa; */
  padding-top: 2px;
  padding-bottom: 2px;
  /* color: #514E47; */
  border: 1px solid #606060;
  background-color: #303030;
  color: #d0d0d0;
  font-family: Verdana, Arial, Helvetica;       /* bei ganz kleinen Schriften ist Verdana besser als Arial */
  font-size: 9px;
  line-height: 130%;
  text-align:center;
}
/* Links im Footer */
.footer A:link {        /* normaler Link */
    color: #d0d0d0;
}
.footer A:visited {     /* bereits besuchter Link */
    color: #a0a0a0;
    text-decoration: none;
}
.footer A:hover {       /* Mouse-Over-Link */
    color: #ffd0d0;
    text-decoration: underline;
}
.footer A:active {      /* angeklickter Link */
    color: #ffd0d0;
}

/* hintergrundfarben für mudwho */
tr.header th { border: 1px solid #dbb98e; background-color: #f0e0d0; }
tr.player { background-color: #f8f8f0; }
tr.seer   { background-color: #f8e6c8; }
tr.wizard { background-color: #f4d8a4; }
tr.lord   { background-color: #ffc0a0; }
tr.arch   { background-color: #ffa890; }

/* idle string */
.idle     { color: #400000; }
.longidle { color: #e04040; }

table.questliste {
  width: 100%;
  max-width: 100%;
}
table.questliste th,
table.questliste td {
  background-color: #dbb98e;
  text-align: left;
  padding: 0px 4px;
}
table.questliste th {
  background-color: #f4d9ae;
  border: 1px solid #cba97e;
}

ul.portalliste li {
  margin-top: 5px;
}

div.regionsinfo {
  font-style: italic;
  font-size: 9pt;
  line-height: 18px;
  color: #604020;
  border: 1px solid #cba97e;
  padding: 2px;
  text-align: left;
}

table.homepages {
}

table.homepages th {
  background-color: #f4d9ae;
  border: solid 1px black;
  vertical-align: top;
  width: 25px;
}

table.homepages td {
  background-color: #dbb98e;
  vertical-align: top;
  border: solid 1px black;
  width: 130px;
}

table.contactform {
  margin-top: 10px;
  width: 100%;
  max-width: 100%;
}
table.contactform th,
table.contactform td {
  vertical-align: top;
  padding: 1px 4px;
}
table.contactform th {
  text-align: right;
  font-weight: bold;
}
table.contactform td {
  text-align: left;
  width: 60%;
}

table.impressumlist {
  margin-top: 10px;
  width: 100%;
  max-width: 100%;
}
table.impressumlist th,
table.impressumlist td {
  background-color: #dbb98e;
  text-align: left;
  vertical-align: top;
  padding: 0px 4px;
}
table.impressumlist th {
  font-weight: bold;
  background-color: #f4d9ae;
  border: 1px solid #cba97e;
}
table.impressumlist td {
  width: 60%;
}

table.eventliste {
  width: 100%;
  max-width: 100%;
}
table.eventliste th,
table.eventliste td {
  background-color: #dbb98e;
  text-align: left;
  padding: 1px 4px;
}
table.eventliste th {
  /* width: 200px; */
  line-height:120%;
  nowrap: wrap;
  background-color: #f4d9ae;
  border: 1px solid #cba97e;
}
table.eventliste td input,
table.eventliste td textarea
{
  width:96%;
}
table.eventliste td textarea
{
  height:5em;
}

table.eventneu {
  width: 100%;
  max-width: 100%;
}
table.eventneu th,
table.eventneu td {
  background-color: #dbb98e;
  text-align: left;
  padding: 1px 4px;
}
table.eventneu th {
  /* width: 200px; */
  line-height:120%;
  nowrap: wrap;
  background-color: #f4d9ae;
  border: 1px solid #cba97e;
}
table.eventneu td input.wide,
table.eventneu td textarea.wide
{
  width:98%;
}
table.eventneu td textarea.wide
{
  height:8em;
}
table.eventneu td textarea
{
  font-size:10pt;
  font-family: Arial, Helvetica, sans-serif;
}

table .eventliste textarea
{
  height:6em;
  width:98%;
  font-size:10pt;
  font-family: Arial, Helvetica, sans-serif;
}