body {
	cursor: url("images/kursorit/kursori.png"), auto !important;
	background-color: black;
	/* background-image: url("images/moon.jpg"); */
	background-color: #2C2C2C;
	background-position: 100% 65%;
	background-repeat: no-repeat;
	background-size: cover; 
	background-attachment: fixed;
	font-family: Verdana;
	/* width: 100%;
	max-width: 100%; */
	height: 90%;
	border: 0;
	margin: 0;
	padding: 0;
	color: #E8E8E8;
	overflow-x: hidden; /* horizontal scrollbar */
}
::-moz-selection {
  color: #333;
  background: #E8E8E8;
}

::selection {
  color: #333;
  background: #E8E8E8;
}
a {
	color: #2275E3;
	/* mätsää alafootterii: color: #30498D; */
	text-decoration: none;
}
	a:hover {
		cursor: url("images/kursorit/kursori_a.png"), auto !important;
		color: #E8E8E8;
		font-style: italic;
	}
		a.footeremaillink, a.fsociallink:hover {
			cursor: url("images/kursorit/kursori_a_tab.png"), auto !important;
		}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 23px;
}
@media screen and (min-width: 775px) {
	div#headerjutut {
		height: 470px;
	}
		div#headertekstit {
			margin-top: -440px;
		}
			h1#sivunotsikko {
				font-size: 180px;
			}
			div#sivunkuvaus {
				margin-top: -135px;
				font-size: 30px;
			}
	.yr {
		width: 540px;
	}
	/* .femailnote {
		width: 540px;
		margin: auto;
	}
	.fcopyright {
		font-size: 18px;
	} */
	.femailnote p {
		padding: 0 80px 0 10px;
	}
}  /* end of big screen */
@media screen and (max-width: 774px) {
	div#headerjutut {
		height: 370px;
	}
		div#headertekstit {
			margin-top: -365px;
		}
			h1#sivunotsikko {
				font-size: 130px;
			}
			div#sivunkuvaus {
				font-size: 20px;
				margin: -95px 20px 0 20px;
			}
	.yr {
		width: 540px;
	}
	/* .femailnote {
		width: 540px;
		margin: auto;
	}
	.fcopyright {
		font-size: 16px;
	} */
	.femailnote p {
		padding: 0 50px 0 10px;
	}
} /* end of medium screen */
@media screen and (max-width: 549px) {
	div#headerjutut {

	}
		div#headertekstit {
			margin-top: -315px;
		}
			h1#sivunotsikko {
				font-size: 98px;
			}
			div#sivunkuvaus {
				margin-top: -75px;
				font-size: 28px;
			}
	.yr {
		width: 94%;
	}
	/* .femailnote {
		width: 94%;
		font-size: 10px;
	}
	.fcopyright {
		font-size: 12px;
	} */
	.femailnote p {
		padding: 0 10px 0 10px;
	}
} /* end of small screen */
	
	
	header {
		margin-top: 60px;
		margin-bottom: 150px;
	}
	#sivustotausta {
		width: 100%;
		height: 100%;
		/* background-image: url('moon.jpg');
		background-repeat: no-repeat;
		background-position: 100% 100%;
		background-size: cover; */
		/* border: 1px solid red; */
	}
	#runomaara {
		position: absolute;
		transform: rotate(90deg);
		right: 0;
		margin: 40px -16px 0 0;
		font-size: 12px;
	}
		#headerjutut {
			font-family: "Kavivanar";
			color: #ACACAC;
			font-weight: normal;
			/* height: 470pxpx;
			width: 730px; */
			position: relative;
			top: 0;
			background-color: transparent;
			text-align: center;
		}
			#headerkuva>img {
				/* background-image: url("images/header_icon.png");
				background-position: 50% 10%;
				background-repeat: no-repeat;
				background-attachment: fixed; 
				margin: auto;
				height: 470px;
				width: 530px;
				position: absolute; */
				height: 380px;
				width: 210px;
				object-fit: none;
			}
			#headertekstit {
				margin-top: -480px;
			}
				#sivunotsikko {
					/* width: 50px; /*
					/* font-size: calc(4em + 6.9vw); */
					/* font-size: 10.2vw; */
					font-weight: 500;
				}
				#sivunkuvaus {
					text-transform: uppercase;
					letter-spacing: 5px;
					/* font-size: calc(1.7em + 0.2vw); */
					margin-top: -160px;
					line-height: 28px;
				}
			#navbar {
				display: inline-block;
				background-color: transparent;
				overflow: hidden;
				margin: 75px 0;
				height: 35px;
			}
			#navbar p {
				float: left;
				color: #999;
				text-align: center;
				padding: 5px 19px;
				margin: 0 2px;
				font-size: 17px;
				background-color: #30498d;
				position: static;
			}
				#navbar p:hover {
					font-style: normal;
					color: #30498d;
					background-color: #999;
				}
			.navbar > .eka {
				border-radius: 40px 0 0 0;
				padding: 5px 19px 5px 33px !important;
			}
			.navbar > .vika {
			}
				.hkuva {
					background-color: red;
					margin-top: -4px;
					margin-left: -18px;
					border-radius: 0 40px 0 0;
					padding: 7px 33px 7px 19px !important;
					transition: all .1s ease-out;
					-webkit-transition: -webkit-transform .8s ease-in-out;
					-moz-transition: -moz-transition .8s ease-in-out;
					-o-transition: -o-transition .8s ease-in-out;
					-ms-transition: -ms-transition .8s ease-in-out;
					transition: transform .8s ease-in-out;
				}
					.hkuva:hover {
						background-color: #999;
						transition: all .3s ease-out;
						-webkit-transform: rotate(360deg);
						-moz-transition: rotate(360deg);
						-o-transition: rotate(360deg);
						-ms-transition: rotate(360deg);
						transform: rotate(360deg);
					}
				#navbarsearch {
					margin: -78px auto auto auto;
					width: 534px;
				}
					#searchbox {
						margin-top: -13px;
					}
						#hakukentta {
							width: 335px;
							margin: 0;
							border: 0;
							padding: 7px 0 3px 0;
							padding-left: 0px;
							float: left;
							background-color: #ccc;
							color: #222;
							height: 27px;
							font-family: "Kavivanar";
							font-size: 14px;
						}
							#searchbox input[type="text"] {
								padding-left: 15px;
								color: #2C2C2C;
								border: none;
								border: none;
								box-shadow: none;
								overflow: hidden;
							}
								#searchbox input[type="text"]:focus {
									background-color: #eee;
									border-color: red;
									outline: 0;
								}
						#hae {
							width: 183px;
							margin: 0;
							border: 0;
							padding: 1px 0 0 0;
							float: left;
							background-color: #30498d;
							height: 37px;
							font-weight: bold;
							color: #999;
							font-family: "Kavivanar";
							font-size: 18px;
							letter-spacing: 1px;
						}
							#hae:hover {
								cursor: url("images/kursorit/kursori_a.png"), auto !important;
								background-color: #999;
								color: #30498d;
							}
		#runoalue {
			position: relative;
		}
			.yr {
				background-color: #333;
				border-radius: 5px 35px 5px 5px;
				margin: auto;
				margin-top: 60px;
				padding: 40px 0 10px 0;
				color: #fee8b2;
				/* opacity: 0.6; jos taustakuva */
			}
				.yr:last-child {
					margin-bottom: 120px;
				}
				.entryotsikko {
					font-family: "Kavivanar";
					font-weight: bold;
					font-size: 25px;
					margin-left: 28px;
					margin-top: 12px;
					color: #bbb;
				}
				.entryteksti {
					font-family: "Verdana";
					margin-left: 28px;
					margin: 20px 30px 60px 30px;
				}
					#kfteksti {
						
					}
					#kfwidget {
						text-align: center;
						margin-bottom: 40px;
					}
						#kfframe {
						}
	#fullfooter {
		height: 100%;
		color: #999;
		background-color: #333;
		/* opacity: 0.9; jos taustakuva */
		text-align: center;
		font-family: "Verdana";
		font-size: 12px;
	}
		#femailinfo {

		}
			.femail {
				float: left;
				display: inline;
				width: 40%;
				height: 60px;
				font-family: "Kavivanar";
				font-size: 16px;
				text-align: right;
				line-height: 60px;
			}
				.femail a {
					color: #999;
					font-size: 12px;
					padding: 10px 14px 10px 0;
					margin: 0;
					display: block;
					background-color: #30498d;
					letter-spacing: 1px;
				}
					.femail a:hover {
						font-style: normal;
						background-color: #999;
						color: #30498d;
					}
				.femailnote {
					text-align: left;
					/* width: 60%; */
					background-color: #333;
					height: 60px;
					justify-content: left;
					display: grid;
					place-items: center;
					padding: 10px 60px 10px 14px;
					margin: 0;
					font-size: 10px;
				}
		.fcontent {
			margin: auto;
			padding-top: 20px;
		}
			.fmiddle {
				padding: 40px 0;
			}
				#flogo {
					margin: auto;
					height: 100px;
					width: 55px;
				}
				.fcopyright {
					font-family: "Verdana";
					/* display: inline-block; */
					padding: 14px 0 0 0;
					font-size: 11px;
				}