body {
	padding: 0px;
	margin: 0px;
	background-color: #5d3f2c;
	font-size: 11px;
	color: #1c0c04;
	font-family: Tahoma;
}

input,textarea {
	font-size: 11px;
	font-family: Tahoma;
}

a {
	text-decoration: none;
	color: #dbbc90;
}

a:hover {
	color: #f6e9d6;
}

a img {
	border: none;
}

td {
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

p {
	padding: 0px;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 16px;
}

form {
	padding: 0px;
	margin: 0px;
}

h1 {
	font-size: 18px;
	font-family: tahoma;
	color: #1c0c04;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	padding-top: 10px;
	margin: 0px;
}

h3 {
	font-size: 11px;
	font-weight: normal;
	padding-top: 2px;
}

h4 {
	color: #eec3a6;
	font-weight: normal;
	padding-bottom: 10px;
	margin: 0px;
}

div.hr {
	width: 100%;
	height: 1px;
	background: url("../image/hr.png");
	background-repeat: repeat;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.hr hr {
	display: none
}

input[type='button'],input.button {
	display: block;
	width: 109px;
	height: 39px;
	text-align: center;
	color: #dbbc90;
	border: none;
	background-image: url('../image/gomb_hatter.gif');
}

input[type='button']:hover,input.button:hover {
	background-image: url('../image/gomb_hatter_2.gif');
}

input[type='text'],input.text {
	width: 317px;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	height: 21px;
	line-height: 21px;
	background: none;
	margin: 0px;
	background-image: url('../image/text_hatter.png');
	border: none;
	color: #eed7c5;
}

input[type='checkbox'],input.checkbox {
	vertical-align: middle;
	border: none;
	padding: 0px;
	margin: 0px;
}

textarea {
	display: block;
	width: 461px;
	padding: 10px;
	height: 123px;
	background: none;
	background-image: url('../image/textarea_hatter.png');
	border: none;
	/*overflow: hidden;*/
	color: #eed7c5;
}

div.tartalom_szoveg_hatter ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div.tartalom_szoveg_hatter li {
	height: 12px;
	background: url("../image/jel.png");
	background-repeat: no-repeat;
	background-position: left;
	list-style-type: none;
	padding-left: 25px;
	padding-bottom: 5px;
}

div.fejlec {
	width: 100%;
	height: 207px;
	float: left;
	background-image: url("../image/hatter_top.gif");
}

div.fejlec_hatter {
	width: 962px;
	height: 41px;
	margin:auto;
}

div.fejlec_tartalom {
	width: 962px;
	height:166px;
	overflow:hidden;
	margin: auto;
	background-image: url("../image/hatter_topII.jpg");
	background-repeat: no-repeat;
}


div.fejlec_tartalom p {
	padding:0px;
	margin:0px;
}

div.menuI {
	width:935px;
	height: 41px;
	overflow:hidden;
	margin: auto;
}

div.menuI ul {
	height: 41px;
	width:962px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div.menuI li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display:block;
	float:left;
	line-height: 41px;
}

div.menuI li a {
	height: 41px;
	display: block;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 11px;
	color: #dbbc90;
	text-align: center;
	text-transform: uppercase;
}

div.menuI li a:hover {
	color: #f6e9d6;
}

#fooldal.unselected {
	width: 117px;
	background-image: url("../image/fooldal.gif");
	background-position: top;
}

#fooldal a:HOVER,#fooldal {
	width: 117px;
	background-image: url("../image/fooldal.gif");
	background-position: bottom;
}

#szolgaltatas.unselected {
	width: 116px;
	background-image: url("../image/szolgaltatasaink.gif");
	background-position: top;
}

#szolgaltatas a:HOVER,#szolgaltatas {
	width: 116px;
	background-image: url("../image/szolgaltatasaink.gif");
	background-position: bottom;
}

#munkaink.unselected {
	width: 118px;
	background-image: url("../image/munkaink.gif");
	background-position: top;
}

#munkaink a:HOVER,#munkaink {
	width: 118px;
	background-image: url("../image/munkaink.gif");
	background-position: bottom;
}

#letoltesek.unselected {
	width: 117px;
	background-image: url("../image/letoltesek.gif");
	background-position: top;
}

