/*
$ http://www.cssk.hu $
$ style/style.css | 2008/12/04 13:40 | 2009/03/18 09:28 $
*/

body { margin: 0; padding: 0; font: normal normal 12px/14px Verdana, Arial; color: #441B19; background: #E8CB93 url(bg.jpg) repeat; }

a:link { color: #9F3F2F; text-decoration: none; }
a:visited { color: #9F3F2F; text-decoration: none; }
a:hover { color: #9F3F2F; text-decoration: underline; }

img { margin: 0; padding: 0; border: none; }
input.inputbox_122x16 { display: block; float: left; width: 114px; height: 16px; margin: 0; padding: 0 4px; background: url(inputbox_122x16.gif) no-repeat top right; font: normal normal 10px/12px Verdana, Arial; border: none; }
input.inputbox_201x16 { display: block; float: left; width: 193px; height: 16px; margin: 0; padding: 0 4px; background: url(inputbox_201x16.gif) no-repeat top right; font: normal normal 10px/12px Verdana, Arial; border: none; }
textarea.inputarea_201x86 { display: block; float: left; width: 193px; height: 86px; margin: 0; padding: 0 4px; background: url(inputarea_201x86.gif) no-repeat bottom right; font: normal normal 10px/12px Verdana, Arial; border: none; overflow: hidden; }
input.button_74x16 { display: block; float: left; width: 74px; height: 16px; margin: 0; padding: 0 0 2px 0; color: #fff; background: url(button_74x16.gif) no-repeat top right; font: normal normal 11px/14px Verdana, Arial !important; border: none; cursor: pointer; }
input.button_89x16 { display: block; float: left; width: 89px; height: 16px; margin: 0 5px 0 0; padding: 0 0 2px 0; color: #fff; background: url(button_89x16.gif) no-repeat top right; font: normal normal 11px/14px Verdana, Arial !important; border: none; cursor: pointer; }
a.button_89x16 { display: block; float: left; width: 85px; height: 16px; margin: 0; padding: 1px 2px 0 2px; color: #fff !important; background: url(button_89x16.gif) no-repeat top right; font: normal normal 11px/14px Verdana, Arial !important; text-align: center; text-decoration: none !important; }

div#page { margin: 0 auto; padding: 0; width: 996px; }

/*
  --------------------
  - Fejléc -----------
  --------------------
*/
  div#header { position: relative; width: 996px; height: 210px; background: url(header_bg.jpg) no-repeat top left; }
    a#logo { position: absolute; top: 45px; left: 70px; display: block; width: 114px; height: 111px; background: url(logo.jpg) no-repeat top left; text-indent: -5000px; }
    a#akadalymentes { display: block; position: absolute; top: 185px; left: 20px; padding: 0 0 0 45px; width: 160px; height: 25px; color: #fff; background: url(icon_akadalymentes.gif) no-repeat top left; line-height: 25px; }
    a#eredeti { display: none; }

    ul#toplinks { position: absolute; top: 10px; left: 120px; margin: 0; padding: 0; list-style-type: none; font-size: 11px; }
      ul#toplinks li { float: left; margin: 0; padding: 0 7px; color: #8F5E61; background: url(ulli_sep.jpg) no-repeat right 4px; }
        ul#toplinks li a { color: #8F5E61; font-weight: normal; }
      ul#toplinks li.last { background: none; }

    div#header h1 { position: absolute; top: 55px; left: 240px; margin: 0; padding: 0; width: 450px; color: #fff; font: italic normal 20px/24px Georgia, Verdana, Arial; text-transform: none; }
    div#header h2 { position: absolute; top: 110px; left: 240px; margin: 0; padding: 0; width: 450px; color: #8E5B60; font: italic normal 12px/14px Georgia, Verdana, Arial; text-transform: none; }

    div#newsletterBox { position: absolute; top: 7px; left: 740px; width: 194px; height: 203px; padding: 0 0 0 45px; color: #541B24; background: url(newsletterBox_bg.gif) no-repeat top left; font-size: 10px; overflow: hidden; }
      div#newsletterBox h2 { clear: left; position: relative; top: 11px; left: 30px; margin: 0; padding: 0 0 15px 0; color: #fff; font: italic normal 11px/15px Verdana, Arial; font-style: normal; }
      div#newsletterBox p { clear: left; width: 97%; margin: 0; padding: 3px 4px; color: #541B24; }
      div#newsletterBox p a.button_89x16 { margin-right: 4px; }
      div#newsletterBox form { float: left; margin: 0; padding: 0; }
        div#newsletterBox form input[type="checkbox"] { display: block; float: left; height: 14px; margin: 0; padding: 0; }
        div#newsletterBox form span { font-size: 11px; }
        div#newsletterBox form label { display: block; float: left; width: 55px; margin: 0; padding: 0 4px 0 0; text-align: right; }


/*
  --------------------
  - Taratlom ---------
  --------------------
*/
  div#content { float: left; width: 996px; background: url(content_bg_ry.jpg) repeat-y top left; }
    div#contentInner { clear: both; width: 996px; min-height: 300px; background: url(content_tr_bg.gif) no-repeat top right; }

      /*
        --------------------
        - Bal oldali rész --
        --------------------
      */
      div#contentInnerL { float: left; position: relative; left: 8px; width: 246px; padding: 6px 0 0 4px; z-index: 100; }
        div.menu { clear: left; width: 246px; }
          div.menuTop { clear: left; width: 246px; height: 10px; background: url(menu_top.gif) no-repeat top left; font-size: 1px; line-height: 1px; overflow: hidden; }
          div.menuBody { float: left; width: 246px; background: url(menu_bg.gif) repeat-y top left; }
            div.menuBody ul { float: left; position: relative; left: 5px; margin: 0; padding: 0; list-style-type: none; }
              div.menuBody ul li { clear: left; position: relative; margin: 0; padding: 0; }
                div.menuBody ul li a { display: block; width: 216px; padding: 5px 10px; color: #47191C !important; text-transform: uppercase; font-weight: normal; }
                div.menuBody ul li a:hover { background-color: #D4A571; text-decoration: none; }
              div.menuBody ul li ul { display: none; }
              div.menuBody ul li:hover ul { display: block; position: absolute; top: 0px; left: 220px; margin: 0; padding: 0; z-index: 100; }
                div.menuBody ul li:hover ul li { display: block; width: 258px; height: 25px; padding: 0 0 0 17px; background: url(submenu_bg.gif) repeat-y top left; }
                  div.menuBody ul li:hover ul li a { display: block; width: 215px; height: 17px; line-height: 17px; padding: 4px 10px; }
                  div.menuBody ul li:hover ul li a:hover { background-color: #D4A571; text-decoration: none; }
                div.menuBody ul li:hover ul li.first { display: block; width: 258px; height: 25px; padding: 0 0 0 17px; background: url(submenu_firstitem_bg.gif) repeat-y top left; }
                div.menuBody ul li:hover ul li.top { display: block; width: 258px; height: 6px; padding: 0; background: url(submenu_top.gif) repeat-y top left; font-size: 1px; line-height: 1px; overflow: hidden; }
                div.menuBody ul li:hover ul li.bottom { display: block; width: 258px; height: 6px; padding: 0; background: url(submenu_bottom.gif) repeat-y top left; font-size: 1px; line-height: 1px; overflow: hidden; }

          div.menuBottom { clear: left; width: 246px; height: 9px; background: url(menu_bottom.gif) no-repeat top left; font-size: 1px; line-height: 1px; overflow: hidden; }

        div.loginBox { clear: left; width: 190px; height: 198px; margin: 10px 0; padding: 5px 10px 0 26px; background: url(loginBox_bg.gif) no-repeat top left; font: normal normal 11px/13px Verdana, Arial; overflow: hidden; }
          div.loginBox h2 { clear: left; position: relative; top: 4px; left: 29px; margin: 0; padding: 0 0 12px 0; color: #fff; font: italic normal 11px/15px Verdana, Arial; font-style: normal; }
          div.loginBox h2 a { color: #fff; font: normal normal 11px/12px Verdana, Arial; text-decoration: none !important; }
          div.loginBox p { float: left; width: 100%; height: auto; margin: 0; padding: 0; overflow: hidden; }
          div.loginBox a.button { display: block; float: left; width: 92px; height: 25px; margin: 0 3px 0 0; padding: 0; color: #B45761; background: url(loginBox_type.gif) no-repeat top left; font-size: 11px; text-align: center; }
          div.loginBox a.button:hover { background-position: bottom left; font-weight: bold; text-decoration: none; }
          div.loginBox .active { background: url(loginBox_type.gif) no-repeat bottom left !important; font-weight: bold; }
          div.loginBox p.lostpassword { width: 90%; position: relative; top: 5px; padding: 0 10px 0 52px; text-align: left; }
          div.loginBox form { clear: left; margin: 0; padding: 0; }
            div.loginBox form p { margin: 0 !important; padding: 3px 2px !important; color: #541B24; }
            div.loginBox form label { display: block; float: left; width: 45px; margin: 0; padding: 0 4px 0 0; text-align: right; }
          div.loginBox div.loginBoxInner { float: left; width: 180px; margin: 0; padding: 5px; color: #541B24; text-align: center; }
            div.loginBox div.loginBoxInner p { margin: 0; padding: 5px 0; }
            div.loginBox div.loginBoxInner p.buttons { margin: 0; padding: 15px 0 0 0; line-height: 12px; }
            div.loginBox div.loginBoxInner a.button_89x16 { float: none !important; margin: 0 auto; }


      /*
        --------------------
        - Jobb oldali rész -
        --------------------
      */
      div#contentInnerR { float: left; position: relative; left: 8px; width: 710px; margin: 0; padding: 10px; }
        div#contentInnerR h1 { margin: 0; padding: 0 0 10px 0; color: #D2A370; font: normal normal 24px/28px Verdana, Arial; text-transform: uppercase; }
          div#contentInnerR h1 span { display: block; clear: left; margin: 0; padding: 0; color: #D2A370; font: normal normal 11px/12px Verdana, Arial; text-transform: uppercase; }
          div#contentInnerR h1 a { color: #D2A370; font: normal normal 24px/28px Verdana, Arial; text-transform: uppercase; text-decoration: none !important; }
        div#contentInnerR h2 { margin: 10px 0; padding: 0; color: #D2A370; font: normal normal 20px/24px Verdana, Arial; }
          div#contentInnerR h2 span { margin: 10px 0; padding: 0; font: normal normal 16px/18px Verdana, Arial; color: #8E7266; }
          div#contentInnerR h2 a { color: #D2A370; font: normal normal 20px/24px Verdana, Arial; text-decoration: none !important; }
        div#contentInnerR a { font-weight: bold; }
        div#contentInnerR img { float: left; display: inline; margin: 5px 7px 5px 0px; padding: 0; border: #D4A66A 3px solid; }


        /* Listák, 3 mélységig */
        div#contentInnerR ul { margin: 0; padding: 5px 0 0 10px; list-style-type: none; }
          div#contentInnerR ul li { margin: 0; padding: 1px 0 1px 15px; color: #582121; background: url(li.gif) no-repeat 0px 5px; height: auto !important; height: 14px; }
            div#contentInnerR ul li a { font-weight: normal; text-decoration: none; }
            div#contentInnerR ul li a:hover { font-weight: bold; text-decoration: none; }
              div#contentInnerR ul li a span { color: #CBBCA7; }
            div#contentInnerR ul li ul { margin: 0; padding: 0 0 5px 10px; list-style-type: none; }
              div#contentInnerR ul li ul li { margin: 0; padding: 1px 0 1px 15px; color: #946F67; background: url(li.gif) no-repeat 0px 5px; }
                div#contentInnerR ul li ul li a { color: #946F67; }
                div#contentInnerR ul li ul li ul { margin: 0; padding: 0 0 5px 10px; list-style-type: none; }
                  div#contentInnerR ul li ul li ul li { margin: 0; padding: 1px 0 1px 15px; color: #C9BDA7; background: url(li.gif) no-repeat 0px 5px; }
                    div#contentInnerR ul li ul li ul li a { color: #C9BDA7; }


        /* Szervezeti struktúra */
        div#contentInnerR ul.os { margin: 0; padding: 5px 0 0 10px !important; list-style-type: none; }
          div#contentInnerR ul.os li { margin: 0; padding: 1px 0 1px 15px; color: #582121 !important; background: url(li.gif) no-repeat 0px 5px; height: auto !important; height: 14px; }
            div#contentInnerR ul.os li a { color: #582121 !important; font-weight: bold; text-decoration: none; }
            div#contentInnerR ul.os li a:hover { text-decoration: underline; }
            div#contentInnerR ul.os li ul { margin: 0; padding: 0 0 0 10px !important; list-style-type: none; }
              div#contentInnerR ul.os li ul li { margin: 0; padding: 1px 0 1px 15px; color: #582121; background: url(li.gif) no-repeat 0px 5px; }
                div#contentInnerR ul.os li ul li a { color: #582121 !important; }
                div#contentInnerR ul.os li ul li ul { margin: 0; padding: 0 0 0 10px !important; list-style-type: none; }
                  div#contentInnerR ul.os li ul li ul li { margin: 0; padding: 1px 0 1px 15px; color: #582121 !important; background: url(li.gif) no-repeat 0px 5px; }
                    div#contentInnerR ul.os li ul li ul li a { color: #C9BDA7; }


        /* Táblázatok */
        div#contentInnerR table { width: 100%; border-collapse: collapse; }
          div#contentInnerR table td { padding: 10px 5px; border-bottom: #D4A471 1px solid; }

        /* Osztott tartalom minták */
        div#contentInnerR div.cwg { width: 720px; }
          div#contentInnerR div.cwg div.left { float: left; width: 480px; }
          div#contentInnerR div.cwg div.right { float: right; width: 220px; }

        div#contentInnerR div.left { float: left; width: 350px; padding: 0 2px; overflow: hidden; }
        div#contentInnerR div.right { float: left; width: 350px; padding: 0 2px; overflow: hidden; }


        /* Hírek */
        div#contentInnerR div.newsHead { float: left; position: relative; width: 345px; height: 56px; margin: 0; padding: 0 0 15px 0; background: url(newsHead_bg.gif) no-repeat top left; }
          div#contentInnerR div.newsHead h1 { display: block; width: 280px; position: absolute; top: 5px; left: 20px; margin: 0 !important; padding: 0 !important; color: #F3E6D3 !important; }
          div#contentInnerR div.newsHead a.rss { display: block; width: 25px; height: 26px; position: absolute; top: 7px; left: 310px; margin: 0; padding: 0; background: url(icon_rss.gif) no-repeat top left; text-decoration: none !important; text-indent: -5000px; }
          div#contentInnerR div.newsHead select.inputlist { display: block; width: 300px; position: absolute; top: 45px; left: 37px; margin: 0; padding: 0; color: #A23D29; background-color: #fff; border: #D3A571 1px solid; font-size: 11px; }
        div#contentInnerR div.newsBox { clear: both; width: 338px; margin: 0; padding: 5px 5px 30px 5px; background: url(newsBox_hr.gif) repeat-x bottom left; }
          div#contentInnerR div.newsBox h2 { margin: 0 !important; padding: 0 !important; color: #A63A37; background: url(icon_news.gif) no-repeat top left; font: italic normal 16px/18px Verdana, Arial !important; text-indent: 23px; }
          div#contentInnerR div.newsBox h3 { margin: 0; padding: 0 0 3px 0; color: #CE8D87; font: italic normal 12px/14px Verdana, Arial; }
          div#contentInnerR div.newsBox p { clear: left; margin: 0; padding: 3px 0; color: #551315; font-size: 11px; }
          div#contentInnerR div.newsBox a.newsMore { display: block; float: left; width: 90px; margin: 0; padding: 0 0 0 17px; color: #551315; background: url(icon_more.gif) no-repeat left 3px; font-weight: bold; }
        div#contentInnerR div.full { clear: both; width: 680px !important; }


      /* Fórum */
      div#contentInnerR table.forum { margin: 0; padding: 0; width: 650px; border-collapse: collapse; border: #D4A471 1px solid; }
        div#contentInnerR table.forum thead { color: #F9E4C7; background: #D4A471; font-size: 12px; text-align: left; }
        div#contentInnerR table.forum th { font-weight: normal; height: 32px; padding: 5px; }
        div#contentInnerR table.forum tr { font-weight: normal; height: 42px; padding: 5px; }
          div#contentInnerR table.forum tr.odd { font-weight: normal; height: 42px; padding: 5px; background: #fff; }
          div#contentInnerR table.forum tr.even { font-weight: normal; height: 42px; padding: 5px; background: #fff; }
        div#contentInnerR table.forum td { padding: 5px; color: #531E24; border-bottom: #D4A471 1px solid; vertical-align: middle; }
          div#contentInnerR table.forum td a { color: #531E24; font-weight: normal; }

        div#contentInnerR table.forum td.title { width: 350px; }
        div#contentInnerR table.forum td.comments { width: 150px; }
        div#contentInnerR table.forum td.lastcomment { width: 150px; }
          div#contentInnerR table.forum td.lastcomment span { color: #E0B78B; font-size: 10px; }

        div#contentInnerR div.comments { clear: left; margin: 1em 0; padding: 0; width: 650px; border: #D4A471 1px solid; overflow: hidden; }
          div#contentInnerR div.comments div.commentHead { clear: left; margin: 0; padding: 5px; width: 640px; height: 16px; color: #fff; background-color: #D4A471; font-size: 14px; }
            div#contentInnerR div.comments div.commentHead div.commentHeadL { float: left; width: 430px; color: #fff; text-align: left; }
              div#contentInnerR div.comments div.commentHead div.commentHeadL a { color: #E1B78B; font-size: 16px; }
              div#contentInnerR div.comments div.commentHead div.commentHeadL a:hover { color: #E1B78B; text-decoration: none; }
            div#contentInnerR div.comments div.commentHead div.commentHeadR { float: right; width: 200px; color: #E1B78B; text-align: right; }
          div#contentInnerR div.comments div.commentBody { clear: left; margin: 0; padding: 10px; width: 630px; background-color: #fff; font-size: 12px; }
          div#contentInnerR div.comments div.commentFoot { float: left; margin: 0; padding: 5px; width: 640px; background-color: #fff; }
            div#contentInnerR div.comments div.commentFoot a.button_89x16 { float: right; margin-left: 5px; }


      /* Galéria */
      div.galleryBox { clear: left; margin: 0; padding: 0; width: 700px; }
        div.galleryBox div.galleryBoxL { float: left; margin: 0; padding: 0 0 10px 0; width: 215px; }
          div.galleryBox div.galleryBoxL img { float: left; display: inline; margin: 5px 7px 5px 0px; padding: 3px !important; background-color: #fff; border: #D4A66A 1px solid !important; }
        div.galleryBox div.galleryBoxR { float: left; margin: 0; padding: 0 0 10px 0; width: 485px; }
          div.galleryBox div.galleryBoxR h2 { clear: left; margin: 0 !important; padding: 0 0 5px 0; font-size: 16px !important; font-weight: bold !important; }
          div.galleryBox div.galleryBoxR p { clear: left; margin: 0; padding: 5px 0; font-size: 11px; }
      div.imageList { margin: 0 auto; padding: 5px 0; width: 670px; }
      img.gallery { float: left; display: inline; margin: 5px 7px 5px 0px; padding: 3px !important; background-color: #fff !important; border: #D4A66A 1px solid !important; }


      /* Lapozó  */
      div.navbar { clear: left; margin: 5px 0; width: 680px; font-size: 11px; }
        div.navbar div.navbarLeft { width: 70%; float: left; text-align: left; }
          div.navbar div.navbarLeft a { display: block; float: left; margin: 0 2px; padding: 2px 0 0 0; width: 20px; height: 18px; color: #fff; background: url(navbar_num_bg.gif) no-repeat top left; font-weight: bold; text-align: center; text-decoration: none; }
          div.navbar div.navbarLeft a.page { display: block; float: left; margin: 0 2px; padding: 2px 0 0 0; width: 20px; height: 18px; color: #fff; background: url(navbar_num_bg.gif) no-repeat top left; font-weight: bold; text-align: center; text-decoration: none; }
          div.navbar div.navbarLeft a.page:hover { background-position: bottom left; }
          div.navbar div.navbarLeft a.active { background-position: bottom left; }
          div.navbar div.navbarLeft div { display: block; float: left; margin: 0 2px; padding: 2px 0 0 0; width: 20px; height: 18px; color: #fff; background: url(navbar_num_bg.gif) no-repeat top left; font-weight: bold; text-align: center; text-decoration: none; }
        div.navbar div.navbarRight { float: left; width: 30%; margin: 0; padding: 0; color: #CCA074; text-align: right; }
          div.navbar div.navbarRight span { color: #CCA074; }
          div.navbar div.navbarRight select.inputlist { color: #fff; background-color: #CCA074; border: #AC8357 1px solid; font-size: 11px; font-weight: bold; }


      /* Űrlapok */
      div#contentInnerR form { float: left; width: 50%; margin: 0 10px 0 0; padding: 0; }
        div#contentInnerR form img.captcha { margin: 0; padding: 0; border: none !important; }
        div#contentInnerR form p { clear: both; margin: 0; padding: 5px 0; font-size: 11px; }
          div#contentInnerR form p label { display: block; float: left; margin: 0; padding: 0 5px 0 0; width: 120px; font-size: 12px; text-align: right; }

      div#contentInnerR div.formError { float: left; width: 40%; margin-bottom: 10px; padding: 0; color: #541C27; background-color: #fff; border: #9A4250 2px dashed; }
        div#contentInnerR div.formError h1 { margin: 0; padding: 5px; color: #541C27; font-size: 14px; font-weight: bold; text-transform: none !important; }
        div#contentInnerR div.formError p { margin: 0; padding: 5px; color: #541C27; font-size: 12px; }

      div.clearfix { clear: both; margin: 0; padding: 0; width: 100%; height: 15px; font-size: 1px; line-height: 1px; overflow: hidden; }
      div.hr { clear: both; margin: 0 0 5px 0; padding: 0; width: 90%; height: 15px; font-size: 1px; line-height: 1px; border-bottom: #D4A471 1px solid; overflow: hidden; }


/*
  --------------------
  - Lábléc -----------
  --------------------
*/
  div#footer { clear: left; position: relative; width: 956px; height: 90px; margin: 0; padding: 10px 20px 0 20px; background: url(footer_bg.jpg) no-repeat top left; }
    div#footer img { margin: 0; padding: 0; border: none; }

    ul#bottomlinks { position: absolute; top: 10px; left: 20px; margin: 0; padding: 0 0 5px 0; list-style-type: none; font: normal normal 11px/14px Verdana, Arial; }
      ul#bottomlinks li { float: left; margin: 0; padding: 0 7px; color: #8F5E61; background: url(ulli_sep.jpg) no-repeat right 4px; }
        ul#bottomlinks li a { color: #8F5E61; font-weight: normal; }
      ul#bottomlinks li.last { background: none; }

    div#footerLeft { position: absolute; top: 40px; left: 27px; width: 750px; margin: 0; padding: 0; color: #8F5E61; font: normal normal 11px/14px Verdana, Arial; }
      div#footerLeft p { margin: 0; padding: 0; }
      div#footerLeft a { color: #8F5E61; font-weight: normal; }
    div#footerRight { position: absolute; top: 40px; left: 870px; width: 100px; margin: 0; padding: 0; }