/*
$ http://www.ingatlan.org/tanfolyam $
$ style/style.css | 2007/07/05 08:05 $
$ LM: 2007/09/18 14:52 $
*/

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

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

/* Keskeny formok */
fieldset { border: none; background: #E0DBC7; margin-bottom: 20px; padding: 10px; }
legend { background: #E0DBC7; color: #797974; padding: 5px; }
fieldset p { clear: left; height: auto; color: #323639; background: #F3F1E9; margin: 7px 0; padding: 2px 0; font-size: 11px; }
div.p { clear: left; height: auto; color: #323639; background: #F3F1E9; margin: 7px 0; padding: 2px 0; font-size: 11px; }
label { float: left; width: 200px; text-align: right; margin-right: 5px; }
input.inputbox { border: #000000 1px solid; font-size: 11px; }
input.inputbox:focus { border: #D02B01 1px solid; }
select.inputlist { border: #000000 1px solid; font-size: 11px; }
select.inputlist:focus { border: #D02B01 1px solid; }
textarea.inputarea { border: #000000 1px solid; font-size: 11px; }
textarea.inputarea:focus { border: #D02B01 1px solid; }
input.button { border: #323639 1px solid; background: #C0BDAF; color: #323639; font-size: 10px; cursor: pointer; }

/* Felső csík */
div#topline { float: left; width: 100%; height: 14px; color: #848688; background: #323639; font-size: 10px; padding: 3px 0; overflow: hidden; }
  div#topline div { float: left; text-indent: 10px; }
  div#topline div a { color: #848688; background: #323639; }

/* Fejléc, főmenü */
div#header { float: left; background: #C8C8C8 url(header_bg.jpg) bottom repeat-x; width: 100%; height: 170px; margin: 0; padding: 0; overflow: hidden; }
  div#header div#banner { float: left; width: 100%; height: 63px; margin: 5px; padding-left: 5px; overflow: hidden; }
  div#header div#logo { padding-left: 5px; }
    div#header div#logo div#tl { clear: left; }
      div#header div#logo div#tl img { float: left; margin: 5px 15px 5px 5px; border: none; }
      div#header div#logo div#tl h1 { float: left; color: #FFFFFF; font-family: Verdana; font-size: 24px; font-weight: normal; margin: 10px 0; height: 20px; }
        div#header div#logo div#tl h1 a { color: #FFFFFF; text-decoration: none; }
    div#header div#logo div#bl { clear: left; padding-left: 5px; }
      div#header div#logo div#bl h2 { float: left; color: #FFFFFF; font-family: Verdana; font-size: 20px; font-weight: normal; margin: 10px 0; }
        div#header div#logo div#bl h2 a { color: #FFFFFF; text-decoration: none; }
      div#header div#logo div#bl p { float: left; padding-left: 15px; color: #FFFFFF; font-family: Verdana; font-size: 10px; margin: 0; }
  div#header div#bed { position: absolute; top: 23px; left: 510px; }

/* Középső rész */
div#content { float: left; background: #F3F1E9; width: 800px; height: auto !important; height: 400px; min-height: 400px; padding-left: 12px; margin-bottom: 10px; }
  div#content h1 { margin: 10px 0; font-size: 18px; }
  div#content p { clear: left; }

  div#content ul { margin: 0 0 0 20px; padding: 0; list-style-type: none; }
    div#content ul li { margin: 0; padding: 2px 0; font-size: 12px; }
      div#content ul li img { border: none; padding: 1px 3px 0 0; }

  div#content div.courseBox { float: left; margin: 5px 20px 15px 0; padding: 10px; width: 580px; background-color: #E8E4D8; color: #010002; border: 1px solid #C0BCB0; }
    div#content div.courseBoxTop { clear: left; padding: 2px 12px; font-size: 16px; font-weight: bold; background-color: #F4F1EA; color: #010002; }
    div#content div.courseBoxTop a { color: #323639; text-decoration: none; }
    div#content div.courseBoxTop a:hover { color: #323639; text-decoration: none; }

    div#content div.courseBoxBody { clear: left; padding: 2px 4px; background-color: #F4F1EA; color: #010002; }
      div#content div.courseBoxBody img { position: relative; top: 2px; border: none; float: left; padding-right: 5px; }
      div#content div.courseBoxBody h3 { margin: 2px 0 5px 0; font-size: 12px; color: #C32323; text-decoration: underline; width: 500px; }
      div#content div.courseBoxBody p { margin: 5px 0; padding-left: 10px; }
      div#content div.courseBoxBody a { display: block; margin: 2px 0; width: 553px; color: #C32323; text-decoration: none; }
      div#content div.courseBoxBody a:hover { color: #C32323; margin: 2px 0; background-color: #FFFFFF; }
      div#content div.courseBoxBody a.odd { display: block; margin: 2px 0; width: 553px; background-color: #E8E4D8; color: #C32323; text-decoration: none; }
      div#content div.courseBoxBody a.odd:hover { color: #C32323; margin: 2px 0; background-color: #FFFFFF; }

  div#content div.course { width: 640px; }
    div#content div.course h1 { font-size: 22px; text-transform: none; }
    div#content div.course p { margin: 20px 0 0 0; }

/* Lábléc */
div#footer { clear: left; background: url(footer_bg.jpg) repeat-x; width: 100%; height: 120px; }
  div#footer a { color: #83888A; }
  div#footer div#bitechlogo { float: left; width: 250px; position: relative; top: 10px; left: 10px; color: #83888A; font-size: 10px; }
  div#footer div#bitechlogo img { border: none; margin: 0 4px; float: left; }
  div#footer div#hilogo { float: left; width: 170px; position: relative; top: 10px; left: 10px; color: #83888A; font-size: 10px; }
  div#footer div#hilogo img { border: none; margin: 0 4px; float: left; }

  div#footer ul { clear: left; width: 600px; position: relative; top: 20px; left: 10px; list-style-type: none; margin: 0; padding: 0; color: #83888A; font-size: 10px; }
    div#footer ul li { color: #83888A; float: left; border-right: #83888A 1px solid; padding: 0 5px; text-transform: lowercase; }
    div#footer ul li.last { border-right: none; }

  div#footer div#copyright { width: 600px; clear: left; position: relative; top: 30px; left: 15px; color: #83888A; font-size: 10px; }