/*                       
                  _________________________________________
                 |                                         |
                 |      powered by InternetMarket Kft.     |
                 |     (c),2007 IMR gyorshonlap v0.9d1     |
                 |          (c),2007 e-Product Kft.        |
                 |_________________________________________|
                
                            design by: Adam Jasko
                         css,html: Norbert Turjanicza
                            v0.9 green | 01-12-07

body {  }
*/

ul.cert { display: none; }
h1,h2,h3,h4,h5,h6,body,ul,li,p,form { margin: 0; padding: 0; }
ul,li { list-style-type: none; }
img,a { border: 0; }
body { font-family: Arial; font-size: 8.5pt; }
#adv_background { width: 100%; background:url(fejlectcsik_hatter.jpg) repeat-x; height: 31px; }
#adv_div { margin-left: auto; margin-right: auto; width: 956px; padding-right: 34px; }
.adv_logo { width: 520px; height: 31px; float: left; background:url(fejlectcsik_imajanlatoksz.jpg) no-repeat; }
.adv_webhosting { width: 77px; height: 31px; float: left; background:url(fejlectcsikmenu_webhost.jpg) no-repeat; }
.adv_webaruhaz { width: 115px; height: 31px; float: left; background:url(fejlectcsikmenu_webaruhazke.jpg) no-repeat; }
.adv_gyh { width: 80px; height: 31px; float: left; background:url(fejlectcsikmenu_gyhonlap.jpg) no-repeat; }
.adv_webdesign { width: 75px; height: 31px; float: left; background:url(fejlectcsikmenu_webdesign.jpg) no-repeat; }
.adv_webaudit { width: 89px; height: 31px; float: left; background:url(fejlectcsikmenu_webaudit.jpg) no-repeat; }
.adv_logo span,.adv_webhosting span,.adv_webaruhaz span,.adv_gyh span,.adv_webdesign span,.adv_webaudit span { display: none; }

/* 
header start
*/
#header_background { width: 100%; background:url(fejlec_hatter.jpg) repeat-x; height: 140px; }
#header_div { margin-left: auto; margin-right: auto; width: 990px; }
#header_logo { width: 990px; height: 110px; background:url(fejlec.jpg) no-repeat; cursor: pointer; }
#main_header_background { width: 100%; background:url(kezdofejl_hatter.jpg) repeat-x; height: 205px; }
#main_header_div { margin-left: auto; margin-right: auto; width: 990px; }
#main_header_div #logo { width: 472px; height: 205px; float: left; background:url(kezdofejl_balhatter.jpg) no-repeat; cursor: pointer; }
#main_header_div #slogen { width: 518px; height: 205px; float: left; background:url(kezdofejl_jobbhatter.jpg) no-repeat; }
#main_header_div #slogen h1 { padding-top: 90px; padding-left: 25px; padding-right: 25px; line-height: 17px;  font-style: italic; font-weight: bold; font-size: 10.5pt; color: #87855C; }
#main_header_div #slogen h1 a { text-decoration: none; line-height: 17px;  font-style: italic; font-weight: bold; font-size: 10.5pt; color: #87855C; }
/* 
header end
*/


/* 
main start
*/
#main_content_background { width: 100%; }
#main_content_div { margin-left: auto; margin-right: auto; width: 990px; }
#main_content_div #main_left { width: 312px; height: 73px; padding-top: 200px; padding-left: 160px; float: left; background:url(kezdofejlalatt_balhatter.jpg) no-repeat; }
#main_content_div #main_right { width: 518px; height: 273px; float: left; }
#main_content_div #main_right #main_menu { width: 150px; height: 253px; float: left; padding-top: 20px; padding-left: 30px; }
#main_content_div #main_right #main_info { width: 294px; height: 253px; float: left; padding-top: 20px; padding-right: 34px; }
#main_content_div #main_right #main_info h2 { color: #87855F; font-size: 9pt; font-weight: normal; }
#main_content_div #main_right #main_info h2 span { color: #393937; font-size: 10.5pt; font-weight: bold; }
#main_content_div #main_right #main_info a { color: #DA7B03; font-size: 9pt; font-weight: normal; text-decoration: none; }
#main_content_div #main_right #main_info h1 {  font-style: italic; font-weight: bold; font-size: 9.5pt; color: #87855C; }
#main_content_div #main_right #main_info h1 a { color: #DA7B03; text-decoration: none; font-weight: bold; }
#main_list_background { width: 100%; background:url(hatter_barna.jpg); height: 380px; }
#main_list_div { margin-left: auto; margin-right: auto; width: 990px; }
#main_list_div #main_list_left { width: 461px; float: left; padding-left: 34px; }
#main_list_div #main_list_right { width: 461px; float: left; padding-right: 34px; }
#main_list_div #main_list_left ul { width: 461px; float: left; text-align: left; padding-bottom: 20px; }
#main_list_div #main_list_right ul { width: 461px; float: left; text-align: left; padding-bottom: 20px; }
#main_list_div #main_list_left li.a,#main_list_div #main_list_right li.a { width: 21px; float: left; }
#main_list_div #main_list_right li.b,#main_list_div #main_list_left li.b { width: 420px; float: left; padding-left: 10px; padding-right: 10px; line-height: 17px;  font-weight: normal; font-size: 9pt; color: #87855C; }
#main_list_div #main_list_left a { color: #DA7B03; text-decoration: none; }
#main_list_div #main_list_left span a { color: #87855C; text-decoration: none; }
/* 
main end
*/


