body	{ margin: 0; padding: 0; font-family: arial; background: url(bgHeader.jpg) repeat-x; }


/* header
------------------------------------------------------------------------------------------------------------------ */
#containerTop			{ width: 1000px; margin: 0 auto; }
#containerTop #header1		{ height: 362px; width: 776px; margin: 0 auto; padding: 0; background: url(header1.jpg) no-repeat bottom center; }
#containerTop #header2		{ height: 362px; width: 776px; margin: 0 auto; padding: 0; background: url(header2.jpg) no-repeat bottom center; }
#containerTop #header3		{ height: 362px; width: 776px; margin: 0 auto; padding: 0; background: url(header3.jpg) no-repeat bottom center; }
#containerTop #header4		{ height: 362px; width: 776px; margin: 0 auto; padding: 0; background: url(header4.jpg) no-repeat bottom center; }
#containerTop ul		{ width: 100%; padding: 30px 0 0 0; margin: 0 auto; color: #FFF; list-style-type: none; text-align: center; }
#containerTop ul li		{ padding: 0 10px 0 10px; display: inline; }
#containerTop ul li a		{ color: #FFF; font-weight: bold; text-decoration: none; }
#containerTop ul li a:hover	{ color: #FFD531; }
#containerTop ul .active	{ color: #FFD531; font-weight: bold; }
#containerTop #titleLine	{ padding: 288px 0 0 15px; }
#containerTop h1		{ height: 22px; color: #626262; margin: 0; padding: 0; font-size: 12px; }
#containerTop a			{ color: #626262; text-decoration: none; font-size: 16px;}



/* konténer
------------------------------------------------------------------------------------------------------------------ */
#container		{ width: 1003px;  margin: 0 auto 0 auto; background: url(containerBg.jpg) repeat-y center top; overflow: hidden; }
#container #leftSide	{ width: 121px; height: 700px; float: left; background: url(leftSide.jpg) no-repeat top right; }
#container #rightSide	{ width: 121px; height: 700px; float: right; background: url(rightSide.jpg) no-repeat top left; }
#container #content	{ width: 761px; float: left; background-color: #FFF; font-family: verdana; font-size: 12px; color: #626262; text-align: justify; line-height: 18px; }


/* bal panel
------------------------------------------------------------------------------------------------------------------ */
#container #content #left			{ width: 450px; padding: 0px 10px 10px 10px; float: left; background-color: #FFF; overflow: hidden; }
#container #content #left a			{ color: #DDB62B; text-decoration: none; font-weight: bold; }
#container #content #left a:hover		{ color: #AE8020; }
#container #content #left p			{ padding: 0; }
#container #content #left h1			{ padding: 0; margin: 0; color: #DDB62B; font-size: 20px; font-weight: bold; font-family: arial; text-align: left; }
#container #content #left h2			{ padding: 20px 0 0 0; color: #DDB62B; font-size: 16px; text-align: center; }
#container #content #left h3			{ width: 761px; padding: 20px 0 0 0; color: #DDB62B; font-size: 16px; text-align: center; }
#container #content #left ul			{ margin: 0; padding: 10px 0 0 15px; }
#container #content #left ul li			{ margin: 0; padding: 0 0 15px 0; }
#container #content #left .back			{ text-align: center; }
#container #content #left .navUl		{ margin: 0; padding: 0 0 20px 15px; list-style-type: none; }
#container #content #left .navUl li		{ margin: 0; padding: 0; }
#container #content #left .navUl a		{ color: #DDB62B; text-decoration: none; font-weight: bold; }
#container #content #left .navUl a:hover	{ color: #AE8020; }
#container #content #left h1			{ padding: 30px 0 0 0; font-size: 20px; color: #DDB62B; font-weight: bold; font-family: arial; }
#container #content #left table.refs		{ width: 100%; }
#container #content #left table.refs td		{ padding: 5px; }
#container #content #left table.refs td.l	{ font-weight: bold; vertical-align: top; }
#container #content #left table.refs td.r	{ vertical-align: top; }


/* jobb panel
------------------------------------------------------------------------------------------------------------------ */
#container #content #right 			{ width: 241px; padding: 10px 10px 0 40px; float: right; background-image: url(formBg.jpg); background-repeat: no-repeat; background-position: left top; line-height: 10px; }
#container #content #right .titleText		{ height: 30px; clear: left; padding: 7px 0 0 30px; background-image: url(star.jpg); background-repeat: no-repeat; font-size: 14px; font-weight: bold; }


