/*
$ http://www.gyomaendrod-horgaszparadicsom.hu $
$ style/style.css | 2008/10/02 14:50 | 2008/10/15 16:34 $
*/


/* GENERAL
------------------------------------------------------------------------------------------- */
html, body { margin: 0; padding: 0; color: #555555; font: normal 12px verdana, arial; background-color: #72abd8; }
div#page { float: left; width: 100%; background: #72abd8 url(footer_repeat.jpg) repeat-x bottom center; }
div#pageInner { float: left; width: 100%; background: url(body.jpg) no-repeat center 0; }
div#container { margin: 0 auto; padding: 0; width: 978px; }



/* HEADER
------------------------------------------------------------------------------------------- */
div#header { float: left; width: 978px; height: 136px; position: relative; background: url(header.jpg) no-repeat right 0; }
  div#header h1 { float: right; width: 180px; color: #fff; margin: 0; padding: 18px 0 0 0; font-size: 13px; font-weight: normal; }


  div#header ul { float: right; width: 305px; height: 20px; margin: 0; padding: 27px 0 0 0; list-style-type: none; }
    div#header ul li { float: left; padding: 0 5px 2px 5px; border-right: 1px solid #FFFFFF; line-height: 8px; }
    div#header ul li.last { border: none; }
      div#header ul li a { display: block; color: #FFFFFF; font-size: 10px; text-decoration: none; text-transform: lowercase;  }
      div#header ul li a:hover { text-decoration: underline; }


  div#header a#logo { width: 203px; height: 136px; position: absolute; top: 0px; left: 286px; background: url(logo.gif) no-repeat top left; text-indent: -50000px; }
  div#header a#logo:hover { width: 203px; height: 136px; position: absolute; top: 0px; left: 286px; background: url(logo.gif) no-repeat bottom left; text-indent: -50000px; }
  div#header a#reserve { width: 134px; height: 16px; position: absolute; top: 118px; left: 633px; background: url(header_reserve.jpg) no-repeat 0 0; text-indent: -50000px; }



/* CONTENT
------------------------------------------------------------------------------------------- */
div#content { float: left; }


/* LEFT
------------------------------------------------------------------------------------------- */
div#content div#columnLeft { float: left; width: 169px; position: relative; padding-bottom: 200px; }
  div#content div#columnLeft ul#menu { width: 169px; min-height: 441px; height: auto !important; height: 441px; margin: 0; padding: 25px 0 0 0; background: url(menu.jpg) no-repeat 0 0; list-style-type: none; }
    div#content div#columnLeft ul#menu li { width: 150px; margin: 0; padding: 0 0 0 6px; }
      div#content div#columnLeft ul#menu li a { display: block; width: 138px; margin: 0; padding: 2px 0 3px 10px; color: #81582b; background: url(menu_a_hover.gif) no-repeat center bottom; text-decoration: none; font-size: 13px; line-height: 15px; }
      div#content div#columnLeft ul#menu li a:hover { background-color: #fff; font-weight: bold; }
      div#content div#columnLeft ul#menu li.last a { background-image: none; }


  div#content div#columnLeft form { float: left; width: 169px; margin: 0; padding: 15px 0 0 0; color: #fff; background: url(newsletter_title.jpg) no-repeat 0 0; font-size: 10px; }
    div#content div#columnLeft form label { float: left; width: 40px; padding: 2px 5px 0 0; color: #f0e2c7; text-align: right; }
    div#content div#columnLeft form input.inputbox { float: left; width: 102px; height: 15px; padding: 1px 4px 0 4px; background: url(newsletter_inputbox.jpg) no-repeat 0 0; border: none; font-size: 10px; }
    div#content div#columnLeft form input.nbutton { float: left; width: 88px; height: 16px; margin: 0; padding: 0 0 3px 0; color: #fff; background: url(newsletter_btnSubmit.jpg) no-repeat center center; font-size: 10px; border: none; cursor: pointer; }
    div#content div#columnLeft form input.nbutton:hover { color: #000; }
    div#content div#columnLeft form p { float: left; margin: 0; padding: 5px 0 0 0; }
      div#content div#columnLeft form p a { color: #aacde8; }
      div#content div#columnLeft form p a:hover { color: #000; }



/* CENTER
------------------------------------------------------------------------------------------- */
div#content div#columnCenter { position: relative; z-index: 1; float: left; width: 640px; min-height: 830px; height: auto !important; height: 830px; background: url(content_center_body.jpg) repeat-y 0 0; }
  div#content div#columnCenter div#hook { position: absolute; top: 322px; left: 0; width: 10px; height: 20px; background: url(hook.jpg) no-repeat 0 0; }
  div#content div#columnCenter div.number { float: left; width: 23px; height: 29px; padding: 1px 0 0 7px; color: #fff; background: url(number_circle.jpg) no-repeat 0 0; font-size: 20px; font-weight: bold; }  
  div#content div#columnCenter div.base { float: left; margin: 0; padding: 0; width: 153px !important; overflow: hidden; }
    div#content div#columnCenter div.base p { margin: 0; padding: 0 5px; font-size: 11px; line-height: 13px; text-align: left; }
  div#content div#columnCenter div.hr { clear: left; margin: 0; padding: 0; width: 100%; line-height: 1px; overflow: hidden; }
  div#content div#columnCenter h1 { width: auto; margin: 0; padding: 10px 0; color: #81582b; font-size: 20px; font-weight: normal; }
  div#content div#columnCenter h2 { width: auto; margin: 0; padding: 0 0 0 10px; color: #81582b; font-size: 16px; font-weight: bold; }
  div#content div#columnCenter h2 a, div#content div#columnCenter h2 a:hover { width: auto; margin: 0; padding: 0; color: #81582b !important; font-size: 16px !important; font-weight: bold !important; text-decoration: none !important; }
  div#content div#columnCenter a.button { display: block; clear: both; width: 151px; height: 14px; padding: 2px 0 0 0; color: #ffffff !important; background: url(addGallery_btn.jpg) no-repeat 0 0; font-size: 10px !important; line-height: 12px; font-weight: normal !important; text-align: center; }
  div#content div#columnCenter a.button:hover { color: #000000 !important; text-decoration: none !important; }

  div#content div#columnCenter p { margin: 0; padding: 5px 0; line-height: 20px; }
  div#content div#columnCenter ul { margin: 0; padding: 0 0 15px 10px; list-style-type: none; }
    div#content div#columnCenter ul li { padding: 3px 0 3px 15px; background: url(li.jpg) no-repeat 0 10px; line-height: 16px; }

  div#content div#columnCenter div.boxText { clear: left; width: 610px; color: #555555; padding: 0 15px; text-align: justify; overflow: hidden; }
    div#content div#columnCenter div.boxText a { color: #555; font-size: 12px; font-weight: bold; text-decoration: none; }
    div#content div#columnCenter div.boxText a:hover { text-decoration: underline; }
    div#content div#columnCenter div.boxText p.left { clear: left; width: 445px; }
    div#content div#columnCenter div.boxText img { float: right; }
    div#content div#columnCenter div.boxText div#map { width: 260px; float: right; }

  div#content div#columnCenter p#status { float: left; width: 613px; height: 20px; margin: 0; padding: 8px 0 0 27px; color: #81582b; background: url(content_center_top.jpg) no-repeat 0 0; list-style-type: none; font-size: 11px; }
    div#content div#columnCenter p#status a { color: #81582b; text-decoration: none; font-size: 10px; }
    div#content div#columnCenter p#status a:hover { color: #000; text-decoration: underline; }

  div#content div#columnCenter div.welcomeLeft { float: left; width: 330px; padding: 0; overflow: hidden; }
    div#content div#columnCenter div.welcomeLeft h1 { margin: 0; }
  div#content div#columnCenter div.welcomeRight { float: left; width: 260px; padding: 0px 5px; overflow: hidden; }

  div#content div#columnCenter div.boxTextLeft { float: left; width: 425px; color: #555555; padding: 0 10px; text-align: justify; overflow: hidden; }
    div#content div#columnCenter div.boxTextLeft p { clear: left; width: 425px; overflow: hidden; }
  div#content div#columnCenter div.boxTextRight { float: left; width: 155px; padding: 15px 4px 0 4px; overflow: hidden; }

  div#content div#columnCenter ul#fish { float: right; clear: right; width: 157px; margin: 0; padding: 75px 0 0 0; background: url(fish_top.jpg) no-repeat 0 0; list-style-type: none; }
    div#content div#columnCenter ul#fish li { float: left; width: 117px; margin: 0; padding: 0 20px; background: url(fish_body.jpg) repeat-y 0 0; }
      div#content div#columnCenter ul#fish li a { display: block; color: #9f7e5a; padding: 3px 0 3px 10px; font-weight: normal; font-size: 11px; background: url(li.jpg) no-repeat 0 5px; }
      div#content div#columnCenter ul#fish li a:hover { color: #000; }
      div#content div#columnCenter ul#fish li.last { width: 157px; height: 17px; margin: 0; padding: 0; background: url(fish_bottom.jpg) no-repeat 0 0; }

  div#content div#columnCenter div#gallery { float: left; width: 615px; padding: 0 0 10px 0; }
    div#content div#columnCenter div#gallery div.imageContainer { float: left; padding: 0 !important; margin: 0 2px 5px 0 !important; height: auto; }
    div#content div#columnCenter div#gallery p { margin: 0; padding: 0 5px 10px 5px; }

  div#content div#columnCenter div.mapContainer { float: left; width: 600px; height: 270px; margin: 0 0 10px 0; border: 5px solid #ceb898; }
    div#content div#columnCenter div.mapContainer div#map { float: left; width: 600px; height: 270px; }

  div#content div#columnCenter div#boxContainer { float: left; width: 610px; color: #555555; padding: 0 15px; text-align: justify; overflow: hidden; }
    div#content div#columnCenter div#boxContainer div.box p { float: left; width: 420px; margin: 0; padding: 0 0 0 8px; line-height: 17px; }
      div#content div#columnCenter div#boxContainer div.box p.simple { float: right; width: 570px; padding: 0 10px 0 30px; }

  div#content div#columnCenter div.box { float: left; width: 610px; margin-bottom: 15px; background: url(box_body.jpg) repeat-y 0 0; }
    div#content div#columnCenter div.box h1.quote { float: left !important; margin: 0! important; padding: 0 0 10px 35px !important; background: url(quote_front.jpg) no-repeat 0 0; }
    div#content div#columnCenter div.box h1.quote img { position: absolute; }
    div#content div#columnCenter div.box div.boxTop { float: left; width: 593px; padding: 7px 10px 0 7px; background: url(box_top.jpg) no-repeat 0 0; }
    div#content div#columnCenter div.box img { clear: left; border: none; }
    div#content div#columnCenter div.box div.boxBottom { float: left; width: 610px; height: 28px; position: relative; background: url(box_bottom.jpg) no-repeat 0 0; }
      div#content div#columnCenter div.box div.boxBottom a.left { display: block; width: 168px; height: 14px; padding: 2px 0 0 0; position: absolute; top: 19px; left: 20px; color: #fff; background: url(box_btn_left.jpg) no-repeat center center; font-size: 10px; font-weight: normal; text-decoration: none; text-align: center; }
      div#content div#columnCenter div.box div.boxBottom a.left:hover { color: #000; }
      div#content div#columnCenter div.box div.boxBottom a.right { width: 198px; height: 14px; padding: 2px 0 0 0; position: absolute; top: 19px; left: 392px; color: #fff; background: url(box_btn_right.jpg) no-repeat center center; font-size: 10px; text-decoration: none; text-align: center; }
      div#content div#columnCenter div.box div.boxBottom a.right:hover { color: #000; }
      div#content div#columnCenter div.box div.imageContainer .imageFrame { width: 151px; height: 110px; position: absolute; top: 0; left: 0; background: url(imageFrame-151x110-1.gif) no-repeat 0 0; }
    div#content div#columnCenter div.box div.number { float: left; width: 28px; height: 28px; padding: 2px 2px 0 0; text-align: center; color: #fff; background: url(box_number.jpg) 0 0; font-size: 20px; font-weight: bold; }
    div#content div#columnCenter div.box h1 { float: left; margin: 0; padding: 0 0 10px 10px; }
    div#content div#columnCenter div.box p { float: right; margin: 0; padding: 0 3px 0 8px; line-height: 17px; }
      div#content div#columnCenter div.box p a { color: #555; font-weight: bold; text-decoration: none; }
      div#content div#columnCenter div.box p a:hover { text-decoration: underline; }
    div#content div#columnCenter div.box p.simple { float: left; width: 550px !important; padding: 0 10px 0 30px; }
      div#content div#columnCenter div.box p.simple img { float: left; padding: 0 5px 0 0; }
      div#content div#columnCenter div.box p.simple span { display: block; padding: 0 0 10px 0; color: #81582b; font-size: 20px; font-weight: normal; }

  div#content div#columnCenter div.imageContainer { float: right; clear: right; width: 151px; height: 120px; margin: 3px 0 0 0; position: relative; }
    div#content div#columnCenter div.imageContainer img { border: none; }
    div#content div#columnCenter div.imageContainer .imageFrame { width: 151px; height: 110px; position: absolute; top: 0; left: 0; background: url(imageFrame-151x110-2.gif) no-repeat 0 0; }
      div#content div#columnCenter div.imageContainer .imageFrame a { display: block; width: 151px; height: 110px; text-decoration: none; }

  div#content div#columnCenter div.navbar { clear: left; width: 600px; height: 24px; margin: 0 0 10px 0; padding: 0 9px; }
    div#content div#columnCenter div.navbar img { border: none; }
    div#content div#columnCenter div.navbar div.navbarLeft { width: 400px; float: left; text-align: left; }
      div#content div#columnCenter div.navbar div.navbarLeft div { float: left; width: 19px; margin: 0 3px 0 0; padding: 5px 0 0 0; background:none; }
      div#content div#columnCenter div.navbar div.navbarLeft a.nav { float: left; margin: 0 3px 0 0; padding: 5px 0 0 0; background:none; }
      div#content div#columnCenter div.navbar div.navbarLeft a.nav:hover { background:none; }
      div#content div#columnCenter div.navbar div.navbarLeft a { display: block; float: left; clear: none; width: 19px; height: 20px; margin: 5px 2px 0 0; padding: 3px 3px 0 0; color: #fff; background: url(navbar_num.jpg) no-repeat top left; font: bold 10px verdana, arial; text-align: center; text-decoration: none; }
      div#content div#columnCenter div.navbar div.navbarLeft a:hover { color: #feb80a; background: url(navbar_num.jpg) no-repeat 0 -23px; text-decoration: none; }
      div#content div#columnCenter div.navbar div.navbarLeft a.active { float: left; background: url(navbar_active.jpg) no-repeat 0 0; }
      div#content div#columnCenter div.navbar div.navbarLeft a.active:hover { background: url(navbar_active.jpg) no-repeat 0 -23px; }
    div#content div#columnCenter div.navbar div.navbarRight { float: left; width: 190px; margin: 0; padding: 8px 0 0 0; color: #b2946f; font: normal 10px verdana, arial; text-align: right; }
      div#content div#columnCenter div.navbar div.navbarRight select.inputlist { width: 42px; color: #846d51; background-color: #dac6a8; border: #b2946f 1px solid; font: bold 10px verdana, arial; }

  div#content div#columnCenter div.catchBoxOdd { width: 615px; height: 206px; padding: 0 0 8px 0; background: url(catchBoxOdd.jpg) no-repeat 0 0; }
    div#content div#columnCenter div.catchBoxOdd div.imageContainer { float: left; width: 192px; height: 144px; margin: 0; padding: 20px 0 0 0px; position: relative; overflow: hidden; }
      div#content div#columnCenter div.catchBoxOdd div.imageContainer a { display: block; width: 192px; height: 144px; margin: 0; padding: 20px 0 0 0px; }
    div#content div#columnCenter div.catchBoxOdd div.imageFrame { width: 203px; height: 206px; position: absolute; top: 0; left: 0; background: url(catchBox_frame_odd.gif) no-repeat 0 0; }

  div#content div#columnCenter div.catchBoxEven { width: 615px; height: 209px; padding: 0 0 8px 0; background: url(catchBoxEven.jpg) no-repeat 0 0; }
    div#content div#columnCenter div.catchBoxEven div.imageContainer { float: left; width: 192px; height: 144px; margin: 0; padding: 20px 0 0 0px; position: relative; overflow: hidden; }
      div#content div#columnCenter div.catchBoxEven div.imageContainer a { width: 192px; height: 144px; margin: 0; padding: 20px 0 0 0px; overflow: hidden; }
    div#content div#columnCenter div.catchBoxEven div.imageFrame { width: 203px; height: 209px; position: absolute; top: 0; left: 0; background: url(catchBox_frame_even.gif) no-repeat 0 0; }

  div#content div#columnCenter div.box div.boxPlaces { float: left; clear: left; width: 400px; }
    div#content div#columnCenter div.box div.boxPlaces div.boxList { float: left; width: 250px !important; padding: 10px 0 0 32px; text-align: left; }
    div#content div#columnCenter div.box div.boxPlaces span { display: block; color: #cfbeac; padding: 0 0 4px 5px; font-size: 11px; font-style: italic; }
    div#content div#columnCenter div.box div.boxPlaces img { float: right; }
    div#content div#columnCenter div.box div.boxPlaces a { color: #9f7e5a; padding: 0 0 0 8px; font-size: 11px; font-weight: normal; text-decoration: none; background: url(li.jpg) no-repeat 0 5px; }
    div#content div#columnCenter div.box div.boxPlaces a:hover { text-decoration: underline; }

  div#content div#columnCenter div.textContainer { float: right; width: 400px; padding: 25px 0 0 0; color: #555; font-size: 14px; line-height: 10px; }
    div#content div#columnCenter div.textContainer p { margin: 0; padding: 5px 0; }
    div#content div#columnCenter div.textContainer h1 { color: #72abd8; margin: 0; padding: 15px 0 10px 0; font-size: 20px; }
    div#content div#columnCenter div.textContainer span.name { font-size: 20px; }
    div#content div#columnCenter div.textContainer span.date { color: #aaa; font-size: 12px; }
    div#content div#columnCenter div.textContainer span.size { color: #72abd8; font-weight: bold; }div#content div#columnCenter div.catchBoxOdd div.textContainer { float: right; width: 400px; padding: 25px 0 0 0; color: #555; font-size: 14px; line-height: 10px; }

  div#content div#columnCenter div#calendarContainer { float: left; width: 240px; }
    div#content div#columnCenter div#calendarContainer table.calendar { float: right; width: 200px; height: 200px; background-color: #f5f4f1; border: 1px solid #ceb898; font-size: 11px; }
      div#content div#columnCenter div#calendarContainer table.calendar th { height: 20px; margin: 0; padding: 0; color: #81582b; text-align: center; text-transform: uppercase; }
      div#content div#columnCenter div#calendarContainer table.calendar tr.nav { height: 40px; font-weight: bold; text-transform: uppercase; text-align: center; }
        div#content div#columnCenter div#calendarContainer table.calendar tr.nav td { color: #81582b !important; background: none; border: none; }
        div#content div#columnCenter div#calendarContainer table.calendar tr.nav a { color: #81582b; text-decoration: none; font-size: 11px; }
        div#content div#columnCenter div#calendarContainer table.calendar tr.nav a:hover { color: #000; background: none; font-weight: bold; }
      div#content div#columnCenter div#calendarContainer table.calendar td { height: 20px; margin: 0; padding: 0; background-color: #f0e2c7; font-size: 11px; border: 1px solid #ceb898; text-align: center; }
        div#content div#columnCenter div#calendarContainer table.calendar td a { display: block; width: 21px; height: 17px; padding: 3px 0 0 0; color: #81582b; font-size: 11px; font-weight: normal; text-decoration: none; overflow: hidden; }
        div#content div#columnCenter div#calendarContainer table.calendar td a:hover { color: #ffffff; font-weight: bold; background-color: #72abd8; }
        div#content div#columnCenter div#calendarContainer table.calendar td span { display: block; width: 21px; height: 17px; padding: 3px 0 0 0; color: #CEB898; font-size: 11px; font-weight: normal; overflow: hidden; }
        div#content div#columnCenter div#calendarContainer table.calendar td.active a { display: block; width: 21px; height: 17px; padding: 3px 0 0 0; color: #ffffff; background-color: #72abd8; font-size: 11px; font-weight: bold; text-decoration: none; overflow: hidden; }

  div#content div#columnCenter div#formContainer { float: right; width: 360px; margin: 0; padding: 0; }
    div#content div#columnCenter form { float: left; width: 100%; margin: 0; padding: 0; }
    div#content div#columnCenter div#formContainer form { float: left; width: 315px !important; margin: 0; padding: 0 0 0 7px !important; }
      div#content div#columnCenter form p { float: left; width: 100%; margin: 0; padding: 1px 0 1px 0; color: #81582b; font-size: 10px; }
        div#content div#columnCenter form p img { float: left !important; }
        div#content div#columnCenter form p span { font-size: 10px; line-height: 12px; }
      div#content div#columnCenter form label { display: block; float: left; width: 95px; height: 18px; padding: 2px 4px 0 0; text-align: right; }
      div#content div#columnCenter div#formContainer label { width: 50px !important; }
      div#content div#columnCenter form input.inputbox { float: left; width: 251px; height: 15px; padding: 5px 5px 0 5px; color: #81582b; background: url(inputbox.jpg) no-repeat 0 bottom; font-size: 10px; border: none; }
      div#content div#columnCenter form textarea.inputarea { float: left; width: 251px; height: 84px; margin-bottom: 10px; padding: 6px 5px 0 5px; color: #81582b; background: url(textarea.jpg) no-repeat 0 bottom; font: normal 10px verdana; border: none; }
      div#content div#columnCenter form input.submit { display: block; float: left; width: 65px; height: 16px; margin: 3px 0; padding: 1px 0 5px 0; color: #fff; background: url(submit.jpg) no-repeat center 0; font-size: 10px; border: none; cursor: pointer; overflow: hidden; }
      div#content div#columnCenter form input.submit:hover { color: #000; }



/* RIGHT
------------------------------------------------------------------------------------------- */
div#columnRight { float: left; width: 169px; }
  div#columnRight div#catch { position: relative; width: 169px; height: 227px; overflow: hidden; }
    div#columnRight div#catch div.catchFrame { width: 169px; height: 227px; position: absolute; top: 0; left: 0; background: url(catch.gif) no-repeat 0 0; z-index: 2; }
      div#columnRight div#catch div.catchFrame a { display: block; width: 169px; height: 227px; text-decoration: none; }
    div#columnRight div#catch img { position: absolute; top: 30px; left: -20px; z-index: 1; }
  div#columnRight div#check { width: 159px; min-height: 78px !important; height: 78px; padding: 75px 0 0 10px; color: #40596c; background: url(check.jpg) no-repeat 0 0; font-size: 10px; }
    div#columnRight div#check a { color: #273943; font-weight: bold; text-decoration: none; }
    div#columnRight div#check a:hover { text-decoration: underline; }
    div#columnRight div#check h1 { margin: 0; padding: 0; color: #fff; font-size: 15px; }
    div#columnRight div#check p { line-height: 14px; }



/* FOOTER
------------------------------------------------------------------------------------------- */
div#footer { clear: left; width: 100%; height: 90px; padding: 203px 0 0 0; position: relative; color: #77604e; font-size: 10px; }
  div#footer #footerInner { z-index: 0; width: 1074px; height: 493px; position: absolute; top: -200px; left: -93px; background: url(footer.jpg) no-repeat 0 bottom; }
  div#footerInner ul { position: absolute; top: 410px; left: 250px; width: 670px; margin: 0; padding: 0; list-style-type: none; }
    div#footerInner ul li { float: left; padding: 0 10px 2px 10px; border-right: 1px solid #fff; line-height: 8px; }
      div#footerInner ul li a { display: block; color: #fff; font-size: 10px; text-decoration: none; }
      div#footerInner ul li a:hover { text-decoration: underline; }
      div#footerInner ul li.last { border: none; }
  div#footerInner p { position: absolute; top: 445px; left: 250px; width: 670px; margin: 0; padding: 0; color: #77604e; }
    div#footerInner p a { color: #77604e; text-decoration: none; }
    div#footerInner p a:hover { color: #77604e; text-decoration: underline; }
  div#footerInner img { float: right; margin-left: 3px; border: none; }