/*
$ http://www.king-kati.hu $
$ style/style.css | 2008/02/01 08:50 $
$ LM: 2012/01/30 09:52 $
*/

body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 12px; background-color: #FFFFFF; color: #555555; }

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

img { border: none; }

div#header { width: 100%; height: 200px; background: url(header_repeat_bg.jpg) repeat-x; }
  div#headerInner { position: relative; margin: 0 auto; width: 980px; height: 200px; background: url(header_bg.jpg) no-repeat; }
  div#headerInner a.logo { position: absolute; top: 55px; left: 223px; }

  ul#toplinks { margin: 0; padding: 0 15px 0 0; position: absolute; top: 5px; right: 0px; height: 15px; line-height: 12px; list-style-type: none; font-size: 10px; }
    ul#toplinks li { float: left; border-right: #7F675C 1px solid; padding: 0 8px; text-transform: lowercase; }
    ul#toplinks li.last { float: left; border-right: none; padding: 0 8px; }
      ul#toplinks li a { color: #7F675C; text-decoration: none; }
      ul#toplinks li a:hover { color: #7F675C; text-decoration: underline; }

  ul#langswitcher { margin: 0; padding: 0; position: absolute; top: 70px; left: 455px; height: 15px; line-height: 12px; list-style-type: none; font-size: 10px; }
    ul#langswitcher li { float: left; border-right: #7F675C 1px solid; padding: 0 8px; }
    ul#langswitcher li.last { float: left; border-right: none; padding: 0 8px; }
      ul#langswitcher li a { color: #7F675C; text-decoration: none; }
      ul#langswitcher li a:hover { color: #7F675C; text-decoration: underline; }
      ul#langswitcher li a.active { color: #FFFFFF; text-decoration: none; }

  div#slogan { width: 390px; margin: 0; padding: 0; position: absolute; top: 97px; left: 227px; color: #FFFFFF; font-size: 13px; }

  ul#menu { margin: 0; padding: 0; position: absolute; top: 156px; left: 150px; width: 515px; height: 28px; list-style-type: none; z-index: 10; }
    ul#menu li { float: left; margin: 0; padding: 0; z-index: 10; }
      ul#menu li a.menu1 { display: block; margin: 0; padding: 16px 0 0 0; width: 153px; height: 28px; color: #8B7063; font-size: 13px; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration: none; background: url(menu_1.jpg) no-repeat top; }
      ul#menu li a.menu1:hover { display: block; margin: 0; padding: 16px 0 0 0; height: 28px; color: #FFFFFF; font-size: 13px; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration: none; background: url(menu_1.jpg) no-repeat bottom; }
      ul#menu li a.menu2 { display: block; margin: 0; padding: 16px 0 0 0; width: 138px; height: 28px; color: #8B7063; font-size: 13px; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration: none; background: url(menu_2.jpg) no-repeat top; }
      ul#menu li a.menu2:hover { display: block; margin: 0; padding: 16px 0 0 0; height: 28px; color: #FFFFFF; font-size: 13px; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration: none; background: url(menu_2.jpg) no-repeat bottom; }
      ul#menu li a.menu3 { display: block; margin: 0; padding: 16px 0 0 0; width: 113px; height: 28px; color: #8B7063; font-size: 13px; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration: none; background: url(menu_3.jpg) no-repeat top; }
      ul#menu li a.menu3:hover { display: block; margin: 0; padding: 16px 0 0 0; height: 28px; color: #FFFFFF; font-size: 13px; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration: none; background: url(menu_3.jpg) no-repeat bottom; }
      ul#menu li a.menu4 { display: block; margin: 0; padding: 16px 0 0 0; width: 110px; height: 28px; color: #8B7063; font-size: 13px; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration: none; background: url(menu_4.jpg) no-repeat top; }
      ul#menu li a.menu4:hover { display: block; margin: 0; padding: 16px 0 0 0; height: 28px; color: #FFFFFF; font-size: 13px; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration: none; background: url(menu_4.jpg) no-repeat bottom; }

    ul#menu li ul { display: none; float: left; width: 191px; position: absolute; margin: 0; padding: 3px 0 80px 0; list-style-type: none; background: #402C22 url(menu_bottom_bg.jpg) no-repeat bottom center; border: #533D32 1px solid; border-top: none; z-index: 20; }
      ul#menu li ul li { display: block; clear: left; margin: 0; padding: 0 6px; font-size: 11px; }
      ul#menu li ul li a { display: block; width: 171px; padding: 2px 4px 2px 4px; color: #8B7063; border-bottom: #533D32 1px solid; text-decoration: none; z-index: 20; }
      ul#menu li ul li a:hover { display: block; width: 171px; text-decoration: none; color: #FFFFFF; background-color: #2F1F18; border-bottom: #533D32 1px solid; text-decoration: none; }

    ul#menu li ul.submenu1 { left: 2px; }
    ul#menu li ul.submenu3 { left: 298px; }

    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 6px; width: 180px; font-size: 11px; }
      ul#menu li.hover ul li a { display: block; width: 171px; padding: 2px 4px 2px 4px; color: #8B7063; border-bottom: #533D32 1px solid; text-decoration: none; }
      ul#menu li.hover ul li a:hover { display: block; width: 171px; text-decoration: none; color: #FFFFFF; background-color: #2F1F18; border-bottom: #533D32 1px solid; text-decoration: none; }


