body, div	{ margin: 0; }


/* apu vaikuttaa vain yläosaan? */
#apu	{
		/*background-image: url(Miami-kuvat/palmut3.jpg);*/
		background-color: #c2b8c2; /*rgb(159, 160, 162); */
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
}

.varitetty_otsikko	 {
	/*background-image: linear-gradient(rgb(217, 194, 198),rgb(111, 107, 107));	*/
	
/*linkkinappulapalkille värikäs kapea alue*/
	background-image: linear-gradient(rgb(160, 153, 153), red);
}



#kuvalaatikko1	{
	float: left;
	width: 300px;
	height: 300px;
	border: dotted 5px rgb(62, 62, 63);
	padding: 1em; /*40px;*/

	/*background-color: rgb(46, 84, 189);*/

	background-image: url(../NewYork-kuvat1/wellcomeNY.jpg);
	
	background-repeat: no-repeat;
	/* border-box, padding-box tai content-box */
	background-origin: content-box;
}


#kuvalaatikko2	{
	float: left;
	width: 300px;
	height: 300px;
	border: dotted 5px rgb(62, 62, 63);
	padding: 1em; /*40px;*/

	/*background-color: green; rgb(47, 84, 189);*/

	background-image: url(../NewYork-kuvat1/departures2.jpg);
	
	background-repeat: no-repeat;
	/* border-box, padding-box tai content-box */
	background-origin: content-box;
}


#kuvalaatikko3	{
	float: left;
	width: 300px;
	height: 300px;
	border: dotted 5px rgb(62, 62, 63);
	padding: 1em; /*40px;*/

	/*background-color: red; rgb(46, 84, 189);*/

	background-image: url(../NewYork-kuvat1/Apple.jpg);
	
	background-repeat: no-repeat;
	/* border-box, padding-box tai content-box */
	background-origin: content-box;
}


#kuvalaatikko4	{
	float: left;
	width: 300px;
	height: 300px;
	border: dotted 5px rgb(62, 62, 63);
	padding: 1em; /*40px;*/

	/*background-color: purple; rgb(46, 84, 189);*/

	background-image: url(../NewYork-kuvat1/loungeSign.jpg);
	
	background-repeat: no-repeat;
	/* border-box, padding-box tai content-box */
	background-origin: content-box;
}


#kuvalaatikko5	{
	float: left;
	width: 300px;
	height: 300px;
	border: dotted 5px rgb(62, 62, 63);
	padding: 1em; /*40px;*/

	/*background-color: yellow; rgb(46, 84, 189);*/

	background-image: url(../NewYork-kuvat1/loungeSign2.jpg);
	
	background-repeat: no-repeat;
	/* border-box, padding-box tai content-box */
	background-origin: content-box;
}



#kuvalaatikko6	{
	float: left;
	width: 300px;
	height: 300px;
	border: dotted 5px rgb(62, 62, 63);
	padding: 1em; /*40px;*/

	/*background-color: black; rgb(46, 84, 189);*/

	background-image: url(../NewYork-kuvat1/departuresSign.jpg);
	
	background-repeat: no-repeat;
	/* border-box, padding-box tai content-box */
	background-origin: content-box;
}


#kuvalaatikko7	{
	float: left;
	width: 300px;
	height: 300px;
	border: dotted 5px rgb(62, 62, 63);
	padding: 1em; /*40px;*/

	/*background-color: orange; rgb(46, 84, 189);*/

	background-image: url(../NewYork-kuvat1/NYsubway.jpg);
	
	background-repeat: no-repeat;
	/* border-box, padding-box tai content-box */
	background-origin: content-box;
}


#kuvalaatikko8	{
	float: left;
	width: 300px;
	height: 300px;
	border: dotted 5px rgb(62, 62, 63);
	padding: 1em; /*40px;*/

	/*background-color: blue; rgb(46, 84, 189);*/

	background-image: url(../NewYork-kuvat1/AirportExit.jpg);
	
	background-repeat: no-repeat;
	/* border-box, padding-box tai content-box */
	background-origin: content-box;
}

