/* webbel.hu --> style.css */
body { margin: 0; padding: 0; background: #fff url('grafix/bg_body.jpg') repeat-y top center; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #444; }
a { color: #036; text-decoration: underline; }
a:hover { color: #036; text-decoration: none; }
a img { border: none; }

small { font-size: 11px; color: #999; }

#container { width: 980px; position: absolute; top: 0; left: 50%; margin-left: -490px; }
#head { position: relative; height: 405px; overflow: hidden; background: #fff url('grafix/bg_head.jpg') repeat-x top left; }
#head2 { position: relative; height: 285px; overflow: hidden; background: #fff url('grafix/bg_head.jpg') repeat-x top left; }
	#logo { position: absolute; top: 0; left: 30px; }
	#topmenu { position: absolute; width: 490px; top: 25px; right: 20px; }
		#topmenu a { display: block; width: 120px; height: 30px; border-right: 1px dotted #999; float: left; padding-top: 10px; text-align: center; text-decoration: none; color: #666 }
		#topmenu a:hover { color: #335577; }
	#bigflash { position: absolute; bottom: 0; left: 0; }
	#subpageimage { position: absolute; width: 980px; height: 200px; background: url('grafix/bg_subpage.jpg') no-repeat top left; left: 0; top: 85px; }
	#subpageimage h1 { position: absolute; bottom: 24px; left: 30px; font-size: 40px; color: #fff; margin: 0; padding: 0; }
	

#webbel-fej { width: 980px; height: 320px; overflow: hidden; position: absolute; bottom: 0; left: 0; }
#kepek { position: absolute; top: 0; left: 0; }
#kepek img { width: 480px; height: 320px; }
#szovegek { position: relative; margin-left: 480px; }
.f { position: absolute; overflow: hidden; height: 200px; width: 500px; background: url('grafix/fej_pbg.jpg') repeat-x left 40px;  }
.f p { padding-left: 10px; padding-right: 10px; }
.f h1 { padding: 0; margin: 0; font-size: 20px; }
.f h1 a  { display: block; color: #DCE5EE; height: 32px; padding-top: 8px; padding-left: 10px; overflow: hidden; background: url('grafix/fej_hbg.jpg') no-repeat top left; text-decoration: none; }
.f h1 a.aktualis, .f h1 a:hover  { background: url('grafix/fej_hbg.jpg') no-repeat bottom left; color: #fff; }


#body { background: #fff; overflow: hidden; padding: 10px; }
#calculator { width: 623px; padding: 10px; border-right: 1px dotted #999; color: #000; overflow: hidden; float: left; }
	#calculator h1 { font-size: 20px; color: #800; margin: 0; padding: 0; margin-bottom: 10px; }
	#calculator p { font-size: 12px; margin: 0; padding: 0; margin-bottom: 10px; }
	#calculator div p { margin: 0; padding: 0; }
	#calculator div.formleft { clear: both; width: 240px; float: left; text-align: right; padding: 10px; }
	#calculator div.formright { width: 350px; float: left; text-align: left; padding: 5px; }

	span.index-ar { display: block; width: 150px; float: right; font-size: 20px; letter-spacing: -1px; text-align: right; color: #777; }
	
#body h2 { color: #416D98; }
#body h2.red { color: #800; }
#body h3.bla { margin-left: 20px; }
#osszeg, #osszeg2 { padding: 10px; text-align: right; font-size: 70px; }

.blackq p { margin-left: 20px; margin-right: 20px; margin-top: 3px; }
.blackq h2 { color: #800; }
.blackq h3 { margin: 0; }

#logos { width: 310px; float: left; padding: 0; overflow: hidden; }
	#logos table td { width: 75px; text-align: center; padding: 10px; font-size: 9px; vertical-align: center; }
	
#cegpack { background: #F1C87A url('grafix/cegpack.jpg') no-repeat bottom right; margin-left: 10px; margin-top: 10px; margin-right: -5px; padding: 10px; height: 180px; color: #000; font-size: 12px; }
#cegpack h1 { font-size: 16px; padding: 0; margin: 0; }
#cegpack p { padding: 0; margin: 0; margin-top: 10px; }
#cegpack a { display: block; width: 120px; height: 60px; background: url('grafix/bovebben.jpg') no-repeat top left; text-decoration: none; margin-top: 10px; }
#cegpack a:hover { background: url('grafix/bovebben.jpg') no-repeat bottom left; }
	
#foot { clear: both; height: 190px; background: url('grafix/bg_foot.jpg') repeat-x top left; color: #fff; overflow: hidden; }
.coloumn2 { display: block; width: 455px; float: left; padding: 10px; }

div.coloumn { width: 306px; height: 150px; overflow: hidden; float: left; margin-top: 20px; border-left: 1px dotted #fff; padding-left: 20px; }
div.noborder { border-left: none }
div.coloumn h1 { font-size: 20px; margin: 0; padding: 0; }
div.coloumn ul { padding: 0; margin: 0; margin-top: 20px; }
div.coloumn ul li { padding: 0; margin: 0; margin-top: 10px; list-style: none; list-style-image: url('grafix/list.gif'); margin-left: 20px; padding-left: 10px; }
div.coloumn a { text-decoration: none; color: #fff }
div.coloumn a:hover { text-decoration: underline; color: #fff }
div.coloumn p { margin: 0; padding: 0; margin-top: 10px; }

div.oszlop3 { width: 310px; float: left; }
.borderleft { border-left: 1px dotted #999; padding-left: 10px; }
.nagy  { font-size: 30px; }
.borderrite { border-right: 1px dotted #999; }
.clear { clear: both; }
span.ures { display: none; visibility: hidden; width: 0; color: #fff; }

div.item { clear: both; width: 790px; border-top: 1px solid #ddd; overflow: hidden; }
p.p-label { float: left; width: 500px; margin: 0; padding: 10px; }
p.ar-p { float: left; width: 250px; margin: 0; padding: 10px; }

p.inputnev { margin: 0; padding: 0; }
p.input { margin-bottom: 10px; padding: 0; }
p.input textarea, p.input2 textarea { width: 400px; height: 70px; }
input, textarea { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
.true { border: 1px solid #999; background: #fff url('grafix/bg_input.jpg') repeat-x top left; width: 400px; }
.false { border: 2px solid #800; background: #FADEDA url('grafix/bg_input_hibas.jpg') repeat-x top left; width: 400px; color: #c00; }
.skype img { margin-bottom: -7px; }

p.inputnev2 { clear: both; float: left; width: 200px; margin: 0; margin-left: 150px; padding: 0;}
p.input2 { float: left: width: 420px; }

#ar-kapcsolat { clear: both; padding: 10px; background: #eee; }