/* ===================== Style-Definition für die Site Dorn-Forum.Info ===================== */
/* ===================== erstellt von Frank Ziesing, Februar 2008 ===================== */

body {
    font-size: 100.01%;
    font-family: trebuchet ms, segoe ui, lucida grande, arial, sans-serif;
    background-image: url(../pics/hintergrund.gif);
    text-align: center;
    margin:0 auto;
    padding:0 0 80px 0;
    background-color: #f3f2e7;
}

/* ===================== Kopfzeile ===================== */
div.kopf  {
    background-color: #efe;
    margin:0;
    min-height:100px;
    padding:0;
}
* html div.kopf  {  /*IE 6*/
    height:100px;
    margin:0 2px;
    padding:0 2px;
}
div.kopf h1,
div.kopf h2  {
    font-family: Book Antiqua, palatino linotype, times new roman, serif;
    font-style: italic;
    font-weight: normal;
    color:#060;
    margin:0;
    padding:.2em;
}
/* ===================== Werbung / Bannertausch ===================== */

div.rechtebox  {
    width:234px;
    height:69px;
    background-color: #efe;
    font-size:9px; /*Textgröße des Hinweises Bannertausch oder Anzeige*/
    line-height:1;
    position:absolute;
    right:0;
}
div.rechtebox p {
    margin:3px 0 0;
    text-align:left;
}

div.linkebox  {  /*Bild von Dieter Dorn von 100 x 100 px ist hier zurzeit*/
    position:absolute;
    left:0;
}
div.linkebox p  { /*Angaben nötig, damit Dieter Dorn ganz in der Ecke bleibt*/
    margin:0;
    padding:0;
    text-align:left;
}



/* ===================== ******* N A V I G A T I O N ******* ===================== */

/* ===================== Primäre Navigationsleiste ===================== */
#navigation  {
    border-top: 1px solid #9c3;
    padding:  .1em 2.5em .25em 0;
    margin-bottom:4em;
}
* +html #navigation  {
    padding-right: 0;
}

#navigation ul {
    margin: 0;
    font: italic bold 14px Georgia, Book Antiqua, Times new roman,serif;
    width: auto;
}
#navigation ul li {
    display: inline;
    border-right: 2px solid #060;
    border-left: 2px solid #060;
    margin: 0 -1px;

}
#navigation ul li a {
    padding: 0 1em;
    color:#060;
    text-decoration: none;
}
#navigation ul li a:hover {
    color: #f00;
}
/* ===================== Untermenue ===================== */
.text ul li.untermenue  {
    display:none;
}
/* ===================== Sekundäre Navigationsleiste ===================== */
#detailnavigation ul li.untermenue  {
    color:black;
    font-style: normal;
    font-weight: normal;
    font-family: verdana;
    background-image: url(../pics/Pfeil.gif);
    background-repeat: no-repeat;
    padding-left:30px;
}
#detailnavigation  {
    font-size:90%;
    width:13.5%;
    position:absolute;
    left:.5%;
    z-index: 1;
}

#detailnavigation  ul{
    list-style-type: none;
    margin-top:0em;

}

#detailnavigation ul li {
    font: italic bold 1em Georgia,Book Antiqua,Times new roman, serif;
    margin: 0 0 1em;
    padding:0;
    text-align:left;
    position:relative;
    right:37px;
}

#detailnavigation ul li a {
    padding:0 ;
    color:#060;
    text-decoration: none;
    display:block;
}
#detailnavigation ul li a:hover {
    color: #f00;
}
#detailnavigation ul li a span,
#detailnavigation ul li a span:hover {
    font-size:80%;
    color:black;
    display:block;
    font-weight: normal;
}
.start a#start,
.erfahrungen a#erfahrungen,
.kombinationen a#kombinationen,
.praxis a#praxis,
.diskussion a#diskussion,
.service a#service,
.impressum a#impressum,
.andrecht a#andrecht,
.bauer a#bauer,
.burgener a#burgener,
.niehues a#niehues,
.parlow a#parlow,
.wiermann a#wiermann,
.schray a#schray,
.tafreschian a#tafreschian,
.wiermannmonika a#wiermannmonika,
.winkler a#winkler,
.lengenfelder a#lengenfelder,
.illig a#illig,
.haeussler a#haeussler,
.therapeutensuche a#therapeutensuche,
.ausbildersuche a#ausbildersuche,
.isensee a#isensee,
.roth a#roth,
.schlegel a#schlegel,
.ziesing a#ziesing,
.wallner a#wallner,
.groetsch a#groetsch,
.adrigan a#adrigan,
.boss a#boss,
.haffner a#haffner,
.stich a#stich,
.kinder a#kinder,
.sinning a#sinning,
.huether a#huether,
.hummel a#hummel,
.werbung a#werbung,
.copyright a#copyright,
.links a#links,
.rechtliches a#rechtliches,
.carstens a#carstens,
.beer-lenis a#beer-lenis,
.steininger a#steininger,
.obinger-kraus a#obinger-kraus,
.krautter a#krautter,
.baasch-hellmann a#baasch-hellmann,
.bahn a#bahn,
.boehm a#boehm,
.saurma-jeltsch a#saurma-jeltsch,
.andrecht2 a#andrecht2,
.reiner a#reiner,
.binnewies a#binnewies,
.koch1 a#koch1,
.koch2 a#koch2,
.koch3 a#koch3,
.koch_sven a#koch_sven,
.ausbilderseminar a#ausbilderseminar,
.rau a#rau,
.rau2 a#rau2,
.hess a#hess,
.fallberichte a#fallberichte,
.start a#start,
.arbeitskreissuche a#arbeitskreissuche,
.kongresse a#kongresse,
.seiwald-frick a#seiwald-frick,
.engemann a#engemann,
.dorn a#dorn,
.druckausgaben a#druckausgaben,
.meyer-kornblum a#meyer-kornblum,
.mueller a#mueller,
.rheker a#rheker,
.mangold a#mangold,
.noll a#noll,
.kux a#kux,
.links a#links,
.faq a#faq,
.neffe a#neffe,
.kreibich a#kreibich,
.neueartikel a#neueartikel,
.kleis a#kleis,
.reiner2 a#reiner2,
.sauckel a#sauckel,
.uebersicht a#uebersicht
{
    color: #f70;
    background: #ffd;
}

