/*@charset "utf-8";*/
/* CSS Document */

/*színek:
	s.barna: #795622;
	arany: #b4a576;
	vörös: #9c0a04;
	h.kék háttérszín:	#f2f3ee;
	kék: #263a8b;
	s.kék: #1a275b;
	s.szürke: #382618;
	fekete: black;
	fehér: white;
*/

/*SZABÁLYOK:
- HÁTTÉRKÉPET - a php-ben div id-ként adunk meg és itt formázunk, lásd: div#fejlechatterkep
- képet, ami fölé nem megy semmi a php-ben hívunk meg, ahol az img kap id-t (id="kep_3"), a képet itt csak %-al formázzuk, lásd: img#kep_3

position:fixed;	- a monitor befoglaló keretéhez képest mindig ugyanott van - nem megy le a monitorról, csak az alatta, fölötte levők görgetődnek
*/





html
{
	min-height:100%;	/*e miatt tölti be a body háttérképét balra igazítva 100% magasságban*/
	font-size: 18px;	/*a többi betűméretet rem	-rem adom meg, azaz ennek a méretnek a sokszorosával */
}

body
{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	text-align:justify;
	/*margin: 0;    - eredetileg ez volt*/
		margin-top:0;
	background-image:url(../images/body_hattere_1px.jpg);	/*1 px széles ismétlődő felső fehér és h.kékcsík*/
	background-repeat:repeat-x;
	/*background-size:cover;*/	/*e miatt igazítja a méretet a böngészőhöz és tölti ki azt - így kicsire összehúzott böngészőben kicsi a kép
							kell hozzá a html - min-height:100%; - formázása is, hogy magasságban is kitöltse a böngészőt*/
	/*overflow:hidden;*/	/*hogy ne jelenjen meg csúszka!!! */
	/*background-color:#E5ACDC;			- nem látszik!!! */
}



/*FEJLÉC RÉSZ: ---------------------------------------------------------------------------------------------------------------------------------------------*/
	div#fejlec
	{
		/*a doboz befoglaló mérete és helyzete, amibe a fejléc tartalmak kerülnek: */
		width: 1170px;		/*100%*/
		min-height:210px;
		/*height:100%;*/
		margin:auto;
		
		/*background-color:#7A7CC5;*/
			/*display: block;
			float: left;*/
	}
		div#fejlechatterkep	/*a nyíl - csak id-ként teszi középre a képet, classként nem!!!*/
		{
			background-image:url(../images/fejlechatterkep_1170px.png);
			background-repeat:no-repeat;
			background-size:contain;
			width:100%; /*65%    1170px*/
			height:198px;
			margin: 0 auto 0 auto;	/*ez teszi széltében középre az oldal tartalmat - csak ID-ként, classként nem!!!!*/ /*felső, jobb, alsó, bal */
		}
		/*FEJLÉC RÉSZ 1. sora: ---------------------------------------------------------------------------------------------------------------------------------------------*/
			div#bal_oszlop_fejlec /*bal oldali linkeket és a menüt befoglaló oszlopot formázza: */
			{
				margin:0;
				padding:0.5rem 0rem 0.5rem 2rem;	/*felső, jobb, alsó, bal */
				box-sizing: border-box;	/*ha ez nincs, a paddingot ráteszi az 1170-re=1210, ha van, akkor az 1170-en belül van a padding értéke*/
				/*text-align:right;*/
			}
			img#kep_3 /*középső oszlop!!! delhougne_crests_490.png ??delhougne_crests_250 -re csere?   - div#crest -kén itt volt behívva korábban a kép*/
			{
				width:67%;
				height:67%;
				margin:0.35rem auto 0rem auto;		/*felső, jobb, alsó, bal */
				display: block;
				float:none;		
			}
			div#jobb_oszlop_fejlec /*bal oldali linkeket befoglaló oszlopot formázza: */
			{
				margin:0;
				padding:0.5rem 2rem 0.5rem 0rem;	/*felső, jobb, alsó, bal */
				box-sizing: border-box;	/*ha ez nincs, a paddingot ráteszi az 1170-re=1210, ha van, akkor az 1170-en belül van a padding értéke*/
				/*text-align:left;*/
			}
			
		/*FEJLÉC RÉSZ 2. sora: ---------------------------------------------------------------------------------------------------------------------------------------------*/
	
			img#kep_2 /*fashiondesigner_709.png    - div#fashiondesigner -kén itt volt behívva korábban a kép*/
			{
				width:61%;
				height:100%;
				margin:auto auto auto auto;
				display: block;
				float:none;
			}



		/*MENÜ: --------------------------------------------------------------------------------------------------------------------*/
		/*REJTETT MENÜ: */
		/*MENÜ linkek formázása VÉGE. */
			/*div#menu és div#menu a	- itt nem adom meg		*/
			div#menu_megjelenitese
			{
				display: none;
			}
			div#menu
			{
				display: none;
			}
		/*REJTETT MENÜ VÉGE. */

		/*LÁTHATÓ MENÜPONTOK: */
			div#menupont_1 a	/*fotók, rajzok, cikkek */
			{
				font-size: 1.3rem;
				color: #b4a576;	/*arany*/
				text-decoration: none;
				padding: 0.33rem 0.5rem 0.35rem 0.35rem;	/*felső, jobb, alsó, bal */
				box-sizing: border-box;
				display: block;
				float: left;
			}
			div#menupont_1 a:hover
			{
				font-size: 1.36rem;
				color:#263a8b;	/*kék*/
			}
			div#menupont_3 a	/*HOME-hoz*/
			{
				font-size: 1.3rem;
				color:#9c0a04;	/*vörös*/ 
				text-decoration: none;
				padding: 0.33rem 0rem 0.35rem 0.35rem;	/*felső, jobb, alsó, bal */
				box-sizing: border-box;
				display: block;
				float: left;
			}
			div#menupont_3 a:hover	/*HOME-hoz*/
			{
				font-size: 1.36rem;
				color:#263a8b;	/*kék*/
			}
			div#menupont_2 a	/*LOGIN-hoz*/
			{
				font-size: 1.3rem;
				color: #263a8b;	/*kék*/
				text-decoration: none;
				text-align:right;
				padding: 1.6rem 0rem 0.35rem 0rem;	/*felső, jobb, alsó, bal */
				box-sizing: border-box;
				display: block;
				float: left;
			}
			div#menupont_2 a:hover	/*LOGIN-hoz*/
			{
				font-size: 1.36rem;
				color:#9c0a04;	/*vörös*/
			}
			div#menupont_4 a	/*szervíz, kapcsolat, önéletrajz */
			{
				font-size: 1.3rem;
				color: #b4a576;	/*arany*/
				text-decoration: none;
				text-align:right;
				padding: 0.33rem 0.35rem 0.35rem 0.5rem;	/*felső, jobb, alsó, bal */
				box-sizing: border-box;
				display: block;
				float: left;
			}
			div#menupont_4 a:hover
			{
				font-size: 1.36rem;
				color:#263a8b;	/*kék*/
			}
		/*LÁTHATÓ MENÜPONTOK VÉGE. */
		/*MENÜ VÉGE. --------------------------------------------------------------------------------------------------------------------*/
			
	
/*FEJLÉC RÉSZ VÉGE. ---------------------------------------------------------------------------------------------------------------------------------------------*/