/* 
content start
#content_div #content_right ul { width: 753px; height: auto; }
*/
#content_background, #content_background_wide { width: 100%; padding-bottom: 34px; }
#content_div { margin-left: auto; margin-right: auto; width: 990px; }
#content_div #content_left { width: 125px; height: auto; padding-left: 34px; padding-right: 44px; float: left; }
#content_div #content_right { width: 753px; height: auto; padding-right: 34px; float: left; }
#content_background_wide  #content_div #content_right { width: 990px; height: auto; padding-right: 0px; float: left; margin-left:10px; }
#content_div #content_right .titles { width: 753px; height: auto; min-height: 10px; text-align: right; padding-bottom: 30px; }
#content_background_wide #content_div #content_right .titles {  width: 910px; height: auto; min-height: 10px; text-align: center; padding-bottom: 30px; }
#content_div #content_right .images { width: 753px; height: auto; min-height: 10px; text-align: left; padding-bottom: 20px; }
#content_background_wide #content_div #content_right .images {  width: 910px; height: auto; min-height: 10px; text-align: left; padding-bottom: 20px; }



#content_div #content_right li.othpict { width: 203px; height: 130px; float: left; margin-bottom: 50px; }
#content_div #content_right li.centpict { width: 203px; height: 130px; float: left; margin-left: 54px; margin-right: 54px; margin-bottom: 50px; }
#content_div #content_right li.centpict a,#content_div #content_right li.othpict a { width: 203px; height: 130px; display: block; padding: 5px; background-color: #EEEDD8; }
#content_div #content_right li.centpict a:hover,#content_div #content_right li.othpict a:hover { background-color: #696969; }

#content_div #content_right li.formtext { width: 100px; height: auto; line-height: 20px; padding-bottom: 10px; float: left; font-weight: normal; font-size: 9pt; color: #85855F; }
#content_div #content_right li.lvalue { width: 276px; height: auto; line-height: 20px; padding-bottom: 10px; float: left; }
#content_div #content_right li.rvalue { width: 276px; height: auto; line-height: 20px; padding-bottom: 10px; float: left; text-align: right; }

#content_div #content_right li.slvalue { width: 33px; height: auto; line-height: 20px; padding-bottom: 10px; padding-left: 10px; float: left; }
#content_div #content_right li.srvalue { width: 710px; height: auto; line-height: 20px; padding-bottom: 10px; float: left; }
#content_div #content_right li.selvalue { width: 43px; height: auto; line-height: 20px; padding-bottom: 10px; float: left; font-weight: normal; font-size: 9pt; color: #85855F; clear: both; }
#content_div #content_right li.seltext { width: 710px; height: auto; line-height: 20px; padding-bottom: 10px; float: left; font-weight: normal; font-size: 9pt; color: #85855F; }



#content_div #content_right li.arakszoveg { width: 530px; height: auto; line-height: 20px; padding-bottom: 5px; padding-top: 5px; float: left; border-bottom: 1px solid #87855E; }
#content_div #content_right li.arakvalue { width: 203px; height: auto; line-height: 20px; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #87855E; float: left; text-align: left; }
#content_div #content_right ul.pricehead li { float: left; width: 225px; height: 40px; line-height: 40px; text-align: center; font-weight: bold; font-size: 10pt; border: #88845F 1px solid; background-color: #F4F4EA; color: #868660; }
#content_div #content_right ul.pricebody li { float: left; width: 185px; height: 170px; padding: 20px; line-height: 17px; text-align: left; font-weight: normal; font-size: 9pt; border-bottom: #88845F 1px solid; border-left: #88845F 1px solid; border-right: #88845F 1px solid; background-color: #FFFFFF; color: #868660; }
#content_div #content_right ul.pricebody li span { padding-left: 45px; }