#letoltesek a:HOVER,#letoltesek {
	width: 117px;
	background-image: url("../image/letoltesek.gif");
	background-position: bottom;
}

#cikkek.unselected {
	width: 117px;
	background-image: url("../image/cikkek.gif");
	background-position: top;
}

#cikkek a:HOVER,#cikkek {
	width: 117px;
	background-image: url("../image/cikkek.gif");
	background-position: bottom;
}

#elerhetosegeink.unselected {
	width: 117px;
	background-image: url("../image/elerhetosegeink.gif");
	background-position: top;
}

#elerhetosegeink a:HOVER,#elerhetosegeink {
	width: 117px;
	background-image: url("../image/elerhetosegeink.gif");
	background-position: bottom;
}

#arajanlat.unselected {
	width: 116px;
	background-image: url("../image/arajanlatkeres.gif");
	background-position: top;
}

#arajanlat a:HOVER,#arajanlat {
	width: 116px;
	background-image: url("../image/arajanlatkeres.gif");
	background-position: bottom;
}

#karrier.unselected {
	width: 117px;
	background-image: url("../image/karrier.gif");
	background-position: top;
}

#karrier a:HOVER,#karrier {
	width: 117px;
	background-image: url("../image/karrier.gif");
	background-position: bottom;
}

div.menuII {
	width: 935px;
	float: left;
	margin: 0px;
	padding: 0px;
	padding-bottom: 4px;
}

div.menuII ul {
	float: left;
	margin: 0px;
	padding: 0px;
	padding-left: 235px;
	list-style: none;
}

div.menuII li {
	float: left;
	margin: 0px;
	padding-right: 8px;
	list-style-type: none;
}

div.menuII a {
	text-decoration: none;
	color: #dbbc90;
	text-align: center;
}

div.menuII a:hover {
	color: #f6e9d6;
}

div.tartalom {
	float: left;
	width: 100%;
	background-color: #5d3f2c;
	background-image: url("../image/hatter_body.jpg");
	background-position: bottom center;
	background-repeat: no-repeat;
}

div.tartalom_keret {
	width: 962px;
	margin: auto;
}

div.tartalom_cim_hatter {
	height: 90px;
	width: 935px;
	padding-left: 0px;
	margin-left: 13px;
	background-image: url("../image/tartalom_cim_hatterII.jpg");
	background-repeat: no-repeat;
	background-position: top center;
}

div.tartalom_szoveg_hatter {
	display: inline;
	float: left;
	width: 935px;
	padding: 0px;
	margin-left: 13px;
	background-image: url("../image/tartalom_hatter.gif");
	background-repeat: repeat;
	background-position: top center;
}

div.tartalom_lablec {
	display: inline;
	float: left;
	width: 935px;
	height: 60px;
	margin-left: 13px;
	background-image: url("../image/tartalom_lablecII.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	float: left;
}

div.lablec {
	width: 100%;
	height: 185px;
	float: left;
	background-color: #5d3f2c;
	background-image: url("../image/hatter_bottomII.jpg");
	background-position: bottom center;
}

div.lablec_tartalom {
	width: 935px;
	margin: auto;
	padding: 0px;
	padding-top: 8px;
	font-family: Tahoma;
	font-size: 9px;
	color: #dbbc90;
}

/**************  Szolgáltatasok *********************/
div.kepnezegeto {
	float: left;
	width: 935px;
	height: 300px;
	overflow: hidden;
	background-image: url('../image/szolgaltatasok/kepnezegeto.jpg');
}

div.kepnezegeto div.kep {
	float: left;
	width: 431px;
	height: 229px;
	padding-top: 30px;
	padding-left: 19px;
}

div.kepnezegeto div.leiras {
	float: right;
	width: 455px;
	height: 250px;
	padding: 10px;
	padding-top: 25px;
}

div.kepnezegeto ul {
	float: left;
}

div.kepnezegeto ul li {
	float: left;
	width: 150px;
	height: 35px;
	line-height: 35px;
	background-image: url('../image/szolgaltatasok/vonal.png');
	background-repeat: no-repeat;
	background-position: -25px 30px;
	padding: 0px;
	list-style-type: none;
	padding-bottom: 5px;
	list-style-type: none;
}

div.kepnezegeto ul li div {
	float: left;
	width: 125px;
	height: 35px;
	line-height: 35px;
	padding-left: 20px;
	background: url("../image/jel.png");
	background-repeat: no-repeat;
	background-position: 0px 12px;
}

div.kepnezegeto ul li a {
	color: #1b0903;
}

div.kepnezegeto ul li a:hover {
	color: #f0dda5;
}

div.szolg_reszletek {
	display: inline;
	float: left;
	width: 467px;
	height: 242px;
	padding-bottom: 40px;
}

div.szolg_reszletek h1 {
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
}

div.szolg_reszletek a {
	color: black;
}

div.szolg_reszletek a:hover {
	color: #f0dda5;
}

/**************  Ajánlatkérés *********************/
div.ajanlatkeres {
	float: right;
	width: 495px;
	height: 730px;
	padding-top: 70px;
	padding-left: 30px;
	padding-right: 50px;
	background-image: url('../image/arajanlat/hatter.jpg');
	color: #c6a78f;
}

/**************** Cikkek *******************/
div.cikkek {
	float: left;
	width: 935px;
}

div.cikkek div.cikk {
	float: left;
	clear: both;
	width: 895px;
	border-bottom: 1px dotted black;
	margin-bottom: 10px;
	margin-left: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
}

div.cikkek div.cikk div.title {
	float: right;
	width: 725px;
	padding: 0px;
}

div.cikkek div.cikk div.title h3 {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 14px;
}

div.cikkek div.cikk div.text {
	float: right;
	width: 725px;
}

div.cikkek div.cikk div.image {
	float: left;
	width: 170px;
}

/************ Egyszerű lapozó ****************************/
div.egyszeru_lapozo {
	float: left;
	width: 915px;
	padding: 10px;
	height: 36px;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.egyszeru_lapozo div.bal {
	float: left;
	width: 41px;
	height: 18px;
	margin-top: 9px;
	background-image: url('../image/lapozo/bal_teljes.jpg');
	background-position: top;
	cursor: pointer;
}

div.egyszeru_lapozo div.bal:hover,div.egyszeru_lapozo div.jobb:hover {
	background-position: bottom;
}

div.egyszeru_lapozo div.jobb {
	float: right;
	width: 41px;
	height: 18px;
	margin-top: 9px;
	background-image: url('../image/lapozo/jobb_teljes.jpg');
	background-position: top;
	cursor: pointer;
	background-image: url('../image/lapozo/jobb_teljes.jpg');
}

div.egyszeru_lapozo div.oldalszam {
	display:inline;
	float: left;
	margin-left: 357px;
	width: 140px;
	height: 20px;
	padding-top: 11px;
	padding-bottom: 5px;
	background-image: url('../image/lapozo/oldalszam.png');
	text-align: center;
	width: 140px;
}

/************ Alsó lapozó ****************************/
div.lapozo {
	float: left;
	width: 915px;
	padding: 10px;
	height: 66px;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.lapozo div.bal {
	float: left;
	width: 41px;
	height: 18px;
	margin-top: 9px;
	background-image: url('../image/lapozo/bal_teljes.jpg');
	background-position: top;
	cursor: pointer;
}

div.lapozo div.bal:hover,div.lapozo div.jobb:hover {
	background-position: bottom;
}

div.lapozo div.jobb {
	float: right;
	width: 41px;
	height: 18px;
	margin-top: 9px;
	background-image: url('../image/lapozo/jobb_teljes.jpg');
	background-position: top;
	cursor: pointer;
	background-image: url('../image/lapozo/jobb_teljes.jpg');
}

div.lapozo div.oldalszam {
	display:inline;
	float: left;
	margin-left: 357px;
	width: 140px;
	height: 60px;
	padding-top: 11px;
	padding-bottom: 5px;
	background-image: url('../image/lapozo/oldalszam.png');
	background-repeat: no-repeat;
	text-align: center;
	width: 140px;
}

div.lapozo div.oldalszam p {
	padding: 0px;
	padding-bottom: 5px;
	margin: 0px;
}

div.lapozo div.oldalszam input.bevitel {
	width: 47px;
	background-image: url('../image/lapozo/oldalbeiro.png');
	text-align: center;
}

div.lapozo div.oldalszam a {
	color: #1c0c04;
	text-decoration: underline;
}

/**************   Munkáink *******************/
div.munkamenu {
	float: right;
	height: 50px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px; margin-right : 30px;
	border-bottom: 1px solid #5d3f2c;
	margin-right: 30px;
}

div.munkamenu a {
	display: block;
	float: left;
	height: 15px;
	padding-top: 35px;
	padding-left: 10px;
	padding-right: 10px; color : black;
	background-repeat: no-repeat;
	background-position: center center;
	color: black;
}

div.munkamenu #web:hover,div.munkamenu #web.active {
	background-image: url('../image/munkak/logo/web.png');
}

div.munkamenu #arculat:hover,div.munkamenu #arculat.active {
	background-image: url('../image/munkak/logo/arculati_elemek.png');
}

div.munkamenu #nyomdai_munkak:hover,div.munkamenu #nyomdai_munkak.active {
	background-image: url('../image/munkak/logo/nyomdai_munkak.png');
}