/* TARTALOM RÉSZ: --------------------------------------------------------------------------------------------------------------------------------*/
	div#tartalom	/*NEM MŰKÖDIK!!!!!!!???????????*/
	{
		width:100%;
			/*width: 1170px;*/
		/*height:1300px;*/
		margin:auto;
		/*background-color:#f2f3ee;*/	/*#f2f3ee; - h.kék, próbához: #9DD9D3;*/
				
				/*display:block;
				float:left;*/
	/*!!!!!!!!!!!!!!!!!!! megadni, ha jók a szélesség értékeke:   !!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
	overflow:hidden;	/*CSAK ITT adhatom meg, hogy a függőleges csúszka maradjon, csak vízszintes ne legyen!!!*/
	}
		div#empty_row
		{
			height: 2rem;
		}
		
		/*TARTALOM RÉSZ 1. sora: ---------------------------------------------------------------------------------------------------------------------------------------------*/
			div#biography_hattere /*biography_hattere  - volt a neve   - 1_sor_tartalom*/
			{
				background-image:url(../images/gyongytyuk_1920.png);
				background-size:cover;
				width:100%;
				min-height:540px;	/*550 	ha elromik ezzel, csak simán height legyen!*/
				margin: 0 auto 0 auto;
				
				/*background-color:#9AD9E9;*/
			}
				div#1_sor_bal_oszlop
				{
					
				}
					img#kep_1 /*designer_kep.png*/
					{
						width:100%;
						height:100%;
						margin:auto auto auto auto;
						display: block;
						float: right;
					}
				div#biograph_jobb_oszlop	/*1_sor_jobb_oszlop  biograph_jobb_oszlop  biograph és services oszlop bevezető szövegére*/
				{
					width:100%;
					height:100%;
					margin:auto auto auto auto; 	/*felső, jobb, alsó, bal */
					padding:0rem 1rem 0rem 1rem;
					box-sizing: border-box;
					font-size:1.5rem;
					color: white;
					text-align:justify;
					background-image:url(../images/szoveghatter_50_1px.png);
					background-size:cover;
					background-repeat:repeat;
					display: block;
					float: left;
				}

		/*TARTALOM RÉSZ 2. sora: ---------------------------------------------------------------------------------------------------------------------------------------------*/
			div#drawings_hattere	/*drawings_hattere - volt a neve    - 2_sor_tartalom*/
			{
				background-image:url(../images/csikos_1920.png);
				background-size:cover;
					
				width:100%;	
				min-height:540px;	/*550	ha elromik ezzel, csak simán height legyen!*/
				margin: 0 auto 0 auto;
					
				/*background-color:#87E561;*/
			}
					div#drawings_bal_oszlop
					{
						width:100%;
						height:100%;
						margin:auto auto auto auto; 	/*felső, jobb, alsó, bal */
						padding:0rem 1rem 0rem 1rem;
						box-sizing: border-box;
						font-size:1.5rem;
						color: white;	/*#9c0a04;*/
						text-align:justify;
						background-image:url(../images/szoveghatter_50_1px.png);
						background-size:cover;
						background-repeat:repeat;
						display: block;
						float: right;
					}
					div#dravings_valtokep /*képméret:771x454px - max méret: 954x562 a váltóképek befoglalója*/
					{
						width:100%;	/*954 a 100% a próba képeknél*/
						max-width:917px;		/*863px;*/
						max-height:540px;		/*508px;*/
						margin:0rem auto 0rem auto; 	/*felső, jobb, alsó= 592-454=138, bal */
						display: block;
						float: left;
					}
						#galleria
						{
							height:540px;	/*454px;*/
						} 
						#galleria img 
						{
							border:0;
					/*		width:80%;
							height:80%;
							margin:auto auto auto auto;
							display: block;
					*/			/*float: right;*/
						}
		
		/*TARTALOM RÉSZ 3. sora: ---------------------------------------------------------------------------------------------------------------------------------------------*/
			div#adress_hattere	/*adress_hattere - volt a neve   - 3_sor_tartalom*/
			{
				background-image:url(../images/adress_1920.png);
				background-size:cover;
					
				width:100%;		/*100%;*/
				min-height:540px;	/*550	ha elromik ezzel, csak simán height legyen!*/
				margin: 0 auto 0 auto;
					
				/*background-color:#F0E54E;*/
			}

		/*LINKEK: ---------------------------------------------------------------------------------------------------------------------------------------------*/
			.link_kek_voros a
			{
				font-size: 1.5rem;
				color: #9c0a04;	/*vörös*/
				text-decoration: none;
				padding: 0.33rem 0rem 0.35rem 0rem;	
				box-sizing: border-box;
			}
			.link_kek_voros a:hover	/*LOGIN-hoz*/
			{
				font-size: 1.7rem;
				color: #1a275b;	/*kék - 263a8b*/
			}
		
			.fel_le_link a
			{
				font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
				font-size: 3rem;
				color: #9c0a04;	/*vörös*/
				text-decoration: none;
				font-weight:bold;
				padding: 0.33rem 0rem 0.35rem 1.5rem;	
				box-sizing: border-box;
			}
			.fel_le_link a:hover	/*LOGIN-hoz*/
			{
				font-size: 3.2rem;
				color: #1a275b;	/*kék - 263a8b*/
				font-weight:bold;
				padding: 0.33rem 0rem 0.35rem 1.5rem;	
				box-sizing: border-box;
			}
		
		/*ŰRLAP formázása: ---------------------------------------------------------------------------------------------------------------------------------------------*/
/*AZ ÜZENETKÜLDŐ FORMA ÉRKEZŐ VÁLASZ:*/
	.valasz
	{
		color: #9c0a04;	/*vörös*/
		font-weight:bold;
		font-size:30px;
	}			
		/*ŰRLAP formázása: */		
			form label
			{
				width: 20%;
				/*float:left;*/
				display: inline-block;
				margin-bottom:0.8rem;
				margin-top:0rem;
				text-align:left;
				box-sizing:border-box;	/*a méret számításnál (20%=?) ne vegye figyelembe a margót!*/
			}
			form input[type="text"], form textarea
			{
				width: 80%;
				/*float:left;*/
				display: inline-block;
				/*vagy: display: inline-block; -al is felépíthető*/
				box-sizing:border-box;	/*a keret méretét ne számítsa hozzá*/
				margin-bottom:0.8rem;
				padding-right:0.3rem;
				padding-left:0.3rem;
				color: black;
			}
			form textarea
			{
				min-height:6rem;
				color: black;
			}
			form input[type="password"]
			{
				width: 80%;
				/*float:left;*/
				display: inline-block;
				/*vagy: display: inline-block; -al is felépíthető*/
				box-sizing:border-box;	/*a keret méretét ne számítsa hozzá*/
				margin-bottom:0.8rem;
				padding-right:0.3rem;
				padding-left:0.3rem;
			}
			form input[type="checkbox"]
			{
				width: 100%;
				background-color:#2506F0;
				/*float:left;*/
				display: inline-block;
				/*vagy: display: inline-block; -al is felépíthető*/
				margin-bottom:0.8rem;
				margin-left:4rem;
				/*padding:1rem 1rem 1rem 1rem;*/
				box-sizing:border-box;	/*a keret méretét ne számítsa hozzá*/
			}
			.hirlevelhez
			{
				width:100%;
				margin:0 0 0 1.9rem;
			}
			form input[type="button"]	/*ezt ellenőrzi egy függvény mielőtt továbbítaná az inputon jövő adatokat*/
			{
				margin: 0.8rem auto 1.8rem auto;	/*teteje, jobb, alsó, bal oldali - mivel a jobb és bal oldali auto = középre fog kerülni széltében*/
				/*display: block;
				float:left;*/
				display: inline-block;
				background-color:#9c0a04; 		/* vörös, #795622; barna, #1a275b; =s.kék, szürke: #3f3e3e;*/
				color:#ffffff;
				font-size:1.5rem;
				padding:0.3rem 1rem 0.3rem 1rem;
				box-sizing:border-box;	/*a keret méretét ne számítsa hozzá*/
			}
			form input[type="submit"] /*azonnal továbbadódnak az inputon érkező adatok - pl. leiratkozas.php*/
			{
				margin: 0.8rem auto 1.8rem auto;	/*teteje, jobb, alsó, bal oldali - mivel a jobb és bal oldali auto = középre fog kerülni széltében*/
				display: inline-block; /*tapasztalatom szerint a tartalom által kitöltött mérethez igazodik az oszlop szélesség*/
				background-color:#9c0a04; 	/* =vörös, barna: #795622;, s.kék, szürke: #3f3e3e;*/
				color:#ffffff;
				font-size:1.5rem;
				text-align:left;
				padding:0.3rem 1rem 0.3rem 1rem;
				box-sizing:border-box;	/*a keret méretét ne számítsa hozzá*/
			}

			
			
			