/* ===================== Artikellisten im Textfeld ===================== */
.inhalt ol li a span { /*Nummerierter Gesamtüberblick der Artkel im Testfelt */
    margin-left:1em;
    text-decoration: none;
    line-height:1.6;
    color:black;
    font-style: italic;
    font-size:90%;
    font-weight:normal;
}
.inhalt ul li a span  { /*unnummerierte Artkelauswahl im Textfelt beim Anklicken der Hauptabschnitte*/
    margin-left:1em;
    text-decoration: none;
    line-height:2;
    color:black;
    font-style: italic;
    font-weight:normal;
}
.inhalt ol li a,
.inhalt ul li a {
    font-weight: bold;
    text-decoration: none;
    display:block;
}
.inhalt ol li a:hover,
.inhalt ul li a:hover {
    color:red;
    background-color: #ffd;
}



/* ===================== ********** H A U P T T E X T ************ ===================== */
/* ===================== Autoren-Box rechts ===================== */
div.info  {
    float:right;
    margin:1em 2% 1em 1em;
    padding:.2em 0 .2em 0;
    border: 3px silver solid;
    font-size:90%;
    background-color:#f0f0f0;
    width:16%;
    position:absolute;
    right:0;
    z-index: 10;
}
*html div.info  {    /*IE 6*/
    margin-right:.5em;
}
* +html div.info h2 {    /*IE 7*/
    font-size:1.5em;
}
* html div.info h2  {    /*IE 6*/
    font-size:1.5em;
}
div.info p  {
    margin:0;
    text-align: left;
    padding:0 0 0 2%;
    overflow:hidden;
}
*html div.info p {    /*IE 6*/
    padding-left:2px;
}

div.info p a {
    font-size:80%;
}
div.info h2,
div.info h3,
div.info h4  {
    margin:.3em 0;
}
/* ===================== Artikelüberschrift ===================== */
h1  {
    font-family:  times new roman, Book Antiqua;
    font-size:170%;
    color:#069;
    margin: 0 auto 0;
    padding:1em 10px;
    background-color: white;
    width:75%;
    max-width:850px;
    border: 1px red solid;
    border-bottom:none;
    position:relative;
    left: 7px;
    z-index: 4;
}
* html h1 {         /*IE 6*/
    width: expression(document.body.clientWidth > 800? "750px" : "auto");
}
h1 small  {
    display: block;
    margin-top:.7em;
    font-size:70%;
}
/* ===================== Äußerer Artikelrahmen ===================== */
div.inhalt {
    position:relative;
    left: 7px;
    z-index: 5;
    margin: 0 auto 1em;
    padding: 1px 10px 3em;
    background-color: white;
    width:75%;
    max-width:850px;
    border: 1px red solid;
    border-top:none;
    overflow:auto;
}
* html div.inhalt {         /*IE 6*/
    width: expression(document.body.clientWidth > 800? "750px" : "auto");
    padding-top:1em;

}
* +html div.inhalt {         /*IE 7*/
    padding-top: 1em;
}
/* ===================== Innerer unsichtbarer Artikelrahmen ===================== */
div.text  {
    text-align: left;
    margin:0 auto 2em;
    max-width:33em;
    width:70%;
}
* html div.text {          /*IE 6*/
    width:60%;
}
h5  {color:red; padding: 1em; margin-right:-7em; font-size:1em; background-color:white;font-family: Georgia; float:right; width:7em;font-style: italic; font-weight: normal;}

/* ===================== großer Kasten für zusätzliche Infos ===================== */
div.kasten  {
    font-size:90%;
    text-align: left;
    margin:0 auto 2em;
    max-width:37em;
    width:70%;
    padding:1em 2em;
    border: 2px solid silver;
    background-color: #f8f8f8;
}
* html div.kasten {          /*IE 6*/
    width:58%;
}
/* ===================== speziell für  B I L D E R  ===================== */
/* ===================== Autorenbilder ===================== */
.float  {
    float:left;
    margin:.2em 1em 1em -5.6em;
}
* html .float  {         /*IE 6*/
    float:left;
    margin:.2em 0 1em -4em;
    position:relative;
    left: -5em;

}
/* ===================== Grafiken usw. =====================
  um Grafiken mit Legende darunter darzustellen, nutze ich den tag dl (Definitionsliste)
  die Grafik kommt dann in den tag dt (Definitionstext) und die Legende in dd (Definition) */
  
dl dd  {   /* dies ist für Bildunterschriften */
    margin:0;
    padding:0;
    text-align:left;
    font-size:80%;
    font-style:italic;
}
/* ===================== Textauszeichnungen ===================== */
em  {
    color: red;
}