html, body {margin:0px; padding:0px; background:#eee; font-family:verdana; font-size:12px;}
/* The header and footer */
.headfoottop {display:block; height:85px; background:#ffffff; color:#111; text-align:center; padding:5px;font-size:11px;}
.headfoot {display:block; height:14px; background:#ffffff; color:#111; text-align:center; padding:5px;font-size:11px;}


.visibleDiv, #topLeft, #topRight, #bottomLeft, #bottomRight
{
    position: fixed;
    width: 130px;
    border: solid 1px #fff;
    vertical-align: right;
    background: #fff;
    text-align: center;
}



/* This bit does all the work */
#container {position:relative; display:block; background:#eee; border-left:300px solid #dfdfdf; border-right:000px solid #0fefef;}
#inner {display:block; margin-left:-300px; margin-right:-200px; padding:5px;}
#left {float:left; position:relative; width:300px; left:0px;}
#right {float:right; position:relative; width:300px; right:0px;}
#center {margin-left:10px; margin-right:110px; position:relative;text-align:center;  display:block; height:1%;}
.clear {clear:both;}

/* Just to extend each column */
#inner a:visited, a {color:#000; text-decoration:none; cursor:default;}
#inner a span {display:none;}
#inner a:active, #inner a:focus {color:#fff; text-decoration:none; background:transparent; cursor:default;}
#inner a:active span, #inner a:focus span {display:block;}

a:visited, a {text-decoration:underline; cursor:pointer;}
a:hover {text-decoration:none; cursor:pointer;}

em {font-weight:bold;}

table#kurzy { font-family: Arial; font-size: 12px; color: #222; border-collapse: collapse; text-align: center; }
table#kurzy caption { text-align: center; background: #EEE; }
table#kurzy caption, table#kurzy th, table#kurzy td { padding: 4px 10px 4px 5px; }
table#kurzy th { background: #C3D9FF; }