html, body {height: 100%; margin: 0px; background-color: #f5f5f5; overflow: hidden;}

* {outline: none;}

#alltinnehall {position: relative; top: -10px; width: 1050px; margin-left: auto; margin-right: auto; border-left: 1px red dotted; 
               border-right: 1px red dotted; height: 99%; background-color: #efefef; z-index: 1;}

#knapparaltfiol {position: absolute; top: 65px; left: 10px; width: 1030px; height: 50px; /*background-color: red;*/ }
.knappstilaltfiol {position: relative; z-index: 1;}

.ui-dialog-titlebar { background: #6d3f72; }

#iframebengtsblogg {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; visibility: hidden;}

#blankare1 {position: absolute; top: 105px; left: 650px; z-index: 400; box-shadow: 5px 5px 5px #888888;}
   
#bokframsida1 {position: absolute; top: 65px; left:  70px; z-index: 400; box-shadow: 5px 5px 5px #888888; transform: rotate(-10deg);}
#bokbaksida1  {position: absolute; top: 40px; left: 170px; z-index: 399; box-shadow: 5px 5px 5px #888888; z-index: 124; transform: rotate(10deg);}

#kvintett      {position: absolute; left: 500px; top: 200px; border: 1px dotted grey; border-radius: 7px; box-shadow: 3px 3px 3px #888888; transform: rotate(10deg); opacity: 0.80;}
#ovning        {position: absolute; left:  30px; top: 210px; border: 1px dotted grey; border-radius: 7px; box-shadow: 3px 3px 3px #888888; transform: rotate(-10deg); opacity: 0.80;}

#bildtextvanster {position: absolute; top: 485px; left:  50px; font-family: arial, sans-serif; font-size: 14px; transform: rotate(-10deg);}
#bildtexthoger   {position: absolute; top: 465px; left: 540px; font-family: arial, sans-serif; font-size: 14px; transform: rotate(10deg);}


#rubrik   {position: absolute; top: 40px; left: 410px; font-family: arial, sans-serif; font-size: 22px; text-align: center;
            color: blue; text-shadow: silver 2px 2px 2px;}

#ovrigproduktion {position: absolute; top: 95%; width: 100%; text-align: center; font-weight: bold; font-family: arial, sans-serif; font-size: 14px;}


#ovreruta {position: absolute; top: 0px; left: 0px; width: 100%; height: 52px; background-color: #6d3f72; z-index: 123;}
#altfiolivast {position: absolute; top: 0px; text-align: center; width: 951px; font-family: arial, sans-serif; font-size: 18px; color: white;}
#telnr        {position: absolute; top: -5px; left: 900px; font-family: arial, sans-serif; font-size: 14px; color: white;}
#epost        {position: absolute; top: 15px; left: 900px; font-family: arial, sans-serif; font-size: 14px; color: white;}
#logga        {position: absolute; top: 14px; left: 15px;}

#underboken {position: absolute; top: 230px; left:  70px; width: 300px; font-family: arial, sans-serif; font-size: 14px;}

#rubrikrec {position: absolute; top: 305px; left: 30px; width: 610px; font-family: arial, sans-serif; font-size: 16px; color: blue; z-index: 300;}

#bokrecension {position: absolute; top: 345px; left: 40px; width: 600px; height: 190px; border: 1px dotted red; overflow: scroll; border-radius: 7px 7px 7px 7px;
                padding-right: 20px; background-color: white; padding-left: 10px; padding-right: 15px; padding-top: 10px;}  

#rec1 {font-family: arial, sans-serif; font-size: 14px; line-height: 18px;}

.sistaraden {position: relative; top: -30px; font-size: 20px; color: red; text-align: center; line-height: 15px;}               

#dialogkalender     {visibility: hidden; box-shadow: 10px 10px 5px #888888; background-color: white;}
#dialogdistribution {visibility: hidden; box-shadow: 10px 10px 5px #888888; background-color: white;}
#dialogblankare     {box-shadow: 10px 10px 5px #888888; background-color: white; visibility: hidden;}
#dialogproduktinfo  {box-shadow: 10px 10px 5px #888888; background-color: white; visibility: hidden;}
#dialoginfotext3    {visibility: hidden; background-color: white;}


