body{
 font:80%/1.3 Arial,sans-serif;
 background: white;
 color:black;
 margin-right: 15px;
 padding:80px 0 0 205px;
}
img{
 border: 0;
 margin-right: 15px;
}
table{
 margin-left: 3em;
}
td{
 padding-right: 1em;
}
h1{
 margin: 0;
 padding:1em ;
 font-size:1.5em;
 font-weight:bold;
}
h1 img{
 margin-left: -1em;
 margin-right: 1.5em;
}
h2{
 margin:0;
 padding:1em 1.25em 0.25em 1.25em;
 font-size:1.2em;
 font-weight:bold;
}
h3{
 margin:0;
 padding:1em 1.5em;
 font-size:1em;
 font-weight:bold;
}
h4{
 margin:0;
 padding:1em 1.5em;
 font-weight:bold;
}
h5{
 margin:0;
 padding:1em 1.5em;
 font-weight:bold;
}
pre{
 margin:.5em 1.5em;
 padding:.3em;
 color:#000;
 background:#fff;
 font:1em/1 "courier new",monospace;
}
p{
 margin:0;
 padding:.5em 1.5em;
}
div#header{
 position:absolute;
 top:0;
 left:0;
 width:150%;
 height:80px;
 background:white;
 color:black;
}
div#left-sidebar{
 position:absolute;
 top:80px;
 left:0;
 width:205px;
 height:100%;
}
div#left-sidebar ul{
 border: solid black 1px;
 margin: 10px 0 10px 10px;
 background: #ccc;
 list-style-type: none;
 padding-left:0;
}
div#left-sidebar ul li{
 display: block;
 border-top: solid;
 border-width: 1px;
 padding: 5px 5px 5px 20px;
}
div#left-sidebar ul li:first-child{
 border: none;
}
div#left-sidebar ul li a{
 font-weight: bold;
 color:black;
}
div#header img{
 vertical-align: -30%;
}
div#left-sidebar ul li#current+li{
 border-top: none;
}
div#left-sidebar ul li#current{
 padding: 10px 5px 10px 5px;
 background: white;
 font-size:1.2em;
 border-style: none solid none none;
 border-color: red;
 border-width: 2px;
}
div#left-sidebar ul li#current:before{
 content:url("http://atrey.karlin.mff.cuni.cz/~milanek/SD/sdia/sdia_p.png");
 vertical-align: -50%;
 margin-right: 5px;
}
@media screen{
 body>div#header{
  position:fixed;
 }
 body>div#left-sidebar{
  position:fixed;
 }
 }
 * html body{
 overflow:hidden;
 } 
 * html div#content{
 height:100%;
 overflow:auto;
 }