/*
$ http://www.alf akapos.hu $
$ style/style.css | 2007/07/07 12:58 $
$ LM: 2007/07/28 12:56 $
*/

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

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

form { margin: 0; padding: 0; }
fieldset { border: none; }
p { margin: 5px 0; }
label { float: left; width: 150px; margin-right: 5px; text-align: right; }
input.inputbox { font-size: 10px; color: #FFFFFF; border: #282F33 1px solid; background-color: #73BF48; }
input.inputbox:focus { color: #282F33; border: #282F33 1px solid; background-color: #FFFFFF; }
input.button { font-size: 10px; color: #282F33; border: #000000 1px solid; background-color: #73BF48; cursor: pointer; }

div#header {
  clear: left;
  width: 100%;
  height: 204px;
  background: url(header_bg.gif) repeat-x;
  margin: 0; padding: 0;
  position: relative;
}

  div#header div#logo { float: left; position: absolute; left: 50px; width: 313px; height: 147px; }
    div#header div#logo img { border: none; }

  div#header div#nysz { position: absolute; top: 15px; left: 547px; width: 275px; color: #FFFFFF; font-size: 10px; text-transform: uppercase; text-align: center; }
    div#header div#nysz span#nl { font-size: 14px; }
    div#header div#nysz span#nn { font-size: 14px; color: #282F33; }

  div#header ul#toplinks { position: absolute; top: 15px; left: 320px; color: #282F33; font-size: 9px; list-style-type: none; padding: 0; margin: 0; }
    div#header ul#toplinks li { float: left; padding: 0 5px; border-right: 1px solid; }
    div#header ul#toplinks li.last { float: left; padding: 0 5px; border-right: none; }

    div#header div#quotation { float: left; position: absolute; top: 98px; left: 365px; width: 637px; }
    div#header div#quotation div#qtext { float: left; width: 605px; color: #73BF48; font-size: 16px; }
    div#header div#quotation div#qbottom { float: left; position: absolute; top: 40px; right: 0px; width: 30px; height: 25px; background: url(quote_end.gif) no-repeat; }

  div#header div#login { float: left; position: absolute; top: 0px; left: 818px; width: 180px; padding: 0; }
    div#header div#login form { margin: 0; padding: 0; }
    div#header div#login h2 { margin: 2px 0 0 0; padding: 0; font-size: 14px; font-weight: normal; color: #282F33; text-transform: uppercase; text-align: right; }
    div#header div#login p { color: #FFFFFF; margin: 1px 0 0 0; padding: 0; }
      div#header div#login p label { width: 40px; float: left; text-align: right; margin-right: 3px; font-size: 10px; color: #F0EEE4; }
      div#header div#login p input.inputbox { width: 130px; font-size: 9px; color: #282F33; border: #000000 1px solid; background-color: #FFFFFF; }
      div#header div#login p input.inputbox:focus { color: #FFFFFF; border: #FFFFFF 1px solid; background-color: #282F33; }
      div#header div#login p input.lbutton { font-size: 9px; color: #282F33; border: #000000 1px solid; background-color: #73BF48; cursor: pointer; }

  div#header ul#menu { position: absolute; bottom: 0; left: 5px; color: #FFFFFF; font-size: 16px; list-style-type: none; height: 23px; }
    div#header ul#menu li { float: left; height: 39px; padding: 0 12px; text-align: center; font-weight: bold; }
    div#header ul#menu li a { display: block; float: left; color: #FFFFFF; line-height: 39px; height: 39px; }
    div#header ul#menu li.active { float: left; height: 39px; padding: 0 12px; color: #282F33; text-align: center; }
    div#header ul#menu li.active img { display: block; float: left; border: none; }
    div#header ul#menu li.active a { display: block; float: left; background-color: #FFFFFF; color: #282F33; line-height: 39px; height: 39px; }


div#content {
  float: left;
  width: 950px;
  min-height: 300px;
  height: auto !important;
  height: 300px;
  color: #282F33;
  background-color: #FFFFFF;
  padding: 10px 0 25px 50px;
}

  div#content div#status { color: #282F33; font-size: 11px; height: 25px; }
    div#content div#status a:link, div#content div#status a:visited { color: #282F33; font-size: 11px; text-decoration: underline; }
    div#content div#status a:hover { color: #282F33; font-size: 11px; text-decoration: none; }

  div#content h1 { font-size: 22px; }
  div#content h2 { font-size: 18px; }
  div#content h3 { font-size: 16px; }
  div#content p { clear: left; }
  
  div#content ul { list-style-type: none; margin: 0; }

  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; }

  div#content div.refDesc { margin: 0 0 0 20px; padding: 0; width: 750px; }

  div#content div.iLI { float: left; width: 190px; margin: 0; padding: 0 15px 0 15px; text-align: center; }
  div#content a.galleryL img { background: #282F33; padding: 10px; margin: 10px 5px; border: none; }
  div#content a.galleryL:hover img { background: #73BF48; padding: 10px; margin: 10px 5px; border: none; }

  div#content div.gallery { margin: 0 10px 0 20px; clear: left; }
  div#content div.galleryL { float: left; width: 230px; height: auto; text-align: center; }
    div#content div.galleryL a img { background: #282F33; padding: 10px; margin: 10px 30px; border: none; }
    div#content div.galleryL a:hover img { background: #73BF48; padding: 10px; margin: 10px 30px; border: none; }
  div#content div.galleryR { float: left; }
    div#content div.galleryR h2 { font-size: 22px; margin: 5px 0 0 0; }
    div#content div.galleryR a { color: #333333; }
      div#content div.galleryR a img { border: none; }

  div#content h3.downloads { margin: 20px 0 0 20px; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 16px; color: #73BF48; text-transform: uppercase; }
  div#content h4.downloads { margin: 0 0 5px 20px; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 12px; font-weight: normal; color: #333333; }
  div#content p.downloads { margin: 0 0 5px 20px; }

  div#content div.courseBox { width: 470px; float: left; margin: 10px 0 20px 0; }
    div#content div.courseBox div.courseBoxLeft { float: left; width: 55px; }
      div#content div.courseBox div.courseBoxLeft img { float: left; padding-right: 5px; border: none; }

    div#content div.courseBox div.courseBoxRight { float: left; width: 415px; }
      div#content div.courseBox div.courseBoxRight h1 { clear: left; margin: 0 0 10px 0; color: #60B859; font-size: 16px; }
      div#content div.courseBox div.courseBoxRight ul { clear: left; margin: 0; padding: 0; list-style-type: none; }
        div#content div.courseBox div.courseBoxRight ul li { margin: 0; padding: 2px 0; font-size: 11px; }
          div#content div.courseBox div.courseBoxRight ul li img { border: none; padding: 1px 3px 0 0; }

  div#content div.hr { clear: left; width: 700px; height: 1px; }

div#footer {
  clear: left;
  width: 100%;
  height: 110px;
  background: #B5BABD url(footer_bg.gif) repeat-x;
}

  div#footer div#goto_top { clear: left; position: relative; left: 48px; width: 167px; height: 25px; background: url(goto_top.gif); text-align: center; padding-top: 3px; }
    div#footer div#goto_top a img { border: none; }

  div#footer div#footleft { float: left; width: 730px; margin: 0; padding: 0; }
    div#footer div#footleft ul#footlinks { float: left; color: #282F33; font-size: 12px; list-style-type: none; margin: 10px 0; padding-left: 47px; }
      div#footer div#footleft ul#footlinks li { float: left; padding: 0 7px; border-right: 1px solid; }
      div#footer div#footleft ul#footlinks li.last { float: left; padding: 0 7px; border-right: none; }

    div#footer div#footleft p { clear: left; color: #6E7478; font-size: 11px; margin: 5px 0; padding-left: 54px; }

  div#footer div#footright { float: left; width: 260px; font-size: 11px; text-align: right; color: #6E7478; font-size: 11px; }
    div#footer div#footright img { padding-top: 29px; border: none; }