@media screen, projection {

  body   { color: #000; background: #FFF url(img/bcg_body.gif) repeat-y left top; padding: 0; margin: 0; height: 100%;
           font-family: 'Trebuchet','Trebuchet MS', 'Geneva CE', 'Tahoma', 'Verdana', lucida, sans-serif; font-size: small; }
  table  { border-collapse: collapse; }

  #head { color: #000; background: rgb(254,245,173) url(img/bcg_head.gif) repeat-y left top; font-weight: bold;
          height: 150px; margin: 0 190px 0 0; padding: 0; overflow: hidden; }
  #head img { float: left; margin: 0 1em 0 0; }
  #head a { display: block; text-decoration: none; font-size: 2.5em; color: #000; margin: 20px 0 0 0; }

  #menu1 { float: left; margin: 1em 0 0 0; }
  #menu1 .hide  { display: none; }
  #menu1 a { display: block; width: 10em; height: 3em; line-height: 3em; margin: 0 0 1em 0; padding: 0 1em; background: url(img/bcg_button.gif) repeat-y left top;
             text-decoration: none; color: black; font-weight: bold; }
  #menu1 a:hover { color: #FFF; background-image: url(img/bcg_button_h.gif); }
  #menu1 #counter { color: #666; text-align: center; margin: 0 0 2em 0; }

  #menu2 { color: #000; background: rgb(254,245,173); margin: 1em 190px 0 13em; }
  #menu2 a { height: 2em; line-height: 2em; text-decoration: none; color: #000; font-weight: bold; }
  #menu2 a:hover { color: red; }

  #inbox { color: #000; background: rgb(254,245,173); min-height: 35em; _height: 35em; margin: 1em 200px 0 13em; padding: 1em; }
  #inbox table { border: 2px #000 solid; }
  #inbox th, #inbox td { border: 1px #000 solid; padding: 0.25em; text-align: left; }
  #inbox th { background: #FFC; }
  #inbox p { text-align: justify; }
  #inbox .poznamka { border-bottom: 1px #F00 dashed; cursor: help; }
  #inbox .foto_galerie { border: 1px black solid; background: #FFF; padding: 2px; margin: 0 auto 0 0; }
  #inbox .foto_galerie img { border: none; background: #FFF; padding: 0; margin: 0; }

  #foot { clear: both; color: #000; background: rgb(254,245,173) url(img/bcg_head.gif) repeat-y left top; margin: 1em 190px 0 0; text-align: center; font-size: x-small; line-height: 2em; }
  #foot a { color: #99F; }

  #galerie { color: #000; background: rgb(173,218,240) url(img/bcg_galerie.gif) repeat-x left top; position: absolute; top: 0; right: 0; width: 190px; min-height: 100%; _height: 100%;
             text-align: center; }
  #galerie img { width: 180px; border: 1px black solid; background: #FFF; padding: 2px; }
  #galerie img.logo { width: 180px; border: none; background: none; }

}

@media print {

  body   { color: #000; background: #FFF; padding: 0; margin: 0; font-size: small; }
  table  { border-collapse: collapse; }

  #head,
  #menu1,
  #menu2,
  #foot,
  #galerie { display: none; }

  #inbox table { border: 2px #000 solid; }
  #inbox th, #inbox td { border: 1px #000 solid; padding: 0.25em; text-align: left; }
  #inbox th { background: #DDD; }
  #inbox p { text-align: justify; }

}