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%;
  }

  #navbar2 dd a:hover {
    color:#fff;
    background:#333;
  }


  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 {
    background:#2c2c2c;
    margin-left:10px;
    font-family:cambria,times,serif;
    line-height:140%;
    font-size:1em;
    color:#9C6;
    overflow:auto;
  }
  
  #content.contentnav2 dl dd pre {
    background:#2c2c2c;
    margin-left:10px;
    font-family:courier,serif;
    color:#9C6;
    overflow:auto;
  }

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

  #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;
    background:#333 url(px/b_back.gif) repeat-x;
    color:#777;
    border:1px solid #444;
    font-weight:bold;

    margin-right:2px;
  }
  
  #buttonbox1 a:hover,
  #buttonbox2 a:hover {
    background:#333;
    color:#fff;
  }
  
  #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,
  #content textarea,
  #content select {
    background:#333 url(px/b_back.gif) repeat-x;
    border-style:none;
    color:#777;
    width:8em;
    border:1px solid #444;
  }
  
  #content input.knopf {
    font-weight:bold;

    width:auto;
    color:#777;
  }
  
  #content input:hover,
  #content textarea:hover,
  #content select:hover {
    background:#333;
    color:#fff;
  }

  #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;
  }