/* Automatisch eingefügt am 07.07.2009 zwecks Kompatibilität */
/*Code-Formatierung*/
.bbcode_code {padding: 10px; font-family: Courier !important;white-space:pre-wrap !important; width:700px; }
.bbcode_code:before {content:"Code-Abschnitt"; display: block; font-weight: bold; border-bottom: 1px solid ; padding: 0px 10px 10px 0px; margin: 0px 0px 10px 0px;}
.bbcode_code_line {float: left; font-weight: bold; border-right: 1px solid ; padding: 0px 10px 0px 10px; margin: 0px 10px 0px 0px; font-family: Courier !important; color: ;}
.bbcode_code_code { width:650px;overflow: auto; font-family: Courier !important; }
.bbcode_code_code pre { margin:0;padding:0; }
.widget_calendar_integration {float: left; margin-right: 10px; padding: 0px;}
.widget_view {float: left;}
.widget_view input, .widget_calendar_integration input {background-color: transparent; border: none; color: ; font-size: px; text-decoration: underline;}
.widget_view_intext {display: block;}
.widget_view_intext input {clear: both;}
.widget_view_body div {float: left; margin-right: 5px;}
.widget_view_body_delete {display: block; clear: both;}
/*Kalender Widget*/
.widget_calendar_event {border-bottom: 1px solid ; padding: 5px; margin: 2px; text-align: left;}
.widget_calendar_date {font-size: px; float: right; width: 30%;}
.widget_calendar_name {font-weight: bold; float: left; width: 60%; border-right: 1px solid ;}
.widget_calendar_check {float: left; padding: 3px 10px 3px 5px;}
/*Kalender Widget Integration*/
.widget_calendar_integration {width: 200px; border: 1px solid ; padding: 5px; text-align: justify; font-size: px; margin-bottom: 10px;}
.widget_calendar_integration_empty {width: 200px; height: 100px;  background-repeat: no-repeat; background-position: center;}
.widget_calendar_integration a {text-decoration: none; margin-bottom: 5px;}
/*Bilder Widget Integration*/
.widget_picture_integration .image {border: 1px solid ; position: relative; float: left; margin: 5px;}
.widget_picture_info {width: px; height:px; background-color: black; filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; color: white;}
.widget_picture_info small {padding: 5px;}
.widget_picture_integration {float: left;}
/* ENDE 07.07.2009 */


