@import url(offline/black.css);
.formatblack      { font: bold 14pt Arial; color: red; }
body              { font: 75% Arial,Helvetica,sans-serif; color: white; background: url(helps/pixel.gif); background-color: black; margin: 0; padding: 0; }
.inhalt, .footer  { text-align: center; }
.inhalt > *       { margin: auto; }
.inhalt > ul      { display: inline-block; }
table             { font: 1em Arial,Helvetica,sans-serif; }
td                { text-align: left; vertical-align: top; }
p                 { padding: 5px; }
b                 { font-size: 1.1em }
small             { font-size: .9em; }
h1                { font:        bold  1.8em "Times New Roman",Arial,Helvetica,sans-serif; color: yellow; }
h1.welcome        { font-size: 2.6em; color: #f22; letter-spacing: 1.6pt; font-style: italic; }
h2                { font:        bold  1.4em Arial,Helvetica,sans-serif; color: yellow; }
h2 .normal        { font: .8em Arial,Helvetica,sans-serif; }
h3                { font:        bold  1.2em Arial,Helvetica,sans-serif; color: yellow; }
h4                { font:        bold  1.1em Arial,Helvetica,sans-serif; color: #ff6; margin: 0; }
h5                { font:        bold  1.1em Arial,Helvetica,sans-serif; color: white; margin: 0; }
h6                { font:        bold  1.0em Arial,Helvetica,sans-serif; margin: 0; padding: 0; }
.normal           { font-family: Arial,Helvetica,sans-serif; font-weight: normal; font-style: normal; }
blockquote.normal { font-size: 1.1em; }
.mono .normal     { font-size: 1.1em; }
code              { font-family: Arial,Helvetica,sans-serif; }
.titel            { font: italic bold  1.4em "Times New Roman",Arial,Helvetica,sans-serif; color: #f33; padding-left: 5px; padding-right: 5px; }
.hervor           { font-size: 1.2em; font-weight: normal; color: #f99; }  /* nur für <b> */
.hh               { font-size: 1.1em; font-weight: bold; color: #f99; }    /* nur für <b> */
.hb               { font-size: 1.1em; font-weight: bold; color: yellow; }  /* nur für <b> */
.h                { font-size: 1.1em; font-weight: normal; color: #f99; }  /* nur für <b> */
.schr             { font-size: 1.1em; color: #f6f; }
.b                { font-size: 1.1em; font-weight: bold; }
.i                { font-style: italic; }
.ni               { font-style: normal; }
.ou               { text-decoration: none; }
.u                { text-decoration: underline; }
.sperr            { font: 1.1em Verdana,sans-serif; text-transform: uppercase; letter-spacing: 2pt; }
.werbung          { text-align: center; }
.temp             { display: none; }

.mittig           { margin: auto; }
ul.mittig         { display: inline-block; }
.blockrechts      { float: right; }
.center           { text-align: center; }
.rechts           { text-align: right; }

.headlinedbl      { color: #ccf; background-color: #236; font: 1.2em verdana,arial; padding: 4px; border: 1px solid #66f; }
.headlinebl       { color: #bbf; background-color: #014; font: 1.2em verdana,arial; padding: 4px; border: 1px solid #33f; }
.headlinert       { color: #d99; background-color: #311; font: 1.2em verdana,arial; padding: 4px; border: 1px solid #c66; }
.headlinegn       { color: #0c3; background-color: #232; font: 1.2em verdana,arial; padding: 4px; border: 1px solid green; }
.headlinebr       { color: #d97; background-color: #320; font: 1.2em verdana,arial; padding: 4px; border: 1px solid #730; }
.headlinegr       { color: #aaa; background-color: #222; font: 1.2em verdana,arial; padding: 4px; border: 1px solid gray; }
.headlinevi       { color: #b7b; background-color: #202; font: 1.2em verdana,arial; padding: 4px; border: 1px solid #a3a; }
.jahreszahl       { color: #f66; background-color: #311; font: 1.4em verdana; text-align: center; border:1px dotted #f66; }

.schraeg          { font: italic bold  1.2em Arial,Helvetica,sans-serif; }
.mark             { color: white; background-color: #06f; font-weight: bold; padding-left: 4px; padding-right: 4px; }
.mark2            { color: black; background-color: #cfc; font-weight: bold; padding-left: 4px; padding-right: 4px; }
.mark3            { color: red; background-color: #ff9; padding: 4px; border:1px solid red; width: 80%; margin: auto; }
.swaufge          { color: white; background-color: #00c; }
.feedback         { font: 1em "Comic Sans MS",sans-serif; color: #ccf; border: 1px dashed #c33; background-color: #222; }
#feedback         { font: 1em "Comic Sans MS",sans-serif; color: #ccf; background-color: #222; }
.ameise           { border: 1px dashed #99f; padding: 5px; }

.brtabelle          { font-size: 1.2em; padding: 0; }
.brtabelle .tab     { background-color: #111; border: 3px solid green; border-collapse: collapse; margin: 5px; padding: 0; }
.brtabelle .tab th,
.brtabelle .tab td  { padding: 3px; border: 2px solid #ccc; text-align: center; white-space: nowrap; }

.blatt            { background-color: #090909; color: white; padding: 10px; border: 1px solid red; }
.alpha            { background-color: #090909; color: white; padding: 20px; border: 1px solid red; }
.tele             { background-color: #001; color: white; padding: 20px; border: 1px solid #99f; }
.kontakt          { background-color: #100900; color: white; padding: 20px; border: 3px double #99f; }
.zufakoo          { background-color: #100900; color: white; padding: 20px; border: 1px solid #99f; }
.sitemap          { background-color: #100900; color: white; padding: 5px; border: 1px solid blue; }
.recht            { background-color: #090909; color: white; padding: 10px; border: 1px dashed #c33; }
.nojswarning      { background-color: #440; color: white; padding: 10px; border-bottom: 1px solid red; text-align: center; }
.birthday         { background-color: #550; color: white; padding: 10px; border: 2px dashed yellow; text-align: center; margin: auto; width: 320px; }
.muster           { background-color: black; color: yellow; text-align: center; padding: 10px; line-height: 30px;
                    font: .9em Verdana,"Courier New", Courier, monospace; border: #99f 1px dashed; }
.comic            { font: 1em Arial,Helvetica,sans-serif; text-align: left; color: yellow; }
.mono             { font-family: "Courier New", Courier, monospace; color: #99f; }
.remark           { text-align: left; color: #ccc; background-color: #111; border: #99f 1px dashed; padding:8px; }
.remark ul        { list-style-image: url(helps/point.gif); font-size: .9em; }
.rahmengr         { border-color: #333; }

.setlink          { background-color: #181818; color: white; border:1px solid #0f3; text-align: center; }
.settextlink      { color: white; text-decoration: none; }
.settextlink u    { color: #bbf; text-decoration: underline; }
.settextlink:focus,.settextlink:hover,.settextlink:active       { background-color: transparent; color: white; outline: 1px dotted #ccf; }
.settextlink:focus u,.settextlink:hover u,.settextlink:active u { background-color: transparent; }

a                 { color: #ccf; text-decoration: underline; }
a.neu             { padding-left: 20px; white-space: nowrap; background: url(helps/link-blank.gif) left no-repeat; }
a.pop             { padding-left: 18px; white-space: nowrap; background: url(helps/link-pop.gif) left no-repeat; }
a.top             { padding-right: 11px; white-space: nowrap; background: url(helps/link-oben.gif) right no-repeat; }
a.unten           { padding-right: 10px; white-space: nowrap; background: url(helps/link-unten.gif) right no-repeat; }
a.load            { padding-left: 18px; white-space: nowrap; background: url(helps/link-load.gif) left no-repeat; }
a.toload          { padding-left: 22px; white-space: nowrap; background: url(helps/link-toload.gif) left no-repeat; }
a.druck           { padding-left: 21px; white-space: nowrap; background: url(helps/dr.gif) left no-repeat; }
a.druckwl         { padding-left: 31px; white-space: nowrap; background: url(helps/drwl.gif) left no-repeat; }
a.extern          { padding-left: 18px; white-space: nowrap; background: url(helps/link-extern.gif) left no-repeat; color: #faa; }
a.book            { padding-left: 16px; white-space: nowrap; background: url(helps/link-buch.gif) left no-repeat; }
a.wiki            { padding-left: 25px; white-space: nowrap; background: url(helps/link-wiki.gif) left no-repeat; }
a.shop            { padding-left: 18px; white-space: nowrap; background: url(http://shop.fakoo.de/fakoosy-ico.gif) left no-repeat; }
a.pdf             { padding-left: 19px; white-space: nowrap; background: url(helps/link-pdf.gif) left no-repeat; }
a.en              { padding-left: 18px; white-space: nowrap; background: url(helps/en.gif) left no-repeat; }
a.de              { padding-left: 18px; white-space: nowrap; background: url(helps/de.gif) left no-repeat; }
a.fr              { padding-left: 18px; white-space: nowrap; background: url(helps/fr.gif) left no-repeat; }
a.es              { padding-left: 18px; white-space: nowrap; background: url(helps/es.gif) left no-repeat; }
a.sl              { padding-left: 22px; white-space: nowrap; background: url(helps/sl.gif) left no-repeat; }
a.mail            { padding-right: 22px; white-space: nowrap; background: url(helps/mail.gif) right no-repeat; }
a.advt            { color: #faa; }
a.schr            { color: #f6f; }
a.graf            { color: #0c3; }
a.noch            { color: #99f; }

/* :link, :visited, :focus :hover, :active */

a:focus,          a:hover,        a:active,
a.pop:focus,      a.pop:hover,    a.pop:active,
a.top:focus,      a.top:hover,    a.top:active,
a.unten:focus,    a.unten:hover,  a.unten:active,
a.load:focus,     a.load:hover,   a.load:active { color: #33f; background-color: white; text-decoration: none; }
a.neu:focus,      a.neu:hover,    a.neu:active,
a.toload:focus,   a.toload:hover, a.toload:active,
a.druck:focus,    a.druck:hover,  a.druck:active,
a.druckwl:focus,  a.druckwl:hover,a.druckwl:active { background: url(helps/link-blank.gif) left no-repeat; color: #33f; background-color: white; text-decoration: none; }
a.extern:focus,   a.extern:hover, a.extern:active { background: url(helps/link-extern.gif) left no-repeat; color: black; background-color: #ff0; text-decoration: none; }
a.extern:focus .bl,   a.extern:hover .bl, a.extern:active .bl { color: black; }
a.advt:hover      { color: black; background-color: #6f6; }
a.wechsel, img.wechsel  { cursor: url(helps/plus.cur), url(../helps/plus.cur), ne-resize; }
a.lupe            { cursor: url(helps/zoom.cur), pointer; }
a.zeiger          { cursor: default; }
a.cross           { cursor: crosshair; }
a.schr.nolink:hover { color: #bbf; background-color: transparent; cursor: default; }
a.extern:hover .gn  { color: #060; }
a.frage           { color: white; text-decoration: none; border-bottom: 1px dotted white; }
a.frage:focus,    a.frage:hover, a.frage:active { color: #33f; background-color: white; border-bottom: 0; }
a.dezent          { background-color: transparent; text-decoration: none; border-bottom: 1px dotted #66c; }
a.ext.dezent      { border-bottom: 1px dotted #933; }
a.dezent:focus,   a.dezent:hover, a.dezent:active        { color: #33f; background-color: white; border-bottom: 1px solid black; }
a.ext:focus,      a.ext:hover, a.ext:active { color: black; background-color: #ff0; }

.mausalpha        { font-family: verdana,arial; color: #bbf; cursor: default; }
.mausalpha span   { margin: 1px; padding: 2px; }
.mausalpha span:hover { color: blue; background-color: white; }
#ausgabezeile     { background-color: black; color: white; padding: 5px; white-space: nowrap; width: 100%; text-align: center;
                    border: 0; border-top: 1px; border-bottom: 1px; border-style: solid; border-color: #99f; }

#menu             { background-color: black; color: white; padding: 5px; line-height: 18px; border: 0; border-bottom: 1px solid #999; }
#menu li.kat      { padding-left: 12px; white-space: nowrap; background: url(helps/trenn_kat.gif) left no-repeat; }
#menu li.men      { padding-left: 9px; white-space: nowrap; background: url(helps/trenn_men.gif) left no-repeat; }
#umenu            { padding: 5px;  font-size: .9em; line-height: 18px; border: 0; border-bottom: 1px solid #999; }
#umenu li.umen    { padding-left: 6px; white-space: nowrap; background: url(helps/trenn_umen2.gif) left no-repeat; }
#umenu li.and     { padding-left: 22px; white-space: nowrap; background: url(helps/trenn_and2.gif) left no-repeat; }
#umenu li.trenn   { padding-left: 8px; white-space: nowrap; background: url(helps/trenn_trenn.gif) left no-repeat; }
#tmenu            { padding: 5px;  font-size: .9em; line-height: 18px; border: 0; border-bottom: 1px solid #999; }
#tmenu li.tmen    { padding-left: 6px; white-space: nowrap; background: url(helps/trenn_umen.gif) left no-repeat; }
#menu a           { text-decoration: none; padding: 3px; font-weight: normal; white-space: nowrap; }
#umenu a          { text-decoration: none; padding: 1px; font-weight: normal; white-space: nowrap; }
#tmenu a          { text-decoration: none; padding: 1px; font-weight: normal; white-space: nowrap; }
#menu a:hover, #menu a:active, #menu a:focus, #umenu a:hover, #umenu a:active, #umenu a:focus, #tmenu a:hover, #tmenu a:active, #tmenu a:focus
                  { text-decoration: none; }
#menu b           { text-decoration: none; font-weight: normal; white-space: nowrap; padding: 0 3px 7px 3px; border: 1px solid #99f; }
#umenu b          { text-decoration: none; font-weight: normal; white-space: nowrap; padding: 0 3px 7px 3px; border: 1px solid #99f; }
#tmenu b          { text-decoration: none; font-weight: normal; white-space: nowrap; padding: 0 3px 7px 3px; border: 1px solid #99f; }

/*--------- Menü-Farben --------- */

#menu a           { background-color: black; color: #ddf; border: 1px solid black; }

#menu b           { background-color: #339; color: #faa; font-weight: bold; border-bottom: 2px solid #339; }
#umenu            { background-color: #339; color: white; }
#umenu a          { background-color: #339; color: white; border:        1px solid #339; }

#umenu b          { background-color: #225; color: yellow; border-bottom: 1px solid #225; }
#tmenu            { background-color: #225; color: white; }
#tmenu a          { background-color: #225; color: #ddf;   border:        1px solid #225; }

#tmenu b          { background-color: #336; color: yellow; border-bottom: 1px solid #336; }

#menu a:focus,    #menu a:hover,  #menu a:active  { background-color: white; color: blue; border: 1px solid black; }
#umenu a:focus,   #umenu a:hover, #umenu a:active { background-color: white; color: blue; border: 1px solid white; }
#tmenu a:focus,   #tmenu a:hover, #tmenu a:active { background-color: white; color: blue; border: 1px solid white; }

/*--------- runde Ecken --------- */

#menu b, #umenu b, #tmenu b { border-top-right-radius: 6px; border-top-left-radius:  6px; }
.rund, #zmenu, .alpha       { border-radius: 15px; }

/*------------------------------- */

#menu a.img       { background-color: black; color: #6f6; text-decoration: none; padding: 0; border: 0; }
#umenu a.img      { background-color: #111;  color: #6f6; text-decoration: none; padding: 0; border: 0; }
#menu a.img:focus, #menu a.img:hover, #menu a.img:active { color: #f66; background-color: black; text-decoration: none; border: 0; }
#umenu a.img:focus, #umenu a.img:hover, #umenu a.img:active { color: #f66; background-color: #111; text-decoration: none; border: 0; }

#brotkrumen       { padding: 5px; font-size: .9em; margin: 5px; }
#zmenu            { background-color: #444; padding: 5px; margin: 0px 10px 5px 10px; border: 3px double #99f; font-size: .8em; line-height: 16px; }
#zmenu a          { /*color: #ddf;*/ }
#zmenu a:focus,   #zmenu a:hover, #zmenu a:active { color: blue; }
#zmenu .zeile2    { padding-left:80px }
#fmenu            { margin-top: 5px; border: 0; border-top: 1px dotted #999; font-size: .8em; background-color: #110; text-align: center; }
#fmenu li.fmen    { padding-left: 6px; white-space: nowrap; background: url(helps/trenn_umen.gif) left no-repeat; }
.emenu            { float: right; background-color: #000; }
.downmenu         { font-size: .9em; line-height: 18px; }

img               { color: #fb9; text-decoration: none; }
a.img             { color: #9f9; text-decoration: none; }
a img             { color: #6f6; background-color: transparent; border: 0; }
a.img img         { text-decoration: underline; }
a:focus img,       a:hover img, a:active img                    { color: #fcc; text-decoration: none; }         /* <-- Image im normalen Link */
a:focus.extern img,    a:hover.extern img, a:active.extern img  { color: #c00; }                                /* <-- Image im extern-Link */
a:focus.img,       a:hover.img, a:active.img                      { color: #88f; background-color: transparent; } /* <-- Text im Image-Link */
a:focus.img img,   a:hover.img img, a:active.img img         { color: #88f; background-color: transparent; } /* <-- Image im Image-Link */
a:focus.ext.img,   a:hover.ext.img, a:active.ext.img           { color: #f66; background-color: transparent; } /* <-- Text im ext-Image-Link */
a:focus.ext.img,   img a:hover.ext.img img, a:active.ext.img img{ color: #f66; background-color: transparent; } /* <-- Image im ext-Image-Link */
a:focus.dezent img, a:hover.dezent img, a:active.dezent img { color: #fcc; background-color: transparent; }
a:focus.ext img,   a:hover.ext img, a:active.ext img           { color: #c00; }
img.mitte         { vertical-align: middle; }
img.texthoehe     { vertical-align: text-bottom; }
img.rand4dunkel   { border:1px outset #666; }

button:focus      { outline: 1px solid red; }
input[type=checkbox]:focus { outline: 1px solid red; }
a.img:focus       { outline: 3px solid #aaa; }
a.img[target=_blank]:focus { outline: 3px dotted #ccf; }
a.img[target=_blank]:hover { outline: 2px solid #99c; }
a.img.ext:focus   { outline: 3px solid #dc0; }
a.img.ext:hover   { outline: 3px solid yellow; }
a.dlink:focus     { outline: 2px solid #999; background-color: black; }
a:active          { outline: none; }

#shorturl         { color: #d97; padding: 0 3px 0 3px; letter-spacing: 1px; }
a.short           { color: #d97; }
a:focus.short,    a:hover.short, a:active.short { color: #f66; background-color: #000; }
a:focus.short     { outline: 1px solid red; }

.wahl       img   { border:1px solid black; background-color: transparent; }
.wahl:hover img   { border:1px solid #66f; background-color: transparent; }
.wahl2       img  { border:1px solid black; background-color: transparent; }
.wahl2:hover img  { border:1px solid #0c3; background-color: transparent; }

ul                { list-style-image: url(helps/ul-punkt-bl.gif); list-style-type: circle; margin: 10px 0 10px 0; padding-left: 30px; }
ul li             { text-align: left; }
.li-rt            { list-style-image: url(helps/ul-punkt-rt.gif) }
.li-gn            { list-style-image: url(helps/ul-punkt-gn.gif) }
.li-gr            { list-style-image: url(helps/ul-punkt-gr.gif) }
.li-up            { list-style-image: url(helps/link-oben.gif) }
ul ul             { list-style-image: url(helps/point.gif);      list-style-type: square; margin: 0; padding-left: 20px; }
.inmenu           { display: inline; margin: 0; padding: 0; }
.inmenu li        { display: inline; list-style-image: url(helps/pixel.gif); list-style-type: none; }
.inmenu.abstand img  { padding: 2px; }
.zusatzblock      { margin: 0; padding: 0; }
.zusatzblock li   { list-style-image: url(helps/pixel.gif); list-style-type: none; }

button            { font: 1em Verdana,Helvetica,sans-serif; color: #eee; background-color: #333; cursor: pointer;
                    margin: 3px; padding: 1px; padding-left: 4px; padding-right: 4px; height: 2em; }
button.breit      { width: 11em; }
button.druck      { color: #fff; background-color: #333; font-size: .9em; }
button.zusatz     { color: #fff; background-color: #666; border: 1px #fff dashed;}
button.off        { color: #777; background-color: #222; border: 2px solid #333; cursor: default; }
button#direktbut  { width: 130px; text-align: left; }
.maustastatur     { text-align: left; white-space: nowrap; }
input,
textarea          { color: white; background-color: #111; font: 1em Arial,Helvetica,sans-serif; text-align: left; padding: 1px; }
select            { color: white; background-color: #191919; font: 1em Arial,Helvetica,sans-serif; margin: 3px; }
input,
textarea,
select            { border: 1px #69c solid; }
input:focus,
textarea:focus,
select:focus      { border-color: #ff3; }      /* nicht IE */
input.box,
input.radio       { border:1px solid #333; }   /* Klassen für IE */
.textwork         { font: 1em "Courier New",Courier,monospace; width: 670px; }

.sws-ausg         { width:  2.5em; color: yellow; background-color: #111;  border: 0; margin-left: 10px; cursor: default;
                    font: 2em Arial,Helvetica,sans-serif; text-align: center; }
.feedbackbutton   { cursor: pointer; text-align: center; color: #ccf; background-color: #224;
                    border: 2px #9ce outset; width: 10em; margin: 10px; padding: 0; }
.send             { letter-spacing: .1em; white-space: nowrap; width: 12em; background: url(helps/mail.gif) right no-repeat;
                    color: #faa; background-color: #224; }
.loadbutton       { cursor: pointer; text-align: center; color: #fff; background-color: #543; border: 2px #cba outset; margin: 10px; padding: 0; }
.inakt            { color: #99f; background-color: #333; }

.out              { font-size: 1.4em; color: #3f3; cursor: default; border: 1px dotted #999;
                    padding: 0px; padding-left: 4px; padding-right: 4px; }
.in               { font-size: 1.4em; color: #3f3; cursor: default; padding: 0px; padding-left: 4px; padding-right: 4px; }
.iso              { font: italic .8em Arial,Helvetica,sans-serif; color: #ccc; }
.points           { font: .7em arial,sans-serif; color: #aaa; padding-left: 8px; }

.hide             { display: none; }
.unsichtbar       { background-color: black; color: black; }
.unsichtbar_bgws  { background-color: #0f0f0f; color: #0f0f0f; }     /* bei #111 - Text nicht vollständig unsichbar*/
.blind, .handy    { position: absolute; top: -1000em; left: -9000em; }
.handy a, a.handy , .blind a, a.blind { display: none; }
.braille          { display: none; speak: none; }
.spell            { speak: spell-out; }

.bgdunkel         { }
.bghell           { display: none; }
.bgschwarz        { cursor: pointer; }
.bgnorm,
.bgweiss,
.bgcontrast       { display: none; }
.plus,.null       { cursor: pointer; }

.finger           { cursor: pointer; }
.zeiger           { cursor: default; }
.frage            { cursor: help; }
.groesser         { cursor: ne-resize; }
.text             { cursor: text; }
acronym,.rem      { border-bottom: dotted 1px #ccc; cursor: help; }
abbr              { border-bottom: 0; }
label             { cursor: pointer; }
.outrand          { border: 1px outset #666; }
.randaufws        {  }

pre, table.pre, pre table     { font: .9em "Courier New", Courier, monospace; white-space: pre; }
table.pre td,   pre table td  { white-space: pre; vertical-align: top; }
pre code                      { font-family: "Courier New", Courier, monospace; white-space: pre; }
.nowrap           { white-space: nowrap; }

p,li              { clear: both; }
form              { display: inline; }
.rueck            { padding-left: 18px; background: url(helps/rueck.gif) left no-repeat; white-space: nowrap; }
.vor              { padding-right: 18px; background: url(helps/vor.gif) right no-repeat; white-space: nowrap; }
.spick            { margin: 1px; border: 1px solid #fff; background-color: #333; }
.ttf              { padding: 2px; border: 1px solid #ccc; background-color: #111; }
.frei             { margin: 3px; }
.raum             { padding: 5px; }
.allein           { margin-left: 5px; margin-right: 5px; }

.bgws             { background-color: #0f0f0f; }
.bglgr            { background-color: #181818; }
.bghgr            { background-color: #222; }
.bggr             { background-color: #333; }
.bggn             { background-color: #030; }
.bghgn            { background-color: #091909; }
.bgsgn            { background-color: #040; }
.bgrt             { background-color: #400; }
.bgrs             { background-color: #311; }
.bghrt            { background-color: #190909; }
.bgge             { background-color: #440; }
.bghge            { background-color: #220; }
.bgsge            { background-color: #550; }
.bgvi             { background-color: #505; }
.bghvi            { background-color: #303; }
.bgbr             { background-color: #321; }
.bghbr            { background-color: #210; }
.bgbl             { background-color: #018; }
.bghbl            { background-color: #014; }
.bglbl            { background-color: #001; }
.lichtmorser      { background-color: #333; }
.immerws          { background-color: white; color: black; }   /* bleibt immer weiß */
.immerws img      { color: #630; }

.rt               { color: #f99; }
button.rt         { color: #f99; }
.sw               { color: white; }
.ws               { color: #000; }
.gn               { color: #0c3; }
.dgn              { color: #6c9; }
.bl               { color: yellow; }  /* wird im dunkeln gelb */
.bbl              { color: #bbf; }    /* bleibt blau im dunkeln */
.hbl              { color: #99f; }
.br               { color: #d97; }
.vi               { color: #f3f; }
.dvi              { color: #f0f; }
.hgr              { color: #999; }
.gr, .noprint     { color: #aaa; }
.dgr              { color: #ccc; }
.stele            { color: #666; }
.spiel            { color: #6cf; }
.alphabet         { color: #f3f; font-weight: bold; font-size: 1.1em; }
a.alphabet        { text-decoration: none; border-bottom: 1px dashed gray; }
a:focus .alphabet, a:hover .alphabet, a:active .alphabet,
  a:focus .h, a:hover .h, a:active .h,
  a:focus .hh, a:hover .hh, a:active .hh { color: red; }
.technik          { color: #bbf; }

#raphtab          { background-color: #212; border: 3px #369 double; }
#raphtab td       { vertical-align: top; }

.gebtab1          { background-color: #111; color: white; padding: 2px; border: 1px solid #99f; text-align: center;}
.gebtab2          { background-color: #114; color: white; padding: 2px; border: 1px solid #99f; text-align: center; }

.tabjs_oben       { background-color: #010; border: 1px solid #060;}
.tabjs_links      { background-color: #010; border: 1px solid #060;}
.tabjs_body       { background-color: #000; border: 1px solid #060;}

#unitab           { border: 1px dashed #99f; }
#unitab td        { font-size: 1.8em; text-align: center; line-height: 20pt; color: #99f; cursor: default; }
#unitab .normtext { font: 1em Arial,Helvetica,sans-serif; color: white; }
#unitab .uni:hover{ color: #f99; }
#cbrtab td        { text-align: center; }
.cbrov            { border: 1px solid #222; }
.cbrov:hover      { border: 1px solid #f99; }
.cbrbo            { border: 1px solid #99f; }
.cbrbo:hover      { border: 1px solid #ff0; }

.writer_ok        { font: bold 1.2em Arial,Helvetica,sans-serif; color: #f66; }
.writer_tasten    { font: bold 1em "Courier New", Courier, monospace; color: #f99; }

#faq .frage       { margin: 5px; padding-left: 10px; color: yellow; }
#faq .fragehh     { margin: 5px; padding-left: 25px; color: #f99; cursor: help; white-space: nowrap;
                    background: url(helps/nach-rechts_faq.gif) left no-repeat; background-color: #440; }
#faq .frage b, #faq .fragehh b { font-weight: normal; }
#faq .antwort     { margin-top: -5px; margin-bottom: 5px; padding-left: 32px; }
#faq .antwort .normal { font-size: 1.1em; }
#faq .antwortzu   { display: none; }

#disclaim li      { margin-bottom: 12px; text-align: justify; }
#disclaim h5      { color: #f33; }
#disclaim b       { color: yellow; font-weight: normal; font-style: italic; }

.wztipp           { color: black; } /* Bubbles für Computerbraille-Overview u.ä. */

/* Bubble Tooltips im Menü und Text */
#btc .tooltip          { font: 11px Arial,Helvetica,sans-serif; color: #99f; text-align: center; text-decoration: none; width: 200px; }
#btc .tooltip b.bottom { background: url(http://www.fakoo.de/helps/bt-bubble-.gif) no-repeat bottom; padding: 3px 8px 15px; }
#btc .tooltip span.top { background: url(http://www.fakoo.de/helps/bt-bubble-.gif) no-repeat top; padding: 30px 8px 0; }
#btc .tooltip .txt     { background-color: #222; }

a.rank3 img       { background-color: white; color: #070; }
a.rank3 img:hover { background-color: white; color: red; }

#jump             { color: #ccc; }
#jump button,
#layout button    { border: 0; background-color: transparent; color: #ccc; margin: 0; padding: 0; padding-left: 2px; }
#fensterzu.inakt  { border: 0; background-color: transparent; color: #ccc; margin: 0; padding: 0; cursor: default; }

/* Hilfsnavigation ('unsichtbare' Sprungmarken) */
#keyhelps ol { margin: 0px; padding: 0px; }
#keyhelps li { display: inline; list-style: none; margin: 0px; padding: 0px; }
#keyhelps a:link,
#keyhelps a:visited,
#keyhelps a:hover { left: -400em; position: absolute; }
#keyhelps a:active,
#keyhelps a:focus { left: 6px; top: 6px; background-color: #36f; color: white; width: 115px; border: 0; text-decoration: none; }

#historie small { color: #aaa; }