/*
$ http://www.adatok.hu $
$ style/style.css | 2006/08/01 17:32 $
$ LM: 2007/02/09 09:16 $
*/

body { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 12px; color: #000000; background: #eaf5d7; }

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

fieldset { border: none; }
label { width: 170px; float: left; text-align: right; margin-right: 1em; }

.inputbox {
  width: 225px;
  background: #FFFFFF url(inputbox.gif);
  border: #7A0A00 1px solid;
  font-size: 10px;
  padding: 1px;
}

.inputarea {
  width: 225px;
  height: 100px;
  background: #FFFFFF url(inputarea.gif);
  border: #7A0A00 1px solid;
  font-size: 10px;
  padding: 1px;
}

.inputlist {
  background: #FFFFFF url(inputbox.gif);
  border: #7A0A00 1px solid;
  font-size: 10px;
  padding: 1px;
}

.nbutton {
  font-size: 10px;
  color: #FFFFFF;
  background: #FE6000;
  border: 1px solid #C4C0BD;
  cursor: pointer;
}

/* Konténerek */
div#page {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

div#container {
  margin-left: auto;
  margin-right: auto;
  width: 782px;
}

/* Felső rész */
div#top { width: 782px; }
  div#top div#logo { width: 209px; height: 51px; float: left; }
  div#top div#logo img { border: none; }
  div#top div#bookmark { font-size: 10px; float: right; }

/* Menü */
div#menu {
  width: 100%;
  height: 125px;
  background: url(menu_bg.gif) repeat-x;
  clear: left;
  margin-bottom: 3px;
}

  div#menu div#slogan { float: left; width: 200px; height: 20px; color: #EAF5D7; text-transform: uppercase; text-align: center; padding: 5px; }
  div#menu div#menubar { float: left; width: 570px; }
    div#menu div#menubar div.button { float: left; margin-top: 1em; width: 110px; height: 25px; color: #FFFFFF; font-weight: bold; text-align: center; background: url(menu_button.gif) no-repeat; border: #C30F00 1px solid; line-height: 22px; }
    div#menu div#menubar div.button a { color: #FFFFFF; }
  div#menu div#banner { width: 468px; height: 60px; background: #FFFFFF; clear: left; position: relative; top: 10px; left: 250px; overflow: hidden; z-index: 100; }
  div#menu div#banner img { border: none; }

/* Kategóriák */
div#categories {
  position: relative; top: -75px;
  width: 200px;
  min-height: 400px;
  background: #FFAB54 url(catlist_top_bg.gif) top repeat-x;
  border: #51574D 1px solid;
  overflow: auto;
  float: left;
}

/*\*/
* html div#categories { height: 400px; overflow: visible; } /* IE-hez min-height */
/**/

  div#categories p {
    clear: left;
    margin: 5px;
    color: #FFFFFF;
    font-size: 10px;
  }

  div#categories .ibs {
    width: 148px;
    background: #FFFFFF url(inputbox.gif);
    border: #7A0A00 1px solid;
    font-size: 10px;
  }

  div#categories .bs {
    width: 15px;
    height: 19px;
    background: url(bs_bg.gif);
    border: none;
    cursor: pointer;
  }

  div#categories p.title {
    color: #EAF5D7;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px;
  }

  /* Főkategóriák */
  div#categories ul { margin: 0; padding: 0; list-style-type: none; width: 180px; }
  div#categories li { font-weight: bold; color: #860C02; font-size: 11px; }
  div#categories .limg { margin: 0; height: 15px; background: url(li.gif) no-repeat; text-indent: 13px; line-height: 8px; }

  /* Alkategóriák */
  div#categories ul .sub { width: 160px; color: #ffffff; font-size: 11px; text-transform: none; clear: left; }
  div#categories li .sub { margin-left: 15px; font-weight: bold; }
  div#categories ul li a { color: #860C02; }
  div#categories ul li a.active { color: #FE6000; text-decoration: underline; }

  /* Menük */
  div#categories ul .menu { margin: 5px 10px 0 20px; color: #ffffff; list-style-image: url(sub_li_0.gif); }
  div#categories li .menu { font-weight: bold; }