/* footer
------------------------------------------------------------------------------------------------------------------ */
#container #footer		{ width: 1003px; float: left; height: 163px; margin: 0 auto 0 auto; background: url(footer.jpg) no-repeat center top; }
#container #footer img		{ padding: 57px 0 0 372px; float: left; border: none; }
#container #footer #textBox	{ width: 380px; height: 50px; color: #949595; float: left; padding: 59px 0 0 14px; font-size: 13px; font-weight: bold;}
#container #footer #textBox a	{ color: #949595; text-decoration: none; font-size: 13px; font-weight: bold;}


/* 'online jelentkezés'
------------------------------------------------------------------------------------------------------------------ */
#container #content #right form						{ width: 235px;  float: left; padding: 0 0 50px 0; text-align: left; font-size: 11px; }
#container #content #right form .inputField p				{ margin: 0; padding: 0; line-height: 5px; }
#container #content #right form .inputField div.text			{ margin: 0; padding: 0 0 0 0; }
#container #content #right form .inputField div.text p                  { padding: 0 0 20px 0; line-height: 13px; }
#container #content #right form .inputField .inputText			{ width: 195px; height: 22px; padding: 9px 20px 0 10px; background: url(inputBg.jpg) no-repeat left top; background-color: #FFF; border: none; }
#container #content #right form .inputField .badInputText		{ width: 205px; height: 21px; padding: 9px 15px 0 10px; background: url(badInputBg.jpg) no-repeat left top; background-color: #FFF; border: none; }
#container #content #right form .inputField .inputText:hover		{ background: url(inputBg.jpg) no-repeat left -31px; border: none; }
#container #content #right form .inputField textarea			{ width: 208px; height: 123px; padding: 9px 16px 15px 10px; background: url(textareaBg.jpg) no-repeat left top; background-color: #FFF; border: none; }
#container #content #right form .inputField textarea:hover		{ background: url(textareaBg.jpg) no-repeat left -147px; }
#container #content #right form .inputField textarea.badTextArea	{ width: 208px; height: 130px; padding: 9px 16px 15px 10px; background: url(badTextArea.jpg) no-repeat left top; background-color: #FFF; border: none; }
#container #content #right form .submit					{ width: 225px; height: 22px; text-align: center; padding: 0 10px 0 0; }
#container #content #right form .submit .btn				{ border: none; padding: 0; width: 81px; height: 22px; background: url(btn.jpg) no-repeat left top; cursor: pointer; }
#container #content #right form .submit .btn:hover, .btn.hover		{ color: orange; background: url(btn.jpg) no-repeat left top; }


/* 'elérhetőségek'
------------------------------------------------------------------------------------------------------------------ */
#container #content #right #contactBox		{ width: 235px; float: left; padding: 0 0 30px 0; font-size: 15px; font-weight: bold; }
#container #content #right #contactBox p	{ margin: 0; padding: 0; text-align: center; line-height: 17px; }


/* 'legutóbbi munkáink'
------------------------------------------------------------------------------------------------------------------ */
#container #content #right #worksBox			{ width: 235px; float: left; padding: 0 0 30px 0; font-size: 11px; }
#container #content #right #worksBox .titleText		{ height: 30px; padding: 4px 0 0 0; font-size: 14px; font-weight: bold; text-align: center; background: none; }
#container #content #right #worksBox p			{ width: 100%; margin: 0; padding: 10px 0 0 0; float: left; text-align: center; }
#container #content #right #worksBox a			{ color: #DDB62B; text-decoration: none; font-weight: bold; }
#container #content #right #worksBox a:hover		{ color: #AE8020; }
#container #content #right #worksBox .work		{ width: 100%; height: 60px; float: left; }
#container #content #right #worksBox .work img		{ margin: 0 5px 0 0; float: left; border: 5px solid #CCC; }
#container #content #right #worksBox .work img:hover	{ border: 5px solid #FFD531; }
#container #content #right #worksBox .work .workTitle	{ width: 160px; padding: 14px 0 0 0; float: left; font-weight: bold; font-size: 11px; }
#container #content #right #worksBox .work .workText	{ width: 160px; padding: 5px 0 0 0; float: left; }