body {
 background-color: #484848;
 background-image: url(img/leder.jpg);
 background-attachment:fixed;
 margin:0px;
 padding:0px;
 font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 12px;
/*
  font-family: "Book Antiqua",Times,Garamond,Verdana,Geneva,Arial,Helvetica;
 scrollbar-face-color: #963C19;
 scrollbar-highlight-color: #AF4B19;
 scrollbar-shadow-color: #502814;
 scrollbar-3dlight-color: #CE3100;
 scrollbar-arrow-color: FFE081;
 scrollbar-track-color: #582103;
 scrollbar-darkshadow-color: #502814;*/
 vertical-align:top;
}

img {
 border-width: 0px;
 vertical-align:middle;
}

a {
 color: #431D03;
 font-style: italic;
 text-decoration: none;
}

a:hover {
 color: #733A1A;
 text-decoration: underline;
}

a.man {
 font-style: italic;
 font-weight:bold;
 color: #000000;
}

/* The main submit button option */
select, textarea {
 background-color:#A48553;
 background-image:url(img/gen_background3.jpg);
 border-color:#A48553 #C7B188 #C7B188 #A48553;
 color:#000000;
}

input {
 background-color: #CE6300;
 color: #FFE081;
 border-color: #CE3100 #9C0000 #9C0000 #CE3100;
 background-image:url(img/body_background.jpg);
}

input.text {
 background-image:url(img/nachrichten/back.gif);
 color: #000;
}

div {
 width: 100%;
}

div.c {
 background-image:url(img/gen_background2.jpg);
 border: 2px solid #555555;
 padding: 5px;
 padding-left: 10px;
 color:#431D03;
 width: auto;
 margin-bottom: 5px;
 text-align: left;
 font-size: 12px;
 min-height: 25px;
}

h1 {
 font-weight: bold;
 font-size:14px;
}

div.c h1 {
  padding: 0px;
  padding-bottom: 5px;
  margin: 0px;
  text-align: center;
}

h2 {
 font-weight: bold;
 font-size:18px;
}

h3 {
 font-weight: bold;
 font-size:14px;
}

span {
 background-color: transparent;
 display: inline;
}

div.created {
  margin-top: 20px;
  font-size: smaller;
}

ul {
 padding-left: 20px;
 margin: 0px;
}

li {
 background-color: transparent;
 display: list-item;
}

form {
 margin:2px;
 display: inline;
}

/* table classes */
table {
 border: 0px;
 font-size: 12px;
}

table.info {
 width:100%;
}

table.msg {
 width: 100%;
}

table.barracks {
 background-image:url(img/gen_background.jpg);
 width: 100%;
 font-size: 12px;
 border: 1px solid #555555;
}

/* td classes */

/* only used in top */
td.top {
 background-image:url(img/leder.jpg);
 color:#000000;
 text-align:center;
 padding-top: 5px;
 padding-bottom: 5px;
}

/* borders */
td.ol {
 background-image: url(img/nachrichten/ol.gif);
 height: 25px;
 width: 25px;
 max-width: 25px;
}

td.o {
 height: 25px;
 width: 100%;
 background-image: url(img/nachrichten/om.gif);
}

td.or {
 background-image: url(img/nachrichten/or.gif);
 height: 25px;
 width: 25px;
 max-width: 25px;
}

td.ml {
 width:25px;
 background-image:url(img/nachrichten/ml.gif);
}

td.m {
 background-image:url(img/nachrichten/back.gif);
 text-align:center;
 font-style: normal;
 color:#733A1A;
 width: 100%;
 vertical-align:top;
 }

td.mr {
 width:25px;
 background-image:url(img/nachrichten/mr.gif);
}

td.ul {
 width: 25px;
 height: 25px;
 background-image:url(img/nachrichten/ul.gif);
}

td.u {
 height: 25px;
 width: 100%;
 background-image:url(img/nachrichten/um.gif);
}

td.ur {
 width: 25px;
 height: 25px;
 background-image:url(img/nachrichten/ur.gif);
}

/* link to the current page, which also loads the frameset. Show this with user CSS ;) */
div.selflink { display: none; }

a.good2, a.good3, a.good4, a.good5, a.good6, a.good7, a.good8, a.good13, a.good15, a.good0 {
  background-repeat: no-repeat;
  background-position: center left;
  line-height: 22px;
  vertical-align: middle;
  display: block; /* how i would love a working inline-block in browsers other than Opera */
  height: 22px;
  width: 1px; /* overflow is shown, but the element is not 100% large */
  padding-left: 27px;
  white-space: nowrap;
}

a.good2 { background-image: url(img/resources/people.png); }
a.good3 { background-image: url(img/resources/workers.png); }
a.good4 { background-image: url(img/resources/food.png); }
a.good5 { background-image: url(img/resources/wood.png); }
a.good6 { background-image: url(img/resources/stone.png); }
a.good7 { background-image: url(img/resources/iron.png); }
a.good8 { background-image: url(img/resources/gold.png); }
a.good13 { background-image: url(img/resources/mana.png); }
a.good15 { background-image: url(img/resources/knowledge.png); }
a.good0 { background-image: url(img/resources/time.png); }