/* index.css */
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #aaa; background: #ccc url('grafix/bg_body.jpg') repeat-x top left; }
a { color: #f60; }
a:hover { color: #bbb; }
a img { border: none; }

#kontener { width: 960px; position: absolute; top: 0; left: 50%; margin-left: -480px; background: #fff url('grafix/bg_kontener.jpg') repeat-x top left; }
#fej { width: 960px; height: 470px; position: relative; overflow: hidden; }
#fejmenu { position: absolute; top: 0; left: 12px; width: 432px; height: 44px; background: url('grafix/bg_fejmenu.jpg') no-repeat top center; padding-left: 20px; padding-top: 13px; }
#fejmenu a { display: block; width: 97px; height: 20px; background-image: url('grafix/bg_fejmenu_a.jpg'); background-repeat: no-repeat; background-position: top left; color: #fff; text-decoration: none; margin: 3px; float: left; text-align: center; padding-top: 5px; }
#fejmenu a:hover { background-position: bottom left; color: #000; }
#logo { width: 455px; height: 100px; position: absolute; left: 0; top: 70px; background: url('grafix/logo_flat.jpg') no-repeat top left; }
#logo a { display: block; width: 455px; height: 130px; text-decoration: none; }
#fomenu {
	width: 900px;
	height: 180px;
	position: absolute;
	left: 30px;
	top: 311px;
	overflow: hidden;
}
#kapcsolat { width: 380px; position: absolute; left: 480px; top: 20px; color: #fff; }
#kapcsolat a { color: #fff; text-decoration: none; }
#kapcsolat a:hover { color: #aaa; text-decoration: none; }
#udvozlo { color: #000; width: 575px; position: absolute; top: 158px; left: 30px; font-size: 12px;}
#nagykep { position: absolute; width: 294px; height: 259px; top: 34px; left: 655px; background: url('grafix/bg_index.jpg') no-repeat top left; }
#tartalom { background: url('grafix/bg_tartalom.jpg') repeat-x top left; color: #000; width: 860px; margin-left: 30px; position: relative; padding: 20px; overflow: hidden;}
#tartalom_bg_bal { position: absolute; top: 0; left: 0; background: url('grafix/bg_tartalom_bal.jpg') no-repeat top left; width: 19px; height: 19px; }
#tartalom_bg_jobb { position: absolute; top: 0; right: 0; background: url('grafix/bg_tartalom_jobb.jpg') no-repeat top right; width: 19px; height: 19px; }

#jobbsav { float: right; width: 260px; margin-left: 20px; }

#egyetlen { width: 226px; height: 174px; margin-bottom: 20px; position: relative; background: url('grafix/bg_egyetlen.jpg') repeat-x top left; color: #fff; padding: 17px; overflow: hidden; }
#egyetlen h1 { padding: 0; margin: 0; font-size: 14px; font-weight: bold; }
#egyetlen_bg_fentbal { background: url('grafix/bg_egyetlen_fentbal.jpg') no-repeat; position: absolute; top: 0; left: 0; width: 17px; height: 17px; }
#egyetlen_bg_fentjobb { background: url('grafix/bg_egyetlen_fentjobb.jpg') no-repeat; position: absolute; top: 0; right: 0; width: 17px; height: 17px; }
#egyetlen_bg_lentbal { background: url('grafix/bg_egyetlen_lentbal.jpg') no-repeat; position: absolute; bottom: 0; left: 0; width: 17px; height: 17px; }
#egyetlen_bg_lentjobb { background: url('grafix/bg_egyetlen_lentjobb.jpg') no-repeat; position: absolute; bottom: 0; right: 0; width: 17px; height: 17px; }

#grafikai { width: 226px; height: 174px; margin-bottom: 20px; position: relative; background: url('grafix/bg_grafikai.jpg') repeat-x top left; color: #000; padding: 17px; overflow: hidden; }
#grafikai h1 { padding: 0; margin: 0; font-size: 14px; font-weight: bold; }
#grafikai_bg_fentbal { background: url('grafix/bg_grafikai_fentbal.jpg') no-repeat; position: absolute; top: 0; left: 0; width: 17px; height: 17px; }
#grafikai_bg_fentjobb { background: url('grafix/bg_grafikai_fentjobb.jpg') no-repeat; position: absolute; top: 0; right: 0; width: 17px; height: 17px; }
#grafikai_bg_lentbal { background: url('grafix/bg_grafikai_lentbal.jpg') no-repeat; position: absolute; bottom: 0; left: 0; width: 17px; height: 17px; }
#grafikai_bg_lentjobb { background: url('grafix/bg_grafikai_lentjobb.jpg') no-repeat; position: absolute; bottom: 0; right: 0; width: 17px; height: 17px; }

#tervezes { float: right; width: 200px; height: 200px; background: url('grafix/tervezes.jpg') no-repeat top left; }

#egyetlen_gomb { position: absolute; bottom: 1px; right: 17px; display: block; width: 145px; height: 41px; background-image: url('grafix/bg_egyetlen_gomb.jpg'); background-repeat: no-repeat; background-position: top left; color: #fff; text-decoration: none; font-size: 14px; padding-top: 5px; padding-left: 20px; }
#egyetlen_gomb:hover { background-position: bottom left; }

#grafikai_gomb { position: absolute; bottom: 1px; right: 17px; display: block; width: 145px; height: 41px; background-image: url('grafix/bg_grafikai_gomb.jpg'); background-repeat: no-repeat; background-position: top left; color: #fff; text-decoration: none; font-size: 14px; padding-top: 5px; padding-left: 20px; }
#grafikai_gomb:hover { background-position: bottom left; }

#lab { background: #ccc; height: 80px; overflow: hidden; }
#lab_info { position: relative; width: 490px; background: #fff; height: 40px; float: left; padding-top: 10px; padding-left: 30px; }
#lab_info img { margin-bottom: -5px; }
#lab_info_bal { position: absolute; bottom: 0; left: 0; background: url('grafix/bg_feher_bal.jpg') no-repeat bottom left; width: 16px; height: 16px; }
#lab_info_jobb { position: absolute; bottom: 0; right: 0; background: url('grafix/bg_feher_jobb.jpg') no-repeat bottom left; width: 16px; height: 16px; }

/*#facebook {float: left; padding: 9px 4px 0px 4px; width: 130px;}*/
#facebook {float: left; padding: 10px 0px 0px 0px; text-align: right; width: 400px;}

#lab_webbel { width: 400px; padding-top: 3px; text-align: right; float: left;}
#lab_webbel img { margin-bottom: -3px; }
.pelda_tobb a { font-size: 16px; text-transform: lowercase; }
.pelda, .pelda_tobb { border-bottom: 1px dotted #999; margin-bottom: 15px; padding-bottom: 15px; overflow: hidden; width: 560px; }

.pelda h1, .pelda_tobb h1{ font-size: 16px; }