body {
  border: 0;
  margin: 0;
  padding: 0;
  font: 10px normal Tahoma, Verdana, Arial;
  background-color: #222;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

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

p {
  margin: 0 0 12px 0;
  padding: 0;
  border: 0;
}

span.colored,
p span.colored {

}

p.outline {
  font-weight: bold;
}

div#contentmain div.content p.outline a:link,
div#contentmain div.content p.outline a:visited,
div#contentmain div.content p.outline a:hover {
  font-size: 13px;
  font-weight: bold;
}

div#contentmain div.content p.outline a:hover {
  text-decoration: underline;
}

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

div#page {

}

div#header {
  background: url(kepek/fejlec_hatter.jpg) 0 0 repeat-x;
  height: 176px;
  text-align: center;
}

div#headercontent {
  background: url(kepek/fejlec_logohatter.jpg) no-repeat;
  height: 176px;
  width: 920px;
  margin-left: auto;
  margin-right: auto;
}

h1 {
  margin: 0;
  padding: 0;
  border: 0;
}

h1 a:link, h1 a:visited, h1 a:hover {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
  left: 0;
  top: 0;
  padding-top: 100px;
  padding-right: 170px;
  text-decoration: none;
}

h1 span {
  visibility: hidden;
}

h2, h3, h4, h5, form#uploadform div.uploadslot span {
  margin: 0;
  padding: 0;
  border: 0;
  text-align: left;
  color: #fff;
}

h2 {
/*  font: 10pt bold Arial, Verdana, sans-serif;
  font-weight: bold;
  padding-top: 15px;*/
/*  font: 18px normal Verdana, Arial;
  padding-top: 10px;
  padding-left: 20px;
 */
/*  font: 16px normal Arial, Verdana, sans-serif;*/
/*  font-family: Arial, Verdana, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2em;
  padding-top: 13px;
  padding-left: 20px;*/
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  padding-top: 15px;
  padding-left: 20px;

  line-height: 1.2em;
}

h3 {
/*  font: 7pt bold Arial, Verdana, sans-serif;*/
/*  font: 12px normal Verdana, Arial;*/
/*  font: 12px normal Arial, Verdana, sans-serif; */
/*  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2em;
  padding-left: 20px;*/
  font-family: Verdana, Arial, sans-serif;;
  font-size: 10px;
  font-weight: bold;

  line-height: 1.2em;
  padding-left: 20px;
}

h4 {
  color: #000;
/*  padding-bottom: 10px;
  font: 16px normal Verdana, Arial;*/
/*  font: 10pt bold Arial, Verdana, sans-serif;*/
/*  font-weight: bold; */
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 10px;

  line-height: 1.2em;
}

h4 span {
  display: block;
/*  font: 11px normal Verdana, Arial;*/
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
/*  font: 7pt bold Arial, Verdana, sans-serif;
  font-weight: bold;
  padding-left: 1px;*/
}

h5 {
  color: #000;
  margin: 30px 0 10px 0;
  padding: 0;
  font-size: 12px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
}

div.infopage h5.first {
  margin-top: 0;
}

div.infopage p.image {
  text-align: center;
}

div.infopage p.sectiontitle {
  font-size: 11px;
  font-weight: bold;
}

div.infopage dt {
  display: block;
  margin: 12px 0 0 0;
  padding: 0;
  border: 0;
  font-size: 10px;
  font-weight: normal;
  font-style: italic;
}

div.infopage dd {
  display: block;
  margin: 7px 0 0 0;
  padding: 0;
  border: 0;
  font-size: 10px;
  font-weight: normal;
}

div#mainheader h2 {
  padding-left: 30px;
}

div#mainheader h3 {
  padding-left: 31px;
}

/*
 * Colorset definitions
 */

div#colorsetselect {
	margin: 0;
	padding: 0;
  border: 0;
  float: right;
  width: 130px;
	height: 15px;
}

div#colorsetselect ul {
	margin: 0;
  padding: 0;
  border: 0;
}

div#colorsetselect ul li {
  display: block;
  float: left;
  list-style: none;
  height: 10px;
  margin: 0 3px 0 0;
}

div#colorsetselect ul li a:link, div#colorsetselect ul li a:visited {
  display: block;
  width: 18px;
  height: 5px;
}

div#colorsetselect ul li a:hover {
  display: block;
  width: 18px;
  height: 15px;
}

div#colorsetselect ul li.purple a {
  background-color: #cc2e80;
}

div#colorsetselect ul li.orange a {
  background-color: #eaa500;
}

div#colorsetselect ul li.red a {
  background-color: #ff5a00;
}

div#colorsetselect ul li.green a {
  background-color: #aac901;
}

div#colorsetselect ul li.blue a {
  background-color: #49accb;
}

div#colorsetselect ul li.filler {
  margin: 0;
  width: 22px;
}

div#colorsetselect ul li a span {
  display: none;
}

/*
 * Top menu definitions
 */

div#topmenu {
	margin: 0;
	padding: 0;
  border: 0;
  float: right;
  clear: right;
  margin-top: 70px;
/*  width: 535px; */
  width: 520px;
}

div#topmenu ul {
	margin: 0;
  padding: 0;
  border: 0;
}

div#topmenu ul li {
  display: block;
  float: left;
  list-style: none;
  margin: 0 22px 0 0;
}

div#topmenu ul li a:link, div#topmenu ul li a:visited {
  text-decoration: none;
  font: 10px normal Tahoma, Verdana, Arial;
  font-weight: bold;
  color: #fff;
}

div#topmenu ul li a:hover {
  text-decoration: none;
  color: #fff;
}

div#topmenu ul li.filler {
  margin: 0;
  width: 10px;
}

/*
 * Main content
 */

div#content {
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  background-color: #222;
  color: #000;
}

/*
 * Footer
 */

div#footer {
  background: url(kepek/lablec_hatter.jpg) 0 0 repeat-x;
  height: 222px;
  text-align: center;
}

div#footercontent {
  background: url(kepek/lablec_logohatter.jpg) no-repeat;
  height: 222px;
  width: 920px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  padding-left: 60px;
}

/*
 * Footer menu
 */

div#footermenu {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  padding-top: 80px;
  margin-bottom: 10px;
  font: 10px normal Tahoma, Verdana, Arial;
  color: #fff;
}

div#footermenu a:link, div#footermenu a:visited {
  text-decoration: none;
  color: #fff;
}

div#footermenu a:hover {
  text-decoration: none;
  color: #fff;
}

/*
 * Copyright
 */

div#copyright {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  font: 10px normal Tahoma, Verdana, Arial;
  color: #7a7a7a;
}

div#copyright a:link, div#copyright a:visited {
  text-decoration: none;
  color: #7a7a7a;
}

div#copyright a:hover {
  text-decoration: none;
  color: #fff;
}

/*
 * Separators
 */

div.separator {
  display: block;
  margin: 0;
  padding: 20px 0 20px 0;
  border: 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

div.separator span {
  font: 10px normal Tahoma, Verdana, Arial;
  font-weight: bold;
  background-color: #fff;
  padding-left: 5px;
  padding-right: 5px;
}


div.shortest {
  background: url(kepek/elvalaszto_j_old.jpg) no-repeat center center;
  width: 169px;
}

div.short {
  background: url(kepek/elvalaszto_b_old.jpg) no-repeat center center;
  width: 178px;
}

div.middle {
  background: url(kepek/elvalaszto_kozep.jpg) no-repeat center center;
  width: 439px;
}

div.long {
  background: url(../kepek/elvalaszto_nagy.jpg) no-repeat 4px 20px;
  width: 640px;
  padding: 25px 0 20px 0;
}

div.banner140_600 {
  margin: 0;
  padding: 18px 0 0 0;
  border: 0;
  background: url(kepek/bannerhatter_140x600.jpg) no-repeat top center;
  width: 170px;
  height: 637px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

div.fmbox {
  margin: 50px 0 0 0;
/*  padding: 18px 0 0 0; */
  padding: 35px 0 0 0; 
  border: 0;
  background: url(../kepek/fmboxhatter.jpg) no-repeat top center;
  width: 175px;
  height: 307px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

div.ccbox {
  margin: 30px 0 0 0;
  padding: 18px 0 0 0;
  border: 0;
  background: url(../kepek/ccboxhatter.jpg) no-repeat top center;
  width: 175px;
  height: 307px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* Categories */

ul#categorylist {
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
}

ul#categorylist li {
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}

ul#categorylist li.last {
  border: 0;
}

ul#categorylist li a {
  display: block;
  margin: 0;
  padding: 6px 0 0 16px;
  height: 18px;
  font: 10px normal Tahoma, Verdana, Arial;
}

ul#categorylist li.subcatopen a {
  background: url(../kepek/mgomb_minusz_zold.jpg) no-repeat 3px 9px;
}

ul#categorylist li.subcatclosed a {
  background: url(../kepek/mgomb_plusz_zold.jpg) no-repeat 3px 9px;
}

ul#categorylist li ul {
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
}

ul#categorylist li ul.subcatopen {
  display: block;
}

ul#categorylist li ul.subcatclosed {
  display: none;
}

ul#categorylist li ul li {
  padding-left: 12px;
  border: 0;
}

ul#categorylist li.subcatopen ul.subcatopen li a {
  background: none;
}

/* Info page list */

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

ul.leftmenulist li {
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}

ul.leftmenulist li a {
  display: block;
  margin: 0;
  padding: 6px 0 0 6px;
  height: 18px;
  font: 10px normal Tahoma, Verdana, Arial;
}

ul.leftmenulist li.last {
  border: 0;
}

/* Pager */

div.pager {
  margin-top: 30px;
  color: #fc5d01;
  padding-top: 18px;
}

div.pager span span {
  padding: 0 3px 0 3px;
}

div.pager span span.pagertitle {
  padding: 0;
  color: #000;
}

div.pager a.prevlink, div.pager a.nextlink {
  display: none;
}

div.pagerbottom {
  padding-bottom: 40px;
}

div.pagerbottom a, div.pagerbottom span.emptylink {
  display: block;
  float: left;
  width: 50%;
}

div.pagerbottom a.nextlink {
  text-align: right;
}

div.pagerbottom a span {
  font-weight: bold;
}

p#usernumpics label {
  display: block;
  float: left;
  width: 100px;
}

div#contentmain div.content a.entryaction:link, div#contentmain div.content a.entryaction:visited {
  text-decoration: none;
}

div#contentmain div.content a.entryaction:hover {
  text-decoration: underline;
}

ul.newslist {
  margin-bottom: 50px;
}

div#contentmain div.content ul.newslist li a:link,
div#contentmain div.content ul.newslist li a:visited,
div#contentmain div.content ul.newslist li a:hover {
  height: auto;
  padding-left: 0;
  font-weight: bold;
}

span.datetime {
  display: block;
  margin: 0 0 5px 12px;
  padding: 0;
  border: 0;
  font-size: 9px;
  font-weight: normal;
}