#content_div #content_right ul.comparehead li { float: left; width: 248px; height: 40px; line-height: 40px; font-weight: bold; font-size: 10pt; border: #88845F 1px solid; background-color: #F4F4EA; color: #868660; }
#content_div #content_right ul.comparehead li.long { width: 300px; padding-left: 10px; }
#content_div #content_right ul.comparehead li.short { width: 145px; text-align: center; }
#content_background_wide #content_div #content_right ul.comparehead li.short { width: 120px; text-align: center; }
#content_div #content_right ul.comparehead { width: 100%; clear: both; }
#content_div #content_right ul.comparebody { width: 100%; clear: both; }

#content_div #content_right ul.comparebody li { float: left; width: 248px; padding-top: 5px; padding-bottom: 5px; line-height: 17px; font-weight: normal; font-size: 9pt; border-bottom: #88845F 1px solid; border-left: #88845F 1px solid; border-right: #88845F 1px solid; background-color: #FFFFFF; color: #868660; }
#content_div #content_right ul.comparebody li.long { width: 290px; padding-left: 10px; padding-right: 10px; }
#content_div #content_right ul.comparebody li.long span { font-weight: bold; }
#content_div #content_right ul.comparebody li.short { width: 145px; text-align: center; }
#content_background_wide #content_div #content_right ul.comparebody li.short { width: 120px; text-align: center; }
#content_div #content_right ul.comparebody li.short img { width: 13px; height: 13px; border: 0; margin: 0; padding: 0; }
#content_div #content_right ul.comparebody li.short a { color: #FC920A; text-decoration: none; }
#content_div #content_right ul.comparebody li.short span { font-weight: bold; }
#content_div #content_right ul.comparebody li.longtext { width: 741px; padding-left: 10px; font-weight: bold; }
#content_background_wide #content_div #content_right ul.comparebody li.longtext { width: 910px; padding-left: 10px; font-weight: bold; }
#content_div #content_right ul.comparebody li.longtext a { color: #868660; text-decoration: none; }
#content_div #content_right ul.comparebody li.longtext a span { font-family: Times New Roman; color: #FC920A; font-size: 9pt; font-weight: normal; text-decoration: none; }

#content_div #content_right li.othtemplates { width: 203px; height: 130px; float: left; }
#content_div #content_right li.centtemplates { width: 203px; height: 130px; float: left; margin-left: 54px; margin-right: 54px; }
#content_div #content_right li.centtemplates a,#content_div #content_right li.othtemplates a { width: 203px; height: 130px; display: block; padding: 5px; background-color: #EEEDD8; }
#content_div #content_right li.centtemplates a:hover,#content_div #content_right li.othtemplates a:hover { background-color: #696969; }


#content_div #content_right li.othtemplates_text { width: 203px; float: left; }
#content_div #content_right li.centtemplates_text { width: 203px; float: left; margin-left: 54px; margin-right: 54px; }


#content_div #content_right #lscroller { width: 25px; padding-right: 10px; float: left; }
#content_div #content_right #rscroller { width: 25px; padding-left: 10px; float: left; }
#content_div #content_right #scroller { width: 683px; overflow-x: hidden; float: left; }
#content_div #content_right #scroller .feed { width: 10000px; }
#content_div #content_right #scroller .feed .feedbox { width: 203px; margin-right: 32px; float: left; }

#content_div #content_right h1 { font-family: Times New Roman; font-weight: normal; font-size: 15pt; color: #686868; }
#content_div #content_right h1 a { font-size: 12.5pt; font-weight: bold; text-decoration: none; color: #686868; }
#content_div #content_right h1 span { font-size: 9pt; color: #FC920A; font-weight: normal; }
#content_div #content_right h2 { font-weight: bold; font-size: 9.5pt; color: #85855F; clear: both; }
#content_div #content_right h2 span { color: #FC920A; }
#content_div #content_right h3 { font-weight: normal; font-size: 9pt; color: #85855F; clear: both; }
#content_div #content_right h3 a { text-decoration: none; color: #85855F; }
#content_div #content_right h3 span { color: #FC920A; }
#content_div #content_right h4 { font-weight: bold; font-size: 11pt; color: #85855F; clear: both; }
#content_div #content_right h4 a { text-decoration: none; color: #85855F; }
#content_div #content_right h4 span { color: #FC920A; }
#content_div #content_right h6 {  font-weight: normal; font-size: 9pt; color: #85855F; }
#content_div #content_right h6 a { text-decoration: none; color: #FC920A; }
#content_div #content_right h6 span { color: #FC920A; }

/* 
content end
*/



