/*        Projekt:  www.peter-wohlleben.de
              Typ:  CSS-Datei
     Beschreibung:  Grundformate Website
      Erstellt am:  05.03.2008, Frank Peter Neuendorf
Zuletzt geaendert:  01.07.2008, Frank Peter Neuendorf
 Niere Web-Design, www.webdesign-niere.de

*/

body
{ background-color:#EAF7D2;
  background-image:url(../grafik/hg_baum.gif);
  background-attachment:fixed;
  background-position:bottom right;
  background-repeat:no-repeat; margin:0; padding:0;
  font-family:arial,helvetica,verdana,geneva,sans-serif; color:#000;
  letter-spacing:0.1em; line-height:1.5em;
  font-size:100.01%; font-size:17px;
     scrollbar-arrow-color:#2F2F2F;
       scrollbar-base-color:#C4EFB1;
         scrollbar-track-color:#AFC08C
}

h1, h2, h3, h4, h5
{ margin:0px; padding:0;  }
h1
{ font-size:1.7em; color:#5F5F5F; margin-top:0.5em }
h2
{ font-size:1.3em; color:#5F5F5F; margin-top:1.3em }
h3
{ font-size:1.1em; color:#5F5F5F; margin-top:1.2em }
h4
{ font-size:1.0em; color:#000; margin-top:1.2em }
h5
{ font-size:1.1em; color:#5F5F5F; margin-top:1.5em; margin-bottom:0 }
.imp
{ margin-top:0; padding-top:0 }

hr { color:#98CA95 }

a.link:link { text-decoration:underline; color:#0040FF }
a.link:visited { text-decoration:underline; color:#0040FF }
a.link:active { text-decoration:underline; color:#FF0000 }
a.link:hover { text-decoration:none; color:#000; background-color:#fff }

a.order:link { text-decoration:none; color:#0040FF; background-color:#fff; border:dotted #0070C0 1px; padding:2px }
a.order:visited { text-decoration:none; color:#0040FF; background-color:#fff; border:dotted #0070C0 1px; padding:2px }
a.order:active { text-decoration:none; color:#FF0000; background-color:#fff; border:dotted #0070C0 1px; padding:2px }
a.order:hover { text-decoration:none; color:#000; background-color:#FFDF00; border:dotted #0070C0 1px; padding:2px }

a.audio:link    { float:right; margin-left:5px; padding-left:35px; background:url(../grafik/audio_1.gif); background-repeat:no-repeat; background-position:left; background-color:rgb(235,242,233); border:dotted #008030 1px; padding-top:4px; padding-bottom:4px; padding-right:5px; text-decoration:none; color:#000; }
a.audio:visited { float:right; margin-left:5px; padding-left:35px; background:url(../grafik/audio_1.gif); background-repeat:no-repeat; background-position:left; background-color:rgb(235,242,233); border:dotted #008030 1px; padding-top:4px; padding-bottom:4px; padding-right:5px; text-decoration:none; color:#000; }
a.audio:active  { float:right; margin-left:5px; padding-left:35px; background:url(../grafik/audio_1.gif); background-repeat:no-repeat; background-position:left; background-color:rgb(235,242,233); border:dotted #008030 1px; padding-top:4px; padding-bottom:4px; padding-right:5px; text-decoration:none; color:#000; }
a.audio:hover   { float:right; margin-left:5px; padding-left:35px; background:url(../grafik/audio_2.gif); background-repeat:no-repeat; background-position:left; background-color:#FFDF00;          border:dotted #008030 1px; padding-top:4px; padding-bottom:4px; padding-right:5px; text-decoration:none; color:#000; }

ol     { list-style-type:square; padding-left:1.9em; margin:0;
         padding-top:15px; padding-bottom:15px; max-width:45em   }
ol. li { display:inline; }

.bulletfarbe { color:#0070C0; font-weight:bolder }
.textfarbe   { color:#000000; font-weight:normal }

.faq
{ margin-left:1.9em; margin-right:20px; margin-bottom:0; margin-top:0; padding:0; }

.antifloat
{ clear:both; height:0; padding:0; margin:0; visible:hidden;
  margin-top:1em; background-image:url(../grafik/leer.gif);
}

b.imp
{ color:#4F4F4F }

/* === Seitenkopf === Start === */
.title
{ position:absolute; top:20px; left:10px; height:20px;
  margin-left:auto; margin-right:auto; padding:5px;
  z-index:1;
}
#position
{ font-size:12px; color:#008030; letter-spacing:2px; margin:0; padding:0;
  position:absolute; top:0; right:15px; padding-left:25px;
  letter-spacing:2; line-height:22px;
  background:url(../grafik/pfeil_klein.gif);
  background-repeat:no-repeat; background-position:left;
}
#kopfhg
{ position:absolute; top:25px; right:15px; left:15px;
  line-height:112px; width:98%; margin:0; padding:0;
  background-color:#A8EBC3; background:url(../grafik/kopfbild_hg.jpg);
}
#kopflinie
{ position:absolute; top:144px; right:15px; left:15px;
  line-height:4px; width:98%; padding:0; margin:0;
  background-color:#B3C395;
}
/* === Seitenkopf === Ende === */

.navi
{ position:absolute; top:154px; left:15px; width:9.9em; z-index:1; padding:0;
  background-image:url(../grafik/hg_tr-gruen.gif);
}

/* === Navigation === Start === */
.menu
{ text-align:left; font-weight:bold;
  padding:0.3em; padding-top:0.5em; padding-bottom:0.5em;
  background-image:url(../grafik/ecke_reo.gif);
  background-position:top right; background-repeat:no-repeat;
}

.menu a
{ display:block; text-decoration:none; color:#5F5F5F;
  background-color:#EAF7D2; width:8.5em;
  background-image:url(../grafik/ecke_reo2.gif);
  background-position:top right; background-repeat:no-repeat;
  border-bottom:1px solid #00E090; border-left:1px solid #00E090;
  padding-top:0.1em; padding-bottom:0.1em; padding-right:0; padding-left:0.5em;
}
.menu a:hover
{ color:#000; text-decoration:none;
  background-color:#98CA95;
  border-bottom:1px solid #00FFAF; border-left:2px solid #00FFAF;
  padding-top:0.1em; padding-bottom:0.1em; padding-right:0; padding-left:0.5em;
}

ul.menu       { list-style:none; margin:0; }
ul.menu li    { display:inline; }
.menu strong  { font-size:large; }
.hide         { display:none }
/* === Navigation === Ende === */

.inhalt
{ margin-top:154px;
  margin-left:11.4em;
  padding:1em;
  margin-right:10px;
  color:rgb(0,0,0); background-image:url(../grafik/hg_tr-gruen.gif);
}
.inhalt p
{ max-width:45em; }

#inhaltecke
{ position:absolute; top:150px; left:11.4em; width:25px; height:25px;
  background-image:url(../grafik/ecke_lio.gif);
  background-position:top left;
  background-repeat:no-repeat; margin:0; padding:0;
}

#icons
{ position:fixed; bottom:0px; right:0px; width:111px; height:24px;
  background-image:url(../grafik/checked.jpg); z-index:2;
  background-position:top right; background-repeat:no-repeat;
}

/* === Schriftgröße verändern === START === */
form.sizer
{ position:absolute; top:31px; right:14px; padding:0; margin:0; height:94px;
  font-size:14px; color:#000; text-align:center; letter-spacing:1;
  background-image:url(../grafik/hg_font.gif); z-index:1
}

.button
{ text-decoration: none; cursor:pointer; font-size:15px; font-weight:bold;
  color:#008030; width:40px; padding:5px;
  margin-left:5px; margin-top:5px; margin-right:5px; margin-bottom:0;
  border:1px outset #98CA95; background-color:#98CA95;
}

.button:hover
{ text-decoration:none; cursor:pointer,hand; font-size:15px; font-weight:bold;
  color:#000; width:40px; padding:5px;
  margin-left:5px; margin-top:5px; margin-right:5px; margin-bottom:0;
  border:1px inset #FFFFB7; background-color:#C4EFB1;
}
/* === Schriftgröße verändern === ENDE === */

/* === Schriftzug === START === */
#schriftzug
{ position:absolute; top:30px; right:150px; padding:0; margin:0; height:94px;
  z-index:2;}

/* === Schriftzug === ENDE === */


/* === Tooltip === START === */
.tt { width:270px; padding:5px; font-size:12px; line-height:20px;
      background-image:url(../grafik/hg_tt.jpg);  background-position:center center;
      background-repeat:no-repeat; }
/* === Tooltip === ENDE === */


/* === Gütezeichen === START === */
#guetezeichen
{ position:absolute; top:550px; left:14px; padding:0; width:102px; z-index:1; }
/* === Gütezeichen === ENDE === */


/* === Kästen === START === */
.buchpic
{ float:left; margin-right:17px; margin-bottom:10px; padding:0;
  font-family:arial,tahoma,helvetica,sans-serif; font-size:0.9em;
  line-height:1.4em; letter-spacing:1;
}
.cover { margin-top:0.4em; margin-bottom:10px }

#buch1
{ position:static; margin-top:1.5em; padding:0; }
#buch2
{ position:static; margin-top:1.5em; padding:0; }
#buch3
{ position:static; margin-top:1.5em; padding:0; }
#buch4
{ position:static; margin-top:1.5em; padding:0; }
#buch5
{ position:static; margin-top:1.5em; padding:0; }
#buch6
{ position:static; margin-top:1.5em; padding:0; }
/* === Kästen === ENDE === */


/* ================== Abschnitt: Formulare ================== */

form.kontakt, input.kontakt, textarea.kontakt
{ font-family:arial,tahoma,helvetica,sans-serif; font-size:16px;
  line-height:12px; padding-left:5px; margin:0px; }

legend
{ font-size:15px; color:#000; letter-spacing:3px; color:#0050A0;
  font-weight:bold; margin:0px; padding:0px; }

fieldset
{ padding:15px; width:30em; margin:0px; height:355px;
   border:solid 1px #0050A0;
  background-image:url(grafik/hg-tr-gruen.gif); color:#0050A0; }

input.kontakt, textarea.kontakt
{ display:block; float:left; width:250px; font-size:14px;
  border:1px solid #8F8F8F; background-color:#fff;
  margin:5px; padding:2px; letter-spacing:1px; margin-top:7px; }

.hidden { display:none; }

textarea.kontakt
{ float:left; width:250px; }

.submit, .reset
{ background-color:#0050A0; cursor:pointer; font-weight:bold;
  color:#fff; height:30px; width:120px; margin-top:10px }

label
{ width:100px; margin:5px; padding:5px; float:left; font-size:16px;
  color:#000; text-align:right; font-weight:bold; }