/*CSS*/
html, body {
height: 100%;
margin: 0 0 1px;
padding:0px;
background:#E6E6E6;
font-family: sans-serif;
font-size:12px;
}

.container {
margin:0px;
padding:0px;
text-align:left;
width:800px;
}

.top {
background-image: url('images/bk-top.png');
background-repeat: no-repeat;
color: #fff;
padding: 5px 0px 0px 10px;
font-size: 10px;
float:left;
width:800px;
height:32px;
}

.top-left {
color: #fff;
padding: 0px 0px 0px 10px;
font-size: 10px;
float:left;
position:relative;
width:400px;
height:32px;
}

.top-right {
color: #fff;
padding: 0px 10px 0px 0px;
font-size: 10px;
text-align: right;
position:relative;
float:left;
width:335px;
height:32px;
}

.bottom {
background-image: url('images/bk-content-footer.png');
background-repeat: no-repeat;
float:left;
width:597px;
height:61px;
color: #fff;
padding: 36px 0px 0px 10px;
font-size: 10px;
/*border: 1px red solid;*/
}

.bottom-left {
color: #fff;
padding: 0px 0px 0px 10px;
font-size: 10px;
float:left;
position:relative;
width:300px;
height:32px;
/*border: 1px blue solid;*/
}

.bottom-right {
color: #fff;
padding: 0px 10px 0px 0px;
font-size: 10px;
text-align: right;
position:relative;
float:left;
width:255px;
height:32px;
/*border: 1px green solid;*/
}

.menu-top {
background-image: url('images/bk-menu-top.png');
background-repeat: no-repeat;
float:left;
width:800px;
height:149px;
}

.menu-left {
background-image: url('images/bk-menu-left.png');
background-repeat: no-repeat;
float:left;
width:21px;
height:34px;
}

.menu {
background-image: url('images/bk-menu.png');
background-repeat: no-repeat;
float:left;
width:755px;
height:34px;
}

.content-top {
background-image: url('images/bk-content-top.png');
background-repeat: no-repeat;
float:left;
width:597px;
height:18px;
}

.content-footer {
background-image: url('images/bk-content-footer.png');
background-repeat: no-repeat;
float:left;
width:597px;
height:61px;
}

.content-bk {
background-image: url('images/bk-content-bk.png');
background-repeat: repeat-y;
float:left;
width:777px;
/*border:1px blue solid;*/
}

.content-top-mp3edit {
background-image: url('images/bk-content-top-mp3edit.png');
background-repeat: no-repeat;
float:left;
width:597px;
height:18px;
}

.content-footer-mp3edit {
background-image: url('images/bk-content-footer-mp3edit.png');
background-repeat: no-repeat;
float:left;
width:597px;
height:34px;
}

.content-bk-mp3edit {
background-image: url('images/bk-content-bk-mp3edit.png');
background-repeat: repeat-y;
float:left;
width:597px;
}

.content-top-mp3player {
background-image: url('images/bk-content-top-mp3player.png');
background-repeat: no-repeat;
float:left;
width:597px;
height:18px;
}

.content-footer-mp3player {
background-image: url('images/bk-content-footer-mp3player.png');
background-repeat: no-repeat;
float:left;
width:597px;
height:34px;
}

.content-bk-mp3player {
background-image: url('images/bk-content-bk-mp3player.png');
background-repeat: repeat-y;
float:left;
width:597px;
}

.content-top-szamlazo {
background-image: url('images/bk-content-top-szamlazo.png');
background-repeat: no-repeat;
float:left;
width:597px;
height:18px;
}

.content-footer-szamlazo {
background-image: url('images/bk-content-footer-szamlazo.png');
background-repeat: no-repeat;
float:left;
width:597px;
height:34px;
}

.content-bk-szamlazo {
background-image: url('images/bk-content-bk-szamlazo.png');
background-repeat: repeat-y;
float:left;
width:597px;
}

.content {
position:relative;
float:left;
left:15px;
width:565px;
text-align: justify;
padding:1px 0px 0px 0px;
/*border: 1px solid red;*/
}

.news {
background-image: url('images/bk-news-top.png');
background-repeat: no-repeat;
position:relative;
float:left;
left:15px;
width:100px;
text-align: justify;
padding:1px 0px 0px 0px;
/*border: 5px solid red;*/
}

.menutitle {
margin:10px 0px 0px 0px;
font-size: 20px;
/*border:1px blue solid;*/
}

.menuline {
width:565px;
margin:0px;
/*border:1px green solid;*/
}