#merinfo {position: absolute; top: 20px; left: 460px;}
#knapptillbibliotek {position: absolute; top: 20px; left: 530px;}

#knapplista {position: absolute; top: 100px; left: 10px; width: 125px; height: 280px; border-right: 1px red dotted; overflow: scroll;}
.knappdatum {position: relative; top: 0px; width: 80px; margin-top: 2px; border: 1px black solid;}

#knapplistainfo {position: absolute; top: 50px; left: 150px; width: 530px; height: 280px; border-top: 1px red dotted;}
.nyttar {position: relative; height: 10px; width: 105px; text-align: center; font-size: 14px; background-color: light-grey; margin-bottom: 5px;}

#datumruta {position: absolute; top: 50px; left: 105px; width: 30px; height: 30px; opacity: 0.20;}

#enblankare {position: absolute; top: 150px; left: 200px; width: 500px; height: 300px; opacity: 0.90; background-color: white; 
                   border: 1px dotted grey; box-shadow: 5px 5px 3px #888888; border-radius: 7px; z-index: 450; display: none; visibility: visible;}
 
#kalenderinfo {position: absolute; top: 100px; left: 90px; width: 210px; height: 50px; opacity: 0.90; background-color: white; 
                   border: 1px dotted grey; box-shadow: 5px 5px 3px #888888; border-radius: 7px; z-index: 450; visibility: hidden;}
 
#kycklingar {position: absolute; top: 190px; left: 230px;}

#prodlistaCD  {position: absolute; top: 130px; left: 5px; width: 310px; height: 330px; background-color: transparent; visibility: hidden; background-color: #efefef; overflow: scroll; box-shadow: 3px 3px 3px 3px #888888; border-radius: 5px;}
#prodlistaNot {position: absolute; top: 130px; left: 5px; width: 310px; height: 330px; background-color: transparent; visibility: hidden; background-color: #efefef; overflow: scroll; box-shadow: 3px 3px 3px 3px #888888; border-radius: 5px;}
#prodlistaBok {position: absolute; top: 130px; left: 5px; width: 310px; height: 330px; background-color: transparent; visibility: hidden; background-color: #efefef; overflow: scroll; box-shadow: 3px 3px 3px 3px #888888; border-radius: 5px;}
#prodlistaBooklets {position: absolute; top: 130px; left: 5px; width: 310px; height: 330px; background-color: transparent; visibility: hidden; background-color: #efefef; overflow: scroll; box-shadow: 3px 3px 3px 3px #888888; border-radius: 5px;}

.stangX       {position: absolute; left: 92%; top: -10px; color: red; font-size: 16px;}
.prodlista  {position: relative; left: 5px; width: 280px; height: 90px; background-color: white; border: 1px red dotted; border-radius: 17px; font-size: 12px;}

.prodlistaVa {position: absolute; left:  0px; width:  55px; height: 90px; background-color: transparent;}
.prodlistaHo {position: absolute; left: 60px; width: 220px; height: 90px; background-color: transparent;}

.prodtext   {font-size: 12px;}
.prodlistor   {z-index: 520;}

.stylebooklets {padding-left: 10px; font-family: arial, sans-serif; font-size: 12px; color: black; font-weight: bold;}
.tracklist {padding-left: 70px; font-family: arial, sans-serif; font-size: 11px; color: grey; /*font-weight: bold;*/}

/* 
#dialogOssTonsattare {visibility: hidden; box-shadow: 10px 10px 5px #888888; background-color: rgb(250, 245, 246);}
 */
/* 
#spotify {position: absolute; left: 740px; top: 330px;}
 */


/*
     FILE ARCHIVED ON 11:20:07 Apr 23, 2026 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:17:51 Jul 29, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.784
  exclusion.robots: 0.056
  exclusion.robots.policy: 0.04
  esindex: 0.016
  cdx.remote: 28.81
  LoadShardBlock: 192.195 (3)
  PetaboxLoader3.resolve: 102.06 (3)
  PetaboxLoader3.datanode: 78.454 (4)
  load_resource: 139.919
*/