/* 

Grundeinstellungen:

gold: #b48b4d;

grau: #bfbebd;

rot: #7d3d45;

Breite (ohne Rahmen): 670px;



/* Allgemeine Elementanweisungen 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

* {
  margin: 0;
  padding: 0;
}

body { 
  background: #c09e6a;
  color: #7d3d45;
  font-family: "Times New Roman", Times, serif;
  font-size: 100.01%;  
  text-align: center;  
}

p {
  font-size: 80%;
  color:#333333;
}

h1{
  font-size: 120%;
  line-height: 160%;
}

h2{
  font-size: 100%;
  line-height: 160%;
}

strong {
  color: #7d3d45;
}

h1 strong{
  font-size: 130%;
  line-height: 100%;
}

a { text-decoration: none;} 

a:link    { color: #7d3d45; text-decoration: underline;}

a:visited { color: #333; text-decoration: underline;}

a:focus, a:hover, a:active  { color: #333;}

table{
  border: none;
  margin: 0;
  padding: 2px;
  color:#333333;
}

img {
  border: 0;
}

/* Allgemeine Klassen - übergreifend für mehrere Bereiche der Seite
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}

.bgbild{ /* Hintergrundbild: Garten */
  background-image: url(images/natur6.jpg);
  margin: 0 auto;   
  background-repeat: no-repeat;
  width: 1067px;
}

.zentriert {
  text-align: center;
}

.bild { /* Fotos rechts angeordnet */
  clear: both;
  float: right;
  margin: 20px 0 10px 30px;
  width: 187px;
}

.bildunterschrift{
  color: #7d3d45;
  font-size: 50%;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}

.fuellung {	/* für border links der spalte 2 bei zu wenig inhalt*/
  margin-top: 324px;
}

.klein {  /* verkleinerte Schrift für den beruflichen Hintergrund */
  font-size: 80%;
}

.nachoben { 
  text-align: right; 
  margin-top: 20px;
}

.woche1{ /* Tabelle mit 2 Spalten*/
  width: 30%;
}

.zeit1{ /* Tabelle mit 2 Spalten*/
  width: 69%;
}

.woche2{ /* Tabelle mit 3 Spalten*/
  width: 19%;
}

.zeit2{ /* Tabelle mit 3 Spalten*/
  width: 40%;
}

.preis2{ /* Tabelle mit 3 Spalten*/
  width: 40%;
}

/* Stilanweisungen für die Hauptbereiche der Seite
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



/* Rahmen 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#rahmen {
  background: #FFF;
  border: 1px solid #b48b4d;
  margin: 0 auto;   /* Zentrierung fuer moderne Browser */
  text-align: left;
  width: 670px; 
}

/* Hack für IEs */
* html #rahmen {  /* Box Model Hack - notwendig wegen border-Angabe */
  width: 672px;   /* für IE 5 und 5.5 */
  w\idth: 670px;  /* für IE 6.0 */
}
/* Ende Hack */

/* Seitenkopf - Foto und Logo 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#kopf {
  background: #bfbebd;
  border-bottom: 1px solid #b48b4d;
  line-height: 0;
}

.fotok {
  border-right: 1px solid #b48b4d;
  vertical-align: bottom;
}

#logo {
  position:absolute;
  margin: 10px 0px 0px 90px; 
}

/* Spalte 1 - goldener Kasten, Navigation, Sloagen
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#spalte1 {
  background: #FFF;
  float: left;
  width: 132px;
}

#box {	/* goldener Kasten links oben */			
  width: 132px;
  height: 123px;
  background: #b48b4d;
}

#box2 {	/* goldener Kasten rechts unten */
  float:left;			
  width: 132px;
  height: 142px;
  background: #b48b4d;
}

