html, body {
  margin: 0;
  height: 100%;        /* important, 100% viewport height */
}

body {
  font: 12px/16px Tahoma, Arial, Verdana, sans-serif;
  color: #3c3c3c;
}

a {
  color: #004cb8;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

ol, ul {
  margin: 0;
  padding: 0;
  padding-left: 30px;
}

li {
  margin-top: 5px;
  margin-bottom: 5px;
}

p {
  margin: 5px 0;
}

img {
  border: 0;
}

form {
  margin: 0;
}

textarea {
  resize: none;
}

input[type="radio"] {
  position: relative;
  top: 2px;
}

hr {
  height: 0;
  margin: 12px 0;
  border: 0;
  border-top: 1px solid #ffce8f;
}

#main-content hr {
  margin: 12px -14px;
}

h1 {
  margin: 64px 0 0 0;
  padding: 0;
  font: bold 12px/23px Arial, Verdana, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #004CB8;
}

h2 {
  font-size: 12px;
  letter-spacing: 1px;
  color: #DF8108;
  margin: 5px 0 15px;
  text-transform: uppercase;
}

table {
  border-collapse: collapse;
}

th {
  text-align: left;
  font-weight: bold;
}

thead th {
  text-align: center;
}

th, td {
  padding: 2px 4px;
}

table.zebra thead th {
  color: white;
  background-color: #4266A2;
  border: 1px solid white;
}

table.zebra tbody tr.even th,
table.zebra tbody tr.even td {
  background-color: #EAEEF7;
}

table.zebra tbody tr:nth-child(even) th,
table.zebra tbody tr:nth-child(even) td {
  background-color: #EAEEF7;
}

table.zebra tbody th,
table.zebra tbody td {
  border-left: 1px solid #eaeef7;
  border-bottom: 1px solid #eaeef7;
}

table.zebra tbody tr:nth-child(even) th,
table.zebra tbody tr:nth-child(even) td {
  border-left: 1px solid white;
}

table.zebra tbody th:first-child,
table.zebra tbody td:first-child {
  border-left: 0;
}

#page {
  position: relative;
  height: auto !important;  /* 100% height, (ie6 height = ie7+ min-height) */
  height: 100%;
  min-height: 100%;
}

.wrapper {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
}

#header {
/*  height: 87px;*/
  background: #e9eef6;
}

  #header-content {
    background: transparent url(http://www.ksh.hu/images/headers/header_main_full.png) no-repeat left top;
  }

    #logo img {
      float: left;
      margin: 5px 5px 8px 10px;
    }

.top-line {
  border-top: 4px solid #335690;
}

.bottom-line {
  border-bottom: 4px solid #335690;
}

#header.menu {
  background-image: url(http://www.ksh.hu/images/body_bg.png);
  background-position: bottom left;
  background-repeat: repeat-x;
}

ul#main-menu {
  height: 26px;
  list-style: none;
  padding: 0;
  margin: 0 auto;
}

#main-menu li {
  margin: 0;
  float: left;
}

#main-menu a {
  display: block;
  height: 26px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0 20px;
  line-height: 26px;
  font-size: 11px;
  background: transparent url(http://www.ksh.hu/images/menu_bg.png) left center;
  color: white;
}

#main-menu li:first-child a {
  background: transparent url(http://www.ksh.hu/images/menu_bg.png) right center;
}

#main-menu a:hover {
  background: transparent url(http://www.ksh.hu/images/menu_bg_over.png) left center;
  text-decoration: none;
}

#main-menu li:first-child a:hover {
  background: transparent url(http://www.ksh.hu/images/menu_bg_over.png) right center;
  text-decoration: none;
}

#main-content {                  
  margin: 0 auto;
  padding-bottom: 40px;   /* padding-bottom >= footer height */
}

ul.side-menu {
  list-style: none;
  margin: 0 0 0 1em;
  padding: 0;
  font-weight: bold;
  text-indent: -1em;
}

ul.side-menu ul {
  list-style: none;
  margin: 0 0 0 2em;
  padding: 0;
  font-weight: normal;
  text-indent: -1em;
}

  .box {
    margin: 10px 0;
    padding: 4px 14px;
    border: 1px solid #FFCE8F;
    -webkit-border-radius: 10px;  /* until safari 4 */
       -moz-border-radius: 10px;   /* until ff 3.6 */
            border-radius: 10px;
  }

    .space-before {
      margin-top: 20px;
    }

    .space-after {
      margin-bottom: 20px;
    }

    .indent {
      margin-left: 30px;
    }
  
    .full-content {
      margin-left: -14px;
      margin-right: -14px;
    }

#footer {
  position: absolute;     /* to allow bottom:0 */
  bottom: 0;              /* stick to bottom */
  width: 100%;            /* important, default width is 0 */
  height: 30px;
}

  ul#footer-menu {
    margin: 0;
    padding: 6px;
    font-weight: bold;
    text-align: center;
    list-style: none;
    color: #1b407b;
    overflow: hidden;
  }

    #footer-menu li {
      display: inline-block;
      margin: 0;

      /* ie6-7 */
      *display: inline;
      zoom: 1;
    }

      #footer-menu a {
        margin: 0 15px;
      }


/* L1 - 3 col */

#col-left-202,
#col-center-576,
#col-right-202 {
  float: left;
}

#col-left-202 {
  width: 202px;
}

#col-right-202 {
  width: 202px;
}

#col-center-576 {
  width: 560px;
  margin: 0 8px;
}

/* L2 - 2 col*/

#col-left-202,
#col-right-778 {
  float: left;
}

#col-right-778 {
  width: 770px;
  margin-left: 8px;
}

/* L3 - 2 col*/

#col-right-202,
#col-left-778 {
  float: left;
}

#col-left-778 {
  width: 770px;
  margin-right: 8px;
}