body
{
text-align: center;
background:black;
font: normal 13px   Arial, Helvetica, sans-serif;
}

#test{
margin-left: auto;
margin-right: auto;
width: 800px;
text-align: left;
}

h1{
padding:6px 30px 0 0;
margin:0px;
color:#bbb;
font: normal 30px  "Bookman Old Style", Arial, Helvetica, sans-serif;
text-align:right;
}

.border{padding:1px;margin:0px;border-bottom:1px dotted gray;}

.gomb{
width:125px;
float:left;
}

#kereso-kijelzo{
color:#ddd;
width:330px;
float:left;
padding-top:25px;
text-align:center;
}

#lejatszo-kijelzo{
color:red;
width:490px;
padding-right:10px;
float:left;
padding-top:22px;
}

#letoltes-kijelzo{
color:white;
width:630px;
padding-right:10px;
float:left;
padding-top:30px;
}

#form{
width:320px;
float:right;
padding-top:28px;
padding-right:10px;
text-align:center;
}

#input{
background:url(kereso-hatter.jpg) no-repeat;
width:236px;
height:51px;
border:none;
text-align:center;
margin: 0 auto;
padding:0;
padding-top:12px;
}

.kmezo{
background:transparent;
width:200px;
height:30px;
border:none;
text-align:center;
margin:0;
padding:0;
font: normal 16px  "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.potop{
background:url(pofi-top.jpg) no-repeat;
height:64px;
}


#kereso{
background:url(pofi-kereso.jpg) no-repeat;
height:158px;
}

#lejatszo{
background:url(lejatszo-hatter.jpg) no-repeat;
height:89px;
}

#letoltes{
background:url(letoltes-hatter.jpg) no-repeat;
height:305px;
}

.pobott{
clear:both;
background:url(pofi-bott.jpg) no-repeat;
height:17px;
}

a, a:hover, a:visited{
color:red;
text-decoration:none;
}
u{text-decoration:none;}
a:hover{text-decoration:underline;}