/* TARTALOM RÉSZ VÉGE. --------------------------------------------------------------------------------------------------------------------------------*/


/* LÁBLÉC RÉSZ: --------------------------------------------------------------------------------------------------------------------------------*/
	div#lablec
	{
		background-color:#f2f3ee;
		margin:auto;
	}
		.hatterszin
		{
			margin:1rem auto 0 auto;	/*teteje, jobb, alsó, bal oldali*/
			text-align:center;
			font-size:1.1rem;
		}
/* LÁBLÉC RÉSZ VÉGE. --------------------------------------------------------------------------------------------------------------------------------*/


/* ALOLDALAK formázása: --------------------------------------------------------------------------------------------------------------------------------*/
		/*Önéletrajz teljes  oszlop formázása: */
		div#lenyilo_teljes_oszlop
		{
			width:95%;
			margin:auto auto auto auto; 	/*ezzel teszem széltében a monitor közepére - felső, jobb, alsó, bal */
			padding:0.3rem 1rem 0.3rem 1rem;
			box-sizing: border-box;
			font-size:1.3rem;
			color:#382618;		/* #795622;  s. barna,		#382618; s. szürke*/
			text-align:justify;
			display: block;
			float: top;
		}
			.cimsor /*felsorolásnál a főcímsor: pl. PROFESSIONAL EXPERIENCE*/
			{
				text-shadow:#F4C607;
				font-size:1.5rem;
				padding:2rem 0rem 0rem 0rem;	/*felső, jobb, alsó, bal */
				box-sizing: border-box;
			}
			.li_cimsor
			{
				list-style-type:none;
				padding:0.5rem 0rem 0.5rem 0rem;
				box-sizing: border-box;
			}
			.li_alcimsor
			{
				list-style-type:none;
				padding-left:2rem;
				box-sizing: border-box;
			}
			.li_sorok
			{
				list-style-type:circle;
				list-style:inside;
				padding-left:3.5rem;
				padding-right:2rem;	
				box-sizing: border-box;
			}

		div#login_oszlop
		{
			width:70%;
			margin:0 auto 0 auto;
		}
		
		.hibauzenet
		{
			color:#9c0a04; /*vörös*/
			font-weight:bolder;
		}
		.bolder
		{
			font-weight:bolder;
		}
		.koszontouzenet /*login.php-ben a belépés utáni köszöntő üzenethez*/
		{
			color:#9c0a04; /*vörös*/
			text-align:center;
		}
		
	/*REFERENCES teljes  oszlop formázása: */
		div#kepek_megjelenitese /*referencia.php-ben: csak 542px alatt látszik, addig - a galeria_megjelenitese rész látszik */
		{
			display:none;
		}
		
		div#references_hattere /*referencia.php-ben: */
		{
			width:100%;
			margin:0 auto 0 auto;
			background-color:#f2f3ee;
			padding:0rem 2rem 0rem 2rem;
			box-sizing: border-box;
		}
		
		div#bal_referencia_oszlop /*az index oldalon szabályozza a referencia sort és nem a referencia.php fileban!!!*/
		{
			width:50%;
			margin:0 auto 0 auto; 	/*ezzel teszem széltében a monitor közepére - felső, jobb, alsó, bal */
			padding:0rem 2rem 0rem 0rem;
			box-sizing: border-box;
			font-size:1.3rem;
			color:#382618;		/* #795622;  s. barna,		#382618; s. szürke*/
			text-align:justify;
			display: block;
			float: left;
		}
		div#jobb_referencia_oszlop /*az index oldalon szabályozza a referencia sort és nem a referencia.php fileban!!!*/
		{
			width:50%;
			margin:0 auto 0 auto; 	/*ezzel teszem széltében a monitor közepére - felső, jobb, alsó, bal */
			padding:0rem 0rem 0rem 2rem;
			box-sizing: border-box;
			font-size:1.3rem;
			color:#382618;		/* #795622;  s. barna,		#382618; s. szürke*/
			text-align:justify;
			display: block;
			float: left;
		}
			.cimsor_referenciakhoz /*PROFESSIONAL EXPERIENCE*/ /*referencia.php-ben: */
			{
				text-shadow:#F4C607;
				font-size:1.5rem;
				text-align:center;
				padding:0rem auto 0rem auto;	/*felső, jobb, alsó, bal */
				margin:1.5rem auto 0 auto;
				box-sizing: border-box;
			}
				.red_bg /*referencia.php-ben: */
				{
					color:#f2f3ee;
					background-color:#9c0a04;
					padding:0.3rem 0.5rem 0.3rem 0.5rem;
					box-sizing: border-box;
				}
				
			.referencia_szoveg /*referencia.php-ben: */
			{
				font-size:1.25rem;
				padding:0rem 0rem 0rem 0rem;	/*felső, jobb, alsó, bal */
				margin:1rem auto 0rem auto;
				box-sizing: border-box;
			}
		
			div#kepgaleriahoz /*referencia.php-ben: */
			{
				/*width:100%;
				margin:0;
				padding:0;*/ 
				/*height:65px;*/ /*42x65px  55x85px a férfi kép*/
			}
			
			.fel_le_link_refeerencia /*PROFESSIONAL EXPERIENCE*/ /*referencia.php-ben: */
			{
				font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
				font-size:3rem;
				text-align:center;
				
				text-decoration: none;
				font-weight:bold;
				padding:0rem auto 0rem auto;	/*felső, jobb, alsó, bal */
				margin:0.5rem auto 1rem auto;
				box-sizing: border-box;
			}
			.fel_le_link_refeerencia a
			{
				color: #9c0a04;	/*vörös*/
			}
			.fel_le_link_refeerencia a:hover	/*LOGIN-hoz*/
			{
				font-size: 3.2rem;
				color: #1a275b;	/*kék - 263a8b*/
				/*font-weight:bold;*/
				/*padding: 0rem 0rem 0.35rem 0rem;	*/
				/*box-sizing: border-box;*/
			}		
			
			div#vonal_kep /*referencia.php-ben: */
			{
				background-image:url(../images/vonal_kep.jpg);
				background-repeat:repeat;
				/*box-shadow:#EC0D10;   nem látszik - vörös lenne*/
				height:4px;
				width:100%;
				margin:2.5rem auto 1rem auto;
				/*padding:0.5rem 0rem 0.5rem 0rem;*/
				box-sizing: border-box;
			}
			
			img#kepgaleria_kep /*referencia.php-ben: */
			{
				/*width:6.6%;*/
			}
			
			div#ketoszlop_bal /*referencia.php-ben*/
			{
				width:50%;
				margin:1rem auto 0rem auto;
				padding:1rem 2rem 0.5rem auto;	/*felső, jobb, alsó, bal */
				box-sizing: border-box;	/*ha ez nincs, a paddingot ráteszi az 1170-re=1210, ha van, akkor az 1170-en belül van a padding értéke*/
				text-align:right;
				display: block;
			float: left;
			}
			div#ketoszlop_jobb /*referencia.php-ben*/
			{
				width:50%;
				margin:1rem auto 0rem auto;
				padding:1rem auto 0.5rem 2rem;	/*felső, jobb, alsó, bal */
				box-sizing: border-box;	/*ha ez nincs, a paddingot ráteszi az 1170-re=1210, ha van, akkor az 1170-en belül van a padding értéke*/
				text-align:left;
				display: block;
			float: left;
			}
			img#ketoszlop_kepgaleria_kep /*referencia.php-ben: */
			{
				width:40%;
			}
			img#negyoszlop_kepgaleria_kep
			{
				width:85%;
				margin-left:0.9rem;
			}
			
			div#negy_oszlopossor_referencia
			{
				margin:0;
				padding:0.5rem auto 0.5rem auto;	/*felső, jobb, alsó, bal */
				box-sizing: border-box;	/*ha ez nincs, a paddingot ráteszi az 1170-re=1210, ha van, akkor az 1170-en belül van a padding értéke*/
				text-align:justify;
				display: block;
			float: left;
			}
			.kozepre_szelteben
			{
				text-align:center;
			}
			.referencia_alcimsor /*referencia.php-ben: a képek feletti 1 soros címsor*/
			{
				margin:1rem auto 0rem auto;
				padding:0rem 0rem 0.3rem 0rem;	/*felső, jobb, alsó, bal */
				font-size:1.2rem;
				text-align:center;
				box-sizing: border-box;
			}
			
/* ALOLDALAK formázása VÉGE. --------------------------------------------------------------------------------------------------------------------------------*/







@media (max-width: 1169px)
{
	div#fejlec
	{
		width: 100%;
		min-height:180px;
		margin:auto;
	}
}



@media (min-width: 1170px) and (max-width: 1460px)
{
		/*TARTALOM RÉSZ: ---------------------------------------------------------------------------------------------------------------------------------------------*/
			div#biography_hattere /*biography_hattere  - volt a neve   - 1_sor_tartalom*/
			{
				background-image:url(../images/gyongytyuk_1436.png);
				background-size:cover;
				width:100%;
				min-height:456px;	/*550 	ha elromik ezzel, csak simán height legyen!*/
				margin: 0 auto 0 auto;
				
				/*background-color:#9AD9E9;*/
			}		
				div#biograph_jobb_oszlop	/*1_sor_jobb_oszlop  biograph_jobb_oszlop  biograph és services oszlop bevezető szövegére*/
				{
					font-size:1.3rem;
				}
				div#drawings_bal_oszlop
				{
					font-size:1.3rem;
				}
			div#drawings_hattere	/*drawings_hattere - volt a neve    - 2_sor_tartalom*/
			{
					background-image:url(../images/csikos_1436.png);
					background-size:cover;
					
					width:100%;	
					min-height:456px;	/*550	ha elromik ezzel, csak simán height legyen!*/
					margin: 0 auto 0 auto;
					
					/*background-color:#87E561;*/
			}
			div#adress_hattere	/*adress_hattere - volt a neve   - 3_sor_tartalom*/
			{
				background-image:url(../images/adress_1436.png);
				background-size:cover;
					
				width:100%;		/*100%;*/
				min-height:456px;	/*550	ha elromik ezzel, csak simán height legyen!*/
				margin: 0 auto 0 auto;
					
				/*background-color:#F0E54E;*/
			}
}

/*(min-width: 992px) and */
@media (max-width: 1169px)
{
				div#biograph_jobb_oszlop	/*1_sor_jobb_oszlop  biograph_jobb_oszlop  biograph és services oszlop bevezető szövegére*/
				{
					font-size:1.2rem;
				}
				div#drawings_bal_oszlop
				{
					font-size:1.2rem;
				}
}




