body, div	{ margin: 0; }

#apu	{
		/*background-image: url(Miami-kuvat/palmut3.jpg);*/
		background-color: 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));	*/
	
	/*background-image: radial-gradient(red, yellow, green);*/

/*linkkinappulapalkille värikäs kapea alue*/
	background-image: radial-gradient(brown, yellow, green);
	padding-top: 10px;
}

#kuvalaatikko	{
	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(../London-kuvat1/Check-in.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: rgb(46, 84, 189);*/
	background-image: url(../London-kuvat1/to_Miami_term5.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: rgb(46, 84, 189);*/
	background-image: url(../London-kuvat1/to_Miami_term5x.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: rgb(46, 84, 189);*/
	background-image: url(../London-kuvat1/to_Miami_term5xx.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: rgb(46, 84, 189);*/
	background-image: url(../London-kuvat1/toilet_bowl.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: rgb(46, 84, 189);*/
	background-image: url(../London-kuvat1/bussi_term5.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: rgb(46, 84, 189);*/
	background-image: url(../London-kuvat1/EnglishBreakfast.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: rgb(46, 84, 189);*/
	background-image: url(../London-kuvat1/EnglishBreakfastx.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*/
	}