*                                { margin: 0; padding: 0; }
body                             { background: rgb(206,226,241) url(/gfx/site/bg_body.jpg) fixed no-repeat; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; color: rgb(90,90,90); }
#site                            { width: 395px; margin: auto; padding: 30px 0 50px 0; line-height: 135%; }

#navi                            { height: 102px; background: url(/gfx/site/bg_navi.gif) no-repeat; }
#navi ul                         { list-style-type: none; }
#navi li                         { display: inline; }
#navi a                          { display: block; position: absolute; }
#navi a span                     { display: none; }

#navi a#navihome                 { background: url(/gfx/text/navi.gif) 10px -35px no-repeat; width: 80px; height: 30px; margin: 63px 0 0 15px; }
#navi a#navihome:hover,
#navi a#navihome:active,
#navi a#navihome:focus           { background: url(/gfx/text/navi.gif) 10px 0 no-repeat; }

#navi a#navilesen                { background: url(/gfx/text/navi.gif) -80px -35px no-repeat; width: 80px; height: 30px; margin: 63px 0 0 105px; }
#navi a#navilesen:hover,
#navi a#navilesen:active,
#navi a#navilesen:focus          { background: url(/gfx/text/navi.gif) -80px 0 no-repeat; }

#navi a#navibestellen            { background: url(/gfx/text/navi.gif) -170px -35px no-repeat; width: 90px; height: 30px; margin: 63px 0 0 190px; }
#navi a#navibestellen:hover,
#navi a#navibestellen:active,
#navi a#navibestellen:focus      { background: url(/gfx/text/navi.gif) -170px 0 no-repeat; }


/* allg. tags */
a:link,
a:visited                        { color: rgb(105,147,80); text-decoration: none; }
a:hover,
a:active,
a:focus                          { color: rgb(0,0,0); }
p                                { margin: 7px 0; }
h1                               { height: 42px; }
h1 span                          { display: none; }


/* textersetzung der überschriften und hintergrundgrafiken */
#agb h1                          { background: url(/gfx/text/agb.gif) no-repeat; }

#agblinks                        { background: url(/gfx/site/bg_agblinks.gif) no-repeat; }
#agblinks h1                     { background: url(/gfx/text/trollisch.gif) no-repeat; }

#autor                           { background: url(/gfx/site/bg_autor.gif) no-repeat; }
#autor h1                        { background: url(/gfx/text/autor.gif) no-repeat; }

#beschreibung h1                 { background: url(/gfx/text/geschichte.gif) no-repeat; }

#bestellung                      { height: 350px; background: url(/gfx/site/bg_bestellung.gif) no-repeat; }
#bestellung h1                   { background: url(/gfx/text/ihrebestellung.gif) no-repeat; }

#danke                           { background: url(/gfx/site/bg_danke.gif) no-repeat; }
#danke h1                        { background: url(/gfx/text/danke.gif) no-repeat; }

#download                        { background: url(/gfx/site/bg_download.gif) no-repeat; }
#download h1                     { background: url(/gfx/text/download.gif) no-repeat; }

#fehler h1                       { background: url(/gfx/text/nanu.gif) no-repeat; }

#galerie h1                      { background: url(/gfx/text/galerie.gif) no-repeat; }
#troll                           { background: url(/gfx/site/bg_troll.gif) no-repeat; }
#troll h1                        { background: url(/gfx/text/troll.gif) no-repeat; }
#biber                           { background: url(/gfx/site/bg_biber.gif) no-repeat; }
#biber h1                        { background: url(/gfx/text/biber.gif) no-repeat; }
#drache                          { background: url(/gfx/site/bg_drache.gif) no-repeat; }
#drache h1                       { background: url(/gfx/text/drache.gif) no-repeat; }
#eule                            { background: url(/gfx/site/bg_eule.gif) no-repeat; }
#eule h1                         { background: url(/gfx/text/eule.gif) no-repeat; }
#baumtroll                       { background: url(/gfx/site/bg_baumtroll.gif) no-repeat; }
#baumtroll h1                    { background: url(/gfx/text/baumtroll.gif) no-repeat; }
#flusstroll                      { background: url(/gfx/site/bg_flusstroll.gif) no-repeat; }
#flusstroll h1                   { background: url(/gfx/text/flusstroll.gif) no-repeat; }
#zauberer                        { background: url(/gfx/site/bg_zauberer.gif) no-repeat; }
#zauberer h1                     { background: url(/gfx/text/zauberer.gif) no-repeat; }
#zwerg                           { background: url(/gfx/site/bg_zwerg.gif) no-repeat; }
#zwerg h1                        { background: url(/gfx/text/zwerg.gif) no-repeat; }
#stundenriese                    { background: url(/gfx/site/bg_stundenriese.gif) no-repeat; }
#stundenriese h1                 { background: url(/gfx/text/stundenriese.gif) no-repeat; }

