* {
    margin: 0;
    font-family:  Arial, Helvetica, sans-serif;
}

html, body {
    height: 100%;
    width: 100%;
}

body {
    background:#fff;
/*  line-height:100%;*/



    }

/*  Die Textgrafiken (Logo)  als Textversion */
#textversionreden h1{
padding-left:40px;
}
#textversionohnescheu{
}
#textversionsusanne h2{
padding-left:40px;
}
#textversionmut h1{
padding-right:40px;
        text-align: right;
}




#wrapper{
    margin: 0px auto;
    background:#fff;
    color:black;

}

#hintergrund{    /* grauer Verlauf unterhalb von Photo bis zum footer  */
    }

#hintergrund_weiss {
}


#hintergrund_rechts {
}

#hintergrund_komplett {
}


a#logohome {
    display:block;
    width:300px; height:200px;
    z-index:5;
    margin-left:40px;
    background-image:url("logo_sw.gif");
    background-repeat:no-repeat;

}

#photo_index, #photo_impressum,#photo_mit_wem_ich_arbeite,#photo_ohne_scheu_im_business,#photo_redeschule_fuer_zurueckhaltende,#photo_was_ich_anbiete,#photo_was_ich_ihnen_schenke,#photo_was_sie_erwartet,#photo_wen_ich_empfehle,#photo_wer_ich_bin,#photo_wie_sie_mich_erreichen {

}
#photo_index {
}
#photo_ohne_scheu_im_business{
}
#photo_impressum {
}
#photo_mit_wem_ich_arbeite    {
}
#photo_ohne_scheu_im_business {
}
#photo_redeschule_fuer_zurueckhaltende {
}
#photo_was_ich_anbiete {
}
#photo_was_ich_ihnen_schenke {
}
#photo_was_sie_erwartet {
}
#photo_wen_ich_empfehle {
}
#photo_wer_ich_bin                 {
}
#photo_wie_sie_mich_erreichen {
}


#text_RUHE,#text_RAUM,#text_MUT,#text_KRAFT,#text_FREUDE {
}
#text_RUHE{
}
#text_RAUM{
}
#text_MUT{
}
#text_KRAFT{
}
#text_FREUDE{
}


#bogen {
}

#footer{
    z-index:4;
    color: #000;
    background:#fff;
/*
    background-image:url("streifenrot.png");
    background-repeat:no-repeat;
*/
/*    background-position:top center;  */
    bottom:0px;
/*    left:50% 490px;*/
    height:2.5em;
    padding-top:1em;
    width:980px;
    text-align:center;
    font-size: 0.50em;
    line-height: 0.65em;
    }
[id]#footer{
    font-size: 0.60em;
    line-height: 0.75em;
}


#footer a:link{
    color: #38378b;
    text-decoration:none;

    display:none;
    }
#footer a:hover{
    color: #38378b;
    text-decoration:none;

    display:none;
    }
#footer a:visited{
    color: #38378b;
    text-decoration:none;

    display:none;
    }
#footer a:active{
    color: #38378b;
    text-decoration:none;

    display:none;
    }



/*  */
ul {
    list-style:disc;
/*    list-style-position:inside;*/
    list-style-position:outside;
    margin-left:0em;
    padding-left:0px;
}

li {
    margin-left:0em;
    padding-left:0px;
}



/* pschroef: Wegen der unterschiedlichen Standardschriftgrößen in IE und FF
gibts dafür eine Browserweiche.
*/

/* pschroefl: und hier die Definitionen für alle anderen Browser*/
ul[id]#navigation {
    font-size: 0.8em;
    line-height: 1.75em;
}

ul#navigation ,
ul#navigation1 ,
ul#navigation2 {
    list-style:none;
    color:#38378b;
    }

/*damit die Menühinterlegung länger wird, ein nbsp*/
ul#navigation a:after {
    content:'\A0';
}

ul#navigation1 {
    /* text-transform: uppercase; */
    padding-left:10px;
    }

ul#navigation2 {
    list-style:disc;
    text-transform: none;
    padding-left:20px;
    }

ul#navigation a {
    font-weight: bold;
    text-decoration:none;
    color:#928bae;
    background:white;
    border: 0px
    }