@media (min-width: 1055px) and (max-width: 1169px)
{
	/*div#fejlec
	{
		min-height:180px;
	}*/
		/*LÁTHATÓ MENÜPONTOK: */
			div#menupont_1 a	/*fotók, rajzok, cikkek */
			{
				font-size: 1.1rem;
				padding: 0.33rem 0.5rem 0.35rem 0.35rem;	/*felső, jobb, alsó, bal */
				box-sizing: border-box;
			}
			div#menupont_1 a:hover
			{
				font-size: 1.16rem;
			}
			div#menupont_3 a	/*HOME-hoz*/
			{
				font-size: 1.1rem;
				padding: 0.33rem 0rem 0.35rem 0.35rem;	/*felső, jobb, alsó, bal */
				box-sizing: border-box;
			}
			div#menupont_3 a:hover	/*HOME-hoz*/
			{
				font-size: 1.16rem;
			}
			div#menupont_2 a	/*LOGIN-hoz*/
			{
				font-size: 1.1rem;
				padding: 1.6rem 0rem 0.35rem 0rem;	/*felső, jobb, alsó, bal */
				box-sizing: border-box;
			}
			div#menupont_2 a:hover	/*LOGIN-hoz*/
			{
				font-size: 1.16rem;
			}
			div#menupont_4 a	/*szervíz, kapcsolat, önéletrajz */
			{
				font-size: 1.1rem;
				padding: 0.33rem 0.35rem 0.35rem 0.5rem;	/*felső, jobb, alsó, bal */
				box-sizing: border-box;
			}
			div#menupont_4 a:hover
			{
				font-size: 1.16rem;
			}
		/*LÁTHATÓ MENÜPONTOK VÉGE. */
		/*TARTALOM RÉSZ: ---------------------------------------------------------------------------------------------------------------------------------------------*/
			div#biography_hattere /*biography_hattere  - volt a neve   - 1_sor_tartalom*/
			{
				background-image:url(../images/gyongytyuk_1436.png);
				background-size:cover;
				width:100%;
				min-height:456px;	/*550 	ha elromik ezzel, csak simán height legyen!*/
				margin: 0 auto 0 auto;
				
				/*background-color:#9AD9E9;*/
			}		
			div#drawings_hattere	/*drawings_hattere - volt a neve    - 2_sor_tartalom*/
			{
					background-image:url(../images/csikos_1436.png);
					background-size:cover;
					
					width:100%;	
					min-height:456px;	/*550	ha elromik ezzel, csak simán height legyen!*/
					margin: 0 auto 0 auto;
					
					/*background-color:#87E561;*/
			}
			div#adress_hattere	/*adress_hattere - volt a neve   - 3_sor_tartalom*/
			{
				background-image:url(../images/adress_1436.png);
				background-size:cover;
					
				width:100%;		/*100%;*/
				min-height:456px;	/*550	ha elromik ezzel, csak simán height legyen!*/
				margin: 0 auto 0 auto;
					
				/*background-color:#F0E54E;*/
			}
			
			
			.cimsor_referenciakhoz /*PROFESSIONAL EXPERIENCE*/ /*referencia.php-ben: */
			{
				font-size:1.4rem;
				padding:0rem auto 0rem auto;	/*felső, jobb, alsó, bal */
				margin:1.5rem auto 0 auto;
				box-sizing: border-box;
			}
				
			.referencia_szoveg /*referencia.php-ben: */
			{
				font-size:1.1rem;
				padding:0rem 0rem 0rem 0rem;	/*felső, jobb, alsó, bal */
				margin:0.8rem auto 0rem auto;
				box-sizing: border-box;
			}			
			img#negyoszlop_kepgaleria_kep /*referencia.php-ben:*/
			{
				width:85%;
				margin-left:0.9rem;
			}
			
			div#negy_oszlopossor_referencia /*referencia.php-ben:*/
			{
				margin:0;
				padding:0.5rem auto 0.5rem auto;	/*felső, jobb, alsó, bal */
				box-sizing: border-box;	/*ha ez nincs, a paddingot ráteszi az 1170-re=1210, ha van, akkor az 1170-en belül van a padding értéke*/
				text-align:justify;
				display: block;
			float: left;
			}
			.kozepre_szelteben /*referencia.php-ben:*/
			{
				text-align:center;
			}
			.referencia_alcimsor /*referencia.php-ben: a képek feletti 1 soros címsor*/
			{
				margin:1rem auto 0rem auto;
				padding:0rem 0rem 0.3rem 0rem;	/*felső, jobb, alsó, bal */
				font-size:1.1rem;
				text-align:center;
				box-sizing: border-box;
			}
			
}	/*1055-1169 px között VÉGE. */
@media (min-width: 992px) and (max-width: 1054px)
{
		
		/*LÁTHATÓ MENÜPONTOK: */
			div#menupont_1 a	/*fotók, rajzok, cikkek */
			{
				font-size: 1rem;
				padding: 0.33rem 0.4rem 0.35rem 0.3rem;	/*felső, jobb, alsó, bal */
				box-sizing: border-box;
			}
			div#menupont_1 a:hover
			{
				font-size: 1.06rem;
			}
			div#menupont_3 a	/*HOME-hoz*/
			{
				font-size: 1rem;
				padding: 0.33rem 0rem 0.35rem 0.3rem;	/*felső, jobb, alsó, bal */
				box-sizing: border-box;
			}
			div#menupont_3 a:hover	/*HOME-hoz*/
			{
				font-size: 1.06rem;
			}
			div#menupont_2 a	/*LOGIN-hoz*/
			{
				font-size: 1rem;
				padding: 1.6rem 0rem 0.35rem 0rem;	/*felső, jobb, alsó, bal */
				box-sizing: border-box;
			}
			div#menupont_2 a:hover	/*LOGIN-hoz*/
			{
				font-size: 1.06rem;
			}
			div#menupont_4 a	/*szervíz, kapcsolat, önéletrajz */
			{
				font-size: 1rem;
				padding: 0.33rem 0.7rem 0.35rem 0.4rem;	/*felső, jobb, alsó, bal */
				box-sizing: border-box;
			}
			div#menupont_4 a:hover
			{
				font-size: 1.06rem;
			}
		/*LÁTHATÓ MENÜPONTOK VÉGE. */
		/*TARTALOM RÉSZ: ---------------------------------------------------------------------------------------------------------------------------------------------*/
			div#biography_hattere /*biography_hattere  - volt a neve   - 1_sor_tartalom*/
			{
				background-image:url(../images/gyongytyuk_1436.png);
				background-size:cover;
				width:100%;
				min-height:456px;	/*550 	ha elromik ezzel, csak simán height legyen!*/
				margin: 0 auto 0 auto;
				
				/*background-color:#9AD9E9;*/
			}		
			div#drawings_hattere	/*drawings_hattere - volt a neve    - 2_sor_tartalom*/
			{
					background-image:url(../images/csikos_1436.png);
					background-size:cover;
					
					width:100%;	
					min-height:456px;	/*550	ha elromik ezzel, csak simán height legyen!*/
					margin: 0 auto 0 auto;
					
					/*background-color:#87E561;*/
			}
			div#adress_hattere	/*adress_hattere - volt a neve   - 3_sor_tartalom*/
			{
				background-image:url(../images/adress_1436.png);
				background-size:cover;
					
				width:100%;		/*100%;*/
				min-height:456px;	/*550	ha elromik ezzel, csak simán height legyen!*/
				margin: 0 auto 0 auto;
					
				/*background-color:#F0E54E;*/
			}
			
			.cimsor_referenciakhoz /*PROFESSIONAL EXPERIENCE*/ /*referencia.php-ben: */
			{
				font-size:1.3rem;
				padding:0rem auto 0rem auto;	/*felső, jobb, alsó, bal */
				margin:1.4rem auto 0 auto;
				box-sizing: border-box;
			}
				
			.referencia_szoveg /*referencia.php-ben: */
			{
				font-size:1.1rem;
				padding:0rem 0rem 0rem 0rem;	/*felső, jobb, alsó, bal */
				margin:0.7rem auto 0rem auto;
				box-sizing: border-box;
			}	
					
			img#ketoszlop_kepgaleria_kep /*referencia.php-ben: */
			{
				width:40%;
			}
			
			img#negyoszlop_kepgaleria_kep /*referencia.php-ben:*/
			{
				width:85%;
				margin-left:0.9rem;
			}
			
			div#negy_oszlopossor_referencia /*referencia.php-ben:*/
			{
				margin:0;
				padding:0.5rem auto 0.5rem auto;	/*felső, jobb, alsó, bal */
				box-sizing: border-box;	/*ha ez nincs, a paddingot ráteszi az 1170-re=1210, ha van, akkor az 1170-en belül van a padding értéke*/
				text-align:justify;
				display: block;
			float: left;
			}
			.referencia_alcimsor /*referencia.php-ben: a képek feletti 1 soros címsor*/
			{
				margin:1rem auto 0rem auto;
				padding:0rem 0rem 0.3rem 0rem;	/*felső, jobb, alsó, bal */
				font-size:1rem;
				text-align:center;
				box-sizing: border-box;
			}
}
/*952-1054 px között VÉGE. */

