body {
    color:#777;
    background:#000;
    font-size:95%;
    font-family:Calibri,Charcoal,'trebuchet ms',helvetica,verdana,sans-serif;
    text-align:center;
    margin:0;
    padding:0;
  }

  h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,form {
  margin:0;
  padding:0;
  }


  input,select,textarea {
    font-family:Calibri,Charcoal,'trebuchet ms',helvetica,verdana,sans-serif;
    cursor:pointer;
  }

  form,table,input,select,textarea {
    font-size:100%;
  }

  .hinweis, .red, .rot,
  #content .hinweis {
    color:red;
  }

  .oki, .green,
  .okidoki {
    color:green;
  }

  a {
    color:#ffb400;
    text-decoration:none;
  }

  a.inaktiv {
    color:#666;
  }

  h4{
    font-size:100%;
    color:#ffb400;
  }

  a:hover {
    color:#fff;
  }

  a img {
    border-style:none;
  }

  .cleaner {
    clear:both;
  }

  #page {
    text-align:left;
  }

  #header {
   background:black url(px/header_back2.jpg) top center repeat-x;
   text-align:center;
   height:180px;
  }

  #header img {

  }

  #brotkrume {
    padding:0 2em 0.4em 2em;
  }

  #contentholder {
    margin:0 2em;
  }

  #content {
    padding:1em 1.4em 1.4em 1.4em;
  }

  #content h2 {
    border-bottom:1px solid #ffb400;
    color:#ffb400;
    font-weight:bold;

    font-size:110%;
    margin-bottom:1em;
  }

  #content p {
    margin-bottom:1em;
  }

  #footer {
    padding:0.4em 17em 1em 15em;
    text-align:center;
  }

  #footer img {
  }

  #footer p {
    padding-top:0.5em;
  }

  #footer p a {
    color:black;
  }

  #footer p a:hover {
    color:#222;
  }

  #navbar {
  }

  #navbar dl {
    float:left;
    margin-right:2px;
  }

  #navbar dt {
    background:black;
  }

  #navbar dt a {
    display:block;
    background:#333 url(px/b_back.gif) repeat-x;
    color:#777;
    font-weight:bold;

    padding:2px 15px;
    border:1px solid #444;
  }

  #navbar dt a:hover {
    background:#222;
    color:#fff;
  }

  #navbar dd {
    display:none;
    position:absolute;
    background:#3F3F3F url(px/dd_back.gif) repeat-x;
    white-space:nowrap;
    border:1px solid #444;
    }

  #navbar dd.showit {
    display:block;
  }

  #navbar dd a {
    color:#777;
    display:block;
    padding:2px 7px;
  }

  #navbar dd a:hover {
    color:#fff;
    background:#222;
  }

  #content.contentnav2 {
    margin-left:11.15em;
    margin-right:15.2em;
    background:#171717 url(px/content_back.gif) repeat-x;
  }

  #footer.contentnav2 {
  }

  #infobox {
    position:absolute;
    right:0;
    top:180px;
    width:15em;
    padding:1em;
    margin-bottom:1em;
    background:#171717 url(px/content_back.gif) repeat-x;
  }

  #navbar2 {
    position:absolute;
    left:0;
    top:180px;
    width:10.95em;
    padding:1em;
    background:#171717 url(px/content_back.gif) repeat-x;
    margin-bottom:1em;
  }

  #navbar2 dl {
    margin-bottom:5px;
  }

  #navbar2 dt {
    padding-bottom:5px;
  }

  #navbar2 dd {
    padding-bottom:5px;
  }

  #navbar2 dt a {
    display:block;
    color:#ffb400;
    font-weight:bold;

    font-size:110%;
    border-bottom:1px solid;
  }

  #navbar2 dd a {
    color:#777;
    display:block;
    padding:1px 7px;
    line-height:150%;
    text-shadow:0 0px 5px #333;
  }

  #navbar2 dd a:hover {
    color:#fff;
    background:#555;
    text-shadow:1px 1px 0 #000;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), inset 1px 1px 5px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), inset 1px 1px 5px rgba(255, 255, 255, 0.4);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), inset 1px 1px 5px rgba(255, 255, 255, 0.4);
  }


  a .dot {

    font-weight:bold;
    color:#666;
  }

  a:hover .dot {
    color:#ffb400;
  }

  #zeit {
  position:absolute;
  top:0.3em;
  right:1em;
  }



  #login {
  }

  #infobox table {
    border-collapse:collapse;
    width:100%;
    margin-bottom:3px;
    border:3px solid #333;
  }

  #infobox th {
    background:#333;
    border-bottom:1px solid #111;
    padding:1px 4px;
    text-align:left;
    color:#777;
  }

  #infobox td {
    background:#222;
    border-bottom:1px solid #111;
    padding:1px 4px;
  }

  #infobox tr.modulo td {
    background:#1a1a1a;
  }

  #infobox p {
    padding-top:5px;
  }

  #infobox dl {
    margin-bottom:10px;
  }


  #infobox dt {
    font-weight:bold;

    color:#ffb400;
    font-size:110%;
    border-bottom:1px solid;
  }

  #infobox dd {
    padding-top:5px;
  }

  #navbar2 input,
  #infobox input {
    background:#333 url(px/b_back.gif) repeat-x;
    color:#777;
    width:8em;
    border:1px solid #444;
  }

  #navbar2 input.knopf,
  #infobox input.knopf {
    font-weight:bold;
    width:auto;
    padding:1px 4px;
  }

  #navbar2 form.searchform,
  #infobox form.searchform {
    margin-bottom:2px;
  }

  #navbar2 input:hover,
  #infobox input:hover {
    background:#222;
    color:#fff;
  }

  #footer,
  #footer a {
    color:#555;
  }

  #footer a:hover {
    color:white;
  }

  #content dl {
    margin-bottom:1em;
  }

  #content dl.whoisonline {
    width:20%;
  }

  #content dl.whoisonline dd {

  }

  #content b {

  }

  #content dd ul {
    margin-left:2em;
  }

  #content a:hover b {
    color:#fff;
  }

  #content dl dt {
    background:#333;
    margin-bottom:2px;
    padding:2px 5px;
    border:1px solid #444;
  }

  #content.contentnav2 dl {
    border:3px solid #333;
  }

  #content.contentnav2 dl dt {
    border-style:none;
    margin:1px;
    color:#777;
  }

  #content.contentnav2  dl dt.row1,
  #content.contentnav2  dl dt.row1n {
    background:#333;
  }

  #content.contentnav2  dl dt.row1:hover,
  #content.contentnav2  dl dt.row1n:hover {
    background:#3f3f3f;
  }


  #content.contentnav2  dl.forum dt.row1n {
    background:#3f3f3f;
  }

  #content.contentnav2  dl.forum dt.row2,
  #content.contentnav2 dl dd,
  #content.contentnav2 dl.news dd,
  #content.contentnav2 dl.forum dd {
    border-style:none;
    margin:1px;
    background:#222
  }

  #content.contentnav2 dl dd .quote {
    padding:13px;
    background:#2a2a2a;
    border:1px solid #444;
    line-height:140%;
    font-size:0.9em;
    color:#99A191;
    overflow:auto;
  }

  #content.contentnav2 dl dd .quote b {
    color:#99FF33;
  }

  #content.contentnav2 dl dd pre {
    padding:10px;
    background:#111;
    border:1px solid #444;
    font-family:courier,serif;
    line-height:140%;
    font-size:0.7em;
    color:#99CC00;
    overflow:auto;
  }

  #content.contentnav2 dl.news dd.modulo {
    background:#1a1a1a;
  }

  #content.contentnav2 dl.news dd .avatar {
    border:1px solid #4d4d4d;
  }

  #content.contentnav2 dl.news dd.modulo .avatar {
    border:1px solid #444;
  }

  #content.contentnav2 dl.news dd.modulo .quote,
  #content.contentnav2 dl.news dd.modulo pre {
  }

  #content dl dt b {

  }

  #content dl.overview dt {
    padding:2px 10px;
  }

  #content dl.overview dt a.h3 {
    font-size:110%;
    font-weight:bold;

  }

  #content dl.news dt a.h3 {
    font-size:160%;
    font-weight:bold;

  }

  #content dl dt a.h3 {
    font-size:110%;
    display:block;
    font-weight:bold;

  }

  #content dl.news dt a.h3 {
  }

  #content dl dt a {
  }

  #content dl dt.row1 div,
  #content dl dt.row1n div {
    float:right;
  }

  #content dl dt.row1n a.h3 span {
    color:#0F0;
  }

  #content dl dt.row1 a.h3 span {
    color:#777;
  }

  #content dl dt.new {

  }

  #content dl dt.row1n a {
    color:#fff;
  }

  #content dl dt a:hover {
    color:#fff;
  }

  #content dl dd {
    background:#3F3F3F url(px/dd_back.gif) repeat-x;
    padding:10px;
    margin-bottom:2px;
    border:1px solid #444;
  }

  #content dl.news,
  #content dl.forum {
    clear:left;
  }

  #content dl.forum dt.row1 {
  }

  #content dl.forum dt.row1n {

  }

  #content dl.forum dt.row2 {
    background:#3F3F3F url(px/dd_back.gif) repeat-x;
    font-size:90%;
    border-left:10px solid #3a3a3a ! important;
  }

  #content dl.forum dt.row3 {
  }

  #content dl dd .quote {
    background:#555;
    padding:10px;
    color:#888;
  }

  #content dl dd pre {
    background:#555;
    padding:10px;
    font-family:courier,serif;
    margin:0;
    color:#aaa;
  }

  #content dl.profil dd img {
    border-style:none;
  }

  #content dl.profil dd table th {
    text-align:right;
    padding:5px 10px;
    color:#ffb400;
    background:#333;
  }

  #content dl.profil dd table td {
    padding:5px 10px;
  }


  #content dl dd img {
    border:1px solid #666;
    max-width:100%;
  }

  #content dl dd img.nob {
    border-width:0;
  }

  #content dl dd a img {
    border:2px solid #ffb400;
  }

  #content dl dd a:hover img {
    border-color:#fff;
  }

  #content dl.forum dd.modulo {
    background:#333;
  }


  #buttonbox1 {
    padding-bottom:1em;
  }

  #buttonbox2 {
  }

  #buttonbox1 a,
  #buttonbox2 a {
    display:block;
    float:left;
    padding:2px 15px;
    font-weight:bold;
    margin-right:2px;
    background:#bbb;
    color:#111;
    border:1px solid #444;
    text-shadow:0 1px 0 #fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), inset 1px 1px 10px #fff;
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), inset 1px 1px 10px #fff;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), inset 1px 1px 10px #fff;
  }

  #buttonbox1 a:hover,
  #buttonbox2 a:hover {
    text-decoration:underline;
    color:#fff;
    background:#9C6E00;
    text-shadow:0 1px 0 #000;
    -webkit-box-shadow: 0 0 5px #ffb400, inset 1px 1px 10px #ffb400;
    -moz-box-shadow: 0 0 5px #ffb400, inset 1px 1px 10px #ffb400;
    box-shadow: 0 0 5px #ffb400, inset 1px 1px 10px #ffb400;
    border-color:#DD9C00
  }

  #adclose, #adimg, #adhead, #ad {
    display:none;
  }

  #content table.eintrag {

  }

  #content table.eintrag th {
    background:#2a2a2a;
    padding:0 5px;
    text-align:left;
  }

  #content table.eintrag td {
    padding:0 5px;
  }

  #content table.bigboy {
    border-collapse:collapse;
    border:1px solid black;
  }

  #content table.bigboy th {
    background:#2a2a2a;
    padding:3px 5px;
    text-align:left;
    border-bottom:1px solid black;
  }

  #content table.bigboy td {
    padding:3px 5px;
    background:#444;
    border-bottom:1px solid black;
  }

  #content table.bigboy tr.modulo td {
    background:#4a4a4a;
  }

  #content table.wowladder {
    border-collapse:collapse;
    border:1px solid black;
  }

  #content table.wowladder th {
    background:#333;
    padding:3px 5px;
    text-align:left;
    border-bottom:1px solid #111;
  }

  #content table.wowladder td {
    padding:3px 5px;
    background:#222;
    border-bottom:1px solid #111;
  }

  #content table.wowladder tr.modulo td {
    background:#1a1a1a;
  }


  #content .bigboy input
  {
    width:auto;
    border:1px solid #555;
  }

  #content table.eintrag input,
  #content table.eintrag textarea,
  #content table.eintrag select {
    width:100%;
  }

  #content table.eintrag {
    width:100%;
  }

  #content table.eintrag th {
    white-space:nowrap;
  }

  #content table.eintrag td {
    width:100%;
  }

  #content table.eintrag textarea {
    height:20em;
  }

  #content table.eintrag input.knopf {
    width:auto;
  }

  #content input[type=password],
  #content input[type=text],
  #content textarea,
  #content select {
    background:#555;
    border-style:none;
    width:8em;
    color:#aaa;
    text-shadow:1px 1px 0 #000;
    border:1px solid #666;
  }

  #content input[type=password],
  #content input[type=text],
  #content textarea {
    background:#444;
    color:#aaa;
    text-shadow:1px 1px 0 #000;
    border:2px solid #555;
    -webkit-box-shadow:inset 1px 1px 10px #222;
    -moz-box-shadow:inset 1px 1px 10px #222;
    box-shadow:inset 1px 1px 10px #222;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding:4px;
  }

  #content input.knopf {
    font-weight:bold;
    width:auto;
    background:#bbb;
    color:#111;
    border:1px solid #444;
    text-shadow:0 1px 0 #fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), inset 1px 1px 10px #fff;
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), inset 1px 1px 10px #fff;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), inset 1px 1px 10px #fff;
  }

  #content input.knopf:hover {
    text-decoration:underline;
    color:#fff;
    background:#9C6E00;
    text-shadow:0 1px 0 #000;
    -webkit-box-shadow: 0 0 5px #ffb400, inset 1px 1px 10px #ffb400;
    -moz-box-shadow: 0 0 5px #ffb400, inset 1px 1px 10px #ffb400;
    box-shadow: 0 0 5px #ffb400, inset 1px 1px 10px #ffb400;
    border-color:#DD9C00;
  }

  #content input:hover,
  #content textarea:hover,
  #content select:hover {
    border-color:#888;
  }

  #draenei img {
    position:absolute;
    left:0;
    top:0;
    z-index:97;
  }

  #bloodelf img {
    position:absolute;
    right:0;
    top:0;
    z-index:98;
  }

  #galerie table {
    float:left;
    background:#111;
    margin:0;
    margin-right:3px;
    margin-bottom:3px;
    width:150px;
  }

  #galerie th {
    background:#333 url(px/b_back.gif) repeat-x;
    padding:2px 3px;
    height:40px;
  }

  #galerie td {
    height:155px;
    border:2px solid #333;
    text-align:center;
    padding:0;
  }

  #galerie a img {
    border:2px solid #ffb400;
  }

  #galerie a:hover img {
    border:2px solid #fff;
  }

  #galerie table img {
    width:auto;
  }

  #galerie .editbox {
    padding-top:4px;
  }

  #galerie .editbox a {
  }

  #galerie .editbox a img {
    border-width:0;
    margin-right:3px;
  }

  #galerie .editbox a:hover img {
    border-width:0;
  }

  #galeriebox a img {
    border:2px solid #555;
  }

  #galeriebox a:hover img {
    border:2px solid #fff;
  }

  #chatframe {
    overflow:auto;
    width:100%;
    height:450px;
    background:#111;
    margin-bottom:4px;
    border:2px solid #333;
  }

  #chatframe p {
    margin:0;
  }

  #chatframe p.modulo {
    color:#999;
    background:#161616;
  }

  #chatframe b {
    color:#ffb400;
  }

  #chatframe i {
    font-style:normal;
    color:#555;
  }

  #chatframe span {
    font-style:italic;
    color:#555;
  }

  embed {
    background:red;
  }