/* CSILI FELHASZNÁLÓI OLDAL STÍLUSLAP */

html, body { margin: 0; padding: 0; font-family: Tahoma; font-size: 11px; color: black; background: white; }
img { border: 0; }
a { text-decoration: none; }
a:active { border: none; }

div.container { width: 800px; margin: auto auto; background: url(../design/content_bg.jpg) top left repeat-y; }
div.container div.header { position: relative; top: 0; left: 0; height: 88px; background: url(../design/fej1.png) top left no-repeat; }
div.container div.header2 { position: relative; top: 0; left: 0; height: 60px; background: url(../design/fej2.png) top left no-repeat; }

div.container div#futofeny { height: 15px; background: #370000; color: white; font-weight: bold; }

div.container div.leftpanel {  width: 144px; /* height: 600px; */ float: left; display: table-cell; background: #F6F1DF; }
div.container div.leftpanel img { display: block; }
div.container ul.menu { width: 144px; background: #E9AF01; z-index: 2; margin: 0; padding: 0; list-style: none; position: relative; top: 0; left: 0; }
div.container ul.menu li { border-bottom: 1px solid black; z-index: 3; position: relative; top: 0; left: 0; display: block; line-height: 22px; }
div.container ul.menu li a { font-family: Tahoma, Verdana, Arial; font-size: 10px; text-transform: uppercase; color: black; margin: 0; padding-right: 5px; text-align: right; text-decoration: none; font-weight: bold; display: block; background: #E9AF01; height: 25px; }
div.container ul.menu li a:hover { color: white; background: #CC6600; }
div.container ul.menu li a.container { margin: 0; background: #E9AF01; height: 25px; }
div.container ul.menu a.container:hover { color: white; background: #CC6600; }
div.container ul.menu li ul.submenu { background: #E9AF01; visibility: hidden; position: absolute; left: 144px; top: 0; width: 144px; margin: 0; padding: 0; list-style: none; }
div.container ul.menu li ul.submenu2 { display: none; list-style: none; margin: 0; padding-left: 10px; }
div.container ul.menu li ul.submenu2 li { height: 15px; line-height: 10px; border: 0; }
div.container ul.menu li ul.submenu2 li a { background: none; font-weight: normal; height: auto; margin: 0; padding: 0 5px 0 0; }
div.container ul.menu li ul.submenu2 li a:hover { background: none; text-decoration: underline; color: black; }
div.container ul.menu2 { border-top: 1px solid black; margin: 0 auto; width: 144px; background: #F7F2DF; z-index: 2; padding: 0; list-style: none; position: relative; top: 0; left: 0; }
div.container ul.menu2 li { border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; z-index: 3; position: relative; top: 0; left: 0; display: block; line-height: 22px; height: 25px; }
div.container ul.menu2 li a { font-family: Tahoma, Verdana, Arial; font-size: 10px; text-transform: uppercase; color: black; margin: 0; padding-right: 5px; text-align: center; text-decoration: none; font-weight: bold; display: block; background: #F7F2DF; height: 25px; }
div.container ul.menu2 li a:hover { color: white; background: #CC6600; }
div.container ul.menu2 li a.container { margin: 0; background: #E9AF01; height: 25px; }
div.container ul.menu2 a.container:hover { color: white; background: #CC6600; }
div.container ul.menu2 li ul.submenu { background: #E9AF01; visibility: hidden; position: absolute; left: 144px; top: 0; width: 144px; margin: 0; padding: 0; list-style: none; }
div.container ul.menu2 li ul.submenu2 { display: none; list-style: none; margin: 0; padding-left: 10px; }
div.container ul.menu2 li ul.submenu2 li { height: 15px; line-height: 10px; border: 0; }
div.container ul.menu2 li ul.submenu2 li a { background: none; font-weight: normal; height: auto; margin: 0; padding: 0; color: black; }
div.container ul.menu2 li ul.submenu2 li a:hover { background: none; text-decoration: underline; }

div.container div.content { width: 458px; /* height: 600px; */ float: left; display: table-cell; /* padding: 20px 5px; */ }
div.container div.content div.h_separator { font-size: 12px; background: url(../design/h_separator.jpg) bottom center no-repeat; vertical-align: top; text-align: right;  }
div.container div.content div.h_separator a { color: #8f0000; }
div.container div.content div.h_separator img { margin-right: 10px; }
div.container div.content h1 { font-size: 11px; text-transform: uppercase; margin: 0; padding: 7px; }
div.container div.content h1.prg_header { position: relative; top: -14px; }
div.container div.content h1.prg_header[class] { position: relative; top: 0; }
div.container div.content h2 { font-size: 12px; color: #8f0000; }
div.container div.content h3 { font-size: 12px; }
div.container div.content div.prg_content { padding: 10px; }
div.container div.content div.news_list_elmnt h2 { font-size: 13px; margin: 10px 0 2px 10px; }
div.container div.content div.news_list_elmnt a { color: black; text-decoration: none; }
div.container div.content div.news_list_elmnt div.h_separator { clear: both; background: url(../design/horizontal_separator.png) top left repeat-x; height: 5px; overflow: hidden; margin: 10px 0; }
div.container div.content div.news_nav { position: relative; top: 0; left: 0; height: 20px; }
div.container div.content div.news_nav a { color: black; text-decoration: none; }
div.container div.content div.news_nav a:hover { color: #990F0F; }
div.container div.content div.news_nav a.prev { position: absolute; left: 0; top: 0; }
div.container div.content div.news_nav a.next { position: absolute; right: 0; top: 0; }
div.container div.content div.back { text-align: center; }
div.container div.content div.back a { color: black; text-decoration: none; font-weight: bold; }
div.container div.content div.statikuscontent h1 { margin: 0!important; }
div.container div.content div.prg_content { margin: 0; padding: 0 10px; }
div.container div.content div.prg_content h1 { margin: 0; padding: 0; }

div.container div.rightpanel { position: relative; top: -14px; width: 198px; height: 600px; float: left; display: table-cell;  }
div.container div.rightpanel[class] { position: relative; top: 0; }
div.container div.rightpanel div.calendar { margin: auto auto; width: 168px; height: 144px; }
div.container div.rightpanel div.calendar table { margin: 0; width: 168px; height: 125px; padding: 0; border-collapse: collapse; background: white;  }
div.container div.rightpanel div.calendar table tr td { width: 80px; height: 16px; font-family: Tahoma, Verdana, Arial; }
div.container div.rightpanel div.calendar table tr td.napok { font-weight: bold; text-align: center; background: #E9AF01; }
div.container div.rightpanel div.calendar table tr td.napok_vas { font-weight: bold; text-align: center; background: #AA0000; color: white; }
div.container div.rightpanel div.calendar table tr td a { text-align: center; display: block; width: 19px; height: 14px; padding-top: 2px; text-align: center; text-decoration: none; font-size: 11px; font-family: Tahoma, Verdana, Arial; font-weight: bold; color: black; }
div.container div.rightpanel div.calendar table tr td a:hover { color: white!important; background: black; }
div.container div.rightpanel div.calendar table tr td a.vas_link { color: red; }
div.container div.rightpanel div.calendar table tr td a.vas_link:hover {  }
div.container div.rightpanel div.calendar_control { text-align: center; font-family: Tahoma, Verdana, Arial; font-size: 11px; background: #660000; color: white; font-weight: bold; padding: 3px 0; width: 168px; margin: auto auto; }
div.container div.rightpanel div.calendar_control a { color: white; font-weight: bold; font-size: 8px; text-decoration: none; margin: 0 7px; }

div.container div.footer { display: block; clear: both; background: #444; color: white; height: 30px; line-height: 28px; border-top: solid 1px black; text-align: center; }