.menusep {
width:565px;
height:18px;
clear: both;
/*border:1px green solid;*/
}

.menucontent {
width:555px;
margin:0px 0px 0px 4px;
padding:7px 0px 0px 5px;
/*border:1px blue solid;*/
}

.termekbox {
float:left;
width:134px;
height:134px;
/*border:1px blue solid;*/
}

.termekinfo-top {
font-size:14px;
font-weight:bold;
color:#63ACBF;
float:left;
width:421px;
height:18px;
padding:4px 0px 0px 10px;
/*border:1px red solid;*/
}

.termekinfo-text {
background-image: url('images/termek-gradient.png');
background-repeat: no-repeat;
line-height:13px;
font-size:11px;
color:black;
float:left;
width:405px;
height:85px;
padding:5px 5px 0px 15px;
/*border:1px red solid;*/
}

.termekinfo-bottom {
font-size:13px;
color:#adb3b4;
float:left;
width:415px;
height:17px;
padding:1px 0px 0px 15px;
/*border:1px red solid;*/
}

.termek-line {
width:570px;
margin:0px 0px 0px -3px;
/*border:1px green solid;*/
}

.termek-alap {
float:left;
width:564px;
height:200px;
text-align: justify;
/*border: 1px solid red;*/
}

.termek-blokk-alap {
float:left;
width:564px;
height:59px;
text-align: justify;
/*border: 1px solid red;*/
}

.termek-blokk-bal {
position:relative;
float:left;
width:400px;
text-align: justify;
/*border: 1px solid blue;*/
}

.termek-blokk-jobb {
position:relative;
float:right;
width:25px;
text-align: justify;
padding:27px 14px 0px 0px;
/*border: 1px solid green;*/
}

.termek-blokk-hatter-felso {
float:left;
width:560px;
text-align: justify;
/*border: 1px solid red;*/
}

.termek-blokk-hatter-kozep {
background-image: url('images/termek_alap_kozep.png');
background-repeat: repeat-y;
float:left;
width:545px;
text-align: justify;
line-height:13px;
font-size:11px;
color:black;
padding:8px 10px 8px 10px;
/*border: 1px solid cyan;*/
}

.termek-blokk-hatter-also {
float:left;
width:560px;
text-align: justify;
/*border: 1px solid green;*/
}

.termek-kepernyok {
float:left;
width:560px;
text-align:center;
border: 1px red red;
}

.termek-also1 {
background-image: url('images/termek_alsohatter1.png');
background-repeat: no-repeat;
float:left;
width:564px;
text-align: justify;
/*border: 1px solid green;*/
}

.termek-also2 {
background-image: url('images/termek_alsohatter2.png');
background-repeat: no-repeat;
float:left;
width:564px;
text-align: justify;
/*border: 1px solid green;*/
}

.termek-also-tartalom {
position:relative;
float:left;
font-size:11px;
line-height:13px;
width:545px;
text-align: justify;
/*border: 1px solid blue;*/
}




.szolg-blockgroup-alap {
position:relative;
left:0px;
width:520px;
height:18px;
font-weight: bold;
font-size:13px;
color: #999;
text-align: justify;
padding-bottom:5px;
padding-left:18px;
/*border: 2px solid red;*/
}

.szolg-blockgroup-bal {
position:relative;
float:left;
width:400px;
text-align: justify;
/*border: 1px solid blue;*/
}

.szolg-blockgroup-jobb {
position:relative;
float:right;
width:25px;
text-align: justify;
padding:5px 14px 0px 0px;
/*border: 1px solid green;*/
}

.szolg-blocktitle {
position:relative;
left:0px;
width:544px;
padding: 7px 5px 7px 0px;
font-weight: bold;
color: #666;
text-align: justify;
/*border: 2px solid magenta;*/
height:17px;
}

.szolg-blockdetails1 {
background-image: url('images/menu_referenciak_hatter_1sor.png');
background-repeat: no-repeat;
position:relative;
left:0px;
width:555px;
height:15px;
margin: 0px 0px 0px -5px;
padding: 4px 0px 5px 12px;
font-size: 11px;
text-align: justify;
/*border: 1px solid red;*/
}

.szolg-blockdetails2 {
background-image: url('images/menu_referenciak_hatter_felso.png');
background-repeat: no-repeat;
position:relative;
left:0px;
width:532px;
margin: 0px 0px 0px -5px;
padding: 4px 12px 1px 12px;
font-size: 11px;
text-align: justify;
/*border: 1px solid red;*/
}