/* Spalte 1 - Navigation
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#menue {
  font-size: 96%;
  width: 132px;
  margin: 10px 0px 10px 0px;
  text-align: center;
  font-weight: bold;
}

#menue a{  
  border-style: solid none solid none;
  border-width: 1px;
  border-color: #ffffff;
  display: block; 
  margin: 6px 0;
  padding: 4px 0;
  line-height: 1em;
  text-decoration: none;
} 

#menue a:link, a:visited  { color:#7d3d45; }

#menue a:focus, #menue a:hover, #menue a:active {
  border-style: solid none solid none;
  border-width: 1px;
  border-color: #b48b4d;
  background: #bfbebd;
}

#menue #aktuell a{
  border-style: solid none solid none;
  border-width: 1px;
  border-color: #b48b4d;
  background: #bfbebd;
}

/* Spalte 1 - Slogan
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#slogan {
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  vertical-align: bottom;
}

#slogan p{
  color: #7d3d45;
}

#slogan img{ 
  border: 0;
  vertical-align: bottom;
}

/* Spalte 2 - Bereichsanzeige (zeiger), Hautbereich (inhalt)
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#spalte2 {
  border-left: 1px solid #b48b4d;
  float: left;
  width: 535px;
}

#zeiger {  /* - Sie befinden sich hier: - */
  background: url(images/bg_or_leiste.gif) repeat-x;
  height: 48px;
  padding-left: 10px;
  padding-top: 4px;
}

#zeiger p{
  font-style: italic;
  font-size: 80%;
  color: #7d3d45;
}

#inhalt {
  padding: 0 20px 20px 20px;  
}

#inhalt p{
  font-size: 100%;
  line-height: 130%;
}

#inhalt ul{
  list-style: disc;
  padding: 1em;
  color:#333333;
}

#inhalt li{
  font-size: 100%;
  line-height: 130%;
}

/* Fußbereich - Angaben zur Person, goldener Kasten, Seitenfuss (Impressum)
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#fussbereich {
  width: 670px;
  background: #b48b4d;
  border-top: 1px solid #b48b4d;
  border-bottom: 1px solid #b48b4d;
  height: 142px;
}

#person {
  width: 538px;
  background: #7d3d45;
  float: left;
  text-align: center;
  height: 142px;
}

#person p{
  color:#FFFFFF;
  font-size: 90%;
  margin: 10px;
}

#person h1{
  color:#FFFFFF;
  font-size: 120%;
  letter-spacing: 0.2em;
  margin-bottom: 4px;
}

#fuss {
  background: #FFF;
  text-align: right;
}

#fuss p{
  font-weight: bold;
  padding: 5px 30px 5px 5px;
}

#fuss a:link, #fuss a:visited  { color:#7d3d45; text-decoration: none;}

#fuss a:focus, #fuss a:hover, #fuss a:active  { text-decoration: underline; }  

.aktiv{
  color: #7d3d45;
  text-decoration: underline;
}

/* spezielle Anweisungen, die beispielsweise nur auf bestimmten Seiten
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.normal{  /* Schrift von kursiv wieder normal - #zeiger */
  font-style: normal;
  font-weight: bold;
}

.abstand {  /* Abstand noch oben zu anderen objekten */
  padding-top: 10px;
}


/* Spalte 2 -  2 Spalten für Seminartermine
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.block {
  float: right;
  margin: 0px 0 10px 10px;
  width: 370px;
}

.floatlinks {
  float:left;
}

.eingerueckt{
  list-style: none;
  padding-bottom: 0.6em;
}

/* Spalte 2 - goldener Kasten mit weißer Schrift
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#vogelfrei {
  font-size: 100%;
  font-weight: bold;
  text-align: center;
  border: 1px solid #b48b4d;
  margin: 20px;
}

#vogelfrei p{
  color:#fff;
  background-color:#b48b4d;
  padding: 10px;
}

/* Spalte 2 - Formular
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#formbox {
 width: 480px; 
 text-align: center; 
}

fieldset {
 width: 340px;
 padding: 30px;
 text-align: left;
}

legend{
 color: #7d3d45;
 font-weight: bold;
}

fieldset p{
  margin-top: 12px;
}

input, textarea {
  border: 1px solid #7d3d45;
}

label{
  color: #7d3d45;
}

input#submit {
  font-size: 90%;
  padding: 2px;
  background-color: #b48b4d;
  color: #fff;
  font-family: "Times New Roman", Times, serif;
}