body	{ color: #000000; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; margin: 0; padding: 0 }

body.start #bild {background-image: url(../images/head_start.jpg);}
body.lektorat #bild {background-image: url(../images/head_lektorat.jpg);}
body.korrekt #bild {background-image: url(../images/head_korrekt.jpg);}
body.impressum #bild {background-image: url(../images/head_impressum.jpg);}
body.person #bild {background-image: url(../images/head_person.jpg);}
body.philosophie #bild {background-image: url(../images/head_philosophie.jpg);}
body.textcoach #bild {background-image: url(../images/head_textcoach.jpg);}
body.textrueck #bild {background-image: url(../images/head_textrueck.jpg);}
body.vortragsc #bild {background-image: url(../images/head_vortragsc.jpg);}
body.workshops #bild {background-image: url(../images/head_workshops.jpg);}
body.preise #bild {background-image: url(../images/head_preise.jpg);}
body.agb #bild {background-image: url(../images/head_agb.jpg);}


body.lektorat a#lektorat_link { background-color: #fff; background-image: url("../images/link_lekt_2.gif"); background-repeat: no-repeat; width: 100%; height: 31px }
body.korrekt a#lektorat_link { background-color: #fff; background-image: url("../images/link_lekt_2.gif"); background-repeat: no-repeat; width: 100%; height: 31px }
body.impressum a#impressum_link { background-color: #fff; background-image: url("../images/link_impr_2.gif"); background-repeat: no-repeat; width: 100%; height: 31px }
body.person a#person_link { background-color: #fff; background-image: url("../images/link_pers_2.gif"); background-repeat: no-repeat; width: 100%; height: 31px }
body.philosophie a#person_link  { background-color: #fff; background-image: url("../images/link_pers_2.gif"); background-repeat: no-repeat; width: 100%; height: 31px }
body.textcoach a#textcoaching_link { background-color: #fff; background-image: url("../images/link_text_2.gif"); background-repeat: no-repeat; width: 100%; height: 31px }
body.textrueck a#textcoaching_link { background-color: #fff; background-image: url("../images/link_text_2.gif"); background-repeat: no-repeat; width: 100%; height: 31px }
body.vortragsc a#textcoaching_link { background-color: #fff; background-image: url("../images/link_text_2.gif"); background-repeat: no-repeat; width: 100%; height: 31px }
body.workshops a#workshop_link { background-color: #fff; background-image: url("../images/link_worksh_2.gif"); background-repeat: no-repeat; width: 100%; height: 31px }
body.preise a#preise_link  { background-color: #fff; background-image: url("../images/link_prei_2.gif"); background-repeat: no-repeat; width: 100%; height: 31px }

#navi_haupt li.aktuell ul {display: block}

body.lektorat #zitat {background: url("../images/zit_lektorat.gif"); width: 413px; height: 80px; text-indent: -9999px}
body.korrekt #zitat {background: url("../images/zit_korrekt.gif"); width: 451px; height: 51px; text-indent: -9999px}
body.textcoach #zitat {background: url("../images/zit_textcoach.gif"); width: 373px; height: 65px; text-indent: -9999px}
body.textrueck #zitat {background: url("../images/zit_textrueck.gif"); width: 404px; height: 90px; text-indent: -9999px}
body.vortragsc #zitat {background: url("../images/zit_vortragsc.gif"); width: 371px; height: 60px; text-indent: -9999px}
body.person #zitat {background: url("../images/zit_person.gif"); width: 335px; height: 135px; text-indent: -9999px; float: left}
body.start #zitat {background: url("../images/text_start.gif"); width: 423px; height: 101px; text-indent: -9999px; float: left}



h4  { color: #02566a; font-size: 1em; font-weight: bold; margin: 0 0 8px; padding: 0; clear: both }
h5 { font-size: 1em; font-weight: bold; color: #02566A; margin: 0 0 15px 0; padding: 0; clear: both; float: left}

hr  { visibility: hidden }


/* Zentrierung der gesamten Seite */
#container	{margin-left: auto; margin-right: auto; margin-top: 40px; width: 942px}

#kopf {margin: 0; padding: 0; height: 146px; width: 100%}
#logo {width: 254px; height: 146px; float: left}
a#start_link  { background-image: url("../images/logo.gif"); background-repeat: no-repeat; text-indent: -9999px; display: block; margin-top: 115px; width: 171px; height: 31px }
#schatten_ob {background-image: url(../images/schatten_oben.gif); background-repeat: no-repeat; width: 7px; height: 146px; text-indent: -9999px; float: left}
#bild  { background-image: url("../images/head_person.jpg"); background-repeat: no-repeat; text-indent: -9999px; width: 648px; height: 145px; float: left; border-bottom: 1px solid #ffffff }
#punkt_w_ob {background-image: url(../images/punkt_weiss.gif); background-repeat: vertical; width: 32px; height: 146px; float: left}


#mittelteil {margin: 0; padding: 0; width: 100%; height: 92px}
#logo_spiegel {background-image: url(../images/logo_spiegel.gif); background-repeat: no-repeat; background-position: left top; width: 254px; height: 92px; float: left}
#schatten_mi {background-image: url(../images/schatten_mitte.gif); background-repeat: vertical; width: 7px; height: 100%; float: left}
#pfeile {background-color: #CBD7CD; background-image: url(../images/pfeile.gif); background-repeat: no-repeat; width: 648px; height: 92px; float: left}
#punkt_w_mi {background-image: url(../images/punkt_weiss.gif); background-repeat: vertical; width: 32px; height: 92px; float: left}

#inhalt {margin: 0; padding: 0; width: 100%}
#navi_haupt    { margin: 0; padding: 0; position: relative; top: -4px; right: 0; bottom: 0; left: 0; width: 254px; height: 100%; float: left }
#textcontainer {background-image: url(../images/inhalt_hg.gif); background-repeat: vertical; margin: 0; padding: 0; width: 687px; height: 100%; float: left}
#text       { font-size: 0.7em; color: #02566A; margin: 0 60px 0 96px; padding: 0; }
#bild_ingrid {background: url(../images/ingrid.jpg) no-repeat; margin: 0 0 15px 0; padding: 0; width: 190px; height: 236px; float: left; text-indent: -9999px;}
#zitat  { font-size: 1em; font-weight: bold; margin: 0 0 50px; padding: 0 }
#text p  { line-height: 1.5em; margin: 0 0 15px; padding: 0; clear: both }
ul.textauflistung {margin: 0 0 15px 31px; padding: 0; clear: both}
ul.textauflistung li	 { line-height: 1.5em; list-style-type: disc; margin: 0 0 5px; padding: 0 }
ul.textauflistung_ohne {margin: 0 0 15px 18px; padding: 0; clear: both}
ul.textauflistung_ohne li	 { line-height: 1.5em; list-style-type: none; margin: 0 0 5px; padding: 0 }
ul.textauflistung_linie {margin: 0; padding: 0 0 0 225px; list-style-type: none; }
ul.textauflistung_linie li	 { line-height: 1.5em; margin: 0 0 5px; padding: 0; width: 250px; float: left }
#text a, a:link, a:visited { text-decoration: underline; color: #02566A}
#text a:hover  {font-weight: bold; color: #02566A }
#text a:after  {content: "\00BB" }

#pfeil {background: url(../images/pfeil_unten.gif) no-repeat right bottom; margin: 0 32px 0 0; padding: 0; height: 98px; clear: both}

#schatten {margin: 0; padding: 0; height: 7px; width: 100%}
#leerflaeche_sch {margin: 0; padding: 0; height: 7px; width: 254px; float: left}
#schatten_u  { background-image: url("../images/schatten_unten_2.gif"); background-repeat: no-repeat; width: 687px; height: 7px; float: left }

#fuss {margin: 0; padding: 0; height: 20px; width: 100%}
#leerflaeche_fuss {margin: 0; padding: 0; height: 20px; width: 254px; float: left}
#navi_unten {margin: 0; padding: 5px 0 0 0; height: 20px; width: 687px; float: left}


/* Version läuft unter FF + Opera
ul#navigation  { margin: 0; padding: 0 }
ul#navigation li {margin: 0; padding: 0; list-style-type: none; }

#navigation li ul  { color: #999999; display: none; list-style-type: none; margin: -24px 0 0 130px; padding: 0; width: 123px }
#navigation li:hover ul  { background-color: #ffffff; display: block}*/

/* Version läuft unter IE */
#navi_haupt ul  { margin: 0; padding: 0; list-style-type: none; width: 130px; }
#navi_haupt ul li {position: relative; /*für IE, damit die Abstände passen!  -> */ float: left; width: 100% }

#navi_haupt ul ul   { color: #999999; position: absolute; top: 4px ; left: 100%; width: 100%; display: none}
/*#navi_haupt ul li:hover ul   { background-color: #ffffff; display: block }: klappt nur bei FF, Opera und IE7*/ 

#navi_haupt a { font-size: 0.7em; line-height: 1.7em; text-decoration: none; text-indent: 0; }
#navi_haupt a:hover   { color: #02566a; font-weight: bold;  }
#navi_haupt a.aktuell  { color: #02566a; font-weight: bold }

a#lektorat_link {background-image: url("../images/link_lekt_1.gif"); background-repeat: no-repeat; width: 100%; height: 31px; text-indent: -9999px;display: block}
a#lektorat_link:hover {background-color: #fff; background-image: url("../images/link_lekt_2.gif"); background-repeat: no-repeat; width: 100%; height: 31px; text-indent: -9999px;display: block}
a#textcoaching_link { background-image: url("../images/link_text_1.gif"); background-repeat: no-repeat; width: 100%; height: 31px; text-indent: -9999px;display: block}
a#textcoaching_link:hover { background-color: #fff; background-image: url("../images/link_text_2.gif"); background-repeat: no-repeat; width: 100%; height: 31px; text-indent: -9999px;display: block}
a#workshop_link { background-image: url("../images/link_worksh_1.gif"); background-repeat: no-repeat;width: 100%; height: 31px; text-indent: -9999px;display: block}
a#workshop_link:hover {background-color: #fff; background-image: url("../images/link_worksh_2.gif"); background-repeat: no-repeat;width: 100%; height: 31px; text-indent: -9999px; display: block}
a#person_link {background-image: url("../images/link_pers_1.gif"); background-repeat: no-repeat; width: 100%; height: 31px; text-indent: -9999px; display: block}
a#person_link:hover {background-color: #fff; background-image: url("../images/link_pers_2.gif"); background-repeat: no-repeat; width: 100%; height: 31px; text-indent: -9999px; display: block}
a#preise_link {background-image: url("../images/link_prei_1.gif"); background-repeat: no-repeat; width: 100%; height: 31px; text-indent: -9999px; display: block}
a#preise_link:hover {background-color: #fff; background-image: url("../images/link_prei_2.gif"); background-repeat: no-repeat; width: 100%; height: 31px; text-indent: -9999px; display: block}
a#impressum_link {background-image: url("../images/link_impr_1.gif"); background-repeat: no-repeat; width: 100%; height: 31px; text-indent: -9999px; display: block}
a#impressum_link:hover {background-color: #fff; background-image: url("../images/link_impr_2.gif"); background-repeat: no-repeat; width: 100%; height: 31px; text-indent: -9999px; display: block}

ul#navigation_2  { margin: 0; padding: 0; text-align: center }
ul#navigation_2 li {width: 16%; list-style-type: none; font-size: 0.7em; float: left}

#navigation_2  a, a:link, a:visited { text-decoration: none; color: #999999}
#navigation_2  a:hover  {font-weight: bold; color: #02566A  }
#navigation_2 a.aktuell {font-weight: bold; color: #02566A  }

fieldset {margin: 0 0 30px 0; padding: 0; border: 0}
legend {display: none}
label  { width: 100px; font-size: 1em; font-weight: bold; color: #02566A; display: block; float: left }
input {float: left; width: 200px; margin: 0 0 15px 0; display: block; }
textarea {float: left; width: 300px; height:150px; margin: 0 0 15px 0; display: block; }
input#submit {width: auto; margin: 0 0 0 100px}

/* IE6 hack zur Positionierung des Submitbuttons*/
* html input#submit {width: auto; margin: 0}

fieldset br { clear:left;}
