/* ===================== Style-Definitionen für www.ramakrishna.de ===================== */
body {
    margin: 1em 0 0;
    color: black;
    font-size: 100.01%;
    font-family: helvetica,arial,sans-serif;
    background-color: #F4F1E6;
    background-image: url(creme.jpg);
    background-attachment: fixed;
    text-align: center;
}

/*================================= Zentrierung der Seite und Breitenbegrenzung ==========*/
div#Seite-b {
    padding: 1em 1.3em;
    text-align: left;
    margin: 0 auto;
    background-color: #ffffff;
    max-width:66em;
    width: expression(document.body.clientWidth > 1024? "1000px" : "auto");
    border: 3px solid #fca;
}

div#Seite  {
    margin: 0 auto;
    padding:0 0 30px 0;
    width:100%;
    background-image: url(omnamo2.gif);
    background-repeat: repeat-y;
    background-attachment: fixed;
    text-align: center;
}

/* ============================= Seitenüberschrift ============================= */
h1 {
    border-top: 3px solid #f51;
    border-bottom: 3px solid #f51;
    margin: 0pt;
    padding: 0.3em 0.3em 0.4em;
    text-align: center;
    font-style: italic;
    text-transform: none;
    letter-spacing: 1pt;
    word-spacing: 2pt;
    background-color: #fa7;
    color: #ffffff;
    font-weight: bold;
    font-family: trebuchet ms,verdana,arial,sans-serif;
    font-size: 165%;
}
/* ============================= Alles für die Navigation ============================= */
ul#Navigation {
    background-color: #f7f3da;

    margin: 1.6em 0 0.8em 0;
    padding: .1em .5em .3em .5em;
    font-size: 13px;
    line-height:1.3;
    width: 13em;
    float: right;
    clear:both;
}
ul#Navigation li {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 2px solid #f7f3da;
    border-top: 2px solid #f7f3da;
    position:relative;
}

ul#Navigation li ul {
    margin: 0;
    padding: 2px 0 0 1em;
    display:none;
    line-height:1.1;
    position:absolute;
    right:13em;
    top:-5px;
    z-index: 9;
}
ul#Navigation li:hover ul  {
    display:block;
    width:13em;
    background:#f7f3da;
    padding-bottom:7px;
    padding-right:5px;

}
ul#Navigation li:hover ul li {
    background:#f7f3da;

}

ul#Navigation li a ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul#Navigation li a {
    display: block;
    padding:0;
    font-weight: bold;
    text-decoration: none;
    color: black;
    /*background-color: #e6e6e6;*/
    border-top: 2px solid #f7f3da; /*#e6e6e6;*/
    border-bottom: 2px solid  #f7f3da;/*#e6e6e6;*/
}

ul#Navigation ul li a  {
    font-weight:normal;
    margin:2px 0 0 0;
}
ul#Navigation a:hover {
    background-color: white;
    border-color: white;
    color:#f00;
}
.ra a#ra,
.rs a#rs,
.iw a#iw,
.ig a#ig,
.ch a#ch,
.ok a#ok,
.kurzbiographie a#kurzbiographie,
.ramakrishnaworte a#ramakrishnaworte,
.kathamrita2 a#kathamrita2,
.ramlala a#ramlala,
.tagore a#tagore,
.natuerlichereligion a#natuerlichereligion,
.gaurima a#gaurima,
.vivekaprana a#vivekaprana,
.totapuri a#totapuri,
.shankara a#shankara,
.bernard a#bernard,
.hinduismus a#hinduismus,
.vedanta a#vedanta,
.sanskrit-lieder a#sanskrit-lieder,
.gita a#gita,
.samkhya a#samkhya,
.williams a#williams,
.russischerpilger a#russischerpilger,
.lourdes a#lourdes,
.francke a#francke,
.tersteegen a#tersteegen,
.peace a#peace,
.nde a#nde,
.stalingrad a#stalingrad,
.naikan a#naikan,
.zenbogen a#zenbogen,
.impressum a#impressum,
.lorenz a#lorenz,
.etty a#etty,
.ramakrishna-orden_in_europa a#ramakrishna-orden_in_europa,
.links a#links
 {
    border-top: 2px solid #d40;
    border-bottom: 2px solid #d40;
    /*background-color: #f96;
    color: #fff;*/
}
ul#Navigation a:active {
    color: white;
    background-color: #333;
}
body.ramakrishna ul#Navigation li ul.ramakrishna,
body.ramakrishnaschueler ul#Navigation li ul.ramakrishnaschueler,
body.indischewege ul#Navigation li ul.indischewege,
body.indischegeisteswelt  ul#Navigation li ul.indischegeisteswelt,
body.christentum ul#Navigation li ul.christentum,
body.okzident ul#Navigation li ul.okzident {
    display:block;
    position: static;
    width:auto;
    padding-bottom:0;
    padding-right:0;
}

