/* © Tomáš Přibyl 2008-2014 */
    #calbox {
      position: relative;
      height: 510px;
      width: 600px;
      float: left;
      margin-right: 36px;
      margin-bottom: 20px;
      margin-left: 145px;
      margin-top: 20px;
      padding: 0px;
      border: 3px solid #bdb76b;
      border-radius: 3px;
      }
    #calbox .backimg {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 600px;
      height: 510px;
      z-index: -100;
    }
    #calbox .coverpng {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 600px;
      height: 510px;
      z-index: 0;
    }
    #calbox .caption {
      position: absolute;
      top: -86px;
      left: 0px;
      width: 600px;
      height: 70px;
      font: 28px/1.2 Georgia, "New York CE", utopia, serif;
      text-align: center;
      visibility: hidden;
    }
    #calbox:hover .caption {
      visibility: visible;  
    }
    #calbox .link {
      position: absolute;
      top: 454px;
      left: 0px;
      width: 400px;
      height: 70px;
      text-align: left;
      visibility: hidden;
    }
    #calbox .link a {
      font: bold italic 18px/2.2 Georgia, "New York CE", utopia, serif;
      color: #006400;
    }
    #calbox .link a:hover {
      text-decoration: underline;
    }
    #calbox:hover .link {
      visibility: visible;  
    }
    #calendar {
      position: absolute;
      top: 4px;
      left: 0px;
      height: auto;
      margin: 6px;
      width: 588px;
      text-align: center;
      font: bold 32px/1.2 Georgia, "New York CE", utopia, serif;
      color: #556b2f;
      z-index: 100;
    }
    #calendar a {
      font: bold 32px/1.2 sans-serif;
      text-decoration: none;
    }
    #calendar a.move { 
      color: #006400;
      text-decoration: none;
    }
    #calendar td.cell {
      width: 10%;
    }
    #calendar td.normal {
       background: url( '../grafika/calback.png' ) 0 0 repeat;
    }
    #calendar td.holiday {
       background: url( '../grafika/calbackweekend.png' ) 0 0 repeat;
    }
    #calendar td.day {
      width: auto;
      height: auto;
      padding: 0px;
      font: bold 32px/1.2 sans-serif;
      color: #556b2f;
      border: 2px solid #556b2f;
      cursor: default;
      border-radius: 4px;
    }
    #calendar td.today {
      width: auto;
      height: auto;
      padding: 0px;
      font: bold 32px/1.2 sans-serif;
      color: #ffe4b5;
      background-color: #6b8e23;
      border: 2px solid #8b4513;
      cursor: default;
      border-radius: 4px;
    }
    #calendar td.days {
      width: auto;
      height: auto;
      padding: 0px;
      font: bold 32px/1.2 sans-serif;
    }
    #calendar td.days a {
      display: block;
      color: #8b4513;
      background-color: #ffe4b5;
      border: 2px solid #8b4513;
      border-radius: 4px;
    }
    #calendar td.days a:hover {
      color: #ffe4b5;
      background: url( '../grafika/calbacklink.png' ) 0 0 repeat;
      border: 2px solid #006400;
      border-radius: 4px;
    }
    #calendar th .month {
      position: absolute;
      top: auto;
      left: auto;
      margin: 42px;
      width: 200px;
      height: auto;
      padding: 8px;
      background-color: #ffe4b5;
      text-align: center;
      font: italic 22px/1.2 Georgia, "New York CE", utopia, serif;;
      color: #006400;
      border: 2px solid #556b2f;
      border-radius: 6px;
      visibility: hidden;
    }
    #calendar th:hover .month {
      visibility: visible;
    }
    #calendar td .overview {
      position: absolute;
      top: -8px;
      left: -4px;
      margin: 0px;
      width: 572px;
      height: auto;
      padding: 10px 10px 8px 10px;
      background-color: #ffe4b5;
      text-align: left;
      font: italic 22px/1.2 Georgia, "New York CE", utopia, serif;;
      color: #006400;
      border: 2px solid #556b2f;
      border-radius: 6px;
      visibility: hidden;
    }
    #calendar td:hover .overview {
      visibility: visible;
    }
    #calendar td .selected {
      position: absolute;
      top: auto;
      left: auto;
      margin: 42px;
      width: 300px;
      height: auto;
      padding: 8px;
      background-color: #ffe4b5;
      text-align: center;
      font: bold italic 22px/1.2 Georgia, "New York CE", utopia, serif;;
      color: #8b4513;
      border: 2px solid #8b4513;
      border-radius: 6px;
      visibility: hidden;
    }
    #calendar td:hover .selected {
      visibility: visible;
    }
    #calendar td .week {
      position: absolute;
      top: 0px;
      right: 0px;
      padding: 10px;
      text-align: left;
      font: italic 22px/1.2 Georgia, "New York CE", utopia, serif;;
      color: #006400;
    }
    .pinup {
      position: absolute;
      left: 100%;
      top: -20px;
      height: 32px;
      width: 32px;
      z-index: 1000;
    }
    .special {
      position: relative;
      left: 10px;
      top: 384px;
      font: italic 22px/2 Georgia, "New York CE", utopia, serif;
      color: #8b4513;
      text-align: center;
      z-index: 200;
      background-color: #ffe4b5;
      border: 2px solid #8b4513;
      border-radius: 4px;
      padding: 4px;
      cursor: default;
    }
    #calbox .now {
      position: absolute;
      right: -18px;
      bottom: -18px;
      z-index: 0;
    }
    #calbox .now a {
      display: block;
      font: italic 22px/1.6 Georgia, "New York CE", utopia, serif;
      color: #ffe4b5;
      background-color: #6b8e23;
      border: 2px solid #8b4513;
      border-radius: 4px;
      text-decoration: none;
    }
    #calbox .now a:hover {
      display: block;
      color: #006400;
      background-color: #ffe4b5;
      border: 2px solid #8b4513;
      border-radius: 4px;
    }
    .spiral {
      position: absolute;
      left: 0px;
      top: -16px;
      width: 600px;
      height: 30px;
      background: url( '../grafika/spiral.png' ) 0 0 repeat;
      z-index: 1000;
    }
    .moonback {
      position: absolute;
      top: 374px;
      left: 572px;
      width: 58px;
      height: 58px;
      z-index: 0;
    }
    .mooncont {
      position: absolute;
      top: 378px;
      left: 576px;
      width: 50px;
      height: 50px;
      overflow: hidden;
    }
    .moonphase {
      position:absolute;
      top: 0px;
      z-index: 100;
    }