/* Abstände im HTML alle auf 0" */
* { padding: 0; margin: 0; }

html { /* erzwingt Scrollbar im Firefox */
  height: 101%;
}

 /* Abstand nach unten */
h2, p, ul, ol { margin-bottom: 1em; }

/* Verschachtelte Listen ohne Abstand */
ul ul { margin-bottom: 0; }

/* Abstand von links */
li { margin-left: 1em; }

/* ======================================
        Allgemeine Styles
====================================== */

body             {
                 background-color: #FFFCEB; /* Hintergrundfarbe */
                 color: #606060; /* Schriftfarbe */
                 font-family: Verdana, Arial, Helvetica, sans-serif;
                 font-size: small; /* Schriftgröße */
                 text-align: justify; /* blocksatz */
                 }

h1               { font-size: 150%; }
h2               { font-size: 130%; }


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 */
                 }

  /*aussehen hyperlink */
a                {
                 text-decoration: none; /* hyperlink Unterstreichung entfernen */
                 color: #606060;  /* hyperlink Farbe */
                 }



  /* nur hyperlink im Textbereich */
div#textbereich a {
                 text-decoration: none; /* hyperlink Unterstreichung entfernen */
                 color: #606060;  /* hyperlink Farbe */
                 }}

div#textbereich a:hover,
div#textbereich a:focus  {
                 border-bottom: 1px solid #d90000;
                 }

    /* Text neben Bilder mit clearing umbrechen */
.clearing { clear: both; }

/* ======================================
        Styles für die Layoutbereiche
====================================== */

/* Gestalte das div mit id="wrapper" */

div#wrapper      {
                 background-color: white;
                 color: black;
                 width: 900px; /* Breite des Inhaltsbereichs */
                 margin-top: 10px;
                 margin-right: auto; /* Abstand rechts */
                 margin-bottom: 10px;
                 margin-left: auto; /* Abstand links */
                 }

                 /* Gestalte die Grafik mit id="banner" */
img#banner       {
                 background-color: white;
                 color: black;
                 }

div#kopfbereich {
                 background-color: #FFFCEB; /* wie hintergrundfarbe */
                 color: black;
                 padding-top: 5px 0px 5px 0px;
                 }
div#kopfbereich p {
                 padding: 5px 0px 5px 0px;
                 margin-bottom: 0;
                 }


div#navibereich {
                 text-align: right; /* rechtsbündig */
                 background-color: #FFF2E0;
                 padding: 5px 10px 4px 10px;
                 font-size: 110%; /* etwas größer */
                 color: black; /* Schriftfarbe */
                 }
div#navibereich ul { margin-bottom:0; }
div#navibereich li {
                 display: inline; /* li nebeneinander anzeigen */
                 list-style-type: none; /* ohne Aufzählungspunkte */
                 margin-bottom:0 10ps 0 0; /* rechts 10px, sond 0 */
                 }
div#navibereich a:hover,
div#navibereich a:focus {
                         color: white;
                         background-color: #d90000;
                         }
div#navibereich a:active {
                         color: black;
                         background-color: white;
                         border-bottom-color: white;
                         }

div#vorwort {
                 font-size: 99%; /* etwas größer als der Rest */
                 font-style: small; /* normale Schrift, nicht kursiv */
                 line-height: 1.7; /* Zeilenabstand, ohne Einheit */
                 padding-top: 10px; /* unterhalb Rahmenlinie */
                 padding-right: 20px;
                 padding-bottom: 20px;
                 padding-left: 20px;
                 border-top: 1px solid #8c8c8c; /* Linie oben */
                 margin-top: 0px; /* oberhalb Linie */
                 }


div#textbereich  {
                 background-color: #FFFCEB;
                 padding: 20px 10px 20px 20px;
                 position: relativ; /* wichtig für floaten */
                 }

div#picture      {
                 float: left;
                 width: 100px;
                 margin-right: 18px;
                 }

div#printy       {
                 float: left;
                 width: 23%;
                 margin-right: 18px;
                 }
div#professional  {
                 float: left;
                 width: 23%;
                 margin-right: 18px;
                 }
div#datumstempel  {
                 float: left;
                 width: 23%;
                 margin-right: 18px;
                 }
div#datumstempel2  {
                 float: left;
                 width: 23%;
                 }

div#holzstempel  {
                 float: left;
                 width: 23%;
                 margin-right: 18px;
                 }
div#ersatzkissen  {
                 float: left;
                 width: 23%;
                 margin-right: 18px;
                 }
div#zubehoer  {
                 float: left;
                 width: 23%;
                 margin-right: 18px;
                 }
div#paginierer  {
                 float: left;
                 width: 23%;
                 }

div#impressum {
                 font-size: 110%; /* etwas größer als der Rest */
                 font-style: small; /* normale Schrift, nicht kursiv */
                 line-height: 1.7; /* Zeilenabstand, ohne Einheit */
                 padding-top: 10px; /* unterhalb Rahmenlinie */
                 padding-right: 20px;
                 padding-bottom: 20px;
                 padding-left: 20px;
                 border-top: 1px solid #8c8c8c; /* Linie oben */
                 margin-top: 0px; /* oberhalb Linie */
                 }

div#stempel_abc {
                 font-size: 110%; /* etwas größer als der Rest */
                 font-style: small; /* normale Schrift, nicht kursiv */
                 line-height: 1.7; /* Zeilenabstand, ohne Einheit */
                 padding-top: 10px; /* unterhalb Rahmenlinie */
                 padding-right: 20px;
                 padding-bottom: 20px;
                 padding-left: 20px;
                 border-top: 1px solid #8c8c8c; /* Linie oben */
                 margin-top: 0px; /* oberhalb Linie */
                 }




/* Bilder im textbereich floaten - text umlaufen lassen */
div#textbereich img {
                     float: left;
                     margin-top: 0px; /* oberhalb Linie */
                     margin-right: 15px;
                      }


div#fussbereich {
                 padding-top: 10px; /* unterhalb Rahmenlinie */
                 padding-right: 20px;
                 padding-bottom: 20px;
                 padding-left: 20px;
                 border-top: 1px solid #8c8c8c; /* Linie oben */
                 margin-top: 0px; /* oberhalb Linie */
                 }