/* optional CSS for extra/special content 

/* arnes Startpage, responsiv */
div.arne1 {
    position:relative;
    background: transparent;
    padding-top: 0rem;
}

div.arne2 {
    position:relative;
    width:100%;
    display: flex;
    flex-wrap:wrap;
    justify-content: space-evenly;
    background-color: var(--main-background, white);
}

div.arne3 {
    width:calc( 100% - 16px );
    max-width: calc( 50rem - 16px ); 
    position:fixed; left:50%; 
    transform: translate(-50%, -0%); 
    height: 250px;
    z-index:0;
    background-color: var(--main-background);
    /* background-image: url("HomeLindheim.png"); */
    background-size: contain;
    background-repeat: no-repeat;
}

  div.arne4 {
      position: sticky;
      bottom: calc(100vh - 105rem); 
      background-color: var(--main-background);
      padding-top: 1px;
  }

  div.arnesSpacer {
      height: min( 50rem - 16px, calc(100vw * 542 / 1959 + 7rem));
  }
  
  @media screen and (min-width: 768px) {
      div.arne1 {
	  padding-bottom: 2.5rem;
	  padding-top: 2.8rem;
      }
      div.arne2 {
	  top: 3rem;
	  padding-bottom: 1rem;
      }
      div.arne3 {
	  margin-top: 5.5rem;
      }
      div.arne4 {
	  bottom: calc(100vh - 105rem);
      }
      div.spacer2 {
	  height: 7rem;
      }
  }

  @media screen and (max-width: 768px) {
      
    div.arne1 {
	margin-top: -10px;
    }
    div.arne4 {
	  bottom: calc(100vh - max(300px + 64rem, 220vw));

    }
 }


/* syntax highlighting */
span.structure  { color:blue; }
span.function   { color:teal; }
span.echo       { color:cyan; }
span.php        { color:orange; }
span.mysql      { color:red; }
span.paren      { color:fuchsia; }
span.comment    { color:gray; }


