body { margin: 0; padding: 0; height: 100%; text-align: center; min-width: 700px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background: url(../Images/bodyBackground.gif) repeat-x;background-color: #FFFFFF} 
html {margin: 0; padding: 0; height: 100%; text-align: center; min-width: 700px; } 

#bgcontain { width: 990px; margin: 0 auto; padding: 0px; text-align: left; } 

/* header ----------------------------------------------------------------------------------------------------------------*/
.header {position: relative; margin-left: auto;margin-right: auto;height: 75px;width: 990px;font-size: 11px;}
.header TABLE {width: 990px; height: 72px;}
.header a {color: #3f5a8f;text-decoration: none;}
.header a:hover {color: #132b5a;}
.header .languages {color: #a7a7a7;}
.header .phone {background: url(../Images/headerAhAddress.gif) no-repeat;background-position: 0px 5px;padding-left: 10px;font-size: 12px;font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold;color: #153f80;}
.header .mail {background: url(../Images/headerAhAddress.gif) no-repeat;background-position: 0px 5px;padding-left: 10px;font-size: 12px;font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; color: #153f80;}
.header .search {background: url(../Images/headerBackSearch.png) no-repeat;background-position: 0px 3px; padding-left: 75px; height: 25px;}
.itextbg {width: 105px;height: 21px;float: left;display: block;text-align:left;}
.header .search #Query {border: none;background-color: transparent; background: url(../Images/queryCenterBackground.gif) repeat-x;border-width: 0px;width: 86px;height: 21px;font-size: 11px;margin: 0px;padding: 0px;line-height: 21px;}
.header .search #button {border: none;background: url(../Images/headerBtnSearch.png) no-repeat;width: 28px;height: 21px;cursor: pointer; float: right;}

/* Menu (Pages Menu - PagesMenuPanel.html) ----------------------------------------------------------------------------------------------------------------*/
.menu {height: 35px;width: 990px;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;text-align: center; margin: 0px; padding: 0px; margin-left: auto; margin-right: auto;}
.menu a {color: #FFFFFF;text-decoration: none;font-weight: bold;margin: 0px;padding: 0px;}
.menu a:hover {color: #adc8ff;text-decoration: none;}
.menu a.inaktiv {color: #fff;}
.menu a.inaktiv:hover {color: #adc8ff;text-decoration: none;}
.menu a.aktiv {color: #adc8ff;text-decoration: none;border-bottom:3px solid #ff0;}
.menu .menuPoint {background: url(../Images/menuPointBack.png) no-repeat;background-position: 0px 0px;height: 35px;display:block; float: left;padding-left: 20px;padding-top: 0px;padding-right: 6px;line-height: 35px;margin-top: -1px;}
.menu .menuLast {display:block;float: left;height: 35px;width: 18px;margin-top: -1px;}

/* frontContent - Főoldal (Nyitólap) felső rész és gombok ---------------------------------------------------------------------------------------------------------*/
#frontContentOut{clear: both; height: 320px;width: 100%;padding: 0px;position: relative;background: url(../Images/DefaultBackground.gif) repeat-x;}
#frontContent {height: 320px;width: 990px;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;margin: 0px;padding: 0px;margin-left: auto;margin-right: auto;display: block;}
#frontContentImage {margin: 0px;margin-top: 26px;background: url(../Images/frontContentImage.png) no-repeat;width: 317px;height: 229px;float: left;}
#frontContentText {margin: 0px;margin-right: 5px;padding-top: 27px;width: 640px;float: right;text-align: justify;}
#frontContentText h1,#titleInsite h1 {font-family:Trebuchet MS,Tahoma,Arial;font-weight: bold;color: #254b81;font-size: 21px;margin-bottom: 0px;}
#frontContentText h2 ,#titleInsite h2{font-family:Trebuchet MS,Tahoma,Arial;font-weight: bold;color: #8b8b8b;font-size: 15px;margin-top: 0px;}
#frontContentText p {color: #000000;font-size: 12px;margin-top: 0px;line-height: 18px;padding-top: 5px;}
#frontContentText p a {color: #21375f;font-size: 12px;font-weight: bold;}
#frontContentText p a:hover {color: #577cbf;}
#frontContentBtn01 {float: left;margin-left: 0px;margin-right: 38px;}
#frontContentBtn01 a div {background: url(../Images/btnVideo.png) no-repeat;width: 304px;height: 42px;}
#frontContentBtn01 a:hover div {background: url(../Images/btnVideo_02.png) no-repeat;width: 304px;height: 42px;}
#frontContentBtn02 {float: left;margin-right: 38px;}
#frontContentBtn02 a div {background: url(../Images/btnDemo.png) no-repeat;width: 304px;height: 42px;}
#frontContentBtn02 a:hover div {background: url(../Images/btnDemo_02.png) no-repeat;width: 304px;height: 42px;}
#frontContentBtn03 {float: left;margin-top: -18px;}
#frontContentBtn03 a div {background: url(../Images/btnOrder.png) no-repeat;width: 304px;height: 60px;}
#frontContentBtn03 a:hover div {background: url(../Images/btnOrder_02.png) no-repeat;width: 304px;height: 60px;}
#futoKepsor {position: relative; margin-right: auto; margin-left: auto; height:75px;width:980px;background-image:url(../Images/futoKep.gif); margin-bottom: 5px;}
 
/* frontContentPanelsNyitólap - alsó rész----------------------------------------------------------------------------------------------------*/
#panels {height: 300px;width: 983px;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;margin: 0px;padding: 0px;position: relative;margin-left: auto;margin-right: auto;text-align: justify;}
#panel1,#panel2 {float: left;margin-top: 20px;padding-top: 10px;width: 298px;height: auto;min-height: 190px;background: url(../Images/panel3BackTop.png) no-repeat;}
#panel2 {margin-left: 46px;}
#content1,#content2 { margin-bottom: 3px; height: 220px;}
#content1 h1,#content2 h1{width: 248px;font-family:Trebuchet MS,Tahoma,Arial;font-size: 18px;font-weight:normal;margin: 0px;padding: 0px;padding-left: 20px;line-height: 30px;}
#content1 h1.blue,#content2 h1.blue {color: #254b81;}
#content1 h1.grey,#content2 h1.grey {color: #a6a6a6;}
#content1 p {padding-left: 20px;width: 265px;margin-bottom: 7px;margin-top: 5px;}
#content1 h2 {font-family:Trebuchet MS,Tahoma,Arial;color: #254b81;font-size: 13px;font-weight:bold;display: inline;padding-left: 20px;}
#onlineTraining {margin-top: 5px;}
#onlineButton {background: url(../Images/frontContentBackOnlineTrainingBtn.gif) no-repeat;width: 106px;height: 19px;cursor: pointer;border: solid 0px white;display: block;margin-left: 104px;margin-top: 6px;background-color: transparent;}
.onlineTextfield {background-color: transparent;border: solid 0px white;background: url(../Images/../Images/queryCenterBackground.gif) repeat-x;width: 120px;height: 20px;font-size: 11px;padding-left: 8px;line-height: 20px;display: inline;}
#moreContent1,#moreContent2 {background: url(../Images/panel3BackPattern.png) repeat-y;}
#bottom1,#bottom2 {background: url(../Images/panel3BackBottom.png) no-repeat;height: 15px;}
#content2 .listFirst {background: url(../Images/frontPanel4Ah.gif) no-repeat;background-position: 0px -5px;margin-left: 30px;margin-top: 12px;padding-left: 30px;height: 19px;}
#content2 .list {background: url(../Images/frontPanel4Ah.png) no-repeat;background-position: 0px -5px;margin-left: 30px;padding-left: 30px;height: 19px;}
#content2.button {background: url(../Images/frontPanel4Btn.gif) no-repeat;width: 103px;height: 14px;margin-top: 7px;margin-left: 158px;}
.link2_2d {margin-left: 136px; margin-top: 10px; padding: 0; height: 18px; vertical-align: top;}
.link2_2:hover {text-decoration: none;}
.link2_2d  img {margin: 1px 0 0 0; padding: 0; float: left;}
#panel3 {float: left;margin-left: 41px;margin-top: 20px;width: 298px;height: auto;min-height: 190px;display: block;}
#panel3_1 {background: url(../Images/btnDocument.png) no-repeat;width: 188px;height: 63px;color: #98a6c0;font-size: 11px;padding-top: 18px;padding-left: 110px;}
#panel3_1 div {font-family:Trebuchet MS,Tahoma,Arial;color: #FFFFFF;font-weight: bold;background: url(../Images/btnDocumentAh.gif) no-repeat;background-position: -0px 5px;padding-left: 9px;}
#panel3_2 {background: url(../Images/frontPanel5_2Back.gif) no-repeat;width: 280px;height: 160px;color: #000000;font-size: 12px;padding-left: 19px;margin: 0px;padding-top: 2px;}
#panel3_2 h1 {font-size: 12px;margin-bottom: 0px;}
#panel3_2 p {margin-top: 4px;margin-bottom: 0px;width: 259px;}
#bottom3_2 {background: url(../Images/frontPanel5_2BackBottom.gif) no-repeat;width: 298px;height: 30px;margin-left: -19px;padding-top: 4px;}
#link3_2 {background: url(../Images/frontPanel5_2Btn.gif) no-repeat;width: 125px;height: 14px;margin-left: 136px;}
.link3_2d {margin-left: 96px; margin-top: 0px; padding: 0; height: 18px; vertical-align: top;}
.link3_2d  img {margin: 1px 0 0 0; padding: 0; float: left;}

.required {color: #600;font-weight: bold;}

/* priceList - Árlista tartalmi részéhez tartozó stílusformázások ----------------------------------------------------------------------------------------------------*/
#contentInSite {width: 990px;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;margin: 0px;padding: 0px;margin-left: auto;margin-right: auto;text-align: justify;}
#titleInsite {width: 964px;;border-bottom: solid 4px;border-bottom-color: #dcdcdc;padding-left: 26px;padding-top: 15px;}
#linksAndInfo {width: 255px;display: inline;float: left;margin-right: 63px;}
#linksInSite {background: url(../Images/contentBackLinks.png) no-repeat;width: 255px;height: 49px;padding-left: 55px;padding-top: 11px;font-size: 11px;color: #7d7d7d;}
#linksInSite h3 {text-decoration: none; margin-top: 0px;background: url(../Images/contentBackLinksAh.png) no-repeat;background-position: 0px 4px;padding-left: 10px;color: #23487f;font-size: 11px;text-transform: uppercase;margin-bottom: 1px;margin-left: -10px;}
#linksInSite h3 a {color: #23487f;}
#infoInSite {font-size: 11px;width: 215px;padding-left: 20px;padding-top: 10px;}
#infoInSite a {text-decoration: underline;font-weight: bold;color: #21375f;}
.tablePricelist {margin-bottom: 40px;width: 537px;}
.tablePricelist table {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #4e4e4e;}
.tablePricelist table a .demo {background: url(../Images/btnDemoInner.png) no-repeat;width: 304px;height: 60px;}
.tablePricelist table a:hover .demo {background: url(../Images/btnDemoInner_02.png) no-repeat;width: 304px;height: 60px;}
.tablePricelist table a .order {background: url(../Images/btnOrderInner.png) no-repeat;width: 304px;height: 60px;}
.tablePricelist table a:hover .order {background: url(../Images/btnOrderInner_02.png) no-repeat;width: 304px;height: 60px;}
.tablePricelist table .tableTop {background: url(../Images/priceListBackTableTop.gif) no-repeat;width: 614px;height: 10px;}
.tablePricelist table .tableBottom {background: url(../Images/priceListBackTableBottom.gif) no-repeat;width: 614px;height: 10px;}
.tablePricelist table .tableTitle {text-transform: uppercase;font-weight: bold;color: #23487f;font-size: 11px;height: 25px;}
.tablePricelist table .tableTitle0 {text-transform: uppercase;font-weight: bold;color: #23487f;font-size: 11px;height: 25px;padding-left: 10px;}
.tablePricelist table .tableTitle1 {text-transform: uppercase;font-weight: bold;color: #23487f;font-size: 11px;height: 25px;}
.tablePricelist table td.selHor {margin-top: 6px;background: #c5c5c5;height: 1px;}
.tablePricelist table .line01 {background: url(../Images/priceListBackTableLine01.gif) repeat-x;height: 48px;}
.tablePricelist table .line01 td {border-right: 1px solid;border-right-color: #e2e2e2;}
.tablePricelist table .line01 .noneBorder {border-right: none;}
.tablePricelist table .line02 {background: url(../Images/priceListBackTableLine02.gif) repeat-x;height: 28px;}
.tablePricelist table .line02 td {border-right: 1px solid;border-right-color: #e2e2e2;}
.tablePricelist table .line02 .noneBorder {border-right: none;}
.tablePricelist table .line03 {background: url(../Images/priceListBackTableLine03.gif) repeat-x;height: 28px;}
.tablePricelist table .line03 td {border-right: 1px solid;border-right-color: #e2e2e2;}
.tablePricelist table .line03 .noneBorder {border-right: none;}
.tablePricelist table .line04 {background: url(../Images/priceListBackTableLine04.gif) repeat-x;height: 28px;}
.tablePricelist table .line04 td {border-right: 1px solid;border-right-color: #e2e2e2;border-right: none;color: #223861;padding-top: 4px;}
.tablePricelist table .line04 td .bold {font-weight: bold;display: inline;}
.tablePricelist table .tdTitle {font-weight: bold;padding-left: 10px;}
.tablePricelist table .description {font-weight: normal;font-size: 11px;color: #7f7f7f;display: block;margin-right: 10px;}
.tablePricelist table td.funkciokAktiv {padding: 10px; width: 148px; text-align: center; background-color: #f2f2f2;border-bottom: solid 2px #f2f2f2;border-right: solid 1px #666;border-left: solid 1px #666;border-top: solid 1px #666;}
.tablePricelist table td.funkciokLink {padding: 10px; width: 147px; text-align: center;border-bottom: solid 2px #666;border-right: solid 1px #666;border-left: solid 1px #666;border-top: solid 1px #666;border-right: solid 1px #666;}
.tablePricelist table td.funkciokUres {width: 4px; border-bottom: solid 2px #666;}
#bizKod {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 9px;color: #254b81;font-weight: normal;}

/* demo and contact ----------------------------------------------------------------------------------------------------*/
.demoTable {width: 600px;margin-top: 20px;display: block;float: right;}
.demoTable h3,.contactTable h3 {color: #898989;font-size: 11px;text-transform: uppercase;margin: 0px;}
.demoTable .description,.contactTable .description {margin-left: 254px;}
.demoTable .description h4,.contactTable .description h4 {color: #254b81;font-size: 16px;font-weight: bold;font-family:Trebuchet MS,Tahoma,Arial;margin-top: 24px;margin-bottom: 2px;}
.demoTable .description h5,.contactTable .description h5 {color: #4e4e4e;font-size: 13px;font-weight: bold;margin-top: 0px;margin-bottom: 8px;}
.demoTable .description p,.contactTable .description p {font-size: 13px;width: 292px;}
.demoTable .description p a,.contactTable .description p a {text-decoration: underline;font-weight: bold;color: #21375f;}
.demoTable .progress, .contactTable .progress {margin-top: 0px;display: block;}
.progress .images {margin-left: -10px;}
.demoTable .forms,.contactTable .forms {background: url(../Images/demoBackForms.png) repeat-x;min-height: 350px;width: 537px;margin-left: -7px;padding-left: 37px;}
.demoTable .forms .titleForms,.contactTable .forms .titleForms {border-bottom: 2px solid;border-bottom-color: #b8b8b8;}
.demoTable .forms .titleForms h4,.contactTable .forms .titleForms h4 {color: #254b81;font-size: 16px;font-weight: bold;font-family:Trebuchet MS,Tahoma,Arial;margin-top: 20px;margin-bottom: 6px;}
.demoTable .forms td,.contactTable .forms td {color: #4e4e4e;font-size: 13px; /* font-weight: bold; text-transform: uppercase;*/ height: 26px;vertical-align: middle;}
.demoTable .forms td.blue,.contactTable .forms td.blue {background-color: #e3ecfc; /*border-bottom: solid 2px transparent;*/}
.demoTable .forms td input,.contactTable .forms td input {border: 1px solid #c6c6c6;color: #000;height: 16px;margin-left: 10px;}
.demoTable .forms td textarea , .contactTable .forms td textarea {border: 1px solid #c6c6c6;color: #000;margin-left: 10px;}
.demoTable .forms td select {border: solid 1px #c6c6c6;color: #000;margin-left: 10px;}
.demoTable .forms .buttonForm {margin-top: 42px;background: url(../Images/demoButtonForm01.png) no-repeat;width: 204px;height: 81px;cursor: pointer;}
.demoTable .fieldlabel {margin-left: 20px;}
#ResetButton, #SubmitButton {background-color: #254b81;border: 1px solid;color: #fff;font-weight: bold;height: 20px;margin-left: 10px;}

/* footer ----------------------------------------------------------------------------------------------------------------*/
.footerContainer {clear: both;background: url(../Images/footerBackground.gif) repeat-x;height: 113px;vertical-align: bottom;position: relative;width: 100%;}
.footer {height: 113px;width: 990px;font-size: 11px;position: relative;margin-left: auto;margin-right: auto;}
.footer TABLE {width: 990px; height: 113px;}
.footer a {color: #3f5a8f;text-decoration: none;}
.footer a:hover {color: #132b5a;}
.footer .rights {color: #9f9f9f;}
.footer .logo {background: url(../Images/footerLogo.gif) no-repeat;margin-bottom: 10px;margin-top: 25px;width: 91px;height: 19px;}
.footer .add1 {float: left;color: #a9a9a9;text-align: left;margin-right: 25px;}
.footer .add2 {float: left;color: #a9a9a9;text-align: left;margin-right: 25px;}
.footer .add3 {float: left;text-align: left;margin-right: 25px;}
.footerMenu {margin-top: 20px;margin-bottom: 10px;color: #a9a9a9;}