BODY {
	background-image: url(./pic/hatter_index.jpg);
	background-position: center;
	background-position: top;
}

TD {
	font-size: 12px;
}

h2 {
	font-size: 11px;
	color: #dd363d;
	padding: 0px;
	margin: 8px 0px 0px 0px;
}

#baloldal
{
	float: left;
	margin: 0px 0px 0px 5px;
	padding-top: 0px;
	text-align: left;
	width: 256px;
	height: 330px;
	background-image: url(pic/helyzetjelzo_cimlap.jpg);
	z-index: 1;
	background-position: top;
	background-repeat: no-repeat;
}

#kontener
{
	float: left;
	margin: 0px 0px 0px 1px;
	padding-top: 0px;
	padding-top: 0px;
	text-align: left;
	width: 562px;
	height: 330px;
	z-index: 1;
}

/* fejlécek */

#termekfejlec
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	text-align: left;
	width: 562px;
	height: 90px;
	background-image: url(./pic/fejlec_01festekek.jpg);
	text-align: right;
	z-index: 1;
}

#fejlec_cegtortenet
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	text-align: left;
	width: 562px;
	height: 90px;
	background-image: url(./pic/fejlec_cegtortenet.jpg);
	text-align: right;
	z-index: 1;
}

#fejlec_rayher
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	text-align: left;
	width: 562px;
	height: 90px;
	background-image: url(./pic/fejlec_rayher.jpg);
	text-align: right;
	z-index: 1;
}


#fejlec_esemenyek
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	text-align: left;
	width: 562px;
	height: 90px;
	background-image: url(./pic/fejlec_esemenyek.jpg);
	text-align: right;
	z-index: 1;
}

#fejlec_otletek
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	text-align: left;
	width: 562px;
	height: 90px;
	background-image: url(./pic/fejlec_otletek.jpg);
	text-align: right;
	z-index: 1;
}

#fejlec_akciok
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	text-align: left;
	width: 562px;
	height: 90px;
	background-image: url(./pic/fejlec_akciok.jpg);
	text-align: right;
	z-index: 1;
}

#fejlec_kapcsolat
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	text-align: left;
	width: 562px;
	height: 90px;
	background-image: url(./pic/fejlec_kapcsolat.jpg);
	text-align: right;
	z-index: 1;
}

#fejlec_katalogus
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	text-align: left;
	width: 562px;
	height: 90px;
	background-image: url(./pic/fejlec_katalogus.jpg);
	text-align: right;
	z-index: 1;
}

#fejlec_uzletlista
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	text-align: left;
	width: 562px;
	height: 90px;
	background-image: url(./pic/fejlec_uzletlista.jpg);
	text-align: right;
	z-index: 1;
}

#fejlec_arlista
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	text-align: left;
	width: 562px;
	height: 90px;
	background-image: url(./pic/fejlec_arlista.jpg);
	text-align: right;
	z-index: 1;
}



/*----------------------------------------------------------------------*/

#termekflashblokk
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	text-align: left;
	width: 562px;
	height: 240px;
	background-image: url(./pic/termek01festek_flash.jpg);
	z-index: 1;
	background-repeat: no-repeat;
}

/*imagekepek*/

#imagekep_cegtortenet
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	text-align: left;
	width: 562px;
	height: 240px;
	background-image: url(./pic/imagekep_cegtortenet.jpg);
	z-index: 1;
	background-repeat: no-repeat;	
}

#imagekep_rayher
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	text-align: left;
	width: 562px;
	height: 240px;
	background-image: url(./pic/imagekep_rayher.jpg);
	z-index: 1;
	background-repeat: no-repeat;	
}

#imagekep_aktualitasok
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	text-align: left;
	width: 562px;
	height: 240px;
	background-image: url(./pic/imagekep_aktualitasok.jpg);
	z-index: 1;
	background-repeat: no-repeat;	
}

/*----------------------------------------------------------------------*/

#alkategoria
{
	float: left;
	margin: 0px 0px 0px 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	width: 256px;
	background-color: #dd363d;
	padding: 0px 0px 0px 0px;
	color: White;
}

#alkategoriaszovegdoboz
{
	float: left;
	margin: 0px 0px 0px 8px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	width: 242px;
	padding: 0px 0px 0px 0px;
	color: White;
}


#alkategorialezaras
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	width: 256px;
	height: 43px;
	background-image: url(./pic/alklezarastartalom.jpg);
	padding: 0px 0px 0px 0px;
}

/* Minden oldalon azonos, szín-értékeik nem változnak */

#jobboldal_termekek
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	text-align: left;
	width: 684px;
	background-color: #efefef;
	padding: 0px 0px 0px 0px;
}

#jobboldal_szovegeskontener
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	text-align: left;
	width: 684px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
}

#jobboldal_2hasab
{
	float: left;
	margin: 0px 0px 0px 2px;
	padding-top: 0px;
	text-align: left;
	width: 320px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
}


#jobboldal_rendezvenyfotok
{
	float: left;
	margin: 1px 0px 0px 1px;
	padding-top: 0px;
	text-align: center;
	width: 336px;
	height: 253px;
	background-color: #e31f2b;
	padding: 0px 0px 0px 0px;
}

#jobboldal_otletek
{
	float: left;
	margin: 1px 0px 0px 6px;
	padding-top: 0px;
	text-align: justify;
	width: 330px;
	height: 253px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
}

#jobboldal_szovegestartalom
{
	float: left;
	margin: 0px 0px 0px 10px;
	padding-top: 0px;
	text-align: justify;
	width: 674px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
}

#termeklista_foto
{
	float: left;
	margin: 1px 0px 0px 1px;
	text-align: left;
	width: 150px;
	height: 102px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
}

#termeklista_megnevezes
{
	float: left;
	margin: 1px 0px 0px 1px;
	text-align: left;
	width: 410px;
	height: 102px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}

#termeklista_rendelesikod
{
	float: left;
	margin: 1px 0px 0px 1px;
	text-align: left;
	width: 120px;
	height: 102px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
}



#cimtermeklista_foto
{
	float: left;
	margin: 1px 0px 0px 1px;
	text-align: left;
	width: 150px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	color: #f7941d;
	font-weight: bold;
}

#cimtermeklista_megnevezes
{
	float: left;
	margin: 1px 0px 0px 1px;
	text-align: left;
	width: 410px;
	height: 102px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	color: #f7941d;
	font-weight: bold;
}

#cimtermeklista_rendelesikod
{
	float: left;
	margin: 1px 0px 0px 1px;
	text-align: left;
	width: 120px;
	height: 102px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	color: #f7941d;
	font-weight: bold;
}