/*
 * Stylesheet dieknochenbrecher.com
 * @author: Adrian Roman
 * @date: 2009-02-19
 *
 * Grün: #14ae00
 * Rot: #ff0000
 */

/* User specific font */
@font-face {
  font-family: Xirwena;
  src: local(Xirwena), url(xirwena.ttf) format(TrueType);
}
* {
  padding: 0;
  margin: 0;
}
body {
  background: #FFF url(../img/holzlatten.jpg);
  font-family: Georgia,Verdana,Arial,Sans-Serif;
  font-size: 14pt;
  color: #000000;
  height:100%;
}
h1 span, h2 span, div#navigation ul li span {
  display: none;
}
h1 {
  background: url(../img/titel.jpg) no-repeat top left;
  width: 836px;
  height: 103px;
  margin-left: 45px;
}
h2 {
  position: absolute;
  top: 203px;
  left: 67px;
  width: 350px;
  height: 90px;
  z-index: 100;
}
h2.hdlIndex {
  background: url(../img/hdl_index.png) no-repeat top left;
  width: 295px;
  height: 67px;
  margin-left: 135px;
}
h2.hdlMitglieder {
  background: url(../img/hdl_mitglieder.png) no-repeat top left;
  width: 434px;
  height: 72px;
  margin-left: 65px;
}
h2.hdlScriptorium {
  background: url(../img/hdl_scriptorium.png) no-repeat top left;
  width: 241px;
  height: 73px;
  margin-left: 170px;
}
h2.hdlGalerie {
  background: url(../img/hdl_galerie.png) no-repeat top left;
  width: 159px;
  height: 63px;
  margin-left: 200px;
}
h2.hdlWachbuchGold {
  background: url(../img/hdl_wachbuchgold.png) no-repeat top left;
  width: 336px;
  height: 72px;
  margin-left: 100px;
}
h2.hdlCharBram {
  background: url(../img/hdl_char_bram.png) no-repeat top left;
}
h2.hdlCharClothwig {
  background: url(../img/hdl_char_clothwig.png) no-repeat top left;
}
h2.hdlCharDinnz {
  background: url(../img/hdl_char_dinnz.png) no-repeat top left;
}
h2.hdlCharJustus {
  background: url(../img/hdl_char_justus.png) no-repeat top left;
}
h2.hdlCharLin {
  background: url(../img/hdl_char_lin.png) no-repeat top left;
}
h2.hdlCharMarten {
  background: url(../img/hdl_char_marten.png) no-repeat top left;
}
h2.hdlCharOchs {
  background: url(../img/hdl_char_ochs.png) no-repeat top left;
}
h2.hdlCharTari {
  background: url(../img/hdl_char_tari.png) no-repeat top left;
}
h2.hdlCharTombas {
  background: url(../img/hdl_char_tombas.png) no-repeat top left;
}
h2.hdlCharTrutz {
  background: url(../img/hdl_char_trutz.png) no-repeat top left;
}
h3 {
  font-size: 20pt;
  line-height: 1.3em;
  text-align: center;
  margin-bottom: 1em;
}
a:link, a:visited, a:active {
  text-decoration: none;
  color: #000000;
}
a:hover {
  color: #14ae00;
}
img {
  border: 0;
}
p {
  margin-bottom: 1em;
}
ul {
  list-style-type: none;
}
div.clearer {
  clear: both;
}
div#content {
  float: left;
  width: 887px;
  margin-left: 20px;
}
div#navigation {
  background: url(../img/rolle_rechts.png) no-repeat top left;
  float: right;
  width: 205px;
  height: 332px;
  margin-top: 10px;
}
div#navigation ul {
  margin: 60px 25px;
}
div#navigation ul li {
  text-align: center;
  font-size: 16pt;
  margin-bottom: 20px;
  line-height: 1em;
}
div#footer {
  background: url(../img/gras.png) repeat-x bottom right;
  height: 150px;
  width: 100%;
  position: relative;
}
div#schild {
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 366px;
  width: 571px;
  background: url(../img/schild.png) no-repeat bottom right;
  z-index: 100;
}
div#rolle {
  width: 662px;
  float: left;
}
div.rolleOben {
  background: url(../img/rolle_oben.png) no-repeat top left;
  height: 119px;
}
div.rolleUnten {
  background: url(../img/rolle_unten.png) no-repeat top left;
  height: 86px;
}
div.rolleMitte {
  background: url(../img/rolle_mitte.png) repeat-y top left;
  padding: 72px 55px 0px 70px;
  line-height: 1.3em;
}
div.rolleMitte div.charBildLinks {
  float: left;
  margin-bottom: 10px;
  height: 240px;
  width: 155px;
  padding-top: 60px;
  padding-left: 50px;
  background: url(../img/foto-rahmen.png) no-repeat top left;
}
div.rolleMitte div.charBildRechts {
  float: right;
  margin-bottom: 10px;
  height: 240px;
  width: 155px;
  padding-top: 60px;
  padding-left: 50px;
  background: url(../img/foto-rahmen.png) no-repeat top left;
}
div.rolleMitte div.charBildRechts img,
div.rolleMitte div.charBildLinks img {
  height: 180px;
}
div.rolleMitte img.charBildMitte {
  height: 400px;
  margin-left: 100px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.mitglieder {
  background: url(../img/sau.png) no-repeat;
  width: 479px;
  height: 333px;
  margin-left: 20px;
}
ul.col1, ul.col2 {
  margin: 20px 0px;
  float: left;
  font-size: 20pt;
  line-height: 2em;
  width: 190px;
  padding-left: 10px;
}
ul.col1 {
  text-align: right;
  margin-left: 10px;
  margin-right: 55px;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.green {
  color: #14ae00;
}
.red {
  color: #ff0000;
}
div.galleryItem {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

div.galleryItem img {
  border: 1px solid #14ae00;
}