/* 
menu start
*/
#menu ul { width: 125px; text-align: left; }
#menu li a { width: 125px; height: 30px; display: block; border-bottom: #D7D7D7 1px solid; line-height: 30px; text-decoration: none; font-size: 9pt; color: #696969;  font-weight: bold; }
#menu li a:hover { width: 125px; display: block; border-bottom: #F9930A 1px solid; text-decoration: none; color: #F9930A; }
#menu li.act { width: 125px; display: block; line-height: 30px; border-bottom: #F9930A 1px solid; text-decoration: none; color: #F9930A;  font-weight: bold; font-size: 9pt; }
/* 
menu end
*/


/* 
trial start
*/
/* 
#free_trial_div { width: 738px; float: left; text-align: left; }
#free_trial_div li { float: left; }
#free_trial_div span {  color: #FD930C; }
#free_trial_div li.italic { width: 738px; line-height: 17px;  font-style: italic; font-weight: bold; font-size: 9pt; color: #85855F; }
#free_trial_div li.normal { width: 738px; line-height: 17px;  font-weight: normal; font-size: 9pt; color: #85855F; }
#free_trial_div li.bold { width: 738px; line-height: 17px;  font-weight: bold; font-size: 9pt; color: #85855F; }
#free_trial_div li.pagetitle { width: 738px; text-align: right; }
#free_trial_div li.s10 { width: 738px; height: 10px; }
#free_trial_div li.s20 { width: 738px; height: 20px; }
#free_trial_div li.box1 { width: 369px; float: left; }
#free_trial_div li.box1 ul { width: 355px;  font-weight: normal; font-size: 9pt; color: #85855F; line-height: 20px; }
#free_trial_div li.box1 li.a { width: 100px; height: 30px; }
#free_trial_div li.box1 li.b { width: 255px; height: 30px; }
#free_trial_div li.box1 li.c { width: 25px; height: 30px; }
#free_trial_div li.box1 li.d { width: 330px; height: 30px; }
#free_trial_div li.box1 li.error { width: 350px; height: 20px; font-size: 9pt; color: #027DC0; font-weight: bold; }
#free_trial_div li.box2 { width: 369px; float: left; }
#free_trial_div li.box2 ul { width: 355px;  font-weight: normal; font-size: 9pt; color: #85855F; line-height: 20px; }
#free_trial_div li.box2 li.a { width: 100px; height: 30px; }
#free_trial_div li.box2 li.b { width: 255px; height: 30px; }
#free_trial_div li.box2 li.c { width: 255px; height: 100px; }
#free_trial_div li.box2 li.error { width: 350px; height: 20px; font-size: 9pt; color: #027DC0; font-weight: bold; }
*/
/* 
trial end
*/


/* 
references start
*/
/* 
#references_div { width: 738px; float: left; text-align: left; }
#references_div li.s30 { width: 738px; height: 30px; }
#references_div li.s50 { width: 738px; height: 50px; }
#references_div li.pagetitle { width: 738px; text-align: right; }
#references_div li.normal { width: 738px; line-height: 17px;  font-weight: normal; font-size: 9pt; color: #85855F; }
#references_div li.box1 { width: 213px; float: left; }
#references_div li.box12 { width: 49px; min-height: 50px; height: auto; float: left; }
#references_div li.box2 { width: 213px; float: left; }
#references_div li.box23 { width: 50px; min-height: 50px; height: auto; float: left; }
#references_div li.box3 { width: 213px; float: left; }
#references_div li.box1 li.temppict { width: 203px; height: 130px; padding: 5px; background-color: #EEEDD8; }
#references_div li.box2 li.temppict { width: 203px; height: 130px; padding: 5px; background-color: #EEEDD8; }
#references_div li.box3 li.temppict { width: 203px; height: 130px; padding: 5px; background-color: #EEEDD8; }
*/
/* 
references end
*/






/* 
footer start
*/
#footer_background { width: 100%; background:url(hatter_barna.jpg); height: 48px; }
#footer_div { margin-left: auto; margin-right: auto; width: 990px; }
#footer_div #footer_menu { width: 786px; height: 36px; padding-left: 34px; padding-top: 18px; color: #88865F; font-size: 7.5pt; float: left; }
#footer_div #footer_menu span { padding-left: 6px; padding-right: 6px; }
#footer_div #footer_menu a { color: #88865F; text-decoration: none; }
#footer_div #footer_menu a:hover { color: #D87C01; }
#footer_div #footer_logo { width: 170px; height: 46px; padding-top: 10px; float: left; }

#copyright_background { width: 100%; background:url(hatter_narancs.jpg); height: 100px; }
#copyright_div { margin-left: auto; margin-right: auto; width: 990px; color: #FFFFFF; text-align: center; padding-top: 20px; }
#copyright_div a { color: #FFFFFF; text-decoration: none; }
/* 
footer end
*/