/* Lieber User von selfhtml.de,
   in diesem Stylesheet werden die Positionen der einzelnen Elemente auf der Webseite festgelegt.
   Wenn du diese ?ndern m?chtest, kannst du dies hier tun und dein Stylesheet auf
   http://www.selfhtml.de/userstylesheet.php hochladen.
   Wenn du nur Farben und Schriften ?ndern willst, brauchst du nur folgendes Stylesheet bearbeiten:
   http://www.selfhtml.de/styles/farbe/farbe.css
*/

body {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 100.01%;
    background-color: #eee;
    }

body, ul, ol, li, a  {
    margin: 0px;
    padding: 0px;
    }

#wrapper  {
   font-size: 1em
   }

h1, h2, h3 {
    font-weight: bold;
    font-size: 1em;
    margin: 0px;
    }

#top h1 {   /* Kasten, in dem die UEberschrift platziert wird */
    padding: 1em;
    font-style: italic;
    border-bottom: 1px solid black;
    }

h2 {
    padding: 5px 10px 5px 10px;
    margin: 0px -10px 10px -10px;
    border-bottom: 1px solid black;
    }



#aussen-box  {    /* Box fuer die Hauptnavigation */
    float: right;
    margin-top: -1em;
    }

#aussen-box-unten  {  /*wahlweise die Hauptnavigation unten platzieren  */
    float: right;
    display: none;
    }



/* wegen Safari-Bug, ueber font-size den Abstand
#aussen-box --> #hauptfenster einstellen   */

.filler {
    font-size: 1em;
    }

pre {
    padding: 1em;
    }




.hauptnavigation {  /* Box fuer die obere waagrechte Hauptnavigation */
    text-align: right;
    font-size: 0.9em;
    text-transform: uppercase;
    }

.hauptnavigation li {
    list-style: none;
    display: inline;
    line-height: 2.0em;
    }

.hauptnavigation a {
    margin-right:  0.2em;
    padding: 0.2em 0.5em;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid black;
    }





#hauptfenster {  /* Box fuer die 3 senkrechten Hauptspalten */
    display: table-row;
    }

html:first-child>*+body #hauptfenster {  /* Hack fuer Opera */
    display: table;
    }

/*  ohne den IE/Mac  \*/
* html #hauptfenster {
    position:relative;
    width: 99.6%;
    left: 0.2%;
    }
/* */






#linke-spalte {
    display: table-cell;
    vertical-align: top;
       width: 126px; /* original */
    width: 8.2em;
    font-size: 0.9em;
    padding-left: 0.5em;

    }

/*  ohne den IE/Mac  \*/
* html #linke-spalte {
    position:absolute;
    left:0;
    top:0;
    width: 9.6em;
    }
/* */




.subnavigation {  /*  Box fuer die linke Navigation  */
   }

.subnavigation li {
    list-style: none;
    margin-bottom: 5px;
    border: 1px solid black;
  }

.subnavigation  li a {
    display: block;
    white-space: nowrap;
    padding: 0.2em 0.5em;
    text-decoration: none;
    font-weight: bold;
    }

* html .subnavigation  li a {  /* damit der IE den ganzen Link hovert */
    height: 100%;
    }




.linkerkasten {   /*  fuer die uebrigen Boxen in der linken Spalte  */
    text-align: center;
    padding: 3px 5px;
    font-size: 0.8em;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid black;
    }

.linkerkasten a {
    display: block;
    text-decoration: none;
    margin-top: 5px;
    }

.linkerkasten a:hover {
    text-decoration: underline;
    }





#rechts {   /* rechte Spalte: 120x60 Banner und Button darunter */
    display: table-cell;
    vertical-align: top;
    width: 126px;
    font-size: 0.8em;
    text-align: center;
    padding-right: 10px;
    }

/*  ohne den IE/Mac  \*/
* html #rechts {
    position: absolute;
    right: 0;
    top:0;
    }
/* */

.rechterkasten {
    padding: 3px 5px;
    border: 1px solid black;
    margin-bottom: 20px;
    }






#content {   /* die mittlere Spalte fuer den eigentlichen Inhalt */
    display: table-cell;
    vertical-align: top;
    padding: 0px 10px 10px 10px;
    font-size: 0.85em;
    }

/*  ohne den IE/Mac  \*/
* html #content {
    margin-left: 11.6em;
    margin-right: 145px;
    }
/* */

.contentbox {
    border: 1px solid black;
    margin-bottom: 10px;
    padding: 0px 10px 0 10px;
    }


.contentbox ol {   /* fuer die Such-Ergebnisse */
    margin-left: 20px;
    }


.contentbox li  {   /* fuer die Thread-Ansicht in den Foren */
    margin-left: 25px;
    padding-left: 0px;
    line-height: 1.5em;
    }


 .contentbox a   {   /* fuer alle Links in den contentboxen */
    font-weight: bold;
    }

.contentbox span {   /* fuer die Links in den schmalen Auswahlboxen */
    white-space: nowrap;
    font-weight: bold;
    padding-left: 0%;
    padding-right: 2%;
    }





.postings ul {  /* Listabstaende fuer die Postings in der Threaduebersicht */
    margin: 0px;
    padding: 0px;
    }

.postings a:visited  {    /*  fuer die Links in der Thread-Ansicht */
    font-weight: normal;
    }




.listen-abstand  {   /* textliche Aufzaehlungen, keine Postings */
    margin-top: 20px;
    }

.listen-abstand li  {
    margin-bottom: 20px;
    }




.ausrichtung  {
    text-align: right;
    }

.ausrichtung a:link,
.ausrichtung a:visited  {
    font-weight: bold;
    }





.standard  {
    text-align: center;
    }

.standard a:link,
.standard a:visited  {
    font-weight: bold;
    }


.suche  {   /*  Textausrichtung fuer das Suchfeld  */
   text-align: left;
    }







.buchtabelle td {
    padding: 5px;
    }

ul.artikelnavigation {
    text-align: center;
    font-size: 0.9em;
    padding: 10px;
    }

ul.artikelnavigation li {
    list-style: none;
    display: inline;
    line-height: 2.0em;
    margin: 1px;
    }

ul.artikelnavigation a {
    margin-right:  0.2em;
    padding: 0.2em 0.5em;
    text-decoration: none;
    font-weight: bold;
    }


.werbung  {
    text-align: center;
     }


.hinweis {
   font-weight: bold;    
   padding: 5px;
   background-color: rgb(208,88,88);
   border: 1px solid black;
}

.hinweis strong,
.hinweis li a {
   font-weight: bold;
   color: white;
   }



/* Ausblenden des Ersatztextes
  "Kontakt" für Impressum und
  "-" für Home*/

ul.hauptnavigation li a code,
ul.hauptnavigation li a em  {
  display: none;
    }




/* ========  nur temporär ==============  */

kbd {
  font-size: 1em;
  font-family: arial;
  font-weight: bold;
}