/* health indicators */
.sys {background-color:#90ee90;}
.dia {background-color:#ffc0cb;}
.freq{background-color:#87ceeb;}


/* calendar.css */

a.cal:link    { color:black; font-size:small; }
a.cal:visited { color:black; font-size:small; }
a.cal:active  { color:black; font-size:small; }
a.cal:hover   { color:black; font-size:small; background-color:#C7CEFF; text-decoration: none; }

.calFrame       {border-width:2px;
		 border-color:#008000;
		 border-style:solid;
		 box-shadow: 8px 8px 8px -8px #006600;
		 display:inline-block; }
table.caltable  { width:100%; max-width:800px; border-collapse: collapse; }	
th              { color:white; background-color:#999999; white-space:nowrap; }
th.calweek      { border-left:solid; border-left-width:1px; border-left-color:silver; width:2%; }
th.weekday      { border-left:solid; border-left-width:1px; border-left-color:silver; width:calc((100% - 2%) / 7);  font-size:small;}
th.caltime      { border-left:solid; border-left-width:1px; border-left-color:white; width:2%;  font-size:small;}
	 
td              {vertical-align:top; 
                 background-repeat:repeat-y;
		 border: none;
		}
td.calleft      {font-size:small; text-align:center; }
td.calhour      {border-left:solid;
		 border-left-width:1px;
		 border-left-color:silver;
		 padding-left:24px;
		 font-size:small; }
td.calday       {border-left:solid;
		 border-left-width:1px;
		 border-left-color:silver;
		 border-top:solid;
		 border-top-width:1px;
		 border-top-color:silver;
		 padding-left:0px;}

.day01          {background: repeating-linear-gradient(
                 45deg,
                 transparent,
                 transparent 2px,
                 #ff9900 2px,
                 #ff9900 4px);}
.day02          {background: repeating-linear-gradient(
                 -45deg,
                 transparent,
                 transparent 2px,
                 red 2px,
                 red 4px);}
.u100000        {background-color:#ee00ee;}
.u010000        {background-color:#9999ff;}
.u001000        {background-color:#66ff66;}
.u000100        {background-color:#ffff00;}
.u000010        {background-color:#ff9900;}
.u000001        {background-color:#ff0066;}
.u110000        {background: repeating-linear-gradient(
                 45deg,
                 #ee00ee 0%,
                 #9999ff 100%);}
.u101000        {background: repeating-linear-gradient(
                 45deg,
                 #ee00ee 0%,
                 #66ff66 100%);}
.u100100        {background: repeating-linear-gradient(
                 45deg,
                 #ee00ee 0%,
                 #ffff00 100%);}
.u011000        {background: repeating-linear-gradient(
                 45deg,
                 #9999ff 0%,
                 #66ff66 100%);}
.u001100        {background: linear-gradient(
                 45deg,
		 #ffff00 0%,
                 #66ff66 100%);}
.u010100        {background: linear-gradient(
                 45deg,
                 #9999ff 0%,
                 #ffff00 100%);}
.u011100        {background: linear-gradient(
                 45deg,
                 #ee00ee 0%,
                 #9999ff 50%,
                 #66ff66 100%);}
.u011100        {background: linear-gradient(
                 45deg,
                 #9999ff 0%,
                 #66ff66 50%,
                 #ffff00 100%);}
.u111111        {background: linear-gradient(
                     2deg,
		     #ee00ee 0%,
                     #9999ff 20%,
                     #66ff66 40%,
                     #ffff00 60%,
		     #ff9900 80%,
		     #ff0066 100%
		 );}



.rb000001  {background-image:url("Calendar/rb000001.png");}
.rb000010  {background-image:url("Calendar/rb000010.png");}
.rb000011  {background-image:url("Calendar/rb000010.png"),url("Calendar/rb000001.png");}
.rb000100  {background-image:url("Calendar/rb000100.png");}
.rb000101  {background-image:url("Calendar/rb000100.png"),url("Calendar/rb000001.png");}
.rb000110  {background-image:url("Calendar/rb000100.png"),url("Calendar/rb000010.png");}
.rb000111  {background-image:url("Calendar/rb000100.png"),url("Calendar/rb000010.png"),url("Calendar/rb000001.png");}
.rb001000  {background-image:url("Calendar/rb001000.png");}
.rb001001  {background-image:url("Calendar/rb001000.png"),url("Calendar/rb000001.png");}
.rb001010  {background-image:url("Calendar/rb001000.png"),url("Calendar/rb000010.png");}
.rb001011  {background-image:url("Calendar/rb001000.png"),url("Calendar/rb000010.png"),url("Calendar/rb000001.png");}
.rb001100  {background-image:url("Calendar/rb001000.png"),url("Calendar/rb000100.png");}
.rb001101  {background-image:url("Calendar/rb001000.png"),url("Calendar/rb000100.png"),url("Calendar/rb000001.png");}
.rb001110  {background-image:url("Calendar/rb001000.png"),url("Calendar/rb000100.png"),url("Calendar/rb000010.png");}
.rb001111  {background-image:url("Calendar/rb001000.png"),url("Calendar/rb000100.png"),url("Calendar/rb000010.png"),url("Calendar/rb000001.png");}
.rb010000  {background-image:url("Calendar/rb010000.png");}
.rb010001  {background-image:url("Calendar/rb010000.png"),url("Calendar/rb000001.png");}
.rb010010  {background-image:url("Calendar/rb010000.png"),url("Calendar/rb000010.png");}
.rb010011  {background-image:url("Calendar/rb010000.png"),url("Calendar/rb000010.png"),url("Calendar/rb000001.png");}
.rb010100  {background-image:url("Calendar/rb010000.png"),url("Calendar/rb000100.png");}
.rb010101  {background-image:url("Calendar/rb010000.png"),url("Calendar/rb000100.png"),url("Calendar/rb000001.png");}
.rb010110  {background-image:url("Calendar/rb010000.png"),url("Calendar/rb000100.png"),url("Calendar/rb000010.png");}
.rb010111  {background-image:url("Calendar/rb010000.png"),url("Calendar/rb000100.png"),url("Calendar/rb000010.png"),url("Calendar/rb000001.png");}
.rb011000  {background-image:url("Calendar/rb010000.png"),url("Calendar/rb001000.png");}
.rb011001  {background-image:url("Calendar/rb010000.png"),url("Calendar/rb001000.png"),url("Calendar/rb000001.png");}
.rb011010  {background-image:url("Calendar/rb010000.png"),url("Calendar/rb001000.png"),url("Calendar/rb000010.png");}
.rb011011  {background-image:url("Calendar/rb010000.png"),url("Calendar/rb001000.png"),url("Calendar/rb000010.png"),url("Calendar/rb000001.png");}
.rb011100  {background-image:url("Calendar/rb010000.png"),url("Calendar/rb001000.png"),url("Calendar/rb000100.png");}
.rb011101  {background-image:url("Calendar/rb010000.png"),url("Calendar/rb001000.png"),url("Calendar/rb000100.png"),url("Calendar/rb000001.png");}
.rb011110  {background-image:url("Calendar/rb010000.png"),url("Calendar/rb001000.png"),url("Calendar/rb000100.png"),url("Calendar/rb000010.png");}
.rb011111  {background-image:url("Calendar/rb010000.png"),url("Calendar/rb001000.png"),url("Calendar/rb000100.png"),url("Calendar/rb000010.png"),url("Calendar/rb000001.png");}
.rb100000  {background-image:url("Calendar/rb100000.png");}
.rb100001  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb000001.png");}
.rb100010  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb000010.png");}
.rb100011  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb000010.png"),url("Calendar/rb000001.png");}
.rb100100  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb000100.png");}
.rb100101  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb000100.png"),url("Calendar/rb000001.png");}
.rb100110  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb000100.png"),url("Calendar/rb000010.png");}
.rb100111  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb000100.png"),url("Calendar/rb000010.png"),url("Calendar/rb000001.png");}
.rb101000  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb001000.png");}
.rb101001  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb001000.png"),url("Calendar/rb000001.png");}
.rb101010  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb001000.png"),url("Calendar/rb000010.png");}
.rb101011  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb001000.png"),url("Calendar/rb000010.png"),url("Calendar/rb000001.png");}
.rb101100  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb001000.png"),url("Calendar/rb000100.png");}
.rb101101  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb001000.png"),url("Calendar/rb000100.png"),url("Calendar/rb000001.png");}
.rb101110  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb001000.png"),url("Calendar/rb000100.png"),url("Calendar/rb000010.png");}
.rb101111  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb001000.png"),url("Calendar/rb000100.png"),url("Calendar/rb000010.png"),url("Calendar/rb000001.png");}
.rb110000  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb010000.png");}
.rb110001  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb010000.png"),url("Calendar/rb000001.png");}
.rb110010  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb010000.png"),url("Calendar/rb000010.png");}
.rb110011  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb010000.png"),url("Calendar/rb000010.png"),url("Calendar/rb000001.png");}
.rb110100  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb010000.png"),url("Calendar/rb000100.png");}
.rb110101  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb010000.png"),url("Calendar/rb000100.png"),url("Calendar/rb000001.png");}
.rb110110  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb010000.png"),url("Calendar/rb000100.png"),url("Calendar/rb000010.png");}
.rb110111  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb010000.png"),url("Calendar/rb000100.png"),url("Calendar/rb000010.png"),url("Calendar/rb000001.png");}
.rb111000  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb010000.png"),url("Calendar/rb001000.png");}
.rb111001  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb010000.png"),url("Calendar/rb001000.png"),url("Calendar/rb000001.png");}
.rb111010  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb010000.png"),url("Calendar/rb001000.png"),url("Calendar/rb000010.png");}
.rb111011  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb010000.png"),url("Calendar/rb001000.png"),url("Calendar/rb000010.png"),url("Calendar/rb000001.png");}
.rb111100  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb010000.png"),url("Calendar/rb001000.png"),url("Calendar/rb000100.png");}
.rb111101  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb010000.png"),url("Calendar/rb001000.png"),url("Calendar/rb000100.png"),url("Calendar/rb000001.png");}
.rb111110  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb010000.png"),url("Calendar/rb001000.png"),url("Calendar/rb000100.png"),url("Calendar/rb000010.png");}
.rb111111  {background-image:url("Calendar/rb100000.png"),url("Calendar/rb010000.png"),url("Calendar/rb001000.png"),url("Calendar/rb000100.png"),url("Calendar/rb000010.png"),url("Calendar/rb000001.png");}