/* pschroefl: Transparente png ausprobiert.
Es gibt z.Zt. vierteltransparent.png und halbtransparent.png.
Wenn wir das so machen sieht es im IE6
nicht sehr schön aus (blaugrauer Hintergrund). Ich hab daher für den IE das background:white
weitervererbt. Es gibt aber einige Hacks, um im IE6 transparente png
sauber darzustellen. Muß ich aber erst probieren.
Bitte um Feedback, ob ich das tun soll.

Das folgende wird von IE6 nicht interpretiert
*/
ul[id]#navigation a {
    background: transparent;
    background-image:url("vierteltransparent.png");
    background-repeat:repeat;
    color:#38378b;
    }








/* pschroefl: statt text-decoration:underline schlage ich border-bottom vor
das kann man besser einzeln formatieren, und es macht die Linie
nicht über die Unterlänge der Buchstaben

Ich würde jedoch vorschlagen, in der Navigation ein anderes Schema zu verwenden:
* generell keine Unterstreichungen
* eine dunklere Farbe zur Kennzeichnung, auf welcher Seite ich mich gerade befinde
* Diese Farbe auch für hover und active verwenden
*/
ul#navigation a:hover {

    /* border-bottom: 2px solid #928bae;  */
    color:#9D4157;
    }

ul#navigation1 a:hover {
    /* border-bottom: 2px solid #38378b; */
    color:#9D4157;
    }


ul#navigation a:active {
    color: #38378b;
    }

ul#navigation1 a:active {
    color: #906;
    }

ul#navigation  a.auswahl{
    color:#9D4157;
}
ul#navigation1  a.auswahl{
    color:#9D4157;
}




div#Inhalt {
  /*border: 1px solid blue;*/
  z-index:4;
  padding: 40px;
/* pschroefl: und hier die Definitionen den IE6 */
  font-size: 1em;
  line-height:2em;
}

/* pschroefl: und hier die Definitionen für alle anderen Browser*/
div[id]#Inhalt {
  font-size: 1.1em;
  line-height:2.2em;
}


div#Inhalt p {
    padding-bottom:1.0em;
}


div#Inhalt h1 {
    padding: 0.5em 0 0.5em;
    font-weight: bold;
    font-size: 180%;
}

div#Inhalt h2 {
    /*margin: 1em 0 1em;*/
    padding: 0.5em 0 0.5em;
    font-weight: bold;
    font-size: 140%;
}

div#Inhalt ul {
    list-style:disc;
    list-style-position:inside;
    margin-left:0em;
    padding-left:0px;
    }

div#Inhalt li {
    margin-left:0em;
    padding-left:0px;
}



div#Inhalt  {
  /*margin: 1em 0;*/
  color: #000;
}


div#Inhalt a {
    color:#000;
    text-decoration:none;
    border:none;
}


 a.printurl[href]:after {
    content:" ( \1A "attr(href)")";
    font-size:95%;
    font-style:italic;
}

div#Inhalt a:link{
}
div#Inhalt a:hover{
}
div#Inhalt a:visited{
}
div#Inhalt a:active{
}


div#Inhalt h2 a:link{
}
div#Inhalt h2 a:hover{
}
div#Inhalt h2 a:visited{
}
div#Inhalt h2 a:active{
}



div#Inhalt li  {
/*  margin: 1em 0;*/
}



.anfuerungszeichen {
  font-size:6em;
  color:#98b28B;
    }

blockquote {
    font-weight: normal;
    text-align: right;
    font-size: 150%;
    padding: 40px;
    padding-left: 40%;
/*
  text-align:right;
  position:relative;
  left:40px;
  float:right;
  */


    }
.autor {
  font-size:60%;
    }




em {
    font-weight: bold;
    font-style:normal;

}

/* fixxme: eigentlich sollte hier kein spacer notwendig sein
aber ohne spacer hängt der Text unten raus*/
#abstand_nach_text{
    padding-bottom:1em;
    }

/* damit immer ein vertikaler scrollbar da ist
und daher diee zentrierte Seite nicht dauernd um eine halbe Scrollbarbreite hüpft*/
#abstand_nach_footer{
    padding-bottom:0px;
    }