@media screen
{
html
{
  overflow-y:scroll;
}
body {
  background-color: #FFFFFF;
  background-image: url(/images/wh_hatter_fent.png);
  background-position: top;
  background-repeat: repeat-x;
  padding: 0 0 0 0;
  text-align: center;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
a {
  text-decoration: none;
  color: #ee1c25;
}
a:hover {
  color: #9c1319;
}
#main {
    width: 950px;
    position: relative;
    margin: 0 auto;
    display: block;
    /*background-color: red;*/
}

#header {
  width: 950px;
  height: 350px;
  background-image: url(/images/fejlec_bg.png);
  background-repeat: no-repeat;
  background-position: right;
  background-position: bottom;
}

#webhold_logo {
  position: absolute;
  left: 4px;
  margin-top: 25px;
}
.support {
  position: absolute;
  left: 460px;
  top: 35px;
}
.felso_linkek {
  position: absolute;
  top: 110px;
  left: 330px;
}
.felso_linkek a {
  text-decoration: none;
  color: #000000;
  height: 21px;
  line-height: 21px;
  float: left;
  margin-right: 15px;
}
.support_link {
  background-image: url(/images/icon_support.png);
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 20px;
  color: red;
}
.kapcsolat_link {
  background-image: url(/images/icon_kapcsolat.png);
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 20px;
}
.ajanlo_link {
  background-image: url(/images/icon_ajanlo.png);
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 25px;
}
.kedvencek_link {
  background-image: url(/images/icon_add2fav.png);
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 25px;
}

#content_main {
  margin-top: 5px;
  margin-left: 3px;
  width: 937px;
  min-height: 100px;
  background-image: url(/images/kozep_bg.png);
  background-position: top;
  background-repeat: repeat-x;
  position: relative;
  /*-moz-border-radius-topleft:1ex;
  -moz-border-radius-topright:1ex;*/
}
#content_box {
  margin-top: 5px;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 5px;
  width: 206px;
  background-position: top;
  background-repeat: repeat-x;
  position: relative;
  float: left;
}
  #content_box a {
    color: black;
    font-weight: bold;
    text-decoration: none;
  }
  #content_box a:hover {
    text-decoration: underline;
  }
  .box_fent {
    background-image: url(/images/box_top.png);
    background-position: top;
    background-repeat: no-repeat;
    color: #FFFFFF;
    padding: 10px;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    background-color: #000000;
    border-bottom: 1px solid #FFFFFF;
  }
  .box_lent {
    background-image: url(/images/box_bottom.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #f13e45;
    padding: 10px;
    color: #FFFFFF;
    text-align: left;
  }
  .box_lent ul {
    margin-top: -5px;
    color: #FFFFFF;
  }
  .box_lent li {
    list-style-image: url(/images/li_icon.gif);
    color: #FFFFFF;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: -20px;
  }
#content_main_min {
  float: left;
  margin-top: 5px;
  margin-left: 3px;
  width: 725px;
  min-height: 100px;
  background-image: url(/images/kozep_bg.png);
  background-position: top;
  background-repeat: repeat-x;
  position: relative;
  /*-moz-border-radius-topleft:1ex;
  -moz-border-radius-topright:1ex;*/
}
.content {
  margin-top: 0px;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  float: left;
  text-align: left;
}
.content_nagy {
  width: 900px;
}
.content_kicsi {
  width: 680px;
}
.content_left {
  float: left;
}
.content_right {
  float: right;
}
.content_menu {
  margin-top: 10px;
  width: 180px;
  text-align: center;
  float: left;
}
.content_menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.content_menu ul li {
  width: 176px !important;
  height: 32px !important;
  line-height: 32px;
  position: relative;
  background-image: url(/images/bal_menu.png);
  background-position: center left;
  background-repeat: no-repeat;
  margin-bottom: 5px;
}

.content_menu ul li a {
  color: black;
  text-decoration: none;
  display: block;
  width: 176px;
  height: 32px;
}
.content_menu ul li.act_menu {
  background-image: url(/images/bal_menu_over.png);
}
.content_menu ul li.act_menu a {
  color: #FFFFFF;
}
#footer {
  background-color: #ebebeb;
  color: #000000;
  height: 50px;
  /*line-height: 50px;*/
  /*display: table-cell;*/
  vertical-align: middle !important;
  text-align: right;
  padding-right: 10px;
  width: 937px;
  margin-left: 3px;
  display: block;
  clear: left;
}
.fejlec_box {
  position: absolute;
  left: 15px;
  top: 205px;
  background-image: url(/images/fejlec_box_bg.png);
  background-repeat: repeat-x;
  background-position: top;
  width: 516px;
  height: 132px;
}
.fejlec_box_content {
  width: 490px;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
  float: left;
  color: #FFFFFF;
  text-align: left;
}
.fejlec_jobb_box {
  position: absolute;
  right: 23px;
  top: 206px;
  background-image: url(/images/fejlec_jobb_box.png);
  background-repeat: no-repeat;
  background-position: top;
  width: 385px;
  height: 127px;
  text-align: left;
}
.fejlec_jobb_box_content {
  position: absolute;
  right: 130px;
  top: 210px;
  min-height: 116px;
  color: #000000;
  float: left;
  line-height: 20px;
  width: 270px;
  text-align: left;
}
#content_bottom {
  margin-top: 5px;
  margin-left: 3px;
  width: 950px;
  min-height: 300px;
  position: relative;
  display: block;
  clear: left;
}
.also_nagybox {
  text-align: left;
  float: left;
  background-image: url(/images/also_nagybox_bg.png);
  background-position: top;
  background-repeat: repeat-x;
  min-height: 300px;
  width: 645px;
  padding-top: 5px;
}
.also_nagybox table {
  margin: 10px;
}
.also_nagybox h1 {
  margin-left: 10px;
}
.also_box_jobb {
  float: left;
  width: 277px !important;
  background-image: url(/images/also_box_bg.png);
  background-repeat: repeat-y;
  background-position: top;
  margin-left: 10px;
  padding: 0 0 0 0;
}
.also_box_jobb_content {
  width: 277px !important;
  min-height: 271px;
  background-image: url(/images/also_box_fent.png);
  background-position: top;
  background-repeat: no-repeat;
  text-align: left;
  float: left;
}
.also_box_jobb_footer {
  width: 277px !important;
  height: 10px !important;
  background-image: url(/images/also_box_also.png);
  background-repeat: no-repeat;
  background-position: bottom;
  display: block;
}
.piros {
  color: #ee1c25;
}
.zold {
  color: #02e33a;
}
.cimsor {
  font-size: 16px;
}
.textbox {
  background-color: #FFFFFF;
  border: 1px solid #cccccc;
  font-size: 10px;
}
INPUT.kereses {
  background-image: url(/images/icon_kereses.png);
  background-position: right;
  background-repeat: no-repeat;
}
.input {
  border: 1px inset #000000;
  margin-left: 5px;
  margin-right: 5px;
}
.submit_gomb {
  color: #ee1c25;
  font-size: 13px;
  text-align: center;
  border: none;
  background-color: #FFFFFF;
}
.button_nobg {
  color: #000000;
  border: none;
  background-color: #FFFFFF;
  cursor: pointer;
}
H1 {
  font-size: 20px;
}
H2 {
  font-size: 17px;
}
H3 {
  font-size: 14px;
  margin: 0 0 0 0;
  padding: 0 0 10px 0;
}

a.boldbuttons{
background: transparent url('/images/submit_gomb_bal.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 20px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 20px; /* Height of button background height */
padding-left: 4px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: #ee1c25; /*button text color*/
}

a.boldbuttons span{
background: transparent url('/images/submit_gomb_jobb.gif') no-repeat top right;
display: block;
padding-left: 14px;
padding-right: 20px;
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
float: right;
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */

}

.menu {
  position: absolute;
  left: 10px;
  top: 150px;
  z-index: 10;
}

.menu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.menu ul li{
width: 119px !important;
height: 32px !important;
line-height: 32px;
position: relative;
display: inline;
float: left;
background-image: url(/images/felso_menu.png);
background-position: center left;
background-repeat: no-repeat;
margin-right: 5px;

}

.menu ul li a {
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  width: 119px;
  height: 32px;
}

.menu_feny {
  position: absolute;
  left: 10px;
  top: 185px;
}

.menu_feny ul{
margin: 0;
padding: 0;
list-style-type: none;
margin-bottom: 0;
}

.menu_feny ul li{
width: 119px !important;
height: 19px !important;
position: relative;
display: inline;
float: left;
background-image: url(/images/felso_menu_feny.png);
background-position: center left;
background-repeat: no-repeat;
margin-right: 5px;

}


/*1st sub level menu*/
.menu ul li ul{
position: absolute;
width: 119px;
top: 32px;
left: 0;
display: block;
visibility: hidden;
background-image: none;
background-color: #cccccc;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.menu ul li ul li {
width: 119px !important;
height: 18px !important;
display: list-item;
float: none;
background-image: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.menu ul li ul li ul {
top: 0;
}

/* Sub level menu links style */
.menu ul li ul li a{
top: 0px;
font: normal 13px Verdana;
padding: 0px;
margin: 0;
height: 18px !important;
background-image: none;
position: relative;
color: #000000;
text-align: left;
margin-left: 10px;
}

.menu ul li ul li a:hover{ /*sub menus hover style*/

}

.keret_szaggatott {
  /*border: 1px dotted #000000;*/
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
}
/*
.table_szaggatott {
   border: none;
    border-collapse: collapse;
    border-spacing: 0;
}
*/
.table_szaggatott {
  border-collapse: collapse;
  border-spacing: 0;
}
.table_szaggatott td {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
.table_szaggatott td, table th {
  border: 1px dotted black;
}
.table_szaggatott tr:first-child th {
  border-top: 0;
}
.table_szaggatott tr:last-child td {
  border-bottom: 0;
}
.table_szaggatott tr td {
  border-top: 0;
}
.table_szaggatott tr td:first-child {
  border-top: 0;
  border-left: 0;
  text-align: left;
}
.table_szaggatott tr th:first-child {
  border-left: 0;
}
.table_szaggatott tr td:last-child {
  border-right: 0;
}

    .tablazat {
      border: 1px solid #000;
      width: 400px;
      margin: 10px auto;
    }
    .tablazat tr :first-child {
      background: #444;
      color: #fff;
      text-align: left;
    }
    .tablazat tr td:first-child + td {
      background: #666;
      color: #aaa;
      text-align: center;
    }
    .tablazat tr td:first-child + td + td {
      background: #888;
      color: #555;
      text-align: center;
    }
    .tablazat tr td:last-child {
      background: #aaa;
      color: #000;
      text-align: right;
    }
  .line {
      padding: 5px;
      border-bottom: 1px dotted black;
  }
  .zold_cimsor {
      color: #4fa808;
      font-size: 20px;
      padding: 10px;
      font-weight: bold;
  }
  .padding_5px {
    padding: 5px;
  }
  .zold_lista li{
    color: #4fa808;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  div.left {
    float: left;
    text-align: right;
  }
  div.right {
    text-align: right;
  }
}
/*media screen vége*/
@media print {
  body {color: black; background: white; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
  #header, #menu, #menu_feny, #fejlec_box, .content_menu, .content_left, .content_right, #content_bottom {
    display: none;
  }
  a {
    text-decoration: none;
    color: inherit;
  }
}