/* ===================== Sub-Navigation ===================== */

ul.subnavigation {
    background-color: #f7f3da;
    margin: 1.4em 0 0.8em 0;
    padding: .4em .5em .4em .5em;
    font-size: 0.83em;
    line-height:1.3;
}
ul.subnavigation li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.subnavigation li a {
    display: block;
    padding:0;
    text-decoration: none;
    border-top: 2px solid white /*#f7f3da*/;
    border-bottom: 2px solid #f7f3da;
}

ul.subnavigation li a:hover {
    border-top: 2px solid #900;
    border-bottom: 2px solid #900;
    background-color: #f96;
    color: #fff;
}
ul.subnavigation em  {color:red; font-style: normal;}
/* ===================== Worterklärungen ===================== */

ul#Navigation p {
    margin: 0px;
    font-size: 0.86em;
    padding-left: 0.2em;
}
ul#Navigation h3 {
    font-style: italic;
    font-size: 0.9em;
    margin: .5em 0 .1em 0;
}

/*Ende Navigation*/

/* ============================= Anweisungen für Fotos mit Bezeichnungen ============================= */

dl {
    margin: 0 0 1em 0;
}
dt {
    margin:0;
}
dd {
    margin:0;
    font-size: 80%;
    line-height:120%;
}
/* ===================== Bilder zwischen Paragraphen im Inhaltsblock ===================== */
.Inhalt dl {
    text-align:center;
    margin: 2em 0;
}

/*=========Fotos im Fließtext=========*/

div.Inhalt p img {
    float:left;
    margin:1em 1em 1em 0;
}

/*==============Marginalien für den Inhaltsblock===========*/

dl.marginalie {
    float:left;
    clear:both;
    margin-left: -208px;
    width: 170px;
    text-align:left;
}
* html dl.marginalie {
    margin-left: -104px;
}
dl.marginalie dt.Originalzitat  {
    width: 170px;
    color: red;
    font-family: 'Comic Sans MS';
}

/* ============================= Alles für die Info-Box ============================= */
div.Info dl dt  {
    text-align: center;
}

div.Info {
    border-top: 3px solid #f60;
    border-bottom: 3px solid #930;
    margin: 1.4em 0 1.1em 0;
    padding: 18px 20px 16px 20px;
    width: 170px;
    font-size: 0.85em;
    font-family: helvetica,arial,sans-serif;
    line-height: 1.2em;
    float: left;
    background-color: #efe8d3;
}
div.Info ul{
    margin: 0 0 1em 0;
    padding:0;
    font-size: .9em;
    list-style-type:square;
}
div.Info ul ul{
    font-size: 1em;
    padding-left:1em;
}
div.Info ul a {
    color: #007;
    text-decoration:none;
}
div.Info ul a:hover {
    color: white;
}
a:hover {
    text-decoration:none;
    color:white;
    background:#f96;
}
div.Info h2 {
    margin: 0 0 0.7em 0;
    font-size: 1.1em;
    line-height: 1.2em;
    font-family: 'trebuchet ms', sans-serif;
    color:#802;
}
div.Info h3 {
    margin: 0 0 0.7em 0;
    font-size: 1em;
}
div.Info h4 {
    margin: 1.5em 0 0.3em;
    font-size: 0.95em;
}
div.Info p {
    margin: 0 0 0.7em 0;
    font-size: .9em;
}
/* Ende Info-Box*/

/* ============================= Hier kommt die Box mit dem Haupttext ============================= */
div.Inhalt {
    margin: 1.4em 12.5em 1em 230px;
    padding: 0;
    line-height: 160%;
    font-size: 100%;
    font-family: trebuchet ms,tahoma,Verdana,arial,helvetica,sans-serif;
}

div span.big {
    font-size: 1.6em;
}
div em {
    font-weight: bold;
    letter-spacing: 0.3pt;
}
sup  {
    font-size: 60%;
    vertical-align: text-top;
}
blockquote  {
    margin-right:0;
}
div.Inhalt h2 {
    margin: 1.5em 0;
    font-size: 1.3em;
    color: #800;
    font: bold italic 1.3em/1.5  'trebuchet ms',tahoma,Verdana,Times New Roman,Times,serif;
}
div.Inhalt h3 {
    margin: 1.5em 0 1em;
    color: #500;
    font-family: Times New Roman,Times,serif;
    font-size: 1.15em;
}
.center  {
    text-align:center;
    padding-right:.3em;
}
div.Inhalt h4 {
    margin: 0 0pt 1em;
    color: #500;
    font: italic bold 1.1em 'Times New Roman',Times,serif;
}
div.Inhalt h5 {
    margin-top: 0pt;
    padding-bottom: 0px;
    padding-top: 0.5em;
    float: left;
    margin-right: 2em;
    width: 8em;
    margin-bottom: 1em;
    color: #660000;
    line-height: 120%;
    font-family: Times New Roman,Times,serif;
    text-transform: none;
    font-size: 88%;
}
div.Inhalt p {
    margin: 0 0 1em;
    font-size: 100%;
}
div.Inhalt p.neuerabschnitt:first-line {
    text-transform:uppercase;
    letter-spacing:1px;
    word-spacing:.1em;
}
div.Inhalt div.centering {
    width:20em;
    margin:2em auto;
    text-align:left;
}
p.poem {
    line-height:27px;
    margin-bottom: 2em !important;
}
p.poem:first-letter {
    font:  2em 'times new roman',times,serif;
    color:red;
    line-height:27px;
}
.ornament {
    margin:0;
    height:25px;
    padding:0;
    background: url(om.gif) center no-repeat;
}
.christentum p.ornament {
    background: url(kreuz_herz_anker_rund.gif) center no-repeat;
}

a.glossar {
    text-decoration:none;
    border-bottom: 1px dashed red;
    color:black;
}
/* ===================== Tabellendarstellung ===================== */
table  {
   table-layout:fixed;
   border-collapse:collapse;
   margin:0 0 4em;
    width: 100%;
}
td {
    border: 2px solid #993300;
    padding: .5em;
    font: .9em 'trebuchet ms',tahoma,Verdana,arial,helvetica,sans-serif
}
.var1 {
    background-color:#efdfc5;
    text-align:center;
    border: 2px solid #ff6600;
    font-weight: bold;
}
.var2 {
    background-color:#efdfc5;
    border: 2px solid #ff6600;
    text-align:center;
    font-style: italic;
}

/* ===================== Sanskrittexte ===================== */
.sa {
    font-family: tahoma;
    font-style: roman;
    color: #900;
    letter-spacing: 1px;
    word-spacing: 3px;
    margin: 2.5em 0 0 !important;
    font-size: .95em !important;
}

