/*
$ http://www.hasznaltlemezfelni.hu $
$ style/style.css | 2006/07/18 15:50 $
$ LM: 2007/06/17 08:58 $
*/

/*
----
Body
----
*/
body {
  font-family: Verdana, Arial, Sans-serif;
  font-size: 12px;
  color: #030303;
  background: #5D5D5D;
  margin: 0 0 0 0;
  padding: 0 0 0 0; /* Opera margin bug miatt */
}

/*
--------
Fejlécek
--------
*/
h1 { font-size: 22px; margin-top: 1em; width: 390px; }
h2 { font-size: 18px; width: 390px; }
h3 { font-size: 14px; width: 390px; }

/*
----------
Táblázatok
----------
*/
table { width: 450px; border: none; padding: 0; border-collapse: collapse; }
td { padding: 5px; border-bottom: #595959 1px solid; vertical-align: top; }

table.topmost { width: 360px; border: none; padding: 0; border-collapse: collapse; }
table.topmost td { padding: 5px; border-bottom: #595959 1px solid; vertical-align: top; }


/*
------
Linkek
------
*/
a:link { color: #000000; font-weight: bold; text-decoration: none; }
a:visited { color: #000000; font-weight: bold; text-decoration: none; }
a:hover { color: #000000; font-weight: bold; text-decoration: underline; }


/*
-------
Ürlapok
-------
*/

fieldset { border: none; }
label { float: left; width: 140px; }

.input { border: #4D464D 1px solid; background: #9ECD71; color: #ffffff; }
.input:focus { border: #4D464D 1px solid; background: #c1e1a0; color: #333333; }
input.inputbox { border: #4D464D 1px solid; background: #9ECD71; color: #ffffff; padding: 1px; width: 180px; }
input.inputbox:focus { border: #4D464D 1px solid; background: #c1e1a0; color: #333333; padding: 1px; width: 180px; }
textarea.inputarea { border: #4D464D 1px solid; background: #9ECD71; color: #ffffff; width: 180px; height: 100px; padding: 1px; }
textarea.inputarea:focus { border: #4D464D 1px solid; background: #c1e1a0; color: #333333; width: 180px; height: 100px; padding: 1px; }
input.button { cursor: pointer; }

/*
--------
Konténer
--------
*/
div#wrapper {
  width: 899px;
  margin: 0 auto;
}

  div#header {
    width: 899px;
    height: 183px;
    position: relative;
  }

  /* Logo */
  div#header div#ha_logo { clear: left; width: 446px; height: 38px; }
  div#header div#ha_logo a { display: block; width: 446px; height: 38px; position: relative; top: 35px; left: 38px; background: url(ha_logo.jpg) no-repeat; text-indent: -1000px; text-decoration: none; }
  div#header div#ha_logo a:hover { background-position: bottom; }
  div#header div#hl_logo { float: left; width: 500px; height: 38px; }
  div#header div#hl_logo a { display: block; width: 500px; height: 38px; position: relative; top: 35px; left: 16px; background: url(hl_logo.jpg) no-repeat; text-indent: -1000px; text-decoration: none; }
  div#header div#hl_logo a:hover { background-position: bottom; }

  div#header ul.menu { position: absolute; top: 158px; left: 17px; list-style-type: none; margin: 0; padding: 0; }
    div#header ul.menu li { float: left; color: #FFFFFF; padding: 0 6px; border-right: 1px solid; }
    div#header ul.menu li.last { float: left; color: #FFFFFF; padding: 0 6px; border-right: none; }
    div#header ul.menu li a { color: #FFFFFF; font-weight: normal; font-size: 13px; }

  div#header img.ms { position: absolute; top: 79px; }

  div#content {
    background: url(content_bg.jpg) repeat-y;
    width: 899px;
    min-height: 600px;
    float: left;
  }

  div#content a .ci { border: #333333 1px solid; margin: 5px 10px 0 0; float: left; } /* Tartalom képek */
  div#content a:hover .ci { border: #595959 1px solid; margin: 5px 10px 0 0; float: left; } /* Tartalom képek */
  div#content a .si { border: #333333 1px solid; clear: left; } /* Kínálat képek */
  div#content a:hover .si { border: #595959 1px solid; clear: left; } /* Kínálat képek */
  div#content p { clear: left; }
  div#content ul { margin: 5px 0 5px 25px; padding: 0; }
  div#content li { list-style-image: url(list.png); padding: 5px 0; }
  
    div#content div#left {
      margin: 0;
      padding: 0 10px;
      width: 450px;
      float: left;
    }
  
    div#content div#right {
      width: 375px;
      margin: 0 0 0 20px;
      padding: 0;
      float: left;
    }

  div#footer { float: left; width: 899px; height: 54px; background: url(footer_bg.jpg) no-repeat; }
    div#footer div { width: 875px; text-align: center; padding-top: 15px; font-size: 12px; color: #484848; }
    div#footer div a { font-size: 12px; color: #484848; font-weight: normal; text-decoration: none; }
    div#footer div a:hover { font-size: 12px; color: #484848; font-weight: normal; text-decoration: underline; }

  p.costInfo { float: left; width: 880px; margin: 0; padding: 10px 0; color: #fff; text-align: center; }