body      {background-color: #FEFEFE;}
p         {     font-family: Arial, Helvetica, sans-serif;
            font-weight: 300;
               line-height: 125%;
               color: #020270;}
h1        {     font-family: Arial, Helvetica, sans-serif;
               font-size: 165%;
               font-weight: 500;
               line-height: 130%;
               color: #020880;}
h2        {     font-family: Arial, Helvetica, sans-serif;
               font-size: 130%;
               font-weight: 500;
               line-height: 130%;
               color: #020880;
               margin-bottom: -0.3em;
               margin-top: 1.2em;}
h3        {     font-family: Arial, Helvetica, sans-serif;
               font-size: 115%;
               font-weight: 700;
               line-height: 130%;
               color: #020880;
               margin-bottom: -0.3em;
               margin-top: 1.2em;}


q         {     font-style: italic;}
:lang(de) { quotes:"\201E" "\201D"; }
/* definition dt. Anfuehrungszeichen fuer "q". Syntax <q lang="de"> */
/* IE zeigt bei q keine Anfuehrungszeichen. Jaws registriert aber das Zitat als solches */
/* bei q keine Anfuerungszeichen auf Braillezeile */
/* &bdquo; und &ldquo; wird von Jaws nicht als Zitate-Markierung erkannt, aber auf Braillezeile angezeigt */
/* deshalb: vorerst nur engl. Anfuerungszeichen */


blockquote {     font-style: italic;}



em        {font-weight:600; font-style: normal;}

strong    {font-weight:700; font-style: normal; letter-spacing:0.1em}

/* Text-Auszeichnung fuer eine Definition */

ul      {list-style-type: disc;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: 300;
            line-height: 145%;
            color: #020270;}

img     {     padding: 10px;
            border: none}

a:link {
     text-decoration: underline;
     color: #800202;
     border-width: 1px;
     padding-left: 1px;
     padding-right:1px;
     border-style: solid;
     border-color: #F8F8F8;}
a:visited {
     text-decoration: underline;
     color: #020270;
     padding-left: 1px;
     padding-right:1px;
     border-width: 1px;
     border-style: solid;
     border-color: #F8F8F8;}
a:hover {
     text-decoration: none;
     color: #400040;
     border-width: 1px;
     padding-left: 1px;
     padding-right:1px;
     background-color: #EAEAEA;
     border-top-style: solid;
     border-top-color: #FFFFFF;
     border-left-style: solid;
     border-left-color: #FFFFFF;
     border-right-style: solid;
     border-right-color: #707070;
     border-bottom-style: solid;
     border-bottom-color: #707070;}
a:active {
  text-decoration: none;
     color: #440101;
     border-width: 1px;
     padding-left:1px;
     padding-right:1px;
     background-color: #E6E6E6;
     border-top-style: solid;
     border-top-color: #606060;
     border-left-style: solid;
     border-left-color: #606060;
     border-right-style: solid;
     border-right-color: #FFFFFF;
     border-bottom-style: solid;
     border-bottom-color: #FFFFFF;}
a:focus {
     text-decoration: none;
     background-color: #6060A0;
     color: #F4F4FA;}


a.blilink:link {
     text-decoration: none;
     border: none;
     background-color: #F8F8F8;
     color: #F8F8F8;}
a.blilink:visited {
     text-decoration: none;
     border: none;
     background-color: #F8F8F8;
     color: #F8F8F8;}
a.blilink:hover {
     text-decoration: none;
     border: none;
     background-color: #F8F8F8;
     color: #F8F8F8;}
a.blilink:active {
     text-decoration: none;
     border: none;
     background-color: #F8F8F8;
     color: #F8F8F8;}


dfn {
     font-style: normal;
     cursor: help;
     border-width: 1px;
    border-bottom-style:dashed;
    border-bottom-color: #A0A0D0;}




#navi {
     position: fixed;
     top: 100px;
     left: 1px;
     width: 12em;
     min-width: 185px;
     margin-left: 1px;}
/* em um mitzuskalieren, min-with, damit bei kleinen Schriftgroessen den rahmen nicht zu sehr schrumpfen zu lassen */

#logotop {
     position: fixed;
     top: 10px;
     left: 1px;}
#content {
     position: absolute;
     top: 12px;
     left: 14em;
     margin-right: 0.75em;
     max-width: 58em;
     min-width: 25em;}
/* min-width da Opera 8 Inhaltsbereich staucht, sobald dort irgendwo ein br auftaucht.. */



.ronavi {
     background:  url("navi/ro.gif") top right no-repeat;}
.lonavi {
     background:  url("navi/lo.gif") top left no-repeat;}
.runavi {
     background:  url("navi/navi_ru.gif") bottom right no-repeat;}
.lunavi {
     background:  url("navi/navi_lu.gif") bottom left no-repeat;}
.ro {
     background:  url("navi/ro.gif") top right no-repeat;}
.lo {
     background:  url("navi/lo.gif") top left no-repeat;}
.ru {
     background:  url("navi/ru.gif") bottom right no-repeat;}
.lu {
     background:  url("navi/lu.gif") bottom left no-repeat;}

.naviundlogo {
     margin: 0;
     padding: 13px 33px 20px 28px;}
.inhalt {
     margin: 0;
     padding: 13px 33px 20px 38px;}

span {font-weight:600;
}



.menueaktiv {
     text-decoration: none;
     color: #440101;
     border-width: 1px;
     padding-left:1px;
     padding-right:1px;
     background-color: #E8E8E8;
     border-top-style: solid;
     border-top-color: #707070;
     border-left-style: solid;
     border-left-color: #707070;
     border-right-style: solid;
     border-right-color: #FFFFFF;
     border-bottom-style: solid;
     border-bottom-color: #FFFFFF;}


/* Linkdefinition fuer Paargeschichten / Klick auf DIE PAARE - Ruechsprung auf Uebersichtsseite */

a.menueaktivlink:link{
     text-decoration: underline;
     color: #800202;
     border-width: 1px;
     padding-left:1px;
     padding-right:1px;
     background-color: #E8E8E8;
     border-top-style: solid;
     border-top-color: #707070;
     border-left-style: solid;
     border-left-color: #707070;
     border-right-style: solid;
     border-right-color: #FFFFFF;
     border-bottom-style: solid;
     border-bottom-color: #FFFFFF;}

a.menueaktivlink:visited{
     text-decoration: underline;
     color: #020270;
     border-width: 1px;
     padding-left:1px;
     padding-right:1px;
     background-color: #E8E8E8;
     border-top-style: solid;
     border-top-color: #707070;
     border-left-style: solid;
     border-left-color: #707070;
     border-right-style: solid;
     border-right-color: #FFFFFF;
     border-bottom-style: solid;
     border-bottom-color: #FFFFFF;}

a.menueaktivlink:hover {
     text-decoration: none;
     color: #400040;
     border-width: 1px;
     padding-left: 1px;
     padding-right:1px;
     background-color: #EAEAEA;
     border-top-style: solid;
     border-top-color: #FFFFFF;
     border-left-style: solid;
     border-left-color: #FFFFFF;
     border-right-style: solid;
     border-right-color: #707070;
     border-bottom-style: solid;
     border-bottom-color: #707070;}

a.menueaktivlink:active {
  text-decoration: none;
     color: #440101;
     border-width: 1px;
     padding-left:1px;
     padding-right:1px;
     background-color: #E8E8E8;
     border-top-style: solid;
     border-top-color: #707070;
     border-left-style: solid;
     border-left-color: #707070;
     border-right-style: solid;
     border-right-color: #FFFFFF;
     border-bottom-style: solid;
     border-bottom-color: #FFFFFF;}

a.menueaktivlink:focus {
     text-decoration: none;
     background-color: #7070A0;
     color: #F4F4FA;}