.col-1, .col-2, .col-3, .col-4, .col-5{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:900px; }

/*======= header =======*/
#header {height:507px;}

/*======= index.html =======*/
#index #content .banner{ width:900px; height:110px; display:}
#index #content .col-1{ width:378px; margin-right:59px}
#index #content .col-2{ width:384px}
#index #content .bg{ background:url(images/tail.gif) repeat-y 410px top } 
#index #content .col-3{ width:126px}
#index #content .col-4{ width:129px}
#index #content .col-5{ width:105px}
/*======= rolunk.html =======*/
#rolunk #content .col-1{ width:378px; margin-right:65px}
#rolunk #content .col-2{ width:384px}
#rolunk #content .bg{ background:url(images/tail.gif) repeat-y 410px top } 
/*======= webshop.html =======*/
#webshop #content .col-1{ width:225px; margin-right:64px}
#webshop #content .col-2{ width:538px}
#webshop #content .bg{ background:url(images/tail.gif) repeat-y 257px top }
/*======= pp.html =======*/
#pp #content .col-1{ width:378px; margin-right:65px}
#pp #content .col-2{ width:384px}
#pp #content .bg{ background:url(images/tail.gif) repeat-y 410px top }
 /*======= csapatunk.html =======*/
#csapatunk #content .col-1{ width:378px; margin-right:65px}
#csapatunk #content .col-2{ width:384px}
#csapatunk #content .bg{ background:url(images/tail.gif) repeat-y 410px top }
/*======= nemjatszik.html =======*/
#page5 #content .col-1{ width:378px; margin-right:65px}
#page5 #content .col-2{ width:384px}
#page5 #content .bg{ background:url(images/tail.gif) repeat-y 410px top } 
/*======= elerhetoseg.html =======*/
#elerhetoseg #content .col-1{ width:388px; margin-right:55px}
#elerhetoseg #content .col-2{ width:384px}
#elerhetoseg #content .col-3{ width:173px}
#elerhetoseg #content .col-4{ width:200px}
#elerhetoseg #content .bg{ background:url(images/tail.gif) repeat-y 410px top }
/*======= kuld.php =======*/
#kuld #content .col-1{ width:400px; margin-right:50px}

/*======= hirek.html =======*/
#hirek #content .col-1{ width:820px; margin-right:10px}
/*#hirek #content .bg{ background:url(images/tail.gif) repeat-y 820px top }
/*=======edzo.html =======*/
#edzo #content .col-1{ width:980px;}
/*======= video.html =======*/
#video #content .col-1{ width:380px; margin-right:0px; padding-left: 60px;}
#video #content .col-2{ width:380px; margin-right:0px}
#video #content .col-3{ width:800px; margin-right:0px}
/*#video #content .bg{ background:url(images/tail.gif) repeat-x 820px top }
/*======= magyarorszag.html =======*/
#magyarorszag #content .col-1{ width:378px; margin-right:65px}
#magyarorszag #content .col-2{ width:384px}
#magyarorszag #content .bg{ background:url(images/tail.gif) repeat-y 410px top } 
#magyarorszag #content .title{ background:url(images/pptitlebg.gif) top}
#magyarorszag #content .col-3{ width:126px}
#magyarorszag #content .col-4{ width:129px}
#magyarorszag #content .col-5{ width:105px}
/*======= footer =======*/
#footer { height:52px; border-left:1px solid #33566a;  border-right:1px solid #33566a; background:url(images/bot.gif) repeat-x  }
