body {
    margin: 0;
    padding: 0 0 20px 0;
    font: 12px Tahoma, arial, sans-serif;
    color: #34687b;
    background: #3b5d6a url(images/body-wrapper.gif) center repeat-y;
    
}

a,p,pre,div,span,ul,li,ol,dl,dd,dt,h1,h2,h3,h4,h5,h6,h7,form,input,select {
    margin: 0;
    padding: 0;
}

ul {
    list-style-type: none;
}

img {
    border: 0;
}

h1,h2 {
    margin: 10px 20px;
    color: #34687b;
}
          
h2 {
    font-size: 12px;
}
          
h3 {
    font-size: 12px;
    margin: 6px 10px 10px 20px;
    color: #34687b;
}

/* STRUCTURE */

div#body-wrapper {
    width: 100%;
    background: url(images/body-bg.jpg) repeat-x;
}

div#page-wrapper {
    width: 780px;
    margin: 0 auto;
    position: relative;
}

div#header {
    width: 780px;
    height: 235px;
    background: url(images/logo-flash.jpg) no-repeat;
}

div#footer {
    width: 780px;
    height: 44px;
    background: url(images/logo-footer.gif) no-repeat;
    position: relative;
}

div#content {
    width: 780px;
    height: 852px;
    background: url(images/logo-bg.gif) repeat-y;
    position: relative;
}

/* MINIMAL CONTENT */

div#logo-anim {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 18px;
    left: 70px;
}

div#kiallitasok {
    position: absolute;
    left: 21px;
    background: url(images/kiallitasok.gif) no-repeat;
    width: 463px;
    height: 852px;
}

div#link1 {
    position: absolute;
    left: 28px;
    top: 31px;
    width: 443px;
    height: 85px;
    z-index: 5;
    cursor: pointer;
}

div#link2 {
    position: absolute;
    left: 28px;
    top: 116px;
    width: 443px;
    height: 85px;
    z-index: 5;
    cursor: pointer;
}

div#link3 {
    position: absolute;
    left: 28px;
    top: 201px;
    width: 443px;
    height: 85px;
    z-index: 5;
    cursor: pointer;
}

div#link4 {
    position: absolute;
    left: 28px;
    top: 286px;
    width: 443px;
    height: 85px;
    z-index: 5;
    cursor: pointer;
}

div#link5 {
    position: absolute;
    left: 28px;
    top: 371px;
    width: 443px;
    height: 85px;
    z-index: 5;
    cursor: pointer;
}

div#link6 {
    position: absolute;
    left: 28px;
    top: 456px;
    width: 443px;
    height: 85px;
    z-index: 5;
    cursor: pointer;
}

div#link7 {
    position: absolute;
    left: 28px;
    top: 541px;
    width: 443px;
    height: 85px;
    z-index: 5;
    cursor: pointer;
}

div#link8 {
    position: absolute;
    left: 28px;
    top: 626px;
    width: 443px;
    height: 85px;
    z-index: 5;
    cursor: pointer;
}

div#link9 {
    position: absolute;
    left: 28px;
    top: 711px;
    width: 443px;
    height: 85px;
    z-index: 5;
    cursor: pointer;
}

div#address {
    background: url(images/h-address.gif) no-repeat;
    width: 210px;
    padding-top: 80px;
    position: absolute;
    left: 490px;
    color: #8c454f;
}

div#address p {
    margin: 0;
    line-height: 1.4em;
}

div#address a {
    text-decoration: none;
}

div#address a:hover {
    text-decoration: underline;
}

/* TEXT */

p {
    margin: 10px 20px 20px 20px;
    text-align: justify;
}

a {
    color: #822c37;
}

a:hover {
    text-decoration: none;
}

/* headlines */

div.h-kapcs {
    width: 280px;
    height: 44px;
    background: url(images/h-kapcsolat.gif) no-repeat;
    margin-left: 1px;
}

div.h-main {
    width: 462px;
    height: 64px;
    background: url(images/h-kiallitasok.gif) no-repeat;
}

div.h-kiallitasok-date {
    width: 462px;
    height: 48px;
    background: url(images/h-kiallitasok-date.gif) no-repeat;
}

div.h-kiallitas-img {
    width: 462px;
    height: 133px;
    background: url(images/h-kiallitas-img.jpg) no-repeat;
}

/* tfh */

div.h-tfh {
    width: 280px;
    height: 44px;
    background: url(images/h-tfh.gif) no-repeat;
    margin-left: 1px;
}

