body {margin: 0; padding: 0; border: 0; height: 100%; color: white; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, SunSans-Regular, Sans-Serif; background: url(../images/hatterkitoltes.jpg) repeat-x #000000; font-size: 12px;}

#fooldal{background: url(../images/hatterkep.jpg) no-repeat center top; }
#fooldal .tartalom{width: 980px; margin: 0 auto;  } 
#fooldal .tartalom .left { width: 270px; float: left; margin-top: 80px;}
#fooldal .tartalom .right {width: 620px; float: left; padding: 0 20px 0 25px;}

.tovabb{margin-top: 50px;}
.tovabb a{color: #fff; font-size: 11px; text-decoration: none; font-weight: bold;}
.tovabb a:hover{ text-decoration: underline;}

.lablec{margin-top: 80px; margin-left: 20px; }
.lablec .www{ background-image: url(../images/arrowyellow.jpg); background-repeat: no-repeat; display:block; background-color: #e0dc19; width: 250px; float: left; padding-left: 30px; margin-left: 25px;}
.lablec .www a{color: #000000; text-decoration: none; font-weight: bold;}
.lablec .www a:hover{ text-decoration: underline;}

.fejlec{position: relative; top: -5px;}
.fejlec .www{position: relative; left: 63px;}
.fejlec .www a{color: #fff; text-decoration: none; font-weight: bold}
.fejlec .www a:hover{ text-decoration: underline;}

.cim{background-image: url(../images/cimhatter.png); background-repeat: no-repeat; height: 47px; width: 595px; margin-bottom: 20px; text-align: right; padding-right: 15px; padding-top: 7px; padding-bottom: 7px;}
h1{color: #8e8e83; font-size: 18px; padding: 0; margin: 0;}
h5{color: #53534c; font-size: 12px; padding: 0; margin: 0; }
h2{font-size: 22px; color: #e1dddc;}
h2 span{font-size: 14px;}
h3{font-family:Arial,Helvetica,sans-serif;  font-size:16px;  color:#fff;  font-weight:bold;  letter-spacing:-0px;  text-align:left; }
h3 span{ font-family:Arial,Helvetica,sans-serif;  font-size:12px;  color:#fff;  font-weight:normal;  letter-spacing:2px;  text-align:left; margin-left: 5px; margin-right: 5px;}
h4{font-family:Arial,Helvetica,sans-serif;  font-size:14px;  color:#fff;  font-weight:bold;  letter-spacing:0px;  padding-left:5px;  text-align:left; line-height: 0px}
h4 span{ font-family:Arial,Helvetica,sans-serif;  font-size:11px; margin-left: 5px; margin-right: 5px;  color:#fff;  font-weight:normal;  letter-spacing:2px;  text-align:left}

.kepkeret{border: 3px solid red;}
.aktualis{margin-top: 155px; width: 235px; position: relative; left: 40px;}
.teg{margin-top: 30px; position: relative; left: 40px; width: 230px;}

.referenciacim{color: #e1dddc; line-height: 12px; font-size: 10px; padding-bottom: 8px}
.referenciacim span{font-weight: bold;}
.referenciacim a{color: #e0dc19; font-weight: bold; text-decoration: none;}
.referenciacim a:hover{color: #fff;}
.menu{position: relative; left: 28px; top: 10px;}
.menu1 a{color: #fff; display: block; width: 166px; height: 28px; text-decoration: none; font-weight: bold; font-size: 15px; position: relative; left: 64px; top: 10px; text-align: right; background-image: none; padding: 12px 10px 0 0;}
.menu1 a:hover{background-image: url(../images/menu1.jpg); background-repeat: no-repeat;}
.menu2 a{color: #fff; display: block; width: 166px; height: 28px; text-decoration: none; font-weight: bold; font-size: 15px; position: relative; left: 64px; top: 12px; text-align: right; background-image: none; padding: 12px 10px 0 0;}
.menu2 a:hover{background-image: url(../images/menu2.jpg); background-repeat: no-repeat;}
.menu3 a{color: #fff; display: block; width: 166px; height: 28px; text-decoration: none; font-weight: bold; font-size: 15px; position: relative; left: 64px; top: 13px; text-align: right; background-image: none; padding: 12px 10px 0 0;}
.menu3 a:hover{background-image: url(../images/menu3.jpg); background-repeat: no-repeat;}