body{margin:0; padding:0; font-family: verdana, Arial, Helvetica, sans-serif; color: #fff; font-size: 12px; text-align: left;
height: 100%; background-color: #000; background-image: url(images/hatterkitoltes_ws.jpg); background-repeat: repeat-x; background-position:left top;}
#fohatter{}
.toppage{width: 960px; margin: 0 auto; background-image: url(images/tartalomkitoltes_ws.jpg); background-repeat: repeat-y; background-position: left top;}
.toppage .topmatter{background-image: url(images/fejleckep_ws.jpg); background-repeat: no-repeat; width: 960px;}
.toppage .topmatter .wslogo{ padding: 12px 0 0 55px; border: 0!Important;}
.toppage .topmatter .wslogo img{border: 0!Important;}
.toppage .topmatter .topmenu{width: 960px; padding-top: 0px; height: 100px;}
.toppage .topmatter .topmenu .menu{padding: 18px 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: #000;}

.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_ws.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; color: #fff;}
.foot .footmenu a{color: #fff;  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: 45px; top: 20px;}
.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: 35px; top: 30px;}
.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: 30px; top: 25px;}
.gomb3 img{border: 0;}
.gomb3 a{color: #fff; text-decoration: none;}
.gomb3 a:hover{ text-decoration: underline;}

.blokk{width: 229px; color: #fff; font-weight: bold; font-size: 14px; background-image: url(images/blokk_wskitoltes.jpg); background-repeat: repeat-y; margin: 65px 0 0 5px; }
.blokk .blokktartalom{background-image: url(images/blokk_wsfejlec.jpg); background-repeat: no-repeat;}
.blokk .blokklablec{background-image: url(images/blokk_wslablec.jpg); background-repeat: no-repeat; height:39px;}
.blokk .blokktartalom a{color: #fff; text-decoration: none;}
.blokk .blokktartalom a:hover{ text-decoration: underline;}
.blokk img{border: 0;}

.blokk .link3{margin: 0px 0 0 10px; color: #fff;} 

.blokk2{width: 229px; color: #fff; font-weight: bold; font-size: 14px; background-image: url(images/blokk_ws.jpg); background-repeat: no-repeat; margin: 65px 0 0 5px; height: 147px;}
.blokk2 a{color: #fff;}
.blokk2 .link1{margin: 45px 0 0 10px}
.blokk2 .link2{margin: 0px 0 8px 10px; padding-top: 25px;}


h1{color: #e51837; 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.jpg); background-repeat: no-repeat; background-position: left 10px; padding-left: 15px;}
img{border: 1px solid #e51837;}
ul{margin: 0; padding: 0 0 0 15px; text-align:justify}
li{line-height: 25px;}
a{color: #e51837; text-decoration:underline;}
a:hover{ text-decoration: none;}

.blackback { color: #ffffff; background-color: #000000; }
.imgfoot{text-align:center; margin-top: 5px;}
.imgfoot a{color: #fff; font-size:10px; text-decoration:none;}
.imgfoot 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;}