@media screen{
  body{
    font-family: verdana, sans-serif;
    color: rgb(22,56,150);
    margin: 0;
    padding: 10px 0.5em;
  }
  a:link{
    color: rgb(235,255,255);
    text-decoration: underline;
  }
  a:visited{
    color: rgb(235,255,255);
    text-decoration: underline;
  }
  div#felso{
    background: url(img/hatter_felso.jpg) bottom left repeat-x;
    text-align: center;
    height: 100px;
  }
  div#kozep{
    background: url(img/hatter_bal.jpg) left repeat-y;
  }
  div#also{
    background: url(img/hatter_balalso.jpg) top left no-repeat;
    text-align: center;
    min-height: 65px;
  }

  div#balfelso{
    background: url(img/hatter_balfelso.jpg) bottom left no-repeat;
    position: absolute;
    top: 10px; right: auto; bottom: auto; left: 0.5em;
    width: 100px; height: 100px;
  }
  div#zaszlok{
    background: url(img/hatter_jobbfelso.jpg) bottom right no-repeat;
    text-align: center;
    position: absolute;
    top: 10px; right: 0.5em; bottom: auto; left: auto;
    width: 100px; height: 100px;
  }
  p.focim{
    font-size: 1.875em;
    font-weight: bolder;
    text-align: center;
    margin: 0;
    padding-top: .9em;
  }

  div#menu{
    position: absolute;
    width: 9em;
    top: 110px; right: auto; bottom: auto; left: 2.5em;
    background: rgb(22,56,150);
    color: rgb(11,148,194);
    text-align: center;
    font-weight: bolder;
    padding-top: 2em;
  }
  div#menu a:link{
    background: rgb(22,56,150);
    color: rgb(11,148,194);
    text-decoration: none;
  }
  div#menu a:visited{
    background: rgb(22,56,150);
    color: rgb(11,148,194);
    text-decoration: none;
  }
  a.menupont{
    display: block;
    margin-bottom: 2em;
  }
  div#tartalom{
    margin: 0 0 0 2em;
    padding: 1em;
    border: 5px solid rgb(22,56,150);  
    border-left: 9em solid rgb(22,56,150);  
    background: rgb(11,148,194) url(img/hatter_cimoldal.jpg) center no-repeat;
    height: 560px;
  }
  p.cim{
    margin: 2em;
    text-align: center;
    font-weight: bolder;
  }
  p.alcim{
    text-align: center;
  }
  img{
    border: none;
    margin: 0.25em 0;
  }
  img.fejlec{
    display: none;
  }
}


@media print{
  a:link{
    text-decoration: none;
  }
  a:visited{
    text-decoration: none;
  }

  div#felso{
    text-align: center;
  }
  div#kozep{

  }
  div#also{
    display: none;
  }

  div#zaszlok{
    display: none;
  }
  div#balfelso{
    display: none;
  }

  p.focim{
    display: none;
  }

  div#menu{
    display: none;
  }

  div#tartalom{
    margin: 0;
    padding: 1em;
  }
  p.cim{
    margin: 2em;
    text-align: center;
    font-weight: bolder;
  }
  p.alcim{
    text-align: center;
  }
  img{
    border: none;
  }
}