/*
$ http://www.gunarasfurdo.hu $
$ style/style.css | 2009/03/13 11:00 | 2009/06/08 14:27 $
*/

body { margin: 0; padding: 0; font: normal normal 12px/14px Verdana, Arial; color: #646464; background: #1FB4E5; }

a:link { color: #333333; text-decoration: none; }
a:visited { color: #333333; text-decoration: none; }
a:hover { color: #333333; text-decoration: underline; }
img { border: none; }
div.clearfix { clear: both; width: 100%; height: 1px; overflow: hidden; font-size: 1px; line-height: 1px; }
div#gunarasfurdo { width: 983px; margin: 0 auto; padding: 0; }


/* ----------
   - header -
   ---------- */

div#header { float: left; width: 983px; height: 182px; margin: 0; padding: 0; position: relative; background: url(header/bg.jpg) no-repeat top left; }
  a#logo { display: block; width: 206px; height: 131px; margin: 0; padding: 0; position: absolute; top: 5px; left: 0px; background: url(header/logo.gif) no-repeat top left; text-indent: -5000px; }
  div#slideshow { display: block; width: 560px; height: 157px; margin: 0; padding: 0; position: absolute; top: 0px; left: 213px; }
  ul#langswitcher { display: block; width: 131px; height: 35px; margin: 0; padding: 0; position: absolute; top: 138px; left: 35px; overflow: hidden; list-style-type: none; }
    ul#langswitcher li { float: left; margin: 0; padding: 0; }
      ul#langswitcher li a { display: block; float: left; height: 35px; overflow: hidden; text-indent: -5000px; }
      ul#langswitcher li a.hu { width: 42px; background: url(header/langswitcher_hu.gif) no-repeat top left; }
      ul#langswitcher li a.de { width: 44px; background: url(header/langswitcher_de.gif) no-repeat top left; }
      ul#langswitcher li a.en { width: 42px; background: url(header/langswitcher_en.gif) no-repeat top left; }


/* -----------
   - content -
   ----------- */

div#content { float: left; width: 983px; margin: 0; padding: 0; background: url(content/bg.jpg) repeat-y top left; }

  /* left-side */
  div#contentL { float: left; width: 203px; margin: 0; padding: 0; }
    div#menu { width: 203px; height: 363px; margin: 0; padding: 0; position: relative; z-index: 10; background: url(left-side/menu_bg.jpg) no-repeat top left; }
      div#menu a.flag { margin: 0; padding: 0; position: absolute; top: 257px; left: 30px; list-style-type: none; }
      div#menu ul { float: left; width: 194px; margin: 0; padding: 0; position: relative; top: 30px; left: 6px; list-style-type: none; }
        div#menu ul li { float: left; width: 197px; margin: 0; padding: 0; position: relative; color: #6E6B64; font: normal bold 13px/15px Verdana, Arial; }
          div#menu ul li a { display: block; width: 188px; margin: 0; padding: 4px 2px; color: #61646D; border-bottom: #31A1C6 1px solid; }
          div#menu ul li a:hover { color: #fff; background-color: #34A1C9; text-decoration: none; } /* filter: alpha(opacity=85); -moz-opacity: .85; opacity: .85; */
          div#menu ul li a.last { border-bottom: none; }

          /* submenu */
          div#menu ul li ul { display: none; }
          div#menu ul li:hover ul { display: block; margin: 0; padding: 0; width: 180px; position: absolute; top: -16px; left: 197px; color: #6E6B64; }
            div#menu ul li ul li { display: block; width: 160px !important; margin: 0; padding: 0 10px; color: #6E6B64; background: url(left-side/submenu_bg.gif) repeat-y top left; font: normal bold 12px/13px Verdana, Arial; }
            div#menu ul li ul li.top { clear: left; width: 180px !important; height: 18px; margin: 0; padding: 0; background: url(left-side/submenu-top_bg.gif) repeat-y top left; overflow: hidden; font-size: 1px; line-height: 1px; }
            div#menu ul li ul li.bottom { clear: left; width: 180px !important; height: 14px; margin: 0; padding: 0; background: url(left-side/submenu-bottom_bg.gif) repeat-y top left; overflow: hidden; font-size: 1px; line-height: 1px; }
            div#menu ul li ul li a { display: block; width: 155px !important; border-bottom: #31A1C6 1px solid; font: normal bold 12px/13px Verdana, Arial; }
            div#menu ul li ul li a.last { border-bottom: none; }

    /* open hours */
    div#openhoursBox { width: 203px; margin: 0; padding: 0; }
      div#openhoursBox h1 { display: block; width: 193px; height: 27px; margin: 0; padding: 7px 0 0 10px; color: #544B46; background: url(left-side/openhours-top_bg.jpg) no-repeat top left; overflow: hidden; font: normal bold 16px/18px Georgia, Verdana, Arial; text-transform: uppercase; }
      div#openhoursBoxB { float: left; width: 203px; margin: 0; padding: 0; background: url(left-side/openhours_bg-ry.jpg) repeat-y top left; }
        div#openhoursBoxBI { float: left; width: 183px; min-height: 118px; height: auto !important; height: 118px; margin: 0; padding: 5px 10px; background: url(left-side/openhours_bg.jpg) no-repeat top left; }
          div#openhoursBoxBI h2 { margin: 0; padding: 5px 0; color: #000; font: normal normal 16px/18px Georgia, Verdana, Arial; text-transform: uppercase; }
          div#openhoursBoxBI p { margin: 0; padding: 3px 0; color: #000; font: normal normal 11px/12px Verdana, Arial; }
      div#openhoursBoxBottom { clear: left; width: 203px; height: 70px; margin: 0; padding: 0; background: url(left-side/openhours-bottom_bg.jpg) no-repeat top left; overflow: hidden; font-size: 1px; line-height: 1px; }

    /* newsletter */
    div#newsletterBox { width: 203px; height: 163px; color: #fff; background: url(left-side/newsletter-box_bg.jpg) no-repeat top left; }
      div#newsletterBox h1 { margin: 0; padding: 33px 0 5px 10px; color: #000; font: normal normal 16px/18px Georgia, Verdana, Arial; text-transform: uppercase; }
      div#newsletterBox p { clear: left; width: 195px; margin: 0; padding: 0 8px 0 0; color: #fff; font-size: 11px; text-align: right; }
      div#newsletterBox a { color: #fff; font-size: 10px; }
      div#newsletterBox form { float: left; margin: 0; padding: 0 0 5px 0; }
        div#newsletterBox form p { float: left; margin: 0; padding: 2px 0; text-align: left; }
        div#newsletterBox form p label { display: block; float: left; width: 50px; margin: 0; padding: 0 2px 0 0; color: #000; font-size: 11px; text-align: right; }
        div#newsletterBox form p span { display: block; float: left; width: 121px; height: 16px; background: url(left-side/inputbox-121x16_bg.jpg) no-repeat top left; font-size: 11px; }
          div#newsletterBox form p span input { display: block; float: left; width: 117px; height: 16px; margin: 0; padding: 0 2px; color: #000; background: transparent; border: none; font: normal normal 10px/12px Verdana, Arial; }
        div#newsletterBox form p input.button { display: block; float: left; width: 95px; height: 16px; margin: 0; padding: 0; color: #fff; background: url(left-side/button-95x16_bg.jpg) no-repeat top left; border: none; cursor: pointer; font: normal normal 10px/12px Verdana, Arial; }

  /* middle */
  div#contentM { float: left; width: 550px; margin: 0; padding: 0 15px; background: url(content/top_bg.gif) no-repeat 0px -1px; overflow: hidden; }
    div#contentM h1 { margin: 0; padding: 0 0 10px 0; color: #21B6DB; font: normal normal 22px/26px Verdana, Arial; }
      div#contentM h1 a { color: #21B6DB; font: normal normal 22px/26px Verdana, Arial; text-decoration: none !important; }
    div#contentM h2 { margin: 0; padding: 0 0 10px 0; color: #FA5C06; font: normal normal 22px/26px Verdana, Arial; }
      div#contentM h2 a { margin: 0; padding: 0; color: #FA5C06; font: normal normal 22px/26px Verdana, Arial; text-decoration: none !important; }
        div#contentM h2 a span.open { color: #61D0FF; }
        div#contentM h2 a span.close { color: #FF0000; }
    div#contentM h3 { margin: 0; padding: 0 0 10px 0; color: #21B6DB; font: normal normal 14px/16px Verdana, Arial; }
    div#contentM p { margin: 0; padding: 0 0 10px 10px; font: normal normal 12px/14px Verdana, Arial; }
      div#contentM p img { display: inline; float: left; }
    div#contentM img { margin: 0 5px 5px 0; border: #20BCE2 1px solid; }
    div#contentM a { color: #20BCE2; }
    div#contentM a:hover img { border: #676664 1px solid; }
    div#contentM a.button { display: block; float: left; width: 155px; height: 15px; margin: 0; padding: 1px 0 0 0; color: #fff; background: url(content/button-155x15_bg.gif) no-repeat top left; border: none; cursor: pointer; font: normal normal 10px/12px Verdana, Arial; text-align: center; text-decoration: none !important; }
    div#contentM div.sep { clear: both; width: 100%; margin: 0 0 10px 0; padding: 10px 0 0 0; border-bottom: #C1C1C1 1px solid; overflow: hidden; font-size: 1px; line-height: 1px; }

    /* simple lists */
    div#contentM ul { margin: 0; padding: 0 0 10px 10px; list-style-type: none; }
      div#contentM ul li { margin: 0; padding: 2px 0 2px 12px; background: url(content/arrow.gif) no-repeat 0 6px; }
        div#contentM ul li a { color: #FA5C06; font-weight: bold; }
          div#contentM ul li a span.open { color: #61D0FF; }
          div#contentM ul li a span.close { color: #FF0000; }
        div#contentM ul li ul { margin: 0; padding: 2px 0 0 12px; }

    /* news, gallery, etc. */
    div#contentM div.listBox { float: left; width: 550px; margin: 0; padding: 0; }
      div#contentM div.listBoxL { float: left; width: 90px; margin: 0; padding: 5px 0 0 0; }
      div#contentM div.listBoxR { float: left; width: 460px; margin: 0; padding: 0; }
        div#contentM div.listBoxR h2 { margin: 0; padding: 0; color: #FF5B00; font: normal normal 20px/24px Verdana, Arial; }
        div#contentM div.listBoxR h3 { margin: 0; padding: 0 0 5px 0; color: #606060; font: normal normal 10px/12px Verdana, Arial; }
        div#contentM div.listBoxR p { margin: 0; padding: 5px 0; font: normal normal 11px/12px Verdana, Arial; }
        div#contentM div.listBoxR a.more { display: block; width: 100px; height: 15px; margin: 0; padding: 1px 0 0 0; color: #fff; background: url(content/button-100x15_bg.gif) no-repeat top left; font: normal normal 11px/12px Verdana, Arial; cursor: pointer; text-align: center; text-decoration: none; }

    /* form */
    div#contentM form { float: left; margin: 0; padding: 0; position: relative; }
      div#contentM form img { border: none; }
        div#contentM form p { clear: left; margin: 0; padding: 5px 0 0 0; font-size: 11px; }
        div#contentM form p label { float: left; width: 150px; margin: 0; padding: 0 5px 0 0; font-size: 11px; text-align: right; }
        div#contentM form p span.it { display: block; float: left; width: 201px; height: 16px; margin: 0; padding: 0 4px; background: url(content/inputbox-209x16_bg.gif) no-repeat top left; }
          div#contentM form p span.it input { width: 201px; background: transparent; border: none; font-size: 11px; }
        div#contentM form p span.ta { display: block; float: left; width: 201px; height: 126px; margin: 0; padding: 4px 4px 0 4px; background: url(content/textarea-209x130_bg.gif) no-repeat top left; }
          div#contentM form p span.ta textarea { width: 198px; height: 120px; background: transparent; border: none; font-size: 11px; }
          div#contentM form p input.button { display: block; float: left; width: 100px; height: 15px; margin: 0; padding: 0; color: #fff; background: url(content/button-100x15_bg.gif) no-repeat top left; border: none; cursor: pointer; font: normal normal 10px/12px Verdana, Arial; }

    div#contentM div.toolTip { float: left; width: 196px; margin: 0; padding: 0; position: absolute; top: 2px; left: 367px; z-index: 5; background: url(content/toolTip_bg.png) repeat-y top left; filter: alpha(opacity=90); -moz-opacity: .90; opacity: .90; }
      div#contentM div.toolTipTop { float: left; width: 170px; min-height: 45px; height: auto !important; height: 45px; margin: 0; padding: 4px 8px 0 18px; color: #fff; background: url(content/toolTip_top.png) no-repeat top left; }
        div#contentM div.toolTipTop h1 { margin: 0; padding: 5px 0; color: #fff; font: normal bold 12px/14px Verdana, Arial; text-transform: none; }
        div#contentM div.toolTipTop ul { margin: 0; padding: 0; list-style-type: none; }
          div#contentM div.toolTipTop ul li { margin: 0; padding: 4px 0; color: #fff; font: normal normal 11px/13px Verdana, Arial; background: none; }
      div#contentM div.toolTipBottom { float: left; width: 196px; height: 16px; margin: 0; padding: 0; background: url(content/toolTip_bottom.png) no-repeat top left; }

    div#contentM .right { left: -200px !important; background: url(content/right_toolTip_bg.png) repeat-y top left !important; }
      div#contentM .right div.toolTipTop { padding: 4px 16px 0 10px; background: url(content/right_toolTip_top.png) no-repeat top left !important; }
      div#contentM .right div.toolTipBottom { background: url(content/right_toolTip_bottom.png) no-repeat top left !important; }

    /* contact */
    div#contentM div.googleMap { float: left; position: relative; z-index: 1; }
      div#contentM div.googleMap form { width: 335px !important; margin: 0; padding: 0; position: absolute; top: -37px; left: 220px; }
        div#contentM div.googleMap form p { clear: left; margin: 0; padding: 0; color: #0E468F; font-size: 11px; text-indent: 5px; }
          div#contentM div.googleMap form p label { clear: left; width: 400px; }
          div#contentM div.googleMap form p input.button { display: block; float: left; width: 110px; height: 15px; margin: 0 0 0 5px; padding: 0 0 1px 0; color: #fff; background: url(content/button-110x15_bg.gif) no-repeat top left; border: none; cursor: pointer; font: normal normal 10px/12px Verdana, Arial; }
      div#contentM div.googleMap div.map { float: left; width: 545px; height: 300px; margin: 0; padding: 0; overflow: hidden; border: #CBC6A8 1px solid; }
        div#contentM div.googleMap div.map img { float: left; border: none !important; }

    div#contentM div.contactL { float: left; width: 240px; margin: 0; padding: 0 15px 0 0; }
      div#contentM div.contactL p { padding: 4px 0 4px 0 !important; font-size: 11px !important; }
    div#contentM div.contactR { float: left; width: 290px; padding: 0 0 0 5px; }
      div#contentM div.contactR p { clear: left; margin: 0; padding: 5px 0 0 0 !important; font-size: 11px !important; }
        div#contentM div.contactR form p label { float: left; width: 47px; }

  /* basins */
  div#contentM table.basinDatas { float: left; width: 260px; margin: 0 10px 10px 0; padding: 0 0 0 10px; position: relative; left: 10px; color: #000; border: none; border-collapse: collapse; }
    div#contentM table.basinDatas tr { background-color: #D1EFF9; }
    div#contentM table.basinDatas tr.even { background-color: #fff; }
    div#contentM table.basinDatas tr td { height: 18px; padding: 0 10px 0 0; text-align: right; }
    div#contentM table.basinDatas tr td.data { font-weight: bold; text-align: left; }

  /* navbar */
  div.navbar { float: left; width: 550px; margin: 10px 0 10px 0; font-size: 11px; }
    div.navbar div.navbarLeft { float: left; width: 430px; text-align: left; }
      div.navbar div.navbarLeft img { position: relative; top: 4px; left: 3px; border: none !important; }
      div.navbar div.navbarLeft a,
      div.navbar div.navbarLeft div { display: block; float: left; width: 15px; height: 18px; margin: 0 2px; padding: 0 2px 0 0; color: #fff !important; background: url(content/navBar-page_bg.gif) no-repeat top left; font-size: 8px !important; text-align: center; text-decoration: none; }
      div.navbar div.navbarLeft div.active { color: #000 !important; font-weight: bold; }
      div.navbar div.navbarLeft a:hover,
      div.navbar div.navbarLeft a.active { color: #000 !important; }
    div.navbar div.navbarRight { float: left; width: 120px; margin: 0; padding: 0; color: #0B759C; text-align: right; }
      div.navbar div.navbarRight span { color: #0B759C; }
      div.navbar div.navbarRight select.inputlist { color: #117796; background-color: #61CFED; border: #1FB4E5 1px solid; font-size: 11px; font-weight: bold; }

  /* right-side */
  div#contentR { float: left; width: 200px; min-height: 50px; height: auto !important; height: 50px; margin: 0; padding: 15px 0 0 0; color: #fff; background: url(right-side/top_bg.jpg) no-repeat top left; font-size: 11px; text-align: center; }
    div#contentR div.banner { width: auto; height: auto; margin: 10px auto; padding: 0; }


/* ----------
   - footer -
   ---------- */

div#footer { float: left; width: 773px; margin: 0; padding: 20px 0 50px 205px; background: url(footer/top_bg.jpg) no-repeat top left; }
  div#footer a { color: #fff; }

  div#footerT { clear: both; margin: 0; padding: 0; }
    div#footerT ul#links { display: block; width: 750px; margin: 0; padding: 0; overflow: hidden; font-size: 11px; list-style-type: none; }
      div#footerT ul#links li { float: left; margin: 0; padding: 0 6px; background: url(footer/li_sep.jpg) no-repeat right 4px; }
      div#footerT ul#links li.last { float: left; margin: 0; padding: 0 6px; background: none; }

    div#footerT div#sitemap ul { margin: 0; padding: 15px 0 0 30px; font-size: 11px; list-style-type: square; }
      div#footerT div#sitemap ul li { clear: left; margin: 0; padding: 0; color: #fff; background: none; }
        div#footerT div#sitemap ul li ul { margin: 0; padding: 5px 0 5px 30px; font-size: 11px; list-style-type: square; }
          div#footerT div#sitemap ul li ul li { clear: left; margin: 0; padding: 0; color: #fff; background: none; }

  div#footerB { clear: both; margin: 0; padding: 15px 0 0 6px; font-size: 11px; }
    div#footerB p.left { display: block; float: left; width: 460px; margin: 0; padding: 0; color: #054263; }
      div#footerB p.left a { color: #054263 !important; }
    div#footerB p.right { display: block; float: left; width: 120px; margin: 0; padding: 5px 0 0 0; }
      div#footerB p.right a { display: block; float: left; width: 112px; height: 43px; background: url(footer/logo_web200.png) no-repeat top left; text-indent: -5000px; }
      div#footerB p.right a:hover { background-position: bottom left; }