div.munkamenu #reklamanyagok:hover,div.munkamenu #reklamanyagok.active {
	background-image: url('../image/munkak/logo/reklamanyagok.png');
}

div.munkamenu #egyeb_munkak:hover,div.munkamenu #egyeb_munkak.active {
	background-image: url('../image/munkak/logo/egyeb_munkak.png');
}

div.munka_outer {
	float: left;
}

div.munkasor {
	float: left;
	width: 935px;
	height: 400px;
	padding-bottom:40px;
}

div.munka_bal {
	float: left;
	width: 200px;
	padding-left: 55px;
	padding-right: 56px;
	height: 400px;
	background-image: url('../image/munkak/left.jpg');
}

div.munka_kozep {
	float: left;
	width: 200px; padding-left : 55px; padding-right : 56px;
	height: 400px;
	background-image: url('../image/munkak/center.jpg');
	padding-left: 55px;
	padding-right: 56px;
}

div.munka_jobb {
	float: left;
	width: 200px; padding-left : 55px; padding-right : 56px;
	height: 400px;
	background-image: url('../image/munkak/right.jpg');
	padding-left: 55px;
	padding-right: 56px;
}

div.munka_kozep_van {
	float: left;
	width: 200px; padding-left : 55px; padding-right : 56px;
	height: 400px;
	background-image: url('../image/munkak/center_image.jpg');
	padding-left: 55px;
	padding-right: 56px;
}

div.munka_jobb_van {
	float: left;
	width: 200px;
	padding-left: 54px; padding-right : 56px;
	height: 400px;
	background-image: url('../image/munkak/right_image.jpg');
	padding-right: 56px;
}

div.munkasor div.cim {
	float: left;
	width: 200px;
	height: 32px;
	overflow: hidden;
	text-align: center;
	border-bottom: 1px dotted black;
}

div.munkasor div.cim a {
	color: #1c0c04;	
}

div.munkasor div.cim h2 {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

div.munkasor div.kep {
	float: left;
	display:inline;
	width: 158px;
	padding-left: 15px;
	padding-right: 15px;
	height: 201px;
	padding-top: 14px;
	padding-bottom: 14px;
	margin-left: 6px;
	margin-top: 20px;
	overflow: hidden;
	background-image: url('../image/munkak/kepkeret.png');
}

div.munkasor div.kep:hover {
	background-position: bottom;
}

div.munkasor div.leiras {
	float: left;
	width: 200px;
	max-height: 84px;
	overflow: hidden;
	margin-top: 5px;
	border-top: 1px dotted black;
}

div.munkasor div.leiras a,div.munkasor div.reszletek a {
	color: #1c0c04;
}

div.munkasor div.reszletek a:hover {
	color: #f6e9d6;
}

div.munkasor div.reszletek {
	float: left;
	width: 200px;
	margin-top: 5px;
	border-top: 1px dotted black;
}

/**************   Egy munka *******************/

div.egy_munka {
	float:left;
	width:935px;
}

div.egy_munka div.cim {
	float:left;
	width:895px;
	padding:20px;
	text-align:center;
}