#kuvalaatikko9	{
	float: left;
	width: 300px;
	height: 300px;
	border: dotted 5px rgb(62, 62, 63);
	padding: 1em; /*40px;*/
	/*background-color: green;*/ /*rgb(46, 84, 189);*/
	background-image: url(../NewYork-kuvat1/airportMetro.jpg);
	
	background-repeat: no-repeat;
	/* border-box, padding-box tai content-box */
	background-origin: content-box;
}

#kuvalaatikko10	{
	float: left;
	width: 300px;
	height: 300px;
	border: dotted 5px rgb(62, 62, 63);
	padding: 1em; /*40px;*/
	/*background-color: red;*/ /*rgb(46, 84, 189);*/
	background-image: url(../NewYork-kuvat1/aircraft.jpg);
	
	background-repeat: no-repeat;
	/* border-box, padding-box tai content-box */
	background-origin: content-box;
}

/*curbside concierge ovenvartija*/


#kuvalaatikko11	{
	float: left;
	width: 300px;
	height: 300px;
	border: dotted 5px rgb(62, 62, 63);
	padding: 1em; /*40px;*/
	/*background-color: red;*/ /*rgb(46, 84, 189);*/
	background-image: url(../NewYork-kuvat1/curbsideConciergeSign.jpg);
	
	background-repeat: no-repeat;
	/* border-box, padding-box tai content-box */
	background-origin: content-box;
}

/*Liikennevirkailija eli lentokenttävirkailija Traffic officer, i.e. airport officer - Airport*/


#kuvalaatikko12	{
	float: left;
	width: 300px;
	height: 300px;
	border: dotted 5px rgb(62, 62, 63);
	padding: 1em; /*40px;*/
	/*background-color: red;*/ /*rgb(46, 84, 189);*/
	background-image: url(../NewYork-kuvat1/AmericanFlightClosedClerk.jpg);
	
	background-repeat: no-repeat;
	/* border-box, padding-box tai content-box */
	background-origin: content-box;
}



.kuvamuotoilu1	{

	filter: blur(10px);
	
}

.kuvamuotoilu1:hover	{

	filter: none;
	
}

.kuvamuotoilu2	{
	filter: opacity(50%);
}

h1	{
	
	border: 30px solid transparent;
	border-image-source: url(borderimg2.png);
	border-image-slice: 100;
	border-image-repeat: space;
	
}

/*text-decoration: none; ALLEVIIVAUS POIS*/
/*LINKIT 4 TILAA*/
/**/
nav a	{
	text-decoration: none; 
	background-color: navy;
	color: white;
	padding: 0.2em;
	border-bottom: 0.3em groove purple;
	margin-right: 0.5em;
}


/*LEIJUMISTA TEHDÄÄN UUSI MUOTOILU KUN OLLAAN LINKIN PÄÄLLÄ*/
nav a:hover	{
	background-color: white;
	color: navy;
}

/*VIERAILTU*/
nav a:visited	{
	background-color: rgb(135, 135, 139);
	color: black;
}

/*a:active*/


/* VALIKKOKOHTEET pystysuoraan kun klik. HAMP.KUVAA ja perusmuotoilu - TÄSSÄ SIIS PIENELLE NÄYTÖLLE*/
#menukohteet a {
	display: block; /* inline-block vierekkäin tai block; allekkain*/
	width: 100%;
	padding: 0.2em;
	margin-bottom: 0.2em;
	background-color:ffc7f0; /* VALIKON TAUSTA = harmaa linkkinappulapalkki*/
	/* seuraava muotoilu poistaa alleviivaukset linkeistä */
	text-decoration: none;
	text-align: left; /* center;*/
	}
  
  #menukohteet a:hover {
	background: #c0bab8;
	color: white; /*hiirellä päälle muuttuu teksti valkoiseksi*/
	}


/* VALIKKOKOHTEET VAAKAAN OLETUKSENA */
#menukohteet { 
	display: flex; 
	}

#menukohteet a {
	width: auto;
	padding: 10px;
	color: black; /*teksti musta*/
	}