/* Tartalom */
div#content {
  position: relative; top: -75px;
  width: 580px;
  float: left;
  font-size: 12px;
}

  div#content div.space {
    height: 75px;
  }

  /* Tartalom doboz */
  div#content div.contentbox {
    font-size: 11px;
    color: #8B0B00;
    margin: 3px; padding: 0px;
    width: 572px;
    overflow: visible;
    min-height: 322px;
    background: #FFFFFF;
    border: 1px solid #C4C0BD;
  }

  /*\*/
  * html div#content div.contentbox { height: 322px; } /* IE-hez min-height */
  /**/

    /* Doboz fejléce */
    div#content div.contentbox div.head {
      margin: 0; padding: 2px;
      color: #FFFFFF;
      font-weight: bold;
      background: #FE6000;
      border-bottom: 1px solid #C4C0BD;
      display: block;
    }

    /* Doboz tartalom */
    div#content div.contentbox div { padding: 4px; }


  /* Oszlopok a böngésző dobozokhoz */
  div#content .column { width: 192px; float: left; }

  /* Böngészés doboz */
  div#content .browsebox {
    font-size: 11px;
    color: #8B0B00;
    margin: 3px; padding: 0px;
    width: 183px;
    overflow: visible;
    background: #FFFFFF;
    border: 1px solid #C4C0BD;
    clear: left;
  }

    /* Doboz fejléce */
    div#content .browsebox div.head {
      margin: 0; padding: 0;
      color: #FFFFFF;
      font-weight: bold;
      background: #FE6000;
      border-bottom: 1px solid #C4C0BD;
      display: block;
    }

      div#content .browsebox div.head div p { margin: 0; padding: 4px; }
      div#content .browsebox div.head div img { border: none; float: right; padding: 4px; }
      div#content .browsebox div.head a { color: #FFFFFF; }

    /* Alkategóriák, linkek */
    div#content .browsebox p { margin: 5px; padding: 0; }
    div#content .browsebox ul { list-style-type: none; margin: 0; padding-left: 5px; }
    div#content .browsebox li { color: #8B0B00; font-size: 11px; padding-bottom: 3px; }
    div#content .browsebox li a { color: #8B0B00; }
    div#content .browsebox li img { border: none; width: 10px; }


/* Lábléc */
div#footer { width: 100%; height: 40px; background: url(footer_bg.gif) repeat-x; clear: left; position: relative; top: -70px; }
  div#footer div { width: 100%; text-align: center; padding-top: 11px; color: #EAF5D7; font-size: 11px; }
  div#footer div p { float: left; margin: 0 0 0 1em; }
  div#footer div p a { color: #EAF5D7; }
  div#footer div ul { float: right; margin: 0 1em 0 0; padding: 0; list-style-type: none; }
  div#footer div li { display: inline; padding: 0 5px 0 0; border-right: 1px solid #E1D6BA; }
  div#footer div li.last { border-right: none; } /* Gyikfos IE miatt kell mert nem ismeri az li + li-t. */
  div#footer div li a { color: #E1D6BA; }

/*\*/
* html div#footer div li { display: inline; margin: 0; padding: 0 0 0 5px; border-right: 1px solid #E1D6BA; } /* IE-hez padding */
/**/

div#bitech { width: 100%; text-align: center; padding: 5px; clear: left; position: relative; top: -70px; }
  div#bitech a { color: #FE6000; font-size: 11px; }

div#rsb { margin: 10px; float: left; width: 125px; overflow: hidden; }
div#rsb img { border: none; }


/*
-------
Buborék
-------
*/

a.bubble {
  color: #FFFFFF;
  display: inline;
  position: relative;
}

a.bubble span {
  color: #FFFFFF;
  background: #FE6000;
  border-bottom: 1px solid #C4C0BD;
  padding: 5px;
  display: none;
}

a.bubble:hover { background: #FFFFFF; z-index: 50; } /* IE miatt kell, hogy hover működjön */

a.bubble:hover span {
  position: absolute;
  top: 2em;
  left: 3em;
  color: #FFFFFF;
  background: #FE6000;
  border-bottom: 1px solid #C4C0BD;
  width: 150px;
  padding: 5px;
  display: block;
  text-decoration: none;
  z-index: 50;
}