.g {
    font-size:.9em;color:#606}
.sa2 {
    /*display:none;*/
    font-family: tahoma !important;
    font-weight: bold;
    color: #900;
    letter-spacing: 1px;
    margin: 2.5em 0 0.5em !important;
    font-size: .9em !important;
}
p.sa3  {
    font-size: .85em !important;

}
.sa3 span.sa  {
    font-weight:bold;
    color:#d00;
}
.de  {margin: 1em 0 3em !important;}
.de:first-letter  {font-size: 1.2em;}
.sa3 {display:block;}
p.kom  {font: normal normal 12px/1.3 tahoma, sans-serif !important; margin:0 0 0 3em!important;}
p.inhalt {font: normal small-caps bold 13px/1.2 verdana, sans-serif !important; margin:0 0 2em 0 !important;}
.z{display:inline; color:#f60}


table.analyse  {
    border-collapse:collapse;
    width: 100%;
    margin-bottom:0;
    padding:0
}
* html table.analyse  {width:98%}
table.analyse td {width:40%;font-family:tahoma;margin:0; padding:0;padding-left:1px; line-height:1.4em; font-size:80%;border:1px silver solid}
table.analyse td.sa  {width:30%;color:red; font-weight:bold; font-size:75% !important; word-spacing: normal; }
table.analyse td.g  {width:20%;}

div.vokabelliste p {
    font-family:tahoma;
    font-size:80%;
    line-height:1.2;
    margin: 0 0 .5em;
}
div.vokabelliste p b  {
    letter-spacing: .08em;
    color:red;
}
div.vokabelliste p i  {
    padding:0 .5em;
    color:#606;
    font-style: normal;
}
div.vokabelliste  {
    margin-bottom:2em;
}

/* ===================== Ein-Ausschalter für Textteile ===================== */
table.schalter {width:99%; border:none; margin:0; padding:0em;table-layout:fixed;border-collapse:collapse;}
* html table.schalter  {width:97%}
table.schalter td {border:none; margin:0; padding:0;line-height:1em;}
table.schalter button { width:100%;padding:0;}

input.off  {
    color:#444;
    border-style:outset;
    background: #eee;
    letter-spacing: 1px;
    padding:1px 2px;
    font-size:70%;
}
input.on  {
    color: #66d;
    border-style:inset;
    background:#eee;
    letter-spacing: 1px;
    padding:1px 2px;
    font-size:70%;

}

/* ===================== Quellenverweise im Text ===================== */
a.footnote  {
    font-size:70%;
    vertical-align:top;
    text-decoration: none;
}
.source {
    font-size:70%;
    vertical-align:top;
    padding-left: 1em;
}
div.Info span.source  {
    font-size: 70%;
    padding-left: .5em;
}
/* ============================ Quellenangaben am Textende ==========================*/

div#Quellen {
    clear:both;
    margin: 3em 0 0 0;
    padding: 0pt 0em;
    font-size: 70%;
    font-family: Verdana,arial,helvetica,sans-serif;
    line-height:1.5
}
div#Quellen h3 {
    display:inline;
    font-size: 120%;
    margin: 0 1em 0 0;
}
div#Quellen p {
    display:inline;
    margin: 0;
}
div#Quellen ul, ol {
    margin-top: 0;
}
div#Quellen a  {
    border-bottom: 1px dashed blue;
}

/*  ============================= Jetzt noch die Abschluss-Zeile ============================= */
p#Fusszeile {
    border-top: 3px solid #ff9966;
    border-bottom: 3px solid #ff9966;
    padding: 0.65ex 0.2em 0.95ex;
    clear: both;
    text-align: center;
    font-weight: bold;
    margin-top: 1.4em;
    line-height: 2.7ex;
    letter-spacing: 0.5pt;
    font-family: 'trebuchet ms',tahoma,arial,helvetica,sans-serif;
    background-color: #ffefcd;
    font-size: 103%;
    color: #993300;
}
p#Fusszeile a  {color:red; font-weight: normal;}
p#Fusszeile a:hover  {color:white;}

/* So, das war's*/