body { margin: 0; padding: 0; background: #ff6600 url(images/body_bg.gif) repeat-x 45% 0; font-family: Arial, sans-serif; font-size: 12px; color: #000; line-height: 18px; }

#container { width: 990px; margin: 0 auto; position: relative; }

/** LINKEK **/
a { color: #ff6600; text-decoration: underline; }
a:hover { color: #000; text-decoration: underline; }
a img { border: 0; }
a.kek { color: #003366; text-decoration: underline; background: url(images/nyil_kek.gif) no-repeat top left; padding-left: 16px; }
a.kek:hover { color: #003366; text-decoration: none; }
a.kekbal { color: #003366; text-decoration: underline; background: url(images/nyil_kek_bal.gif) no-repeat top left; padding-left: 16px; }
a.kekbal:hover { color: #003366; text-decoration: none; }
a.kekjobb { color: #003366; text-decoration: underline; background: url(images/nyil_kek.gif) no-repeat top right; padding-right: 16px; }
a.kekjobb:hover { color: #003366; text-decoration: none; }
a.keksima { color: #003366; text-decoration: underline; }
a.keksima:hover { color: #003366; text-decoration: none; }
.btn { margin: 20px auto; text-align: center; position: relative; }
.btn a { color: #003366; text-decoration: none; background: url(images/nyil_kek.gif) no-repeat 96% 9px; padding: 8px 20px 8px 8px; border: 1px solid #000; border-right-width: 2px; border-bottom-width: 2px; font-weight: bold; }
.btn a:hover { color: #003366; text-decoration: none; background-color: #EEE; }

/** FEJLÉC **/
#header { width: 990px; height: 50px; display: table; position: relative; }
#header h1 { width: 100px; height: 50px; margin: 0 0 0 60px; padding: 0; }
#header h1 a { width: 100px; height: 50px; display: block; background: url(images/logo.gif) no-repeat top left; }
#header h1 a span { display: none; }

        #greeting { position: absolute; top: 20px; left: 240px; color: #FFF; font-weight: bold; }

#header a { color: #FFF; text-decoration: none; }
#header a:hover { color: #FFF; text-decoration: underline; }

        #kosar { width: 140px; height: 45px; text-align: left; position: absolute; top: 5px; left: 620px; padding-top: 5px; }
        #kosar a { background: url(images/kosar.gif) no-repeat top right; padding-right: 20px; width: 100px; height: 45px; display: block; }

        #usertools { width: 180px; height: 45px; text-align: left; position: absolute; top: 5px; left: 770px; border-left: 1px solid #FFF; padding: 5px 0 0 20px; }
        #usertools a { background: url(images/nyil.gif) no-repeat 0 5px; padding-left: 15px; }

/** ELSŐ MENÜ **/
#firstmenu { background: url(images/firstmenu_bg.gif) no-repeat top left; width: 990px; height: 40px; margin: 0; color: #003366; line-height: 44px; font-weight: bold; padding: 0; list-style: none; }
#firstmenu li { margin: 0; padding: 0; float: left; }
#firstmenu a { color: #003366; text-decoration: none; padding: 0 5px; border-right: 1px solid #003366; }
#firstmenu a:hover { color: #003366; text-decoration: underline; }
#firstmenu a.first { margin-left: 380px; }
#firstmenu a.middle { margin-right: 15px; border-right: none; }
#firstmenu a.last { border-right: none; }
#firstmenu li.over #cegunkrolMenuBg { display: block; }
#firstmenu li:hover #cegunkrolMenuBg { display: block; }
#firstmenu li.over div { display: block; }
#firstmenu li:hover div  { display: block; }

/** CÉGÜNKRŐL LEGÖRDÜLŐ **/
#firstmenu li #cegunkrolMenuBg { display: none; position: absolute; top: 84px; left: 730px; width: 220px; height: 116px; z-index: 1; background: url(/template/images/cegunkrol_menu_bg.png) no-repeat bottom left; }
#firstmenu li div { display: none; }
#firstmenu li div ul { width: 190px; padding: 0 15px 0 0; margin: 0; list-style: none; display: table; position: absolute; top: 86px; left: 730px; z-index: 2; }
#firstmenu li div ul li { margin: 0; padding: 0 0 0 10px; }
#firstmenu li div ul li a { color: #000; text-decoration: none; width: 190px; padding: 0 0 0 10px; margin: 0; display: block; line-height: 20px; border: none; font-weight: normal; }
#firstmenu li div ul li a:hover { color: #000; text-decoration: underline; }

/** ALPHA CHANNEL PNG TRICK FOR IE **/
* html #firstmenu li #cegunkrolMenuBg { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/template/images/cegunkrol_menu_bg.png',sizingMethod='scale'); }

/** FŐMENÜ **/
#menu { width: 960px; display: table; margin: 10px 0 0 0; position: relative; clear: both; overflow: auto; height: auto; }
#menu ul { margin: 0; padding: 0; list-style: none; position: absolute; left: 210px; }
* html #menu ul { left: 180px; }
#menu ul li { margin: 10px 0 0 0; padding: 0; float: left; position: relative; }
#menu ul li a { padding: 0 15px; height: 30px; line-height: 30px; color: #FFF; text-decoration: none; display: block; text-align: center; font-weight: bold; }
#menu ul li.selected a,
#menu ul li a:hover { color: #000; background: #FFF url(images/menu_on.gif) no-repeat top left; font-weight: bold; }
#menu ul li span { width: 10px; height: 30px; line-height: 30px; display: block; } /** legutolsó, üres menüpont, árnyék miatt kell **/

/** FŐMENÜ LEGÖRDÜLŐ **/
#mainSubMenu { position: absolute; top: 0; left: 0; width: 150px !important; clear: both !important; }
#mainSubMenu ul { position: absolute;  }
#mainSubMenu ul li { position: relative !important; float: none !important; clear: both !important; }
#mainSubMenu ul li a { color: #000 !important; }

/** KERESÉS **/
#menu form { width: 170px; margin: 0 0 0 30px; padding: 10px 5px; text-align: center; background: #FFF; float: left !important; }
#menu form .q { width: 120px; padding: 2px; font-family: Arial, sans-serif; font-size: 11px; color: #000; border: 1px solid #777; float: left; margin: 0 5px 0 10px; }
#menu form .search_btn { float: left; margin-top: -4px; }

/** TARTALOM **/
#content { background: #FFF url(images/content_bg.gif); width: 920px; height: 100%; margin: 0 0 0 30px; padding: 25px 25px 15px 15px; position: relative; }
#bigpic { margin: 0 0 15px 0; }
#bigpic_small { margin: 0 0 15px 0; }

/** RÉSZLETES KERESÉS LINKJE **/
#reszletes { font-weight: bold; position: absolute; top: 0; left: 17px; }
#reszletes a { color: #003366; text-decoration: none; background: url(images/nyil_kek.gif) no-repeat top left; padding-left: 12px; }
#reszletes a:hover { color: #003366; text-decoration: underline; }

/** BREADCRUMB **/
#breadcrumb { margin: 0 0 10px 0; padding: 0; list-style: none; clear: both; width: 100%; display: table; }
#breadcrumb li { margin: 0 10px 0 0; padding: 0; float: left; font-size: 11px; }
#breadcrumb a { color: #003366; text-decoration: none; background: url(images/nyil_kicsi.gif) no-repeat 0 -4px; padding-left: 12px; }
#breadcrumb a:hover { color: #003366; text-decoration: underline; }

/** HÁROM OSZLOP **/
#mainTable { width: 100%; height: 100%; display: table; clear: both; position: relative; }
:root #mainTable { display: block; overflow: auto; }
#colleft { width: 170px; margin-right: 15px; float: left; background: #ffefd6; }
#colmain { width: 550px; margin-right: 15px; float: left; padding-bottom: 20px; }
#colright { width: 170px; float: left; }
#colmainAlone { width: 550px; margin: 0 185px 0 185px; padding-bottom: 20px; }

/** FOOTER **/
#footer { margin: 0 auto; width: 990px; padding: 20px 0; background: url(images/footer_bg.gif) no-repeat top left; color: #fda76e; text-align: center; }
#footer a { color: #FFF; text-decoration: none; }
#footer a:hover { color: #FFF; text-decoration: underline; }
#footer a.footer_email { color: #fda76e; }
#footer a.footer_email:hover { color: #fda76e; }

/** H1, H2, H3 **/
h1 { font-size: 240%; font-weight: normal; color: #ff6600; line-height: 120%; margin: 0 0 10px 0; padding: 0; display: table; height: 100%; }
h2 { font-size: 200%; font-weight: bold; color: #000; line-height: 120%; margin: 0 0 10px 0; padding: 0; }
h3 { font-size: 180%; font-weight: bold; color: #000; line-height: 120%; margin: 0 0 8px 0; padding: 0; }
h4 { font-size: 160%; font-weight: bold; color: #000; line-height: 120%; margin: 0 0 6px 0; padding: 0; }
h5 { font-size: 140%; font-weight: bold; color: #000; line-height: 120%; margin: 0 0 4px 0; padding: 0; }
h6 { font-size: 120%; font-weight: bold; color: #000; line-height: 120%; margin: 0 0 4px 0; padding: 0; }
#colleft h2 { font-size: 12px; margin: 0 0 10px 0; padding: 4px 4px 4px 8px; color: #FFF; background: #FF6600; }
#colright h2 { font-size: 12px; margin: 0 0 10px 0; padding: 4px 4px 4px 8px; color: #FFF; background: #FF6600; }
h2.title { font-size: 12px; margin: 0 0 10px 0; padding: 4px 0 2px 7px; border-top: 1px solid #FFB7B7; border-left: 5px solid #FF0000; color: #FF0000; }
h2.szurke { font-size: 14px; margin: 0 0 10px 0; padding: 0; color: #888; font-weight: normal; }
h1 img { float: left; margin-right: 10px; }

/** JOBB OSZLOP **/
#colright a { text-decoration: none; }
#colright a:hover { text-decoration: underline; }
#colright h2 { margin-bottom: 0 !important; }
#colright h2.kek { background: #031056 !important; }
#colright h2.lila { background: #730071 !important; }
#colright ul { margin: 0; padding: 0 0 0 20px; }
#colright .greenbox { padding: 10px; background: #007b3d; }
#colright .greenbox a { color: #FFF; }
#colright .greenbox a:hover { color: #FFF; }
.orangebox { padding: 10px; background: #ffefd6; }
.purplebox { padding: 10px 10px 5px 10px; color: #fff; background: #730071; }
.purplebox a { color: #fff; font-weight: bold; }
.purplebox2 { padding: 5px 10px 10px 10px; color: #fff; background: #853185; border-top: 1px solid #730071; line-height: 16px; }
.purplebox2 a { color: #fff; }
.dot_white { list-style-image: url(images/dot_white.gif); }
.dot_orange { list-style-image: url(images/dot_orange.gif); }

/** FORM **/
.input { border: 1px solid #BEBEBE; padding: 3px; margin: 1px; width: 350px; font-family: Arial; font-size: 12px; }
.red { border: 2px solid red; margin: 0; }
select { font-family: Arial; font-size: 12px; }
textarea { font-family: Arial; font-size: 12px; padding: 5px; }

/** HÍREK LISTA **/
.hirek { width: 100%; display: table; clear: both; margin-bottom: 30px; }
.hirek img { float: left; margin-right: 10px; }
.hirek dl { margin: 0; padding: 0; float: left; width: 370px; }
.hirek dl dt { margin: 0; padding: 0; float: left; width: 370px; }
.hirek dl dd { margin: 0; padding: 0; float: left; width: 370px; }
.hirek dl h2 { margin: 0 0 5px 0; padding: 0; line-height: 16px; }
.hirek dl h2 a { font-size: 14px; font-weight: bold; color: #003366; text-decoration: none; }
.hirek dl h2 a:hover { color: #003366; text-decoration: underline; }
.hirek dl h3 { font-size: 12px; font-weight: bold; color: #888; margin: 0 0 5px 0; padding: 0; }
.hirek a.tovabb { color: #003366; text-decoration: none; font-weight: bold; background: url(images/nyil_kek_dupla.gif) no-repeat top right; padding-right: 20px; }
.hirek a.tovabb:hover { text-decoration: underline; }

/** TÁBLÁZAT **/
#tablazat thead th { font-weight: bold; border-bottom: 1px solid #000; background: #ff6600; color: #FFF; padding: 4px; }
#tablazat tbody td { border-bottom: 1px solid #BBB; padding: 4px; }
.odd { background: #ffefd6; }
.balraPadding { padding-left: 5px; }

/** BAL OLDALI MENÜBEN LÉVŐ LINKEK **/
#colright .orangebox .nyilas { margin: 0 !important; padding: 0 !important; }
#colright .orangebox .nyilas a { width: 140px !important; }
ul.nyilas { margin: 0 10px; padding: 0 0 10px 0; list-style: none; }
ul.nyilas li { margin: 4px 0; }
/* ul.nyilas li span { background: url(images/nyil_kek.gif) no-repeat top left; padding-left: 12px; display: block; _width: 124px; } */
ul.nyilas li span { display: block; font-weight: bold; _width: 136px; color: #003366; }
ul.nyilas li span.beljebb { margin-left: 14px; display: block; font-weight: normal; _width: 136px; color: #000; }
ul.nyilas li a { display: block; height: 1%; color: #003366; font-weight: bold; text-decoration: none; }
ul.nyilas li a:hover { color: #003366; text-decoration: none; }
ul.nyilas li a.selected { text-decoration: underline !important; font-weight: bold; }
ul.nyilas li a.selected:hover { text-decoration: underline; font-weight: bold; }
ul.nyilas li a.kategoria { font-weight: bold; text-decoration: none; }
ul.nyilas li a.kategoria:hover { text-decoration: underline; }
ul.nyilas li a.nounderline { text-decoration: none; }
ul.nyilas li a.nounderline:hover { text-decoration: underline; }
ul.nyilas li.inaktiv { background: url(images/nyil_kek.gif) no-repeat top left; padding-left: 12px; color: #888; }
.beljebb { margin-left: 14px; }
.beljebb2 { margin-left: 9px; display: block; height: 1%; padding-left: 18px !important; background: url(images/nyil_kek.gif) no-repeat 6px 0 !important; font-weight: normal !important; }
a.beljebb2 { text-decoration: underline !important; }
a.beljebb2:hover { text-decoration: none !important; }

/** TERMÉKLISTA **/
.item h1 { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }
.item h1 a { text-decoration: none; }
.item h1 a:hover { text-decoration: underline; }

/** LAPOZÁS **/
#lapozas { text-align: center; padding: 5px 0; }
#lapozas a.oldalszam { padding: 2px; color: #000; text-decoration: none; border: 1px solid #fff; padding: 2px 4px; }
#lapozas a.oldalszam:hover { padding: 2px; color: #000; background: #ffefd6; border: 1px solid #ff6600; padding: 2px 4px; text-decoration: none; }
#lapozas a.selectedLapozasLink { background: #ff6600; color: #FFF; border: 1px solid #fff; padding: 2px 4px; font-weight: bold; text-decoration: none; }

/** EGYMÁS MELLETTI KÉPEK **/
#kepek { width: 100%; height: 100%; display: table; clear: both; }
#kepek div { width: 160px; height: 100%; text-align: center; margin-bottom: 10px; float: left; }
#kepek div img { margin-bottom: 10px; text-decoration: none; padding: 3px; border: 1px solid #ff6600; }
#kepek div a:hover img { border: 1px solid #003366; }
#kepek div a { text-decoration: none; }
#kepek div a span { text-decoration: underline; }

#kicsikepek { width: 100%; height: 100%; display: table; clear: both; }
#kicsikepek div { width: 135px; height: 100%; text-align: center; margin-bottom: 10px; float: left; }
#kicsikepek div img { margin-bottom: 10px; text-decoration: none; padding: 3px; border: 1px solid #ff6600; }
#kicsikepek div a:hover img { border: 1px solid #003366; }
#kicsikepek div a { text-decoration: none; }
#kicsikepek div a span { text-decoration: underline; }

/** TERMÉKLISTA (TÁBLÁZAT) **/
#termekek { width: 100%; padding: 0; margin-top: 10px; clear: both; }
#termekek thead th { border-bottom: 1px solid #000; padding: 4px; background: #FF6600; color: #FFF; }
#termekek tbody td { border-bottom: 1px dotted #888; padding: 4px; font-size: 11px; }
#termekek tbody td a { text-decoration: none; }
#termekek tbody td a:hover { text-decoration: underline; }
#termekek tfoot td { border-top: 1px solid #000; padding: 4px; background: #FF9900; color: #FFF; padding: 8px 0; }

/** KATEGÓRIA LISTA (BALRA, JOBBRA) **/
#kategoriak { clear: both; }
#kategoriak h2 { font-size: 14px; font-weight: bold; margin: 0 0 5px 0; padding: 0; }
#kategoriak h3 { font-size: 12px; font-weight: normal; margin: 5px 0; padding: 0; }
#kategoriak h4 { font-size: 12px; font-weight: normal; margin: 15px 0 0 0; padding: 0; color: #003366; }
#kategoriak a { display: block; width: 100%; height: auto; text-decoration: none; }
#kategoriak a:hover { text-decoration: underline; }
#kategoriak a img, a.borderedPicture img { margin-bottom: 10px; text-decoration: none; padding: 3px; border: 1px solid #ff6600; }
#kategoriak a:hover img, a.borderedPicture:hover img{ border: 1px solid #003366; }
#kategoriak .balra { width: 100%; height: auto; display: table; margin: 10px 0; }
#kategoriak .balra img { float: left; margin-right: 10px; }
#kategoriak .jobbra { width: 100%; height: auto; display: table; margin: 10px 0; }
#kategoriak .jobbra img { float: right; margin-left: 10px; }

/** MINISZTÉRIUMI LISTÁN SZEREPEL **/
#miniszteriumi { color: #267222; margin: 0 0 0 5px; padding: 0 0 0 23px; background: url(images/pipa.gif) no-repeat top left; }

/** SZINT JELZÉSE **/
#szint { float: right; margin: 0 0 5px 5px; border: 1px solid #ff6600; padding: 5px; color: #003366; }

/** ÁRAK **/
.regiar { text-decoration: line-through; color: #777; }
.ujar { color: green; }

/** EGYEBEK **/
.picfloatleft { float: left; margin-right: 10px; }
.kek { color: #003366; }
.szurke { color: #555; }
.isbn { color: #777; }
.darabInput { background: #FFF; color: #000; padding: 3px; border: 1px solid #000; width: 30px; }
.halvany { color: #555 !important; font-weight: normal !important; }

/** KLETT KLUB MENÜ **/
#klubmenu { position: absolute; top: 16px; right: 25px; background: #ffefd6; padding: 4px; border: 1px solid #FF6600; }
#klubmenu a { color: #000; text-decoration: none; font-weight: bold; color: #003366; }
#klubmenu a:hover { color: #FF6600; text-decoration: underline; }


/** TABS **/
#tab_container { width: 523px; margin: 30px auto 0 auto; padding: 20px 10px 0 10px; position: realtive; background: url(images/tab_container_bg.gif) no-repeat top left; min-height: 176px; }
* html #tab_container { height: 176px; }
               #tabs { position: absolute; top: 52px; margin: 0; padding: 0; list-style: none; }
               * html #tabs { top: 35px; }
               #tabs li { margin: 0 10px 0 0; padding: 0; background: url(images/tab_container_tab_bg.gif) repeat-x top left; float: left; font-size: 14px; }
               #tabs li a { text-decoration: none; display: block; padding: 10px; background: url(images/tab_container_tab_border.gif) no-repeat top right; color: #000; }
               #tabs li.inaktiv { background: url(images/tab_container_tab_bg_inaktiv.gif) repeat-x top left; }
               #tabs li.inaktiv a { color: #ff6600; }
               #tabs li a:hover { text-decoration: underline; }


/** LAPOZÁS **/
.selectedLapozasLink { border: 1px solid #ff6600; padding: 2px; color: #003366; text-decoration: none; font-weight: bold; }