body { margin: 0; padding: 0; background: #FFFFFF; color: #222222; text-align: center; }
body, td { font-family: 'Times New Roman', serif; font-size: 13px; line-height: 150%; }
input, select, textarea { font-family: Arial, sans-serif; font-size: 12px; border: 1px solid #666666; }
img { border: 0; }
p { margin: 10px 2px; padding: 0; }
a:link, a:visited { font-weight: bold; text-decoration: none; color: #FFFFFF; }
form { display: inline; }

#content { position: relative; text-align: left; background: url(gfx/felso.jpg) no-repeat; }
#colleft { position: absolute; top: 107px; left: 168px; width: 320px; height: 494px; }
#colright { position: absolute; top: 103px; left: 502px; width: 322px; height: 494px; }
#numleft { position: absolute; top: 588px; left: 160px; color: #444444; }
#numright { position: absolute; top: 588px; left: 816px; color: #444444; }
#every { position: absolute; top: 70px; left: 20px; text-transform: uppercase; font-size: 14px; width: 75px; font-weight: bold; cursor: pointer; }
#lapoz { position: absolute; top: 60px; left: 330px; }
#lapoz a { color: #222222; }
#ujhatter { position: absolute; top: 0; left: 0; background: #222222; z-index: 5; }
#info { position: absolute; top: 80px; left: 80px; background: #222222; z-index: 6; color: #FFFFFF; text-align: left; font-size: 13px; padding: 10px; overflow: hidden; overflow-x: hidden; overflow-y: auto; }
#bezar { margin: 10px; }

.category { cursor: pointer; }
.selected { font-weight: bold; cursor: pointer; }
.on { background: #EDEDED; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
img.left { float: left; margin-right: 12px; }
img.right { float: right; }