div.h-kiallitas2 {
    width: 462px;
    height: 32px;
    background: url(images/h-kiallitasok2.gif) no-repeat;
}

div.h-kiallitas-img2 {
    width: 462px;
    height: 137px;
    background: url(images/h-kiallitas-img2.jpg) no-repeat;
    position: relative;
}

/* dotted ul */

ul.list-img li {
    background: url(images/dot.gif) 0 8px no-repeat;
    padding: 2px 10px;
}

ul.list-img a {
    text-decoration: none;
}

ul.list-img a:hover {
    text-decoration: underline;
}

table.contacts {
    color: #7fbcd3;
    width: 280px;
    margin-left: 1px !important;
    margin-left: 1px;
}

table.contacts span {
    color: #3b768c;
    font-weight: bold;
    display: block;
}

table.contacts tr.row-2 {
    background: #e3f4fb;
}

table.contacts tr td {
    padding: 8px 2px 8px 10px;
}

table.contacts tr td.tel {
    color: #3b768c;
    padding-left: 10px;
}

img.kapcsolat {
  margin-left: 1px;
  display: block;
}

div#right ul {
  margin:12px;
  color: #7fbcd3;
}

div#right ul li {
    margin: 4px 0;
}

div#right ul li.first {
  font-weight: bold;
  color: #3b768c;
}

div.h-kiallitas-img2 p {
  text-transform: uppercase;
  position: absolute;
  top: 12px;
  left: 175px !important;
  left: 165px;
  margin: 0;
  text-align: left;
  letter-spacing: -0.5px
}

div.h-kiallitas-img2 ul {
  text-transform: uppercase;
  position: absolute;
  top: 70px;
  left: 175px !important;
  left: 165px;
  margin: 0;
  letter-spacing: -0.5px
}

div.h-kiallitas-img2 ul li {
    margin: 4px 0;
}

div.h-kiallitas-img2 ul span {
    color: #7fbcd3;
}

ul.in-text {
    margin: 10px 20px;
}

ul.in-text li {
    background: url(images/dot.gif) 0 8px no-repeat;
    padding: 2px 10px;
}

table.tabular-data {
   margin: 20px;
   font-size: 11px;
   
}
          
table.tabular-data tr {
   background: #f6fcfe;
}
          
table.tabular-data tr.titles {
   background: #d6ebf3;
   font-weight: bold;
}
          
table.tabular-data tr td {
    padding: 10px;
    border: 1px solid #e3f4fb;
}
      
/* PDF */

ul.pdf {
    margin: 0 0 0 20px;
}
ul.pdf li{
    margin: 15px 0;
}

ul.pdf li img {
    position: relative;
    top: 6px;
}

ul.side {
    background: url(images/dot-hr.gif) top repeat-x;
    padding-top: 1px;
    margin-top: 20px !important;;
}

ul.side li {
    margin: 15px 0 !important;
    padding: 5px 0 5px 30px;
    background: url(images/pdf.gif) no-repeat;
}

ul.side li.w {
    background: url(images/pdf.gif) 0 5px no-repeat;
}

ul.side li img {
    position: relative;
    top: 6px;
}

ul.side li a {
    text-decoration: none;
}

ul.side li a:hover {
    text-decoration: underline;
}

/* logo table */
          
table.logo-table {
    margin: 20px;
    
}
          
table.logo-table tr td {
    padding: 5px;
}
          
table.logo-table tr td p {
    margin: 0;
    font-weight: bold;
    text-align: left !important;
}

/* NEWSLETTER */

p.newsletter {
    background: url(images/dot-hr.gif) top repeat-x;
    margin: 20px 10px 10px 10px;
    padding: 14px 0;
}

form#newsletter {
    position: relative;
}

form#newsletter input {
    color: #34687b;
    font-size: 12px;
    padding: 4px 1px;
    margin: 4px 0 4px 30px;
    border: 1px solid #bbb;
    display: block;
    width: 150px;
}

form#newsletter input#submit {
    color: #34687b;
    font-size: 12px;
    padding: 4px 1px;
    border: 0;
    display: block;
    width: 26px;
    height: 23px;
    border: 1px solid #bbb;
    background: url(images/ok.gif) -1px -3px no-repeat;
    position: absolute;
    top: 23px;
    left: 165px;
}

div#footer p {
    position: absolute;
    right: 0;
    top: 20px;
}

div#footer p a {
    color: #3b5d6a;
}

/* ffox based float clearing without any extra element */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hide from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide */