@import url(offline/normal.css);
.formatprint      { font: bold 14pt Arial; color: red; }
body              { font: 75% Arial,Helvetica,sans-serif; color: black; background:url(helps/pixel.gif); background-color: white; margin: 0; padding: 0; }
.inhalt           { 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: .8em; }
h1                { font:        bold  1.8em "Times New Roman",Arial,Helvetica,sans-serif; color: blue; }
h1.welcome        { font-size: 2.6em; color: red; letter-spacing: 1.6pt; font-style: italic; }
h2                { font:        bold  1.4em Arial,Helvetica,sans-serif; color: blue; }
h2 .normal        { font: .8em Arial,Helvetica,sans-serif; }
h3                { font:        bold  1.2em Arial,Helvetica,sans-serif; color: blue; }
h4                { font:        bold  1.1em Arial,Helvetica,sans-serif; color: #009; margin: 0; }
h5                { font:        bold  1.1em Arial,Helvetica,sans-serif; color: black; margin: 0; }
h6                { font:        bold  1.0em Arial,Helvetica,sans-serif; margin: 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: red; padding-left: 5px; padding-right: 5px; }
.hervor           { font-size: 1.2em; font-weight: normal; color: red; }   /* nur für <b> */
.hh               { font-size: 1.1em; font-weight: bold; color: red; }     /* nur für <b> */
.hb               { font-size: 1.1em; font-weight: bold; color: blue; }    /* nur für <b> */
.h                { font-size: 1.1em; font-weight: normal; color: red; }   /* nur für <b> */
.schr             { font-size: 1.1em; color: #f0f; }
.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      { display: none; }
.center           { text-align: center; }
.rechts           { text-align: right; }

.headlinedbl      { color: blue; background-color: #cdf; font: 1.2em verdana,arial; padding: 4px; border: 1px solid blue; }
.headlinebl       { color: blue; background-color: #def; font: 1.2em verdana,arial; padding: 4px; border: 1px solid blue; }
.headlinert       { color: #c00; background-color: #fee; font: 1.2em verdana,arial; padding: 4px; border: 1px solid red; }
.headlinegn       { color: #030; background-color: #efe; font: 1.2em verdana,arial; padding: 4px; border: 1px solid green; }
.headlinebr       { color: #520; background-color: #fed; font: 1.2em verdana,arial; padding: 4px; border: 1px solid #840; }
.headlinegr       { color: #222; background-color: #eee; font: 1.2em verdana,arial; padding: 4px; border: 1px solid gray; }
.headlinevi       { color: #909; background-color: #fef; font: 1.2em verdana,arial; padding: 4px; border: 1px solid #e8e; }
.jahreszahl       { color: #c00; background-color: #fdd; font: 1.4em verdana; text-align: center; border:1px dotted red; }

.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; border-bottom: 2px solid #06f; }
.mark2            { color: black; background-color: #cfc; font-weight: bold; padding-left: 4px; padding-right: 4px; border-bottom: 2px solid #beb; }
.mark3            { color: red; background-color: #ff9; padding: 4px; border:1px solid red; width: 80%; margin: auto; }
.swaufge          { color: black; background-color: #ffc; }
.feedback         { font: 1em "Comic Sans MS",sans-serif; color: #006; border: 1px dashed #900; background-color: #F7F7F7; }
#feedback         { font: 1em "Comic Sans MS",sans-serif; color: #006; }
.ameise           { border: 1px dashed blue; padding: 5px; }

.brtabelle          { font-size: 1.2em; padding: 0; }
.brtabelle .tab     { background-color: white; 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: #fff; color: black; padding: 10px; border: 1px solid red; }
.alpha            { background-color: #fff; color: black; padding: 20px; border: 1px solid red; }
.tele             { background-color: #fff; color: black; padding: 20px; border: 1px solid blue; }
.kontakt          { background-color: #fff; color: black; padding: 20px; border: 3px double blue; }
.zufakoo          { background-color: #fff; color: black; padding: 20px; border: 1px solid blue; }
.sitemap          { background-color: #fff; color: black; padding: 2px; border: 1px solid blue; }
.recht            { background-color: #fff; color: black; padding: 10px; border: 1px dashed #900; }
.nojswarning      { display: none; }
.muster           { background-color: white; color: blue; text-align: center; padding: 10px; line-height: 30px;
                    font: .9em Verdana,"Courier New", Courier, monospace; border: 1px solid #999; }
.comic            { font: 1em "Comic Sans MS", cursive; text-align: left; color: blue; }
.mono             { font-family: "Courier New", Courier, monospace; color: blue; }
.remark           { text-align: left; color: #333; background-color: #eee; border: blue 1px dashed; padding: 8px; }
.remark ul        { list-style-image: url(helps/point.gif); font-size: .9em; }
.rahmengr         { border-color: #bbb; }

.setlink          { background-color: #fff; color: black; border:1px solid green; text-align: center; }
.settextlink      { color: black; text-decoration: none; }
.settextlink u    { color: blue; text-decoration: underline; }

a                 { color: blue; 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: red; }
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: red; }
a.schr            { color: #f0f; }
a.graf            { color: #090; }
a.noch            { color: #22c; }

/* :link, :visited, :focus :hover, :active */

a:hover,      a:active,      a:focus,
a.pop:hover,  a.pop:active,  a.pop:focus,
a.top:hover,  a.top:active,  a.top:focus,
a.unten:hover,a.unten:active,a.unten:focus,
a.load:hover, a.load:active, a.load:focus { }
a.neu:hover,  a.neu:active,  a.neu:focus,
a.toload:hover, a.toload:active, a.toload:focus,
a.druck:hover, a.druck:active, a.druck:focus,
a.druckwl:hover, a.druckwl:active, a.druckwl:focus
                  { }
a.extern:hover,
a.extern:active,
a.extern:focus    { }
a.advt:hover      { }
a.wechsel:hover   { }
a.zeiger:hover    { }
a.cross:hover     { }
a.schr.nolink:hover { }

a.frage           { color: black; text-decoration: none; border-bottom: 1px dotted black; }
a.frage:hover, a.frage:active, a.frage:focus { }

a.dezent          { background-color: transparent; text-decoration: none; border-bottom: 1px dotted #99f; }
a.ext.dezent      { border-bottom: 1px dotted #f99; }
a.dezent:hover, a.dezent:active, a.dezent:focus             { }
a.ext:hover, a.ext:active, a.ext:focus { }

.mausalpha        { font-family: verdana,arial; color: blue; }
.mausalpha span   { margin: 1px; padding: 2px; }
.mausalpha span:hover { }
#ausgabezeile     { background-color: white; color: black; padding: 5px; white-space: nowrap; width: 100%; text-align: center;
                    border: 0; border-top: 1px; border-bottom: 1px; border-style: solid; border-color: blue; }

#menu             { background-color: white; color: black; padding: 5px; border: 0; border-bottom: 1px solid blue; }
#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; border: 0; border-bottom: 2px solid black; font-size: .9em; line-height: 1.5em; }
#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; border: 0; border-bottom: 1px solid black; font-size: .9em; line-height: 1.5em; }
#tmenu li.tmen    { padding-left: 6px; white-space: nowrap; background: url(helps/trenn_umen.gif) left no-repeat; }
#menu a           { text-decoration: none; padding: 0px; font-weight: normal; white-space: nowrap; border: 1px solid white; }
#umenu a          { text-decoration: none; padding: 0px; font-weight: normal; white-space: nowrap; border: 1px solid white; }
#tmenu a          { text-decoration: none; padding: 0px; font-weight: normal; white-space: nowrap; border: 1px solid white; }
#menu b           { text-decoration: none; font-weight: bold; white-space: nowrap; border: 1px solid #58f; }
#umenu b          { text-decoration: none; font-weight: bold; white-space: nowrap; border: 1px solid #58f; }
#tmenu b          { text-decoration: none; font-weight: bold; white-space: nowrap; border: 1px solid #58f; }

/*--------- Menü-Farben --------- */

#menu a           { background-color: white; color: blue ; border: 0; }
#umenu            { background-color: white; color: black; }
#umenu a          { background-color: white; color: blue; border: 0; }
#tmenu            { background-color: white; color: black; }
#tmenu a          { background-color: white; color: blue; border: 0; }

#menu b           { background-color: #58f; color: white; padding: 1px; border: 0; }
#umenu b          { background-color: #58f; color: white; padding: 1px; border: 0; }
#tmenu b          { background-color: #58f; color: white; padding: 1px; border: 0; }

#menu a:focus,    #menu a:hover, #menu a:active   {  }
#umenu a:focus,   #umenu a:hover, #umenu a:active {  }
#tmenu a:focus,   #tmenu a:hover, #tmenu a:active {  }

/*--------- runde Ecken --------- */

#menu b, #umenu b, #tmenu b { border-top-right-radius: 0px; border-top-left-radius:  0px; }
#menu a, #umenu a, #tmenu a { border-top-right-radius: 0px; border-top-left-radius:  0px; }
.rund, #zmenu, .alpha       { border-radius: 15px; }

/*------------------------------- */

#menu a.img       { text-decoration: none; color: #090; background-color: white; padding: 0; border: 0; }
#umenu a.img      { text-decoration: none; color: #090; background-color: #eee; padding: 0; border: 0; }
#menu a.img:hover,
#menu a.img:active,
#menu a.img:focus { color: #f30; background-color: white; text-decoration: none; border: 0; }
#umenu a.img:hover,
#umenu a.img:active,
#umenu a.img:focus{ color: #f30; background-color: #eee; text-decoration: none; border: 0; }

#brotkrumen       { display: none; }
#zmenu            { display: none; }
.footer           { display: none; }
.emenu            { display: none; }
.downmenu         { display: none; }

img               { color: #963; text-decoration: none; }
a.img             { color: #060; text-decoration: none; }
a img             { color: #090; background-color: transparent; border: 0;  }
a.img img         { text-decoration: underline; }
a:hover img, a:active img, a:focus img                          { }
a:hover.extern img, a:active.extern img, a:focus.extern img     { }
a:hover.img, a:active.img, a:focus.img                          { }
a:hover.img img, a:active.img img, a:focus.img img              { }
a:hover.ext.img, a:active.ext.img, a:focus.ext.img              { }
a:hover.ext.img img, a:active.ext.img img, a:focus.ext.img img  { }
a:hover.dezent img, a:active.dezent img, a:focus.dezent img     { }
a:hover.ext img, a:active.ext img, a:focus.ext img              { }
img.mitte         { vertical-align: middle; }
img.texthoehe     { vertical-align: text-bottom; }
img.rand4dunkel   { }

#shorturl         { color: #731; padding: 0 3px 0 3px; letter-spacing: 1px; }
a.short           { color: #731; }
a:hover.short,
a:active.short,
a:focus.short     { }

.wahl       img   { border:1px solid white; background-color: transparent; }
.wahl:hover img   { }
.wahl2       img  { border:1px solid white; background-color: transparent; }
.wahl2:hover img  { }

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: #333; background-color: #e0e0e0;
                    margin: 3px; padding: 1px; padding-left: 4px; padding-right: 4px; height: 2em; }
button.breit      { width: 11em; }
button.druck      { color: #666; background-color: #fff; font-size: .9em; }
button.zusatz     { color: #999; background-color: #fff; border: 1px #999 dashed;}
button.off        { color: #ccc; background-color: #fff; border: 2px solid #ddd; }
button.alfa       { color: #333; background-color: #e0e0e0; }
button#direktbut  { width: 130px; text-align: left; }
.maustastatur     { text-align: left; white-space: nowrap; }
input,
textarea          { color: black; background-color: white; font: 1em Arial,Helvetica,sans-serif; text-align: left; padding: 1px; }
select            { color: black; background-color: white; font: 1em Arial,Helvetica,sans-serif; margin: 3px; }
input,
textarea,
select            { border: 1px #79b solid; }
input:focus,
textarea:focus,
select:focus      { }
input.box,
input.radio       { border:1px solid #ccc; }   /* Klassen für IE */
.textwork         { font: 1em "Courier New",Courier,monospace; width: 670px; }

.sws-ausg         { width: 2.5em; color: blue; background-color: white; border: 0; margin-left: 10px;
                    font: 2em Arial,Helvetica,sans-serif; text-align: center; }
.feedbackbutton   { text-align: center; color: blue; background-color: #bce;
                    border: 2px #8ac 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: #900; background-color: #bce; }
.loadbutton       { text-align: center; color: black; background-color: #fdb; border: 2px #864 outset; margin: 10px; padding: 0; }
.inakt            { background-color: #ddd; }

.out              { font-size: 1.4em; color: green; border: 1px dotted #999;
                    padding: 0px; padding-left: 4px; padding-right: 4px; }
.in               { font-size: 1.4em; color: green; padding: 0px; padding-left: 4px; padding-right: 4px; }
.iso              { font: italic .8em Arial,Helvetica,sans-serif; color: gray; }
.points           { font: .7em arial,sans-serif; color: #aaa; padding-left: 8px; }

.hide             { display: none; }
.unsichtbar,
.unsichtbar_bgws  { background-color: white; color: white; }
.blind, .handy    { display: none; }
.braille          { display: none; }
.notprint         { display: none; }
.spell            { }

.bgdunkel         { display: none; }
.bghell           { }
.bgschwarz,
.bgnorm,
.bgcontrast,
.bgweiss          { display: none; }
.plus,.null       { display: none; }

.finger           { }
.zeiger           { }
.text             { }
acronym,.rem      { border-bottom: dotted 1px #666; }
abbr              { border-bottom: 0; }
label             { }
.outrand          { border: 1px outset #999; }
.randaufws        { border: 1px solid #999; }

pre, table.pre, pre table     { font: .9em "Courier New", Courier, monospace; white-space: pre-wrap; }
table.pre td,   pre table td  { white-space: pre-wrap; vertical-align: top; }
pre code                      { font-family: "Courier New", Courier, monospace; white-space: pre-wrap; }
.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-bottom: 1px solid #ddd; background-color: white; }
.ttf              { padding: 2px; border: 1px solid blue; background-color: #f5f5f5; }
.frei             { margin: 3px; }
.raum             { padding: 5px; }
.allein           { margin-left: 5px; margin-right: 5px; }

.bgws             { background-color: #fff; }
.bglgr            { background-color: #eee; }
.bghgr            { background-color: #ddd; }
.bggr             { background-color: #ccc; }
.bggn             { background-color: #9eb; }
.bghgn            { background-color: #cfd; }
.bgsgn            { background-color: #9f9; }
.bgrt             { background-color: #ffbcbc; }
.bgrs             { background-color: #ffc9c9; }
.bghrt            { background-color: #fdd; }
.bgge             { background-color: #ffc; }
.bghge            { background-color: #ffd; }
.bgsge            { background-color: #ff9; }
.bgvi             { background-color: #faf; }
.bghvi            { background-color: #fcf; }
.bgbr             { background-color: #eec09c; }
.bghbr            { background-color: #fdb; }
.bgbl             { background-color: #acf; }
.bghbl            { background-color: #cdf; }
.bglbl            { background-color: #eef; }
.lichtmorser      { background-color: #999; }
.immerws          { background-color: white; color: black; }   /* bleibt immer weiß */

.rt               { color: red; }
button.rt         { color: red; }
.sw               { color: #000; }
.ws               { color: #fff; }
.gn               { color: #080; }
.dgn              { color: #154; }
.bl               { color: blue; } /* wird im dunkeln gelb */
.bbl              { color: #33f; } /* bleibt blau im dunkeln */
.hbl              { color: #55f; }
.br               { color: #730; }
.vi               { color: #f0f; }
.dvi              { color: #c0c; }
.hgr              { color: #999; }
.gr, .noprint     { color: #666; }
.dgr              { color: #333; }
.stele            { color: #666; }
.spiel            { color: #09f; }
.alphabet         { color: #c0c; font-weight: bold; font-size: 1.1em; }
a.alphabet        { text-decoration: none; border-bottom: 1px dashed gray; }
a:hover .alphabet, a:active .alphabet, a:focus .alphabet,
  a:hover .h, a:active .h, a:focus .h, a:hover .hh, a:active .hh, a:focus .hh { }
.technik          { color: #33f; }

#raphtab          { background-color: #ffc; border: 3px #369 double; }
#raphtab td       { vertical-align: top; }

.gebtab1          { background-color: #fff;    color: black; padding: 2px; border: 1px solid blue; text-align: center; }
.gebtab2          { background-color: #eef6ff; color: black; padding: 2px; border: 1px solid blue; text-align: center; }

.tabjs_oben       { background-color: #dfe; border: 1px solid #060;}
.tabjs_links      { background-color: #dfe; border: 1px solid #060;}
.tabjs_body       { background-color: #fff; border: 1px solid #060;}

#unitab           { border: 1px dashed blue; }
#unitab td        { font-size: 1.8em; text-align: center; line-height: 20pt; color: blue; }
#unitab .normtext { font: 1em Arial,Helvetica,sans-serif; color: black; }
#unitab .uni:hover{ }
#cbrtab td        { text-align: center; }
.cbrov            { border: 1px solid #ddd; }
.cbrov:hover      { }
.cbrbo            { border: 1px solid blue; }
.cbrbo:hover      { }

.writer_ok        { font: bold 1.2em Arial,Helvetica,sans-serif; color: #f00; }
.writer_tasten    { font: bold 1em "Courier New", Courier, monospace; color: #f00; }

#faq .frage       { margin: 5px; padding-left: 10px; color: blue; }
#faq .fragehh     { margin: 5px; padding-left: 25px; color: red; white-space: nowrap;
                    background: url(helps/nach-rechts_faq.gif) left no-repeat; background-color: #ff9; }
#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: red; }
#disclaim b       { color: blue; font-weight: normal; font-style: italic; }

#btc              { display: none; }   /* keine Bubble Tooltips im Menü und Text */
#WzTtDiV          { display: none; }   /* kein Tooltip-Fenster für Sozialbookmarks */

#jump             { display: none; }
#layout button    { display: none; }

#historie small { color: #888; }