#impressum h1                    { background: url(/gfx/text/impressum.gif) no-repeat; }

#verlag                          { background: url(/gfx/site/bg_verlag.gif) no-repeat; }
#verlag h1                       { background: url(/gfx/text/verlagsinfo.gif) no-repeat; }


/* kleine boxen */
.boxklein                        { margin-top: 15px; padding: 15px 35px 0 35px; height: 154px; background: url(/gfx/site/box_kl.gif) no-repeat; }
.boxklein .scrolling             { height: 85px; }
.boxklein h2                     { font-size: 13px; margin: 7px 0; }


/* große boxen */
.boxgross                        { margin-top: 15px; padding: 15px 35px 0 35px; height: 275px; background: url(/gfx/site/box_gr.gif) no-repeat; }
.boxgross .scrolling             { height: 205px; }
.boxgross h2                     { font-size: 13px; margin: 7px 0; }


/* klassen für alle boxen */
.scrolling                       { width: 325px; margin-top: 5px; padding-right: 10px; overflow: auto; }
.formular                        { width: 305px; margin: 1px 0; padding: 3px 6px 3px 10px; font-family: Arial, sans-serif; color: rgb(100,100,100); font-size: 13px; background: url(/gfx/site/bg_form.gif) fixed no-repeat; border: 0; }
p>.formular                      { background: url(/gfx/site/bg_form.gif) no-repeat; }
.formularcheck                   { display: block; margin: 1px 0; width: 305px; height: 18px; padding: 1px 6px 3px 10px; color: rgb(100,100,100); background: url(/gfx/site/bg_check.gif) no-repeat; border: 0; }
.formularcheck input             { margin-right: 10px; }
.button                          { width: 328px; margin: 1px 0; padding: 5px 0; font-family: Arial, sans-serif; color: rgb(247,250,253); font-size: 11px; font-weight: bold; background: url(/gfx/site/bg_button.gif) no-repeat; border: 0; cursor: pointer; }
.aus,
.seo,
.print                           { display: none; }
.nix                             { }
.datacell                        { padding-left: 8px; font-weight: bold; }
.mini                            { font-size: 10px; } 

/* box buchcover */
#buchcover                       { margin: 15px 0 0 0; padding: 15px 0 0 0; height: 275px; text-align: center; }
#buchcover h1                    { display: none; }

#covernavi                       { margin-top: 10px; height: 75px;  }
#covernavi h2                    { position: absolute; font-size: 13px; font-weight: normal; }
#covernavi a                     { text-decoration: none; color: rgb(0,0,0); display: block; padding: 40px 0 0 3px; width: 127px; height: 40px; }
#covernavi a span                { display: none; }

a#lesen                          { margin-left: 32px; background: url(/gfx/text/covernavi.gif) -219px -125px no-repeat; }
a#lesen:hover,
a#lesen:active,
a#lesen:focus                    { background: url(/gfx/text/covernavi.gif) -219px 0 no-repeat; }

a#bestellen                      { margin-left: 246px; background: url(/gfx/text/covernavi.gif) 0 -125px no-repeat; }
a#bestellen:hover,
a#bestellen:active,
a#bestellen:focus                { background: url(/gfx/text/covernavi.gif) 0 0 no-repeat; }

/* Captcha */
img.captcha          { float: left; overflow: hidden; margin: 2px 2px 2px 0;  border: 0; background: url(/gfx/site/bg_form_captcha.gif) no-repeat; }
input.captcha                { float: left; margin: 2px 0 2px 2px; padding: 4px 6px 3px 10px; width: 222px; font-family: Arial, sans-serif; color: rgb(100,100,100); background: url(/gfx/site/bg_form_captcha.gif) no-repeat; font-size: 13px; border: 0; }