@media screen, projection{
  body{
    font-size: normal;
    font-family: Verdana, sans-serif;
    text-align:  justify;
    background-repeat: repeat-y;
    background-color: #f0f8ff;
    margin: 1em;

    /* FOR MSIE stupid sizes AND fixed BUG */
    _font-size:   14px;
  }
  table{/* FOR IE nonstandard inheritance BUG */
    font-size: normal;
    font-family: Verdana, sans-serif;

    /* FOR MSIE stupid sizes AND fixed BUG */
    _font-size:   14px;
  }

  #idTOC{
    position:    fixed;
    top:         0em;
    left:        0em;
    right:       0em;
    z-index:     10;

    border:      0px;
    margin:      0px;
    padding:     .2em 1.4em;
    border:      0px solid red;

    line-height: 110%;

    background-color: #0000aa;
    color:       white;
    font-size:   80%;
    font-weight: bold;


    /* FOR MSIE fixed BUG */
    _position:   absolute;
    _top: expression(0 + document.body.scrollTop - this.offsetHeight + this.offsetHeight);
    _left: expression(0 + document.body.scrollLeft - this.offsetWidth + this.offsetWidth);
  }

  #idMenu{
    width:       14em;
    position:    fixed;
    top:         1.2em;
    left:        0em;
    border:      0px;
    margin:      0px;
    padding:     0px;
    border:      0px solid red;
    line-height: 110%;

    /* FOR MSIE fixed BUG */
    _position:   absolute;
    _top: expression(16 + document.body.scrollTop - this.offsetHeight + this.offsetHeight);
  }
  #idMain{
    max-width:     45em;
    margin-left:   14em;
    line-height:   160%;

    /* FOR IE fixed BUG */
    _position:     absolute;
    _margin-left:  0em;
    _top:          30px;
    _left:         15em;

    /* FOR MSIE width BUG */
    _paddding-right: 8em;
  }

  #idObsahIn, #clSubInfo{
    font-size:   80%;
    font-family: Verdana, sans-serif;

    /* FOR MSIE stupid sizes */
    _font-size:   12px;
  }
  #idObsahIn select{
    font-size:   100%;/* FOR KONQUEROR select size BUG */
    font-family: monospace;
    width:       100%;
    _width:      auto; /* FOR MSIE size BUG */
    padding:     1px;
    margin:      0px;
  }
  #clSubInfo{
    margin-top:       0.5em;
    text-align:       center;
    background-color: #9fbcd9;
    border:           1px solid black;
    padding:          .5em;
    line-height:       180%;
  }

  #idObsahIn{
    border: 2px solid black;
    background-color: #bdf;
    padding: .5em;
  }
  #idObsahNadmenu{
    line-height: 200%;
  }
  #idObsahIn div{
    border: 1px solid black;
    margin: 0px;
  }
  #idObsahIn p{
    text-align: center;
    margin:  0px .25em;
    padding: 0px;
  }
  #idObsahIn p.clSmallMenu{
    text-align: center;
    background-color: #9fbcd9;
    margin:  0 0 .4em 0;
    padding: 3px;
    border: 1px solid black;
  }
  #idObsahIn p.clSmallMenu a{
    display: inline;
    text-decoration: none;
  }

  #idObsahIn p.clSelectMenu{
    text-align: center;
    background-color: #9fbcd9;
    margin:  -1px 0px;
    padding: 0px;
    border: 1px solid black;
  }

  #idObsahIn a{
    display: block;
    text-decoration: none;
    padding: .25em .5em;
  }
  #idObsahIn a:hover{
    color: white;
    background-color: black;
  }

  #idSecHelp p{
    text-align: left;
    margin: .5em;
  }

  #idSecHelp a{
    display: inline;
    padding: 0px;
    color: red;
  }
}

@media print{
  body{
    font-family: serif;
    font-size:   11pt;
    text-align:  justify;
    margin: 0in;
    line-height: 140%;
  }
  #idMenu{
    display: none;
  }
}

  img.clTitle{
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  h1, h2, h3, h4, h5{
    text-align: left;
  }
  h1{
    font-size: 172.8%;
    background-color: black;
    color: white;
    padding: .5em;
  }
  h2{
    font-size: 172.8%;
  }
  h2.clTop{
    padding-top: .5em;
  }
  h3{
    font-size: 144%;
  }
  h4{
    font-size: 120%;
  }
  h5{
    font-size: 100%;
  }
  hr{
    width: 95%;
    height: 1px;
  }
  form{
    margin: 0px;
  }
  .clSubtitle{
    text-align: center;
    margin-top: 0em;
    padding-top: .5em;
    margin-bottom: 2em;
    font-weight: bold;
  }
  table{
    border-collapse: collapse;
    margin: 0px 1em;
  }
  table td{
    border: 1px solid black;
    padding: .25em;
    vertical-align: top;
  }
  .clCssInvisible{
    display: none;
  }
  hr.clBeginChapter{
    width: 100%;
    height: 4px;
    clear:  both;
  }
  .clInfoMan{
    color: white;
    background-color: black;
    padding: 0em .2em;
  }
  button{
    margin-bottom: .25em;
    padding: 0px;
  }
  .clCenter{
    text-align: center;
  }
  .clImgCenter{
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .clPlus{
    list-style-type:  disc;
    list-style-image: url('images/_plus.gif');
  }
  .clMinus{
    list-style-type:  circle;
    list-style-image: url('images/_minus.gif');
  }

  p#idNastaveniIn{
    text-align: left;
    margin: .25em;
  }
  p#idNastaveniIn select{
    margin: .25em 0em .5em 0em;
  }
  
  #idVtip{
    font-size: 80%;
    font-style: italic;
    line-height: 140%;
    text-align: center;
  }

  .clOptEmpty{
    color: #999999;
  }
  .clOptNastaveni{
    background-color: #ffbd00;
  }

  .clBlockBegin{
    margin-bottom: 0;
  }
  .clBlockEnd{
    margin-top: 0;
  }

  .clVysvetleni{
    margin-left: 2em;
  }
  .clStrong{
    color: green;
  }
  .clLeftImg{
    float:        left;
    margin-right: 1em;
  }