body {
  background-color: #000000;
  background-image: url(http://www.metallicafan.de/images/wallpapers/board_left.jpg);
  background-repeat: repeat-y;
  font-family: tahoma, verdana, sans-serif;
  font-size: 10pt;
  color: rgb(255,255,255);
  scrollbar-base-color: #606060;
  scrollbar-arrow-color: #808080;
  scrollbar-face-color: #202020;
  scrollbar-3d-light-color: #4444FF;
  scrollbar-darkshadow-color: #000000;
  scrollbar-highlight-color: #404040;
  scrollbar-shadow-color: #202020;
  scrollbar-track-color: #404040;

}

.ht {
  background-image: url(http://www.metallicafan.de/stuff/pix/ht_sig/death-bg.gif);
  background-repeat: repeat-y;
}

td {
  font-family: tahoma, verdana, sans-serif;
  font-size: 10pt;
  color: rgb(255,255,255);
}

input, textarea {
  background-color: rgb(0,0,102);
  border-color: rgb(0,0,0);
  border-style: solid;
  border-width: 1px;
  color: rgb(255,255,255);
  font-family: tahoma, verdana, sans-serif;
  font-size: 10pt;
}

select {
  border-color: rgb(0,0,0);
  border-style: solid;
  border-width: 1px;
  color: rgb(255,255,255);
  font-family: tahoma, verdana, sans-serif;
  font-size: 8pt;
}  

a {
  color: rgb(204,204,255);
}

a:hover {
  color: rgb(255,255,255);
}

/* NEU-Formular
   ------------ */
   
.ntit {
  /* [td] Name des Forums (bei neuem Thread) oder Name des Topics (bei Antwort) */
  background-color: #202020;
  font-weight: bold;
}

.ntop {
  /* [td] Einleitungstext (Fuellen Sie das folgende ...) */
  background-color: #404040;
}

.ntop td {
  /* [td -> td] Alle td\\\\\\\\\\\\\\\'s innerhalb von .ntop */
  background-color: #404040;
}

.nnor {
  /* [td] Viele Tabellenelemente, z.B. hinter den Smileys. Hintergrundfarbe ist hier wicht */
  background-color: #606060;
}

.nnor td {
  /* [td -> td] Alle td\\\\\\\\\\\\\\\'s innerhalb von .nnor */ 
  background-color: #606060
}

.nnor input {
  /* [td -> input] Eingabefeld und Buttons (Absenden, Nachrichtentitel) */
  background-color: rgb(0,0,102);
}

.nnor select {
  /* [td -> select] Auswahlfeld (Smiley) */
  background-color: rgb(0,0,102);  
}

.nnor textarea {
  /* [td -> textarea] Text fuer das Posting */
  background-color: rgb(0,0,102);  
}

.nnos {
  /* ????????? */
  font-size: 8pt;
}



/* Foren-Uebersicht
   ---------------- */
   
.itop {
  /* [tr] Bezieht sich auf die Ueberschriftselemente (Forum, Beitraege,...) */
  background-color: #202020;
  color: #FFFFFF;
  text-align: center;
  text-transform: capitalize; /* !!!!!!!!!!!!!!!!!!! */
  vertical-align: bottom;
}

.icats {
  /* [td] Kategorie */
  background-color: #404040;
}

.icat {
  /* [td] Tabellenelemente fuer die Kategorien */
  font-size: 10pt;
  font-weight: bold;
  color: #FFFFFF;
  vertical-align: top;
}

.icat a {
  /* [td -> a] Die Links fuer die Kategorien */
  color: rgb(255,255,255);
  font-size: 10pt;
  font-weight: normal;
  text-decoration: none;
}

.ifo1 {
  /* [td] Betrifft Angaben zu: Linken Freiraum, Anzahl der Beitraege, Letztes Posting */
  background-color: #606060;
  text-align: center;
}

.ifo1 a {
  /* [td -> a] Alle Links innerhalb der o.g. Bereichen (eigentlich nur letztes Posting) */
  color: #FFFFFF;
}

.ifo2 {
  /* [td] Betrifft Angaben zu: Forennamen und Beschreibung, Anzahl der Themen und Moderatoren */
  background-color: #404040; 
}

.ifo2 a {
  /* [td] Alle Links innerhalb der o.g. Bereichen */
}

.ifos {
  /* [span] Forenbeschreibung und beim letzten Posting \\\\\\\\\\\\\\\"von xyz\\\\\\\\\\\\\\\" */
  font-size: 10pt;
}

.iau0 {
  /* ????????? */
  background-color: 404040;
  font-weight: bold;
}

.iaus {
  /* [span] \\\\\\\\\\\\\\\"x Mitglieder und y Gaste sind online.\\\\\\\\\\\\\\\" */
  font-size: 8pt;
  font-weight: normal
}

.iau1 {
  /* [td] Auflistung der User, die online sind */
  background-color: #606060;
  padding: 2px;
  font-size: 8pt;
}


/* Thread-Uebersicht
   ----------------- */

.ftop {
  /* [td] Ueberschrift: Foren Name      Neues Thema eroeffnen */  
  background-color: #202020;
  font-weight: bold;
}

.fopt {
  /* [td] Optionen: Foren Information   Als gelesen markieren */
  background-color: #404040;
  font-size: 8pt;
}

.fwha {
  /* [tr] Beinhaltet alle Ueberschriften (Betreff, Absender) */
  background-color: #404040;
  font-weight: bold;
}

.fwha td {
  /* [tr -> td] Spricht nochmal alle Tabelleninhalte einzeln an */
  background-color: #404040;
  font-weight: bold;
}

.fth1 {
  /* [td] Betrifft Angaben zu: Themen-Icon, Absender und Hits */
  background-color: #404040;
}

.fth2 {
  /* [td] Betrifft Angaben zu: Themen-Link, Antworten und letzte Antwort */
  background-color: #606060;
}

.fths {
  /* [span] Steuer die Anzeige fuer die Unterseiten */
  font-size: 8pt;
}

.fbot {
  /* [td] Fusszeile (Forensprung, \\\\\\\\\\\\\\\'Weiter\\\\\\\\\\\\\\\'-Link) */
  background-color: #202020;
}

.fbot select {
  /* [td -> select] Sprungauswahlfeld */
  background-color: #202020;
}

.fbot input {
  /* [td -> input] Sprung-Button */
  background-color: #202020;
  font-size: 8pt;
  border-width: 1px;
}


/* Themen-Ansicht
   -------------- */

.ttop {
  /* [td] Ueberschrift (Threadnamen, Sortierung) */
  background-color: #202020;
  font-weight: bold;
}
 
.tnex {
  /* [td] Unterseitenuebersicht */
  background-color: #404040;
}

.tbei {
  /* ??????????? */
  background-color: #202020;
  font-weight: bold;
}

.tms1 {
  /* [td] Angaben zu: Username, Usertitel, Erstellt am, Titel des Postings, edit und antworten */
  background-color: #404040;
  padding: 2px;
  font-size: 8pt;
}

.tms2 {
  /* [td] Nachrichtentext */
  background-color: #606060;
  padding: 4px;
}

.tms3 {
  /* ??????????? */  
  background-color: #404040;
}
 
.tms4 {
  /* ??????????? */
  background-color: #606060;
}  

.tbot {
  /* [td] Fusszeile */
  background-color: #202020;
  font-weight: bold;
  border-width: 1px;
} 

.tbot input {
  /* [td -> input] Sprung-Button */
  font-weight: normal;
}

.tbot select {
  /* [td -> select] Sprungauswahl */
  font-weight: normal;
}

.tmss {
  /* [td] Titel des Users und Antwortinfo (re: xyz) */
  font-size: 8pt;
  font-weight: normal;
}

.tmst {
  /* ????? */
  font-size: 10pt;
  text-align: center;
}

.tare {
  /* [td] Navigationsbereich (Forum Uebersicht, Suche, Einstellungen...) */
  color: #FFFFFF;
  text-align: left;
  padding-left: 130px;
  vertical-align: bottom;
}

.tarea {
  /* [span] Navigationsbereich + Thema melden/abbonieren */
  font-weight: bold;
}

.thin {
  /* [td/div] Info Text oben rechts (Willkommen xyz) */
  color: #FFFFFF;
  text-align: right;
  vertical-align: bottom;
}

.tbhi {
  /* [td] Hauptbereich fuer die Anzeige der Posts */
  color: #FFFFFF;
  text-align: center;
  vertical-align: bottom;
}

.tsmt {
  /* [td] Zusaetzlicher Info Text (dieses Thema hat x antworten...) */
  color: FFFFFF;
  font-size: 8pt;
}

/* Added on 2010-02-18, Forum Update compatibility. */
/*Spoiler-Design*/
.hpm_spoiler_open{ background:url("http://files.homepagemodules.de/b2001010/a_488.gif") no-repeat scroll left center transparent;display:block;padding-left:14px; }
.hpm_spoiler_closed { background:url("http://files.homepagemodules.de/b2001010/a_489.gif") no-repeat scroll left center transparent;display:block;padding-left:14px; }
.hpm_spoiler_body { background:none repeat scroll 0 0 #EFEFEF;color: black;display: none;border-color:#3F3F3F;border-style:solid;border-width:0 1px 1px 1px;margin:0;padding:0;width:100%; }
.hpm_spoiler_headinput { border:0 none;cursor:pointer;font:bold 11px Verdana,Arial,sans-serif;margin-bottom:0;margin-left:6px;margin-top:0;padding:2px 14px 3px;position:relative;text-align:left;width:100%; }
.hpm_spoiler_headdiv { background:none repeat scroll 0 0 #EFEFEF;border:1px solid #3F3F3F;height:20px;margin:0;padding:1px 0px;width:100%; }
.hpm_spoiler { margin:6px;width:90%; } 
/* END Added on 2010-02-18 */
 
/* Added on 2010-06-04, Forum Update compatibility. */
.codeblock{border:0px solid black;width: 640px;padding:0 5px 0px 5px; }
.codeheader{margin-left:0px; text-transform:capitalize; font: 100% courier,monospace;}
.codelines{color:black; float:left;margin: 0 5px;font-size: 12px;border-right: 1px solid black;    padding: 0;   text-align:center;    line-height: 20px;    background-color: #FFFFFF;    background-image: url(http://files.homepagemodules.de/b2001010/a_675.png);   background-repeat:repeat;width: 25px; overflow: auto; overflow-Y:hidden;}
.code pre{font-size: 12px;padding: 0;margin: 0; line-height: 20px;background-color: #FFFFFF;background-image: url(http://files.homepagemodules.de/b2001010/a_675.png);background-position: top;    background-repeat:repeat;width: 600px;overflow: auto;overflow-Y:hidden;}
pre code {font-size: 11px;font-family: courier,monospace;color: black;   margin: 0 0 0 15px;    padding: 0;    display: block;}      
/* END Added on 2010-04-21 */
 
/* Added on 2010-08-06, Forum Update compatibility. */
.icon-link_blog { background-image: url("http://files.homepagemodules.de/b2001010/a_721_8e6530f3.gif");}