/*
$ http://www.tanfolyam.org $
$ style/style.css | 2006/12/12 09:25 $
$ LM: 2008/07/24 15:25 $
*/

body { margin: 15px; padding: 0px; font-family: Arial, Sans-serif; font-size: 12px; color: #2B0000; background: #DAE4CD; }

a:link { color: #000000; text-decoration: none; }
a:visited { color: #000000; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }

input.button { font-size: 12px; border: #ffffff 1px solid; background: #dbe5cd; float: right; margin: 4px 0 10px 0; cursor: pointer; height: 20px; }
a.go { display: block; border: #ffffff 1px solid; border-left: none; background: url(go.gif); float: right; width: 17px; height: 18px; margin: 4px 0 0 0; text-decoration: none; }
a.go:hover { text-decoration: none; }

input.nbutton { font-size: 12px; border: #ffffff 1px solid; background: #dbe5cd; float: right; margin: 1px 0 0 0; cursor: pointer; height: 20px; }
a.ngo { display: block; border: #ffffff 1px solid; border-left: none; background: url(go.gif); float: right; width: 17px; height: 18px; margin: 1px 0 0 0; text-decoration: none; }
a.ngo:hover { text-decoration: none; }

p.navbarSimple { margin: 0; padding: 0; float: left; width: 100%; text-align: center; }

ul { margin: 0; padding: 0 0 0 15px; list-style-type: none; }
li { margin: 0; padding: 10px 0 0 0; }

/* Konténer */
div#container {
  width: 809px;
  margin: 0 auto;
  background: #DAE4CD;
}

div#leftTabs {
  float: left;
  width: 25px;
}

  div#leftTabs img.tabNews { position: relative; top: 163px; border: none; }
  div#leftTabs img.tabBid { position: relative; top: 314px; border: none; }

div#page {
  float: left;
  width: 759px;
}

div#rightTabs {
  float: left;
  width: 25px;
}

  div#rightTabs img { position: relative; top: 61px; border: none; }

/* Fejléc */
div#header {
  clear: left;
  width: 759px;
}

  div#header div#menu { float: left; width: 258px; height: 25px; background: url(menu_bg.gif); font-size: 12px; }
    div#header div#menu ul { margin: 5px 0 0 0; padding: 0; list-style-type: none; }
    div#header div#menu li { float: left; text-align: center; padding: 0; }
    div#header div#menu li#first { width: 90px; }
    div#header div#menu li#second { width: 62px; }
    div#header div#menu li#third { width: 106px; }

  div#header div#logo { float: right; width: 288px; height: 25px; background: url(logo_bg.gif); }
    div#header div#logo a { float: left; margin: 2px 0 0 12px; color: #B3F100; font-size: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: 3px; }


/* Tartalom */
div#content {
  float: left;
  width: 759px;
  background: #FFFFFF;
  min-height: 300px;
}

/*\*/
* html div#content { height: 300px; }
/**/

  div#content div#indexHeader {
    width: 757px;
    height: 137px;
    background: url(index_header_bg.gif) repeat-x;
    margin: 1px;
  }

    div#content div#indexHeader div#zoomzoomGirl { float: left; width: 210px; height: 137px; background: url(zoomzoomGirl.gif); }
    div#content div#indexHeader div#qs { float: right; width: 503px; }
      div#content div#indexHeader div#qs div#qsTop { float: right; }

        div#content div#indexHeader div#qs div#qsTop div#qsTopLeft { margin: 0 1px 0 1px; float: left; width: 213px; height: 36px; background: #DEF98F; color: #66A61C; font-size: 14px; text-transform: uppercase; line-height: 36px; text-indent: 5px; }
        div#content div#indexHeader div#qs div#qsTop div#qsTopRight { margin: 0 0 1px 0; float: left; width: 286px; height: 36px; background: #B3F100; }
        div#content div#indexHeader div#qs div#qsTop div#qsTopRight input.qsi { float: left; color: #2A2A2A; border: #85878C 1px solid; width: 130px; margin: 10px 3px 10px 5px; font-size: 10px; height: 15px; }
        div#content div#indexHeader div#qs div#qsTop div#qsTopRight input.qsb { float: left; width: 16px; height: 17px; color: #010101; background: url(qs.gif) no-repeat; border: none; margin: 8px 0; cursor: pointer; }
        div#content div#indexHeader div#qs div#qsTop div#qsTopRight p { margin: 0; padding: 0; }
        div#content div#indexHeader div#qs div#qsTop div#qsTopRight label { float: left; color: #66A61C; font-size: 14px; text-transform: uppercase; line-height: 36px; text-indent: 5px; }

      div#content div#indexHeader div#qs div#qsBottom { float: left; width: 503px; }
        div#content div#indexHeader div#qs div#qsBottom div#qsBottomLeft { padding: 7px; float: left; width: 200px; line-height: 16px; }
        div#content div#indexHeader div#qs div#qsBottom div#qsBottomRight { padding: 0; margin: 1px 0px 1px 0px; float: left; width: 288px; }
        div#content div#indexHeader div#qs div#qsBottom div#qsBottomRight select.inputlist { float: left; color: #2A2A2A; border: #85878C 1px solid; width: 220px; margin: 4px 3px 0px 25px; font-size: 11px; height: 15px; }
        div#content div#indexHeader div#qs div#qsBottom div#qsBottomRight input.inputbox { float: left; color: #2A2A2A; border: #85878C 1px solid; width: 220px; margin: 4px 3px 0px 25px; font-size: 11px; height: 15px; }
        div#content div#indexHeader div#qs div#qsBottom div#qsBottomRight input.sbutton { font-size: 12px; border: #FFFFFF 1px solid; background: #DBE5CD; float: left; margin: 4px 0 0 0; cursor: pointer; height: 20px; width: 135px; }
        div#content div#indexHeader div#qs div#qsBottom div#qsBottomRight a.sgo { display: block; border: #FFFFFF 1px solid; border-left: none; background: url(go.gif); float: left; width: 17px; height: 18px; margin: 4px 0 0 0; text-decoration: none; }

      div#content div.buttonbox { margin: 0; padding: 0; width: 190px; float: right; }


  div#content div#indexNews {
    float: left;
    margin: 0; padding: 0;
    width: 508px;
  }

    div#content div#indexNews div.newsbox { float: left; width: 235px; margin: 2px; background: #FFFFFF; color: #414141; font-size: 11px; padding: 2px; }
    div#content div#indexNews div.newsbox img { border: #010101 1px solid; }
    div#content div#indexNews div.newsbox h1 { margin: 0; font-size: 12px; font-weight: bold; color: #66A61C; background: #FFFFFF; }
    div#content div#indexNews div.newsbox p.text { font-size: 11px; color: #000000; clear: left; }

    div#content div#indexNews div#indexNewsBottom { margin: 0 0 2px 5px; width: 495px; float: left; }
      div#content div#indexNews div#indexNewsBottom div.newsboxDate { padding: 5px; width: 230px; font-size: 12px; color: #858585; float: left; }
      div#content div#indexNews div#indexNewsBottom div.newsboxDate p { padding: 3px 0 0 0; margin: 0; float: left; }

    div#content div#indexNews div#indexNewsBanner { margin: 0; padding: 0; float: left; width: 508px; height: 62px; background: #FFFFFF; color: #5D6751; text-align: center; }
    div#content div#indexNews div#indexNewsBanner img { float: left; margin: 0; padding: 0 2px; border: none; }
    div#content div#indexNews div#indexNewsBanner img.bannerText { float: left; margin: 0; padding: 0 2px; border: none; position: relative; top: 7px; }

  div#content div#studentGirl {
    float: left;
    width: 250px;
    height: 213px;
    background: url(studentGirl.gif) no-repeat;
  }

  div#content div#indexLists { clear: left; padding: 1px; }

  div#content div#indexLists div#indexCourseList {
    float: left;
    width: 252px;
    background: #EEF1EE;
  }

    div#content div#indexLists div#indexCourseList div#indexCourseHead { width: 252px; height: 30px; background: #B3F100; color: #66A61C; text-transform: uppercase; line-height: 30px; text-indent: 11px; font-size: 14px; }
    div#content div#indexLists div#indexCourseList div#indexCourseBody { width: 240px; background: #EEF1EE; color: #2D2D2D; font-size: 12px; padding: 5px; }
    div#content div#indexLists div#indexCourseList div#indexCourseBody ul { min-height: 220px; list-style-type: none; margin: 0; padding: 5px; }
    div#content div#indexLists div#indexCourseList div#indexCourseBody li { padding: 5px; }

    /*\*/
    * html div#content div#indexLists div#indexCourseList div#indexCourseBody ul { height: 220px; }
    /**/

  div#content div#indexLists div#indexPartnerList {
    float: left;
    width: 253px;
    background: #F2F2F2;
    margin: 0 0 0 1px;
  }

    div#content div#indexLists div#indexPartnerList div#indexPartnerHead { width: 253px; height: 30px; background: #DEF98F; color: #66A61C; text-transform: uppercase; line-height: 30px; text-indent: 11px; font-size: 14px; }
    div#content div#indexLists div#indexPartnerList div#indexPartnerBody { width: 240px; background: #F2F2F2; color: #2D2D2D; font-size: 12px; padding: 5px; }
    div#content div#indexLists div#indexPartnerList div#indexPartnerBody ul { min-height: 220px; list-style-type: none; margin: 0; padding: 5px; }
    div#content div#indexLists div#indexPartnerList div#indexPartnerBody li { padding: 5px; }

    /*\*/
    * html div#content div#indexLists div#indexPartnerList div#indexPartnerBody ul { height: 220px; }
    /**/

  div#content div#indexLists div#indexBookBill {
    float: left;
    width: 250px;
    background: #FFFFFF;
  }

    div#content div#indexLists div#indexBookBill div#indexBookBillHead { width: 251px; height: 30px; background: #EEFCC7; color: #66A61C; text-transform: uppercase; line-height: 30px; text-indent: 11px; font-size: 14px; }
    div#content div#indexLists div#indexBookBill div#indexBookBillBody { width: 251px; background: #FFFFFF; color: #2D2D2D; font-size: 12px; overflow: hidden; }
    div#content div#indexLists div#indexBookBill div#indexBookBillBody div#indexBookBillBodyBB { width: 115px; float: left; margin-right: 2px; padding: 5px; }
    div#content div#indexLists div#indexBookBill div#indexBookBillBody div#indexBookBillBodyBB p.BookImage { width: 115px; height: 100px; text-align: center; }
    div#content div#indexLists div#indexBookBill div#indexBookBillBody div#indexBookBillBodyBB p.BookImage img { border: #000000 1px solid; }
    div#content div#indexLists div#indexBookBill div#indexBookBillBody div#indexBookBillBodyBB p.BookDesc { margin: 0; padding: 0; width: 115px; height: 106px; }

    div#content div#indexLists div#indexBookBill div#indexBookBillBody div#indexBookBillBodyBanner { margin-top: 1px; width: 120px; float: right; text-align: center; font-size: 11px; color: #9D9D9D; }
    div#content div#indexLists div#indexBookBill div#indexBookBillBody div#indexBookBillBodyBanner img { border: none; float: right; }

  div#content div.list { display: table; clear: left; margin: 5px; padding: 5px; font-size: 12px; }
  div#content div.list h1 { padding: 5px; font-size: 12px; }
  div#content div.list div.listBody { padding: 5px; font-size: 12px; width: 700px; }
    div#content div.list div.listBody img { border: #010101 1px solid; }
    div#content div.list div.listBody div.listBodyLeft { margin: 0; padding: 0; float: left; width: 380px; }
    div#content div.list div.listBody div.listBodyRight { margin: 0; padding: 0; float: right; width: 220px; overflow: hidden; text-align: right; }
  div#content div.list div.listFoot { clear: both; border-bottom: #71AF1E 1px solid; }

  div#content div.newslist { display: table; clear: left; margin: 5px; padding: 5px; font-size: 12px; }
  div#content div.newslist h1 { padding: 5px; font-size: 12px; }
  div#content div.newslist div.listBody { padding: 5px; font-size: 12px; width: 440px; }
    div#content div.newslist div.listBody img { border: #010101 1px solid; display: inline; float: right; margin: 0 0 2px 10px; }

  div#content div.newslist div.listFoot { float: left; border-bottom: #71AF1E 1px solid; }

  div#content div.courseDesc { clear: left; width: 750px; }
    div#content div.courseDesc div.left { float: left; width: 500px; }
    div#content div.courseDesc div.right { float: left; margin-left: 15px; width: 225px; text-align: center; }
      div#content div.courseDesc div.right img { border: #010101 1px solid; }

  div#content div#contentLeft {
    float: left;
    width: 252px;
    margin: 0 0 0 0;
    padding: 0 0 0 5px;
  }

    div#content div#contentLeft div.newsbox { float: left; width: 235px; margin: 2px; background: #FFFFFF; color: #414141; font-size: 11px; padding: 2px; }
      div#content div#contentLeft div.newsbox h1 { margin: 0; font-size: 12px; font-weight: bold; color: #66A61C; background: #FFFFFF; }
      div#content div#contentLeft div.newsbox p.text { font-size: 11px; color: #000000; clear: left; }
      div#content div#contentLeft div.newsbox div.newsboxBottom { margin: 0 0 2px 0; width: 230px; float: left; border-top: #E8E9EC 1px solid; }
        div#content div#contentLeft div.newsbox div.newsboxBottom div.newsboxDate { padding: 5px 5px 5px 0; width: 230px; font-size: 12px; color: #858585; float: left; }
        div#content div#contentLeft div.newsbox div.newsboxBottom p { padding: 3px 0 0 0; margin: 0; float: left; }

  div#content div#contentRight {
    float: left;
    width: 499px;
    margin: 0;
    padding: 0;
  }

    div#content div#contentRight div#contentRightTitle {
      width: 499px;
      height: 32px;
      background: #B4F100;
      color: #6CA71B;
      font-size: 14px;
      font-weight: bold;
      line-height: 32px;
      text-indent: 15px;
      margin-left: 2px;
      margin-bottom: 10px;
    }

    div#content div#contentRight div#contentRightBody {
      clear: left;
      width: 450px;
      margin: 0 0 0 15px;
    }


  div#content div#contentRightFull {
    float: left;
    width: 757px;
    margin: 0 0 0 0px;
    padding-left: 1px;
    overflow: hidden;
  }

    div#content div#contentRightFull div#contentRightFullTitle {
      width: 757px;
      height: 32px;
      background: #B4F100;
      color: #6CA71B;
      font-size: 14px;
      font-weight: bold;
      line-height: 32px;
      text-indent: 15px;
      padding: 0;
      margin-bottom: 10px;
    }

    div#content div#contentRightFull div#contentRightFullBody {
      clear: both;
      width: 700px;
      margin: 0 0 0 10px;
      padding: 0 0 0 0;
    }


/* Nagy reklám */
div#banner {
  width: 759px;
  height: 90px;
  overflow: hidden;
  background: #FFFFFF;
  float: left;
}

  div#banner div#b1 { margin: 0; padding: 0; float: left; width: 23px; height: 90px; position: relative; left: 6px; background: url(hirdetes.png) no-repeat; }
  div#banner img { float: right; width: 728px; height: 90px; border: none; }


/* Lábléc */
div#footer {
  width: 757px;
  height: 70px;
  font-size: 11px;
  background: #D0D8C6;
  border: #FFFFFF 1px solid;
  margin-bottom: 1em;
  clear: both;
}

  div#footer div#copyright { float: left; position: relative; top: 23px; left: 15px; width: 150px; }
  div#footer div#media { float: left; position: relative; top: 30px; left: 90px; width: 295px; }
  div#footer div#bitech { float: left; position: relative; top: 10px; left: 110px; width: 190px; }
  div#footer div#bitech img { float: right; border: none; position: relative; top: 5px; }