@media (max-width: 991px)
{
/*	div#fejlec
	{
		min-height:150px;
	}
*/			div#menupont_1
			{
				display: none;	
			}
			div#menupont_2
	 		{
				display: none;	
			}
			div#menupont_3
			{
				display: none;	
			}
			div#menupont_4
			{
				display: none;	
			}
	
	
	div#menu_megjelenitese
	{
		/*width:46%;*/
		max-width: 235px;
		font-size:1.5rem;
		display: block;
		background-color:#f2f3ee;  /*=v.kék #3f3e3e; =black;*/
		color: #9c0a04;	/*= vörös - betűszín*/
		padding: 0rem 0rem 0rem 1rem; /*felső, jobb, alsó, bal */
		margin-top:-0.8rem;
		margin-left:0rem;
		margin-bottom:1rem;
		cursor: pointer;	/*ha a menü szöveg sávja fölé viszem a kurzort kéz jelenik meg */
	}
		div#menu
		{
			background-color:#f2f3ee;  /*=v.kék #3f3e3e; =black;*/
			/*background-image:url(../kepek/menuhatter.jpg);	- betölti, csak viewport csökkenésnél törzul - javítani???!!!*/
			
			max-width: 235px;	/*így jobban néz ki mintha a teljes szélességet kitöltené a menü*/
			/*position: absolute;*/	/*- nem működik ebben a file-ban valamiért !!!!!!!!!!  így a menüpontok a tartalom fölé kerülnek (fedik a tartalom egy részét)*/	
			
			/*Ha width: 100%; és float: left; - akkor a teljes sort használja, egymás mellé téve a menüpontokat*/
					/*width: 100%;*/		/*900px;*/
					/*float: left;*/
			padding:0rem 0rem 0rem 0rem; /*felső, jobb, alsó, bal */
			box-sizing: border-box;		/*Ezzel nem adja hozzá +-ban a padding értékét a 100% szélességhez és így nincs scroll*/
		}

		/*MENÜ linkek (<a href -ek) formázása: */
		div#menu a
		{
			background-color:#f2f3ee;  /*=v.kék #3f3e3e; =black;*/ 	/*ha itt nem adok meg háttérszínt fehéren fehér a betű*/
			color:#b4a576;	/*arany*/
			text-decoration: none;
			padding: 0rem 0rem 0rem 2rem; /*felső, jobb, alsó, bal */
			display: block;
			float: left;
			font-size: 1.2rem;
			margin-right: 0rem;
				width: 100%;		/*itt adjuk meg, hogy teljes szélességű legyen minden menüpont háttere és linkfelülete*/
				box-sizing: border-box;		/*e miatt nem veszi figyelembe a padding értékeket*/
		}
		div#menu a:hover
		{
			background-color:#9c0a04; 	/*= vörös, #515151; = vil. szürke háttér a menüpont fölött, ami fölé húzom az egeret*/
		}
		/*MENÜ linkek formázása VÉGE. */

		
	/*TARTALOM részek formázása: --------------------------------------------------------------------------------------------------------------------------------*/
					div#dravings_valtokep /*képméret:771x454px - max méret: 954x562 a váltóképek befoglalója*/
					{
						width:100%;	/*954 a 100% a próba képeknél*/
						/*max-width:863px;
						max-height:508px;*/
						margin:0rem auto rem auto; 	/*felső, jobb, alsó= 592-454=138, bal */
						display: block;
						float: none;
					}
						/*#galleria
						{
							height:454px;
						} */
		/*LINKEK: ---------------------------------------------------------------------------------------------------------------------------------------------*/
			.link_kek_voros a
			{
				font-size: 1.3rem;
			}
			.link_kek_voros a:hover	/*LOGIN-hoz*/
			{
				font-size: 1.5rem;
			}
		
			.fel_le_link a
			{
				font-size: 2rem;
			}
			.fel_le_link a:hover	/*LOGIN-hoz*/
			{
				font-size: 2.2rem;
			}
		
		
		/*ŰRLAP formázása: ---------------------------------------------------------------------------------------------------------------------------------------------*/
			form label
			{
				width: 100%;
				font-size:1.2rem;
				display: inline-block;
				margin:0rem;
			}
			form input[type="text"], form textarea
			{
				width: 100%;
				font-size:1.2rem;
				display: inline-block;
				box-sizing:border-box;	/*a keret méretét ne számítsa hozzá*/
				margin-bottom:0.8rem;
				padding-right:0.3rem;
				padding-left:0.3rem;
			}
			form textarea
			{
				min-height:6rem;
			}
			form input[type="password"]
			{
				width: 100%;
				display: inline-block;
				box-sizing:border-box;	/*a keret méretét ne számítsa hozzá*/
				margin-bottom:0.8rem;
				padding-right:0.3rem;
				padding-left:0.3rem;
			}
			form input[type="checkbox"]
			{
				width: 100%;
				display: inline-block;
				margin-bottom:0.8rem;
				margin-left:0rem;
				box-sizing:border-box;	/*a keret méretét ne számítsa hozzá*/
			}
			.hirlevelhez
			{
				width:100%;
				font-size:1.2rem;
				margin:0 0.5rem 0 0;
			}
			form input[type="button"]	/*ezt ellenőrzi egy függvény mielőtt továbbítaná az inputon jövő adatokat*/
			{
				width:100%;
				margin: 0rem auto 1.8rem auto;	/*teteje, jobb, alsó, bal oldali - mivel a jobb és bal oldali auto = középre fog kerülni széltében*/
				display: inline-block;
				background-color:#9c0a04; 		/* vörös, #795622; barna, #1a275b; =s.kék, szürke: #3f3e3e;*/
				font-size:1.3rem;
			}
			form input[type="submit"] /*azonnal továbbadódnak az inputon érkező adatok - pl. leiratkozas.php*/
			{
				width:100%;
				margin: 0rem auto 1.8rem auto;	/*teteje, jobb, alsó, bal oldali - mivel a jobb és bal oldali auto = középre fog kerülni széltében*/
				display: inline-block; /*tapasztalatom szerint a tartalom által kitöltött mérethez igazodik az oszlop szélesség*/
				background-color:#9c0a04; 	/* =vörös, barna: #795622;, s.kék, szürke: #3f3e3e;*/
				font-size:1.3rem;
			}
			
/* ALOLDALAK formázása: --------------------------------------------------------------------------------------------------------------------------------*/
		/*Önéletrajz teljes  oszlop formázása: */
		div#lenyilo_teljes_oszlop
		{
			width:100%;
			padding:0.3rem 1rem 0.3rem 1rem;
			box-sizing: border-box;
			font-size:1.2rem;
		}
			.cimsor /*felsorolásnál a főcímsor: pl. PROFESSIONAL EXPERIENCE*/
			{
				font-size:1.3rem;
				padding:1.3rem 0rem 0rem 0rem;	/*felső, jobb, alsó, bal */
				box-sizing: border-box;
			}
			.li_cimsor
			{
				padding:0.25rem 0rem 0.25rem 0rem;
				box-sizing: border-box;
			}
			.li_alcimsor
			{
				padding-left:1.5rem;
				box-sizing: border-box;
			}
			.li_sorok
			{
				padding-left:2.5rem;
				padding-right:1rem;	
				box-sizing: border-box;
			}

		div#login_oszlop
		{
			width:100%;
		}
		
		/*Referencia: */
		div#bal_referencia_oszlop
		{
			width:50%;
			margin:0 auto 0 auto; 	/*ezzel teszem széltében a monitor közepére - felső, jobb, alsó, bal */
			padding:0rem 0.5rem 0rem 0rem;
			box-sizing: border-box;
			font-size:1.1rem;
		}
		div#jobb_referencia_oszlop
		{
			width:50%;
			margin:0 auto 0 auto; 	/*ezzel teszem széltében a monitor közepére - felső, jobb, alsó, bal */
			padding:0rem 0rem 0rem 0.5rem;
			box-sizing: border-box;
			font-size:1.1rem;
		}
		
			.cimsor_referenciakhoz /*PROFESSIONAL EXPERIENCE*/
			{
				font-size:1.2rem;
				padding:0rem auto 0rem auto;	/*felső, jobb, alsó, bal */
				margin:2rem auto 0 auto;
				box-sizing: border-box;
			}
			.referencia_szoveg
			{
				font-size:1.05rem;
				padding:0rem 0rem 0rem 0rem;	/*felső, jobb, alsó, bal */
				margin:1rem auto 1rem auto;
				box-sizing: border-box;
			}
			/*img#kepgaleria_kep
			{
				width:23%;
				
			}	*/	
			
			div#ketoszlop_bal /*referencia.php-ben*/
			{
				width:50%;
				margin:0.3rem auto 0rem auto;
				padding:0rem 1.5rem 0.5rem auto;	/*felső, jobb, alsó, bal */
				box-sizing: border-box;	/*ha ez nincs, a paddingot ráteszi az 1170-re=1210, ha van, akkor az 1170-en belül van a padding értéke*/
				text-align:right;
				display: block;
			float: left;
			}
			div#ketoszlop_jobb /*referencia.php-ben*/
			{
				width:50%;
				margin:0.3rem auto 0rem auto;
				padding:0rem auto 0.5rem 1.5rem;	/*felső, jobb, alsó, bal */
				box-sizing: border-box;	/*ha ez nincs, a paddingot ráteszi az 1170-re=1210, ha van, akkor az 1170-en belül van a padding értéke*/
				text-align:left;
				display: block;
			float: left;
			}
			img#ketoszlop_kepgaleria_kep /*referencia.php-ben: */
			{
				width:40%;
			}
			.referencia_alcimsor /*referencia.php-ben: a képek feletti 1 soros címsor*/
			{
				margin:1rem auto 0rem auto;
				padding:0rem 0rem 0.3rem 0rem;	/*felső, jobb, alsó, bal */
				font-size:0.9rem;
				text-align:center;
				box-sizing: border-box;
			}
			img#negyoszlop_kepgaleria_kep /*referencia.php-ben:*/
			{
				width:90%;
				margin-left:0.9rem;
			}
			
/* ALOLDALAK formázása VÉGE. --------------------------------------------------------------------------------------------------------------------------------*/

}
/*991 px alatt VÉGE.*/

