/*
$ http://www.pecsiortopedia.hu $
$ style/style.css | 2008/01/07 11:10 $
$ LM: 2007/02/06 11:15 $
*/

body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 13px; background-color: #EDEDE4; color: #384951; }

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

img { border: none; }
ul { margin: 8px 0; padding: 0; list-style-type: none; }

form { margin: 0; padding: 0; }
p { margin: 4px 0; }
p label { float: left; width: 130px; margin: 0 5px 0 0; text-align: right; }
input.inputbox { font-size: 11px; background-color: #FFFFFF; color: #205677; border: #C0C9C9 1px solid; }
input.inputbox:focus, input.inputbox:hover { font-size: 11px; background-color: #FFFFFF; color: #205677; border: #2E7FA0 1px solid; }
textarea.inputarea { font-size: 11px; background-color: #FFFFFF; color: #205677; border: #C0C9C9 1px solid; }
textarea.inputarea:focus, textarea.inputarea:hover { font-size: 11px; background-color: #FFFFFF; color: #205677; border: #2E7FA0 1px solid; }
input.nbutton { display: block; margin: 0; width: 100px; height: 31px; font-size: 12px; color: #FFFFFF; border: none; background: url(button.png) no-repeat; text-transform: uppercase; cursor: pointer; }

div#header { float: left; width: 100%; height: 233px; background: url(header_bg.png) repeat-x; }
  div#headerInner { position: relative; margin: 0 8px; width: 980px; height: 233px; background: url(header_right_bg.jpg) no-repeat right top; }

    ul#links { margin: 0; padding: 0; width: 980px; height: 15px; list-style-type: none; font-size: 10px; }
      ul#links li { float: right; border-right: 1px solid; padding: 0 8px; }
      ul#links li.last { float: right; border-right: none; padding: 0 8px; }
        ul#links li a { color: #C0C9C9; }

    ul#menu { position: absolute; top: 71px; left: 0px; margin: 0; padding: 0; width: 980px; height: 15px; list-style-type: none; font-size: 11px; z-index: 10; }
      ul#menu li { float: left; margin: 0 4px; }
        ul#menu li a.menu1 { display: block; width: 100px; height: 23px; line-height: 23px; color: #EDEDE4; text-align: center; text-transform: uppercase; text-decoration: none; background: url(menu_tab_bg.png) repeat-x; border-top: #B6C3C6 1px solid; border-left: #B6C3C6 1px solid; border-right: #B6C3C6 1px solid; }
        ul#menu li a.menu1:hover { display: block; height: 23px; line-height: 23px; color: #272D37; text-align: center; text-transform: uppercase; text-decoration: none; background: #EDECE7; border-top: #EDECE7 1px solid; border-left: #EDECE7 1px solid; border-right: #EDECE7 1px solid; }
        ul#menu li a.menu2 { display: block; width: 120px; height: 23px; line-height: 23px; color: #EDEDE4; text-align: center; text-transform: uppercase; text-decoration: none; background: url(menu_tab_bg.png) repeat-x; border-top: #B6C3C6 1px solid; border-left: #B6C3C6 1px solid; border-right: #B6C3C6 1px solid; }
        ul#menu li a.menu2:hover { display: block; height: 23px; line-height: 23px; color: #272D37; text-align: center; text-transform: uppercase; text-decoration: none; background: #EDECE7; border-top: #EDECE7 1px solid; border-left: #EDECE7 1px solid; border-right: #EDECE7 1px solid; }
        ul#menu li a.menu3 { display: block; width: 120px; height: 23px; line-height: 23px; color: #EDEDE4; text-align: center; text-transform: uppercase; text-decoration: none; background: url(menu_tab_bg.png) repeat-x; border-top: #B6C3C6 1px solid; border-left: #B6C3C6 1px solid; border-right: #B6C3C6 1px solid; }
        ul#menu li a.menu3:hover { display: block; height: 23px; line-height: 23px; color: #272D37; text-align: center; text-transform: uppercase; text-decoration: none; background: #EDECE7; border-top: #EDECE7 1px solid; border-left: #EDECE7 1px solid; border-right: #EDECE7 1px solid; }
        ul#menu li a.menu4 { display: block; width: 170px; height: 23px; line-height: 23px; color: #EDEDE4; text-align: center; text-transform: uppercase; text-decoration: none; background: url(menu_tab_bg.png) repeat-x; border-top: #B6C3C6 1px solid; border-left: #B6C3C6 1px solid; border-right: #B6C3C6 1px solid; }
        ul#menu li a.menu4:hover { display: block; height: 23px; line-height: 23px; color: #272D37; text-align: center; text-transform: uppercase; text-decoration: none; background: #EDECE7; border-top: #EDECE7 1px solid; border-left: #EDECE7 1px solid; border-right: #EDECE7 1px solid; }
        ul#menu li a.menu5 { display: block; width: 120px; height: 23px; line-height: 23px; color: #EDEDE4; text-align: center; text-transform: uppercase; text-decoration: none; background: url(menu_tab_bg.png) repeat-x; border-top: #B6C3C6 1px solid; border-left: #B6C3C6 1px solid; border-right: #B6C3C6 1px solid; }
        ul#menu li a.menu5:hover { display: block; height: 23px; line-height: 23px; color: #272D37; text-align: center; text-transform: uppercase; text-decoration: none; background: #EDECE7; border-top: #EDECE7 1px solid; border-left: #EDECE7 1px solid; border-right: #EDECE7 1px solid; }

      ul#menu li ul { display: none; float: left; position: absolute; z-index: 100; margin: 0; padding: 3px 0; list-style-type: none; background-color: #EDECE7; border: #B6C3C6 1px solid; border-top: none; }
        ul#menu li ul li { clear: left; margin: 0; padding: 0; width: 190px; font-size: 11px; text-transform: uppercase; }
        ul#menu li ul li a { display: block; width: 172px; background: url(menu_li.gif) no-repeat 8px 6px; padding: 2px 0 2px 18px; border-bottom: #92C3CC 1px solid; }
        ul#menu li ul li a:hover { display: block; width: 172px; text-decoration: none; color: #FFFFFF; background-color: #92C3CC; border-bottom: #92C3CC 1px solid; }
        ul#menu li ul li a.last { display: block; width: 172px; background: url(menu_li.gif) no-repeat 8px 6px; padding: 2px 0 2px 18px; border-bottom: none; }
        ul#menu li ul li a.last:hover { display: block; width: 172px; text-decoration: none; color: #FFFFFF; background-color: #92C3CC; border-bottom: none; }

      ul#menu li:hover ul { display: block; }
      ul#menu li.hover ul { display: block; }
        ul#menu li.hover ul li { clear: left; margin: 0; padding: 0; width: 190px; font-size: 11px; text-transform: uppercase; }
        ul#menu li.hover ul li a { display: block; width: 172px; background: url(menu_li.gif) no-repeat 8px 6px; padding: 2px 0 2px 18px; border-bottom: #92C3CC 1px solid; }
        ul#menu li.hover ul li a:hover { display: block; width: 172px; text-decoration: none; color: #FFFFFF; background-color: #92C3CC; border-bottom: #92C3CC 1px solid; }
        ul#menu li.hover ul li a.last { display: block; width: 172px; background: url(menu_li.gif) no-repeat 8px 6px; padding: 2px 0 2px 18px; border-bottom: none; }
        ul#menu li.hover ul li a.last:hover { display: block; width: 172px; text-decoration: none; color: #FFFFFF; background-color: #92C3CC; border-bottom: none; }

    a.l { clear: left; position: absolute; top: 117px; left: 0px; z-index: 1; }
    a.lt { clear: left; position: absolute; top: 145px; left: 95px; z-index: 1; }
    div#languages { clear: left; position: absolute; top: 191px; left: 742px; z-index: 1; }
      div#languages a.hu { float: left; display: block; width: 37px; height: 30px; background: url(lang_hu.png) no-repeat bottom; text-indent: -100px; overflow: hidden; }
      div#languages a.hu:hover { float: left; display: block; width: 37px; height: 30px; background: url(lang_hu.png) no-repeat top; text-indent: -100px; overflow: hidden; }
      div#languages a.hu_active { float: left; display: block; width: 37px; height: 30px; background: url(lang_hu.png) no-repeat top; text-indent: -100px; overflow: hidden; }
      div#languages a.de { float: left; display: block; width: 38px; height: 30px; background: url(lang_de.png) no-repeat bottom; text-indent: -100px; overflow: hidden; }
      div#languages a.de:hover { float: left; display: block; width: 38px; height: 30px; background: url(lang_de.png) no-repeat top; text-indent: -100px; overflow: hidden; }
      div#languages a.de_active { float: left; display: block; width: 38px; height: 30px; background: url(lang_de.png) no-repeat top; text-indent: -100px; overflow: hidden; }
      div#languages a.en { float: left; display: block; width: 37px; height: 30px; background: url(lang_en.png) no-repeat bottom; text-indent: -100px; overflow: hidden; }
      div#languages a.en:hover { float: left; display: block; width: 37px; height: 30px; background: url(lang_en.png) no-repeat top; text-indent: -100px; overflow: hidden; }
      div#languages a.en_active { float: left; display: block; width: 37px; height: 30px; background: url(lang_en.png) no-repeat top; text-indent: -100px; overflow: hidden; }
      div#languages a.fr { float: left; display: block; width: 38px; height: 30px; background: url(lang_fr.png) no-repeat bottom; text-indent: -100px; overflow: hidden; }
      div#languages a.fr:hover { float: left; display: block; width: 38px; height: 30px; background: url(lang_fr.png) no-repeat top; text-indent: -100px; overflow: hidden; }
      div#languages a.fr_active { float: left; display: block; width: 38px; height: 30px; background: url(lang_fr.png) no-repeat top; text-indent: -100px; overflow: hidden; }

div#content { clear: both; width: 100%; margin: 0; padding: 0; }
  div#contentInner { float: left; margin: 0; width: 980px; padding: 0 0 0 8px; background: url(right_bottom_image.jpg) no-repeat right bottom; overflow: hidden; }
    div#contentInnerLeft { float: left; width: 730px; font-size: 13px; padding: 0 10px 20px 0; }
      div#contentInnerLeft h1 { clear: left; margin: 8px 0 0 0; padding: 0; color: #2E7FA0; font-weight: normal; font-size: 28px; }
        div#contentInnerLeft h1 a { clear: left; margin: 8px 0 0 0; padding: 0; color: #2E7FA0; background: none; font-weight: normal; font-size: 22px; }
      div#contentInnerLeft h2 { clear: left; margin: 0 0 16px 0; padding: 0 0 0 2px; color: #384951; font-size: 14px; }
        div#contentInnerLeft h2 span { font-size: 11px; font-weight: normal; }
      div#contentInnerLeft h3 { clear: left; margin: 16px 0 0 0; padding: 0; color: #2E7FA0; font-weight: normal; font-size: 22px; }
      div#contentInnerLeft a { color: #B4161A; font-size: 12px; font-weight: bold; background: url(red_arrow.gif) no-repeat 0px 3px; padding: 0 0 0 12px; }
      div#contentInnerLeft a.back { color: #B4161A; font-size: 12px; font-weight: bold; background: url(red_backarrow.gif) no-repeat 0px 3px; padding: 0 0 0 12px; }
        div#contentInnerLeft a span { background-color: #E0D6C7; padding: 0 2px; }
        div#contentInnerLeft div.tL { width: 540px; float: left; }
        div#contentInnerLeft div.tR { width: 180px; float: left; text-align: center; font-size: 12px; }
          div#contentInnerLeft div.tR a { background: none; }
      div#contentInnerLeft p { clear: left; }
      div#contentInnerLeft div.ct { clear: left; width: 700px; font-size: 13px; padding: 0 0 0 12px; }

      /* Kép */
      div#contentInnerLeft div.image { float: left; background: #DBD7CA; border: #C5C2B7 1px solid; margin: 4px 4px 8px 4px; padding: 3px 3px 8px 3px; text-align: center; }
        div#contentInnerLeft div.image img { border: #FFFFFF 3px solid; }
        div#contentInnerLeft div.image a { background: none; padding: 0; }

      /* Dolgozóink */
      div#contentInnerLeft div.d { float: left; width: 630px; margin: 10px 0; padding: 5px 10px 0px 10px; color: #205677; }
        div#contentInnerLeft div.d div.dL { width: 160px; float: left; overflow: hidden; }
          div#contentInnerLeft div.d div.dL a { padding: 0; background: none; }
        div#contentInnerLeft div.d div.dL div.dLnoPic { width: 120px; height: 160px; margin: 5px 10px 0px 0px; padding: 5px; border: #C5C2B7 1px solid; color: #C5C2B7; background-color: #DBD7CA; line-height: 160px; text-align: center; }

        div#contentInnerLeft div.d div.dR { width: 470px; float: left; margin: 10px 0; padding: 0; }
          div#contentInnerLeft div.d div.dR ul { float: left; width: 450px; position: relative; list-style-type: none; margin: 0; padding: 0; border: #C0C9C9 1px solid; }
            div#contentInnerLeft div.d div.dR ul li { padding: 4px; }
            div#contentInnerLeft div.d div.dR ul li.odd { background-color: #EAE7DA; }
            div#contentInnerLeft div.d div.dR ul li.even { background-color: #F7F5EF; }
              div#contentInnerLeft div.d div.dR ul li label { float: left; width: 100px; margin: 0 5px 0 0; font-weight: bold; text-align: left; }

    /* Lapozó */
    div.navbar { clear: both; margin: 5px 0; padding: 5px; width: 630px; }
      div.navbar div.navbarStatus { float: left; width: 200px; margin: 0; padding: 0 0 5px 0; }
        div.navbar div.navbarStatus select.inputlist { width: auto; background-color: #FFFFFF; color: #205677; border: #C0C9C9 1px solid; }
      div.navbar div.navbarLeft { width: 75px; float: left; }
      div.navbar div.navbarMiddle { width: 250px; float: left; text-align: center; }
      div.navbar div.navbarRight { width: 75px; float: left; text-align: right; }

    div.hr { clear: left; width: 630px; height: 1px; }

    /* Felugró ablak */
    div.popupBox {
      float: left;
      display: none;
      margin: -150px 0 0 0;
      position: absolute;
      left: 120px;
      width: 510px;
      height: 450px; 
      padding: 10px;
      border: #C0C9C9 1px solid;
      background-color: #F7F5EF;
      overflow: auto;
      z-index: 100;
    }
    
      div.popupBox h1 { margin: 0; padding: 8px 0; }
      div.popupBox div.popupInnerBox { clear: left; position: relative; top: 0; width: 500px; height: 350px; margin: 8px 0 0 0; padding: 8px 0; overflow: scroll; }
      div.popupBox div.popupInnerBox p { margin: 0; padding: 8px 0; }
      div.popupBox p.popupBoxClose { clear: left; margin: 16px 0 0 0; padding: 0; text-align: right; }

    div#contentInnerRight { float: left; width: 240px; padding: 0 0 230px 0; overflow: hidden; }
      div#contentInnerRight div.rBox { clear: left; width: 220px; margin: 8px 0; color: #205677; background-color: #D5DCDC; border: #C0C9C9 1px solid; padding: 5px 10px; font-size: 12px; }
        div#contentInnerRight div.rBox h1 { display: block; width: 215px; color: #2E7FA0; font-size: 24px; font-weight: normal; margin: 0 0 8px 0; padding: 0; border-bottom: #C0C9C9 1px solid; }
        div#contentInnerRight div.rBox p { clear: left; margin: 4px 0; padding: 0 3px; }
        div#contentInnerRight div.rBox p label { float: left; width: 100%; text-align: left; }
        div#contentInnerRight div.rBox p input.inputbox { font-size: 11px; width: 210px; background-color: #FFFFFF; color: #205677; border: #C0C9C9 1px solid; }
        div#contentInnerRight div.rBox input.button { display: block; margin: 0; width: 78px; height: 31px; font-size: 12px; color: #FFFFFF; border: none; background: url(search_button.png) no-repeat; text-transform: uppercase; cursor: pointer; }
        div#contentInnerRight div.rBox a.pl { clear: left; color: #42A4B9; font-weight: bold; font-size: 16px; background: url(pl_li.png) no-repeat 0 5px; padding: 0 0 0 12px; }
        div#contentInnerRight div.rBox a { display: block; width: 205px; color: #384951; background: #C0C9C9 url(rbox_li.png) no-repeat 0px 3px; padding: 1px 0 1px 12px; font-size: 12px; font-weight: bold; }

        div#contentInnerRight div.rBox table { color: #272D37; font-size: 12px; width: 205px; }
          div#contentInnerRight div.rBox table td { color: #272D37; text-align: right; }
          div#contentInnerRight div.rBox table td.left { color: #2E7FA0; text-align: left; }

div#footer { float: left; width: 100%; height: 108px; background: url(footer_bg.png) repeat-x; }
  div#footerInner { margin: 0 8px; width: 980px; height: 108px; color: #8A8D8E; font-size: 11px; }

    div#footerInnerLeft { width: 680px; float: left; }
      div#footerInnerLeft ul { float: left; margin: 0; padding: 16px 0 8px 0; list-style-type: none; }
        div#footerInnerLeft ul li { float: left; border-right: 1px solid; padding: 0 8px; }
        div#footerInnerLeft ul li.last { float: left; border-right: none; padding: 0 8px; }
          div#footerInnerLeft ul li a { color: #FFFFFF; text-transform: lowercase; }
      div#footerInnerLeft p { clear: left; font-size: 10px; margin: 0; padding: 0 8px; }

    div#footerInnerRight { width: 270px; float: right; margin: 0; padding: 16px 0 0 30px; background: url(footer_right_top_bg.jpg) no-repeat right top; }
      div#footerInnerRight img { float: left; margin: 0 8px 52px 0; border: none; }
      div#footerInnerRight a { color: #8A8D8E; }