.szolg-blockbottom {
background-image: url('images/menu_referenciak_hatter_also.png');
background-repeat: no-repeat;
position:relative;
left:0px;
width:555px;
margin: 5px 0px 0px -5px;
padding: 0px;
height: 1px;
}




.ref-blockgroup-alap {
position:relative;
left:0px;
width:520px;
height:18px;
font-weight: bold;
font-size:13px;
color: #999;
text-align: justify;
padding-bottom:5px;
padding-left:18px;
/*border: 1px solid red;*/
}

.ref-blockgroup-bal {
position:relative;
float:left;
width:400px;
text-align: justify;
/*border: 1px solid blue;*/
}

.ref-blockgroup-jobb {
position:relative;
float:right;
width:25px;
text-align: justify;
padding:5px 14px 0px 0px;
/*border: 1px solid green;*/
}

.ref-blocktitle {
position:relative;
left:0px;
width:544px;
padding: 7px 5px 7px 0px;
font-weight: bold;
color: #666;
text-align: justify;
/*border: 2px solid magenta;*/
height:17px;
}

.ref-blockdetails1 {
background-image: url('images/menu_referenciak_hatter_1sor.png');
background-repeat: no-repeat;
position:relative;
left:0px;
width:555px;
height:15px;
margin: 0px 0px 0px -5px;
padding: 4px 0px 5px 12px;
font-size: 11px;
text-align: justify;
/*border: 1px solid red;*/
}

.ref-blockdetails2 {
background-image: url('images/menu_referenciak_hatter_felso.png');
background-repeat: no-repeat;
position:relative;
left:0px;
width:532px;
margin: 0px 0px 0px -5px;
padding: 4px 12px 1px 12px;
font-size: 11px;
text-align: justify;
/*border: 1px solid red;*/
}

.ref-blockbottom {
background-image: url('images/menu_referenciak_hatter_also.png');
background-repeat: no-repeat;
position:relative;
left:0px;
width:555px;
margin: 5px 0px 0px -5px;
padding: 0px;
height: 1px;
}

.download-left {
float:left;
position:relative;
left:15px;
width:480px;
text-align: justify;
}

.download-right {
float:left;
position:relative;
left:35px;
width:65px;
text-align: justify;
}

.clear {
clear: both;
/*height: 12px;*/
}


.media-left {
float:left;
position:relative;
left:0px;
width:275px;
text-align: justify;
/*border: 1px blue solid;*/
}

.media-right {
float:left;
position:relative;
left:25px;
width:240px;
text-align: justify;
/*border: 1px red solid;*/
}


.myform {
/*border: 1px red solid;*/
}

.form-left {
float:left;
position:relative;
width:150px;
height: 20px auto;  
text-align:right;
padding:0px 0px 0px 0px;
/*border: 1px blue solid;*/
}

.form-right {
float:left;
position:relative;
width:380px;
height: 20px;  
text-align:left;
padding:0px 0px 0px 10px;
/*border: 1px green solid;*/
}

.form-sep {
float:left;
position:relative;
width:560px;
height: 20px auto;
color:#f00;
font-weight:bold;  
text-align:left;
padding:0px 0px 0px 0px;
/*border: 1px cyan solid;*/
}

.form-text {
float:left;
position:relative;
width:560px;
height: 20px auto;
font-weight:bold;  
text-align:left;
padding:0px 0px 0px 0px;
/*border: 1px cyan solid;*/
}

.form-right-text {
float:left;
position:relative;
width:380px;
font-weight:bold;
color:#008;
height: 20px auto;  
text-align:left;
padding:0px 0px 0px 10px;
/*border: 1px green solid;*/
}

.form-right2 {
float:left;
position:relative;
width:380px;
height: 36px auto;  
text-align:left;
padding:0px 0px 0px 10px;
/*border: 1px green solid;*/
}

.inputfield {
width: 365px;
font-weight: bold;
background-color:#eee;
color:#008;
height: 16px;  
border: 1px solid #aaa;  
margin: 0;
padding: 0;
}

/*
#header {
position:relative;
top:0px;
left:0px;
height:80px;
width:650px;
margin:0;
padding:0;
background-color:#3399FF;
}

#left {
position:relative;
float:left;
top:0px;
left:0px;
width:150px;
background-color:#66CC66;
margin:0;
padding:0;
}

#content {
position:relative;
float:left;
top:0px;
left:0px;
width:350px;
background-color:#FFFF33;
}

#right {
position:relative;
width:150px;
margin:0;
padding:0;
float:left;
background-color:#CCCCCC;
}

#footer {
position:relative;
top:0px;
left:0px;
clear:both;
background-color:#FF99FF;
}
*/