@media (min-width: 701px) and (max-width: 991px)
{
		/*TARTALOM RÉSZ: ---------------------------------------------------------------------------------------------------------------------------------------------*/
			div#biography_hattere /*biography_hattere  - volt a neve   - 1_sor_tartalom*/
			{
				background-image:url(../images/gyongytyuk_975.png);
				background-size:cover;
				width:100%;
				min-height:709px;	/*550 	ha elromik ezzel, csak simán height legyen!*/
				margin: 0 auto 0 auto;
				
				/*background-color:#9AD9E9;*/
			}		
			div#drawings_hattere	/*drawings_hattere - volt a neve    - 2_sor_tartalom*/
			{
					background-image:url(../images/csikos_975.png);
					background-size:cover;
					
					width:100%;	
					min-height:709px;	/*550	ha elromik ezzel, csak simán height legyen!*/
					margin: 0 auto 0 auto;
					
					/*background-color:#87E561;*/
			}
			div#adress_hattere	/*adress_hattere - volt a neve   - 3_sor_tartalom*/
			{
				background-image:url(../images/adress_975.png);
				background-size:cover;
					
				width:100%;		/*100%;*/
				min-height:709px;	/*550	ha elromik ezzel, csak simán height legyen!*/
				margin: 0 auto 0 auto;
					
				/*background-color:#F0E54E;*/
			}
			
			.cimsor_referenciakhoz /*PROFESSIONAL EXPERIENCE*/
			{
				font-size:1.2rem;
				padding:0rem auto 0rem auto;	/*felső, jobb, alsó, bal */
				margin:1.7rem auto 0 auto;
			}
			.referencia_szoveg
			{
				font-size:1rem;
				padding:0rem 0rem 0rem 0rem;	/*felső, jobb, alsó, bal */
				margin:0.8rem auto 0.5rem auto;
			}
			div#ketoszlop_bal /*referencia.php-ben*/
			{
				width:50%;
				margin:0.2rem auto 0rem auto;
				padding:0rem 1.5rem 0.5rem auto;	/*felső, jobb, alsó, bal */
			}
			div#ketoszlop_jobb /*referencia.php-ben*/
			{
				width:50%;
				margin:0.2rem auto 0rem auto;
				padding:0rem auto 0.5rem 1.5rem;	/*felső, jobb, alsó, bal */
			}
			img#ketoszlop_kepgaleria_kep /*referencia.php-ben: */
			{
				width:40%;
			}
			.referencia_alcimsor /*referencia.php-ben: a képek feletti 1 soros címsor*/
			{
				margin:1rem auto 0rem auto;
				padding:0rem 0rem 0.3rem 0rem;	/*felső, jobb, alsó, bal */
				font-size:0.8rem;
			}
			img#negyoszlop_kepgaleria_kep /*referencia.php-ben:*/
			{
				width:100%;
				margin-left:1rem;
			}
			
}
@media (min-width: 476px) and (max-width: 700px)
{
		/*TARTALOM RÉSZ: ---------------------------------------------------------------------------------------------------------------------------------------------*/
			div#biography_hattere /*biography_hattere  - volt a neve   - 1_sor_tartalom*/
			{
				background-image:url(../images/gyongytyuk_687.png);
				background-size:cover;
				width:100%;
				min-height:709px;	/*550 	ha elromik ezzel, csak simán height legyen!*/
				margin: 0 auto 0 auto;
				
				/*background-color:#9AD9E9;*/
			}		
			div#drawings_hattere	/*drawings_hattere - volt a neve    - 2_sor_tartalom*/
			{
					background-image:url(../images/csikos_687.png);
					background-size:cover;
					
					width:100%;	
					min-height:709px;	/*550	ha elromik ezzel, csak simán height legyen!*/
					margin: 0 auto 0 auto;
					
					/*background-color:#87E561;*/
			}
			div#adress_hattere	/*adress_hattere - volt a neve   - 3_sor_tartalom*/
			{
				background-image:url(../images/adress_687.png);
				background-size:cover;
					
				width:100%;		/*100%;*/
				min-height:709px;	/*550	ha elromik ezzel, csak simán height legyen!*/
				margin: 0 auto 0 auto;
					
				/*background-color:#F0E54E;*/
			}
			
			.cimsor_referenciakhoz /*PROFESSIONAL EXPERIENCE*/
			{
				font-size:1.2rem;
				padding:0rem auto 0rem auto;	/*felső, jobb, alsó, bal */
				margin:1.5rem auto 0 auto;
			}
			.referencia_szoveg
			{
				font-size:0.9rem;
				padding:0rem 0rem 0rem 0rem;	/*felső, jobb, alsó, bal */
				margin:0.7rem auto 0.5rem auto;
			}
			div#ketoszlop_bal /*referencia.php-ben*/
			{
				width:50%;
				margin:0.2rem auto 0rem auto;
				padding:0rem 1.5rem 0.5rem auto;	/*felső, jobb, alsó, bal */
			}
			div#ketoszlop_jobb /*referencia.php-ben*/
			{
				width:50%;
				margin:0.2rem auto 0rem auto;
				padding:0rem auto 0.5rem 1.5rem;	/*felső, jobb, alsó, bal */
			}
			img#ketoszlop_kepgaleria_kep /*referencia.php-ben: */
			{
				width:60%;
			}
			img#negyoszlop_kepgaleria_kep /*referencia.php-ben:*/
			{
				width:100%;
				/*margin-left:0.5rem;*/
			}
			.referencia_alcimsor /*referencia.php-ben: a képek feletti 1 soros címsor*/
			{
				margin:0.7rem auto 0rem auto;
				padding:0rem 0rem 0.3rem 0rem;	/*felső, jobb, alsó, bal */
				font-size:0.8rem;
			}

}
@media (max-width: 475px)
{
		/*TARTALOM RÉSZ: ---------------------------------------------------------------------------------------------------------------------------------------------*/
			div#biography_hattere /*biography_hattere  - volt a neve   - 1_sor_tartalom*/
			{
				background-image:url(../images/gyongytyuk_458.png);
				background-size:cover;
				width:100%;
				min-height:709px;	/*728 	ha elromik ezzel, csak simán height legyen!*/
				margin: 0 auto 0 auto;
				
				/*background-color:#9AD9E9;*/
			}		
			div#drawings_hattere	/*drawings_hattere - volt a neve    - 2_sor_tartalom*/
			{
					background-image:url(../images/csikos_458.png);
					background-size:cover;
					
					width:100%;	
					min-height:709px;	/*728	ha elromik ezzel, csak simán height legyen!*/
					margin: 0 auto 0 auto;
					
					/*background-color:#87E561;*/
			}
			div#adress_hattere	/*adress_hattere - volt a neve   - 3_sor_tartalom*/
			{
				background-image:url(../images/adress_458.png);
				background-size:cover;
					
				width:100%;		/*100%;*/
				min-height:709px;	/*728	ha elromik ezzel, csak simán height legyen!*/
				margin: 0 auto 0 auto;
					
				/*background-color:#F0E54E;*/
			}
}