div#content { width: 100%; }
  div#contentInner { margin: 0 auto; width: 980px; min-height: 400px; height: auto !important; height: 400px; font-size: 13px; }

    div#status { margin: 6px 0 0 0; color: #9D867A; font-size: 11px; width: 980px; }
      div#status a { color: #9D867A; text-decoration: underline; }
      div#status a:hover { color: #9D867A; text-decoration: none; }

  div#contentInner h1 { margin: 8px 0; padding: 0 0 0 16px; font-weight: normal; font-size: 22px; color: #000000; background: url(title_li.jpg) no-repeat 0 10px; }
  div#contentInner p { clear: left; margin: 4px 0; padding: 0; }
  div#contentInner div.image { float: left; width: auto; margin: 8px 4px; padding: 5px; background-color: #402619; border: #816E65 1px solid; }
  div#contentInner div.image a img { border: #816E65 1px solid; }
  div#contentInner div.image a:hover img { border: #FFFFFF 1px solid; }

  div#contentInner div.dove { float: left; width: 100px; height: 157px; margin: 0 16px 16px 0; padding: 5px 0; color: #402619; font-size: 13px; font-weight: bold; background-color: #9C8579; border: #816E65 1px solid; text-align: center; vertical-align: top; }
    div#contentInner div.dove span.winner { color: #FF0000; }
    div#contentInner div.dove a:hover { background: transparent; } /* Azért kell, hogy IE6-ban működjön a :hover-re a span megjelenítése */
    div#contentInner div.dove a img { margin: 0; padding: 0; border: #7F675C 1px solid; }
    div#contentInner div.dove a:hover img { margin: 0; padding: 0; border: #FFFFFF 1px solid; }
    div#contentInner div.dove a span, div#contentInner div.dove a:link span { display: none; float: left; }
    div#contentInner div.dove a:hover span { display: block; clear: both; position: absolute; top: auto; left: auto; margin: 0 5px; padding: 5px; width: 140px; background-color: #402C22; color: #FFFFFF; border: #FFFFFF 1px solid; }

  div#contentInner div.resultBox { clear: both; width: 980px; }
    div#contentInner div.resultBox div.dove { float: left; width: 100px; height: 157px; margin: 0 16px 16px 0; padding: 10px 0; color: #402619; font-size: 13px; font-weight: bold; background-color: #9C8579; border: #816E65 1px solid; text-align: center; vertical-align: top; }
      div#contentInner div.resultBox div.dove span.winner { color: #FF0000; }
      div#contentInner div.resultBox div.dove a img { border: #7F675C 1px solid; }
      div#contentInner div.resultBox div.dove a:hover img { border: #FFFFFF 1px solid; }
    div#contentInner div.resultBox div.result { float: left; width: 800px; margin: 0 5px; }

  div#contentInner div.hr { clear: both; width: 980px; height: 1px; line-height: 0px; overflow: hidden; }

  div#contentInner div#contactLeft { float: left; width: 550px; z-index: 1; }
    div#contentInner div#contactLeft div.map { float: left; margin: 8px 0; width: 512px; height: 384px; border: #7F675C 1px solid; z-index: 1; }
  div#contentInner div#contactRight { float: left; width: 400px; }
    div#contentInner div#contactRight p { float: left; width: 390px; margin: 2px 0; padding: 1px 0; }
    div#contentInner div#contactRight p label { float: left; width: 110px; text-align: right; margin-right: 5px; }
    div#contentInner input.inputbox { width: 180px; font-size: 10px; color: #402C22; background-color: #8B7063; border: #533D32 1px solid; }
    div#contentInner input.inputbox:focus { width: 180px; font-size: 10px; color: #FFFFFF; background-color: #402C22; border: #533D32 1px solid; }
    div#contentInner textarea.inputarea { width: 180px; font-size: 10px; color: #402C22; background-color: #8B7063; border: #533D32 1px solid; }
    div#contentInner textarea.inputarea:focus { width: 180px; font-size: 10px; color: #FFFFFF; background-color: #402C22; border: #533D32 1px solid; }
    div#contentInner input.nbutton { font-size: 11px; background-color: #8B7063; color: #FFFFFF; border: #533D32 1px solid; cursor: pointer; }
    div#contentInner .relatedGallery { float: right; width: 480px; }

div#footer { width: 100%; height: 107px; background: url(footer_repeat_bg.jpg) repeat-x; font-size: 11px; }
  div#footerInner { margin: 0 auto; width: 980px; height: 107px; background: url(footer_bg.jpg) no-repeat; }

  div#footerInnerLeft { float: left; margin: 0; padding: 0 0 0 90px; width: 500px; }
      div#footerInnerLeft ul { margin: 0; padding: 10px 0 0 0; list-style-type: none; line-height: 12px; font-size: 11px; text-transform: lowercase; }
        div#footerInnerLeft ul li { float: left; color: #FFFFFF; border-right: 1px solid; padding: 0 6px; }
        div#footerInnerLeft ul li.last { float: left; color: #FFFFFF; border-right: none; padding: 0 6px; }
          div#footerInnerLeft ul li a { color: #FFFFFF; text-decoration: none; }
          div#footerInnerLeft ul li a:hover { color: #FFFFFF; text-decoration: underline; }
      div#footerInnerLeft p { float: left; width: 400px; margin: 0; padding: 18px 0 0 6px; color: #FFFFFF; }

  div#footerInnerRight { float: right; margin: 0; padding: 15px 40px 0 0; width: 340px; text-align: right; color: #FFFFFF; }
    div#footerInnerRight div { float: left; width: 250px; }
    div#footerInnerRight div a { color: #FFFFFF; text-decoration: none; }