/* ******************************************* */
/* Stylesheet germanfungamer.de                */
/* © copyright Nicolas Közle                   */
/* Der Quelltext darf für Lernzwecke verwendet */
/* aber nicht veröffentlicht werden!           */
/* ******************************************* */

/* ********************************************************* */
/* Einige wichtige Syntaxes zum Nicht-Vergessen:             */
/* F O N T                                                   */
/* font-family: (Schriftart, Schriftarten);                  */                                            
/* font-size: Schriftgröße in px (fest) oder em (dynamisch)  */
/*            oder in % der vererbten Angabe                 */
/* font-style: italic (kursiv) oder normal (nicht-kursiv)    */
/* font-weight: bold (fett) oder normal (nicht-fett)         */
/* letter-spacing: in px, Abstand zwischen den Buchstaben    */
/* ********************************************************* */
/* E L E M E N T V E R K N Ü P F U N G E N                   */
/* # für Elementverknüpfungen id= oder für Farben (#FFCCAA)  */
/* . (Punkt) für Elementverknüpfungen class=                 */
/* ********************************************************* */
/* L I N K D E F I N I T I O N E N (Reihenfolge beachten!)   */
/* a:link     = der statische, bislang unbenutze Link        */
/* a:visited  = bereits angeklickter Link                    */
/* a:hover    = wenn man mit der Maus drüber geht            */
/* a:focus    = wenn man mit der Tabtaste auf den Link kommt */
/* a:active   = im Moment des Klicks                         */
/* ********************************************************* */
/* B O X D E F I N I T I O N E N (Reihenfolge beachten!)     */
/* width, height = Breite und Höhe in px, innerer Bereich    */
/* padding = Raum zwischen Inhalt und Border (Rahmen), wird  */
/*           addiert auf width und height!!!                 */
/* border  = Rahmen um Inhalt und padding in px, wird auch   */
/*           auf width, height und padding addiert!!!        */
/* margin  = Raum zwischen border und übergeordneter Box,    */
/*           z.B. ist body übergeordnet von wrapper, und     */
/*           wrapper ist übergeordnet von kopfbereich; wird  */                                                         
/*           addiert auf width & height, padding und border! */
/*                                                           */
/* -top,     gibt spezifisch die Seite der Box an, Wert in   */
/* -right    px oder auto, immer Reihenfolge beachten, an-   */
/* -buttom   gefangen oben (vgl. 12 Uhr) und dann im Uhr-    */
/* -left     zeigersinn bis '9 Uhr' die linke Seite.         */
/* ********************************************************* */
/* W E I T E R E                                             */
/* text-decoration: Bestimmt die Unterstreichung eines Links */

/* resettet die Standardeinstellungen der Browser */
* { padding: 0; margin: 0; }
  
/* erzwingt Scrollbar im Firefox */
html { height: 100.19%; }

/* STANDARDeinstellungen für Absätze, Listen, etc... */
h1, h2, h3, p, ul, ol { 
  margin-bottom: 3px;
  margin-left: 3px;
}
ol, ul { margin-bottom: 1em; }
li { margin-left: 5px; }

/*  =================
    = ÜBERSCHRIFTEN =
    ================= */
h1 { 
  font-size: 170%;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  padding-top: 1em;
  margin-top: 0;
  margin-bottom: 2em;
}
h2 { 
  font-size: 120%;
  text-align: center;
  padding: 5px;
  margin-top: 30px;
  margin-right: auto;
  margin-bottom: 0.5em;
  margin-left: auto;
  letter-spacing: 1px;  
}
h3 {
  font-size: 110%;
  letter-spacing: 0px;
}
/*  ========
    = body = "quasi-Hintergrund" der Seite definieren
    ======== */
body {
  background-color: #8c8c8c;
  background-image: url(img/style1/logo_bg.png);
  background-repeat: no-repeat; /* keine Kachelung */
  background-position: top center;
  color: #ffcc00;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;  /* vererbbare Schriftgröße - ÄNDERUNG WIRKT SICH AUF ALLE %-ANGABEN AUS! */
}
/*  =================================
    = BEGINN der BOXEN-Definitionen =
    ================================= */

/*  ===========    
    = wrapper = Definition der ganzen Seite die auf dem body liegt
    =========== */
div#wrapper {
  width: 950px;   /* Gesamtbreite der Website mit ihrem Inhalt */
  margin: 10px auto;  /* oben & unten 10px, links und rechts auto (center) */
}

/*  ===========================================
    =   PNG-Bugfix für Internet Explorer 6    =
    = * html ist ungütlig aber für IE6 lesbar =
    =========================================== */

* html body {
  background-image: url(img/style1/logo_bg.gif);
  background-repeat: no-repeat; /* keine Kachelung */
  background-position: top center;
}

* html div#wrapper {
  height: 1%;
}
* html div#kopfbereich {
  background-image: url(img/style1/logo.gif);
  background-repeat: no-repeat; /* keine Kachelung */
  background-position: bottom center;
}
* html div#navigation {
  background-image: url(img/style1/untertext.gif);
}
div#kopfbereich {
  width: 683px;
  height: 175px;
  margin: auto;
  background-image: url(img/style1/logo.png);
  background-repeat: no-repeat; /* keine Kachelung */
  background-position: bottom center;
}
div#navigation {
  text-align: left;  /*rechtsbündig */
  margin-top: 0px;
  padding: 15px 10px 4px 10px;
  border-bottom: 1px solid #000000;
  background-image: url(img/style1/untertext.png);
  background-repeat: no-repeat; /* keine Kachelung */
  background-position: top center;
}
/* BEGINN der Definitionen der Navigations-Elemente */
  #navigation ul {margin-bottom: 0; }
  #navigation li {
    display: inline; /* li nebeneinander anzeigen */
    list-style-type: none; /* ohne Aufzählungspunkte */
    margin: 0; /* war vorher 10px für rechts */
  }
  /* Definition der Hintergrundreiter */
  #navigation a {
    color: black;
    font-weight: bold;
    background-color: #ffcc00;
    padding: 4px 8px 4px 8px;
    border: 1px solid #000000;
  }
  /* Definition des immer aktiven Reiters */
  #home #navi01 a,
  #forum #navi02 a,
  #server #navi03 a {
    color: #ffcc00; /* gelb-orange */
    background-color: black;
    border-bottom-color: #000000;
  }
  #home #navi01 a:hover,
  #forum #navi02 a:hover,
  #server #navi03 a:hover {
    color: #ffcc00; /* gelb-orange */
    background-color: transparent;
    border-bottom-color: #000000;
  }
  #home #navi01 a:focus,
  #forum #navi02 a:focus,
  #server #navi03 a:focus {
    color: #ffcc00; /* gelb-orange */
    background-color: #8c8c8c;
    border-bottom-color: #000000;
  }
  #navigation a:hover,
  #navigation a:focus {
    color: #ffcc00;
    background-color: transparent; /* war vorher #d90000 */
}
  #navigation a:active {
    color: black;
    background-color: #8c8c8c;
    border-bottom-color: #000000;
  }
/* ENDE der Navigationsdefinitionen! */
/* FORTSETZUNG der DIV-BOXEN-Definitionen */
div#main-bg {
  width: auto;
  background-image: url(img/style1/wrapper.png);
  background-repeat: repeat-y;  /* horizontale Kachelung */ 
  background-position: left top;
}
* html div#main-bg {
  height: 1%;
}
#not_found #inhalt {
  float: none;
}
div#inhalt {
  float: left;  /* Set a float to fix a float */
  width: 950px;
width: auto;
  /*min-height: 1500px; */ /* nicht mehr notwendig, da dieses Elternelement mit gefloatet wird */
  margin: 0 auto;
}
div#boxframeleft {
  width: 164px;
  text-align: center;
  padding: 0;
  /* border-right: 4px; */
  margin-right: 0px;
  /* background-color: #000000; */
  background-image: url(img/style1/gradient.png);
  background-repeat: repeat-x; /* horizontale Kachelung */
  background-position: top left;
  float: left;
  }
div#bgpic {
  width: 622px;
  float: left;
  background-image: url(img/style1/gradient.png);
  background-repeat: repeat-x;  /* horizontale Kachelung */ 
  background-position: top left;
}
div#textframe {
  /* width: 570px; */
  min-height: 160px;
  /* float: left; */
  padding-right: 30px;
  padding-left: 27px; /* Krumme Zahl, optische Verbesserung, Abstand ist dann gleich! */
  border: 0;
  /* margin-right: 160px; */
  margin-bottom: 2em;
  /* margin-left: 160px; */
  /* background-color: #000000; */ 
}
div#textframe p {
  font-size: 105%;
  font-weight: normal;
  text-align: justify;
  padding: 0;
  margin-bottom: 1em;
  /* margin-left: 28px; */
}
#textframe .listentext {
  margin-top: 0.4em;
  margin-left: 0px;
}
div#textframe h3 {
  margin-bottom: 0.25em;
  padding: 0; 
}
div#textframe ol {
  list-style-position: inside;  
}
#textframe ol h3 {
  display: inline;
  border-bottom: 1px dotted #ffcc00;
}
div#textframe li {
  font-weight: bold;
  margin-bottom: 0.5em;
  margin-left: 0px;
  padding: 0;
}
div#boxframeright {
  width: 164px;
  /* float: right; */
  float: left;
  background-image: url(img/style1/gradient.png);
  background-repeat: repeat-x; /* horizontale Kachelung */
  background-position: top left;
  margin: 0;
  margin-bottom: 2em;
  /* margin-left: auto; */
}
div.infobox {
  width: 160px;
  color: #ffcc00; /* gelb-orange */
  border: 2px solid #ffcc00;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
}
div.infobox table {
  background-color: transparent;  /* Fix für das vorgefertigte Script von wetter.com */
}
#cod4 {
  margin-bottom: 0;
}
div#fussbereich {
  clear: both;
  color: #ffcc00; 
}
/* ENDE der DIV-BOXEN-Definitionen! */

/* BEGINN DER BILD-Definitionen! */
img#logo {
  background-color: black;
  color: black;
}
img#ts_plugin {
  margin: auto;
  background-color: black;
  color: black;
}
img { border: 0; }


address {
  text-align: center;   /* zentrieren */
  font-size: 80%;   /* etwas kleiner als der Rest */
  font-style: normal;   /* normale Schrift, nicht kursiv */
  letter-spacing: 2px;    /* Abstand zwischen den Buchstaben */
  line-height: 1.5;   /* Zeilenabstand, ohne Einheit */
}
a { text-decoration: none;    /* Unterschreichung entfernen */
  outline: none;    /* unschöne Umrisslinie entfernen */
}
a:link { color: #d90000; }
a:visited { color: #cc6666; }
p a:hover, 
p a:focus { border-bottom: 1px solid #d90000; }
p a:active,
address a:active {
  color: #ffcc00;
  background-color: #d90000;
}
/* a img { text-decoration: none; } */
h1.boxtitel {
  text-align: center;
  font-size: 140%; 
  font-style: normal;
  letter-spacing: 1px;
  width: 156px;
  border: 2px solid #ffcc00;
  /* background-color: #454545; */
  padding: 5px 0;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 1px;
  margin-left: auto;
}
h2.boxuntertitel {
  text-align: center;
  font-size: 120%;
  font-style: normal;
}
p.boxtext {
  text-align: center;
  font-size: 75%;
  font-style: normal;
  padding: 10px 5px 10px 5px;
  margin: 0px 0px 0px 0px;
}
p.untertitel {
  text-align: right;
}
div.infobox ul {
  list-style-type: none;
  /* width: 170px; */
  text-align: center;
  padding: 0px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}
div.infobox ol {
  text-align: center;
  padding: 5px 5px 5px 5px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}
div.infobox li {
  text-align: center;
  padding: 0px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0.5em;
  margin-left: 0;
}
/* Teamspeak connect */
form {
  text-align: center;
  /* background-color: #000000; */
  width: 150px;
  padding: 5px;
  border-bottom: 2px solid #ffcc00;
}
label {
  cursor: pointer;
}
div#yournick {
  margin-bottom: 5px;
}
input#nickname {
  width: 80px;
  height: 15px;
  border: 2px solid #8c8c8c;
  margin-bottom: 1em;
}
#forum #textframe {
  width: 680px;
  float: left;
float: none;
  padding: 0;
  border: 0;
  margin: 0;
  margin-top: 10px;
}
#forum #wrapper {
  width: 95%;
}
#server #textframe hr {
  display: block;
  margin: 15px 0;
}
#server iframe {
  float: left;
  margin: 0, auto;
  margin-bottom: 2em;
}
.hide {
   position: absolute;
   left: -9999px; 
   top: -9999px; 
   display: inline;
   width: 0;
   height: 0;
} 
.subserver {
  clear: left;
  font-size: 110%;
  /*margin-top: 20px;*/
}