/*a képgaléria magassága (széltében igazodik a monitorhoz, csak magasságában nem!!! */
@media (min-width: 801px) and (max-width: 885px)
{
						#galleria
						{
							height:491px;
						} 
}
@media (min-width: 701px) and (max-width: 800px)
{
						#galleria
						{
							height:441px;
						} 
}
@media (min-width: 601px) and (max-width: 700px)
{
						#galleria
						{
							height:383px;
						} 
}
@media (min-width: 501px) and (max-width: 600px)
{
						#galleria
						{
							height:323px;
						} 
}
@media (min-width: 401px) and (max-width: 500px)
{
						#galleria
						{
							height:266px;
						} 
}
@media (max-width: 400px)
{
						#galleria
						{
							height:206px;
						} 
}

@media (min-width: 761px) and (max-width: 991px)
{
			img#kep_2 /*fashiondesigner_709.png    709x23 px - div#fashiondesigner -kén itt volt behívva korábban a kép*/
			{
				width:90%;
				height:23px;	/*100% volt fent*/
				margin:0.3rem auto auto auto;
				display: block;
				float:none;
			}
			
}

@media (max-width: 760px)
{
			img#kep_3 /*középső oszlop!!! delhougne_crests_490.png ??delhougne_crests_250 -re csere?   - div#crest -kén itt volt behívva korábban a kép*/
			{
				width:80%;
				height:80%;
				margin:0.35rem auto 0rem auto;		/*felső, jobb, alsó, bal */
				display: block;
				float:none;		
			}
			img#kep_2 /*fashiondesigner_709.png    - div#fashiondesigner -kén itt volt behívva korábban a kép*/
			{
				width:90%;
				height:22px;
				margin:0.3rem auto auto auto;
				display: block;
				float:none;
			}
}
@media (min-width: 451px) and (max-width: 570px)
{
		div#fejlechatterkep	/*a nyíl - csak id-ként teszi középre a képet, classként nem!!!*/
		{
			background-image:url(../images/fejlechatterkep_2.png);
			background-repeat:no-repeat;
			background-size:contain;
			width:100%; /*= 536px*/
			height:136px;
			/*background-color:#f2f3ee;*/
			margin: 0 auto 0 auto;	/*ez teszi széltében középre az oldal tartalmat - csak ID-ként, classként nem!!!!*/ /*felső, jobb, alsó, bal */
		}
		img#kep_3 /*középső oszlop!!! delhougne_crests_490.png ??delhougne_crests_250 -re csere?   - div#crest -kén itt volt behívva korábban a kép*/
			{
				display:none;
			}
			img#kep_2 /*fashiondesigner_709.png    - div#fashiondesigner -kén itt volt behívva korábban a kép*/
			{
				display:none;
			}
			
			img#kepgaleria_kep
			{
				width:23%;
			}	
}

@media (min-width: 374px) and (max-width: 450px)
{
		div#fejlechatterkep	/*a nyíl - csak id-ként teszi középre a képet, classként nem!!!*/
		{
			background-image:url(../images/fejlechatterkep_3.png);
			background-repeat:no-repeat;
			background-size:contain;
			width:100%; /*= 450px*/
			height:115px;
			/*background-color:#f2f3ee;*/
			margin: 0 auto 0 auto;	/*ez teszi széltében középre az oldal tartalmat - csak ID-ként, classként nem!!!!*/ /*felső, jobb, alsó, bal */
		}
		img#kep_3 /*középső oszlop!!! delhougne_crests_490.png ??delhougne_crests_250 -re csere?   - div#crest -kén itt volt behívva korábban a kép*/
			{
				display:none;
			}
			img#kep_2 /*fashiondesigner_709.png    - div#fashiondesigner -kén itt volt behívva korábban a kép*/
			{
				display:none;
			}
			img#kepgaleria_kep
			{
				width:23%;
			}	
}
@media (max-width: 373px)
{
		div#fejlechatterkep	/*a nyíl - csak id-ként teszi középre a képet, classként nem!!!*/
		{
			background-image:url(../images/fejlechatterkep_4.png);
			background-repeat:no-repeat;
			background-size:contain;
			width:100%; /*= 373px*/
			height:120px;
			/*background-color:#f2f3ee;*/
			margin: 0 auto 0 auto;	/*ez teszi széltében középre az oldal tartalmat - csak ID-ként, classként nem!!!!*/ /*felső, jobb, alsó, bal */
		}
		img#kep_3 /*középső oszlop!!! delhougne_crests_490.png ??delhougne_crests_250 -re csere?   - div#crest -kén itt volt behívva korábban a kép*/
			{
				display:none;
			}
			img#kep_2 /*fashiondesigner_709.png    - div#fashiondesigner -kén itt volt behívva korábban a kép*/
			{
				display:none;
			}
			img#kepgaleria_kep
			{
				width:23%;
			}	
}


@media (max-width: 542px)
{
		div#galeria_megjelenitese
		{
			display:none;
		}
		div#kepek_megjelenitese /*csak 542px alatt látszik, addig - a galeria_megjelenitese rész látszik */
		{
			display: block;
				float:none;
		}
}