body{margin:0; padding:0; font-family: verdana, Arial, Helvetica, sans-serif; color: #474747; font-size: 12px; text-align: left;
height: 100%; background-color: #c2c2c4; background-image: url(images/hatterkitoltes.jpg); background-repeat: repeat-x; background-position:left top;}
#fohatter{background-image: url(images/fohatter.jpg); background-repeat: no-repeat; background-position: center top;}
.toppage{width: 960px; margin: 0 auto; background-image: url(images/tartalomkitoltes.jpg); background-repeat: repeat-y; background-position: 50px top;}
.toppage .topmatter{background-image: url(images/fejleckep.jpg); background-repeat: no-repeat; width: 960px;}
.toppage .topmatter .topmenu{width: 960px; padding-top: 0px; height: 240px;}
.toppage .topmatter .topmenu .elogo{padding: 43px 35px 0 0; text-align: right;}
.toppage .topmatter .topmenu .elogo img{border: 0;}
.toppage .topmatter .topmenu .menu{padding: 50px 0 0 83px;}
.toppage .topmatter .topmenu .menu img{border: 0; position: relative; top: 3px; margin: 0 3px 0 3px;}
.toppage .topmatter .topmenu  .menu a{color: #fff; text-decoration: none; font-size: 14px; text-align:left; font-weight: bold;}
.toppage .topmatter .topmenu .menu a:hover{color: #f78e1e;}

.toppage .topmatter .left{width: 250px; float: left;}
.toppage .topmatter .matter{width: 700px; float: left; }

.toppage .topmatter .matter .scroll{width: 700px; height: 130px; position: relative; left: 25px; top: 25px;}
.toppage .topmatter .matter .scroll #portfolio-container{height: 130px; padding-top: 20px; width: 700px;}
.toppage .topmatter .matter .belsotartalom{margin: 70px 0 0 0; padding: 0 70px 0 15px;}

.foot{height: 100px; background-image: url(images/lableckep.jpg); background-repeat: no-repeat;  text-align: center; clear: both; margin-bottom: 10px; width: 960px; margin: 0 auto;}
.foot .footmenu{position: relative; top: 55px; color: #fff; font-size: 15px; font-weight:bold; text-align:center;}
.foot .footmenu a{color: #d1040f;  text-decoration: none; font-size: 14px; font-weight: bold;}
.foot .footmenu a:hover{text-decoration: underline;}
.copy{position: relative; center: -10px; top: -50px;}
.copy a{font-size: 10px; text-decoration: none; font-weight: bold}
.copy a:hover{ text-decoration:underline;}

.gomb1{color: #fff; font-weight: bold; font-size: 14px; }
.gomb1 .kep{float: left; position: relative; left: 30px; top: 20px;}
.gomb1 .link{float: left; position: relative; left: 40px; top: 22px; font-style: italic;}
.gomb1 img{border: 0;}
.gomb1 a{color: #fff; text-decoration: none;}
.gomb1 a:hover{ text-decoration: underline;}

.gomb2{color: #fff; font-weight: bold; font-size: 14px; margin-top: 40px; }
.gomb2 .kep{float: left; position: relative; left: 25px; top: 20px;}
.gomb2 .link{float: left; position: relative; left: 30px; top: 30px; font-style: italic;}
.gomb2 img{border: 0;}
.gomb2 a{color: #fff; text-decoration: none;}
.gomb2 a:hover{ text-decoration: underline;}

.gomb3{color: #fff; font-weight: bold; font-size: 14px; margin-top: 33px; }
.gomb3 .kep{float: left; position: relative; left: 15px; top: 20px;}
.gomb3 .link{float: left; position: relative; left: 25px; top: 40px; font-style: italic;}
.gomb3 img{border: 0;}
.gomb3 a{color: #fff; text-decoration: none;}
.gomb3 a:hover{ text-decoration: underline;}


h1{color: #f78e1e; font-size: 18px; padding: 15px 0;}
h2{color: #fe9400; font-size: 24px;}
h5{color: #000; font-size: 16px; text-align:center}
.picture{background-image: url(images/marti.jpg); background-repeat: no-repeat; width: 500px; height: 270px;}
.picture .phone{float: left; position: relative; top: 233px; left: 135px; color:#FFFFFF;  font-size: 12px}

.picture .email{float: left; position: relative; top: 230px; left: 175px; color:#FFFFFF; font-weight: bold; font-size: 15px}
.picture .email a{font-size: 14px; color: #fff; text-decoration: none;}
.picture .email a:hover{text-decoration: underline;}
ul{margin: 0; padding: 0;}
li{ list-style: none; background-image: url(images/li_n.jpg); background-repeat: no-repeat; background-position: left 10px; padding-left: 15px;}
img{border: 1px solid #f78e1e;}
ul{margin: 0; padding: 0 0 0 15px; text-align:justify}
li{line-height: 25px;}
a{color: #f78e1e; text-decoration:underline;}
a:hover{ text-decoration: none;}

.blackback { color: #ffffff; background-color: #000000; }
.whiteback { color: #000000; background-color: #ffffff; }
.imgfoot{text-align:center; margin-top: 5px;}
.imgfoot a{color: #fff; font-size:10px; text-decoration:none;}
.imgfoot a:hover{text-decoration:underline;}
.imgfootwhite{text-align:center; margin-top: 5px;}
.imgfootwhite a{color: #000; font-size:10px; text-decoration:none;}
.imgfootwhite a:hover{text-decoration:underline;}

.footlinks{margin: 0 auto; color: #fff; width: 980px; text-align:center; margin-bottom: 20px;}
.footlinks a{color: #fff; text-decoration:none; font-size: 12px;}
.footlinks a:hover{ color: #d1040f;}


.blokk{width: 233px; color: #fff; font-weight: bold; font-size: 14px; background-image: url(images/blokkkitoltes-ws.jpg); background-repeat: repeat-y; margin: 80px 0 0 0px; }
.blokk .blokktartalom{background-image: url(images/blokkfejlec-ws.jpg); background-repeat: no-repeat;}
.blokk .blokklablec{background-image: url(images/blokklablecc-ws.jpg); background-repeat: no-repeat; height:31px;}
.blokk .blokktartalom{color: #f68722;}
.blokk .blokktartalom a{color: #f68722; text-decoration: none;}
.blokk .blokktartalom a:hover{ text-decoration: underline;}
.blokk img{border: 0;}
.blokk .link3{margin: 0px 0 0 20px; color: #f68722; font-weight: bold; font-size: 16px;}