html {
	overflow-x: hidden;	
}
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, .hkuva: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;
		}
		a.muualle:hover {
			cursor: url("images/kursorit/kursori_a_tab.png"), auto !important;
		}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 23px;
}
	header {
		margin-top: 60px;
		margin-bottom: 0;
	}
	#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;
				}
				#searchline {
					margin: 0 auto;
				}
					#searchbar {
						/* width: 437px !important; */
						overflow: hidden;
						margin: 0 22px 0 0;
					}
					#searchbox {
						
					}
						#hakukentta {
							width: 317px;
							margin: 0 0 0 7px;
							border: 0;
							padding: 7px 0 3px 0;
							padding-left: 0px;
							background-color: #ccc;
							color: #222;
							height: 25px;
							font-family: "Kavivanar";
							font-size: 14px;
						}
							#searchbox input[type="text"] {
								padding-left: 33px;
								color: #2C2C2C;
								border: none;
								border: none;
								box-shadow: none;
								overflow: hidden;
								border-radius: 0 0 0 40px;
							}
								#searchbox input[type="text"]:focus {
									background-color: #eee;
									border-color: red;
									outline: 0;
								}
						#hae {
							width: 83px;
							margin: 0 0 0 4px;
							border: 0;
							padding: 0;
							background-color: #30498d;
							height: 35px;
							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;
							}
							
							
							
	#asisalto {
		display: grid;
	}		
		#sisalto {
			margin-left: auto;
			margin-right: auto;
			display: flex;
			padding: 0 3%;
			flex-direction: row;
		}
			#sidebar {
				margin-top: 90px;
				margin-bottom: 150px;
			}
				#navbookmarks {
					position: relative;
					text-align: center;
					color: white;
					background-color: ;
					width: 200px;
				}
					.kokonaisuudet {
						margin-bottom: 10px;
					}
					.kokonaisuudet a:hover {
						font-style: normal;
						color: #2275E3;
					}
					.kokonaisuudetuusi {
						margin-bottom: 10px;
						transition: all 1.0s ease-out ;
						-webkit-transform: rotate(-90deg);
						-moz-transition: rotate(-90deg);
						-o-transition: rotate(-90deg);
						-ms-transition: rotate(-90deg);
						transform: rotate(-90deg);
					}
						.ikonikuva {
							background-image: url("images/sidebar_link.png");
							height: 80px;
							display: grid;
							background-position: center;
							background-repeat: no-repeat;
							z-index: -1;
						}
						.ikoniharmaa {
							background-image: url("images/sidebar_active.png");
							height: 80px;
							display: grid;
							background-position: center;
							background-repeat: no-repeat;
							z-index: -1;
						}
						.ikonitilt {
							transform: rotate(-90deg);
						}
						.ikoniteksti {
							font-weight: bold;
							margin: 0;
							top: 50%;
							text-align: center;
							position: relative;
							z-index: 1;
						}
						.ikonitiltteksti {
							transform: rotate(90deg);
							transform-origin: 52% 7%;
						}

							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
		#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: -57px;
					color: #bbb;
				}
				.entryteksti {
					font-family: "Verdana";
					margin-left: 28px;
					margin: 20px 30px 20px 30px;
				}
				.rpaivamaara {
					float: right;
					margin: 0 -61px 0 0;
					padding: 0;
					text-align: left;
					color: #2C2C2C;
					transform: rotate(90deg);
				}
					#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;
				}

/* Sivutyylit */
/* Tietoa */ .pixelfontti {
	font-family: "Bitcount Prop Single", system-ui;
}
/* Tue */
.gk {
	width: 100%;
	display: inline-block;
	position: static;
	margin: 26px 0px;
}
	.gkkuva {
		display: block;
		margin: auto;
		width: 100%;
		max-width: 400px;
	}
	.gteksti {
		display: grid;
		font-style: italic;
		position: inherit;
		text-align: center;
		font-size: 12px;
	}
/* biggest screen */ @media screen and (min-width: 1925px) {
	/* Hide mobnav */ .mobnav { display: none; }
	div#headerjutut {
		height: 470px;
	}
		div#headertekstit {
			margin-top: -440px;
		}
			h1#sivunotsikko {
				font-size: 180px;
			}
			p#sivunkuvaus {
				margin-top: -135px;
				font-size: 30px;
			}
			
		#navbar p {
			font-size: 17px;
			/* background-color: blue; */
		}
			
	.yr {
		width: 540px;
	}
	/* .femailnote {
		width: 540px;
		margin: auto;
	}
	.fcopyright {
		font-size: 18px;
	} */
	.femailnote p {
		padding: 0 80px 0 10px;
	}
}
/* bigger screen */ @media screen and (max-width: 1920px) {
	/* Hide mobnav */ .mobnav { display: none; }
	div#headerjutut {
		height: 470px;
	}
		div#headertekstit {
			margin-top: -440px;
		}
			h1#sivunotsikko {
				font-size: 180px;
			}
			p#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;
	}
}
/* big screen */ @media screen and (max-width: 1920px) {
	/* Hide mobnav */ .mobnav { display: none; }
	div#headerjutut {
		height: 470px;
	}
		div#headertekstit {
			margin-top: -440px;
		}
			h1#sivunotsikko {
				font-size: 180px;
			}
			p#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;
	}
}
/* medium screen */ @media screen and (max-width: 768px) {
	header {
		margin-bottom: 160px;
	}
	div#headerjutut {
		height: 370px;
	}
		div#headertekstit {
			margin-top: -365px;
		}
			h1#sivunotsikko {
				font-size: 130px;
			}
			p#sivunkuvaus {
				font-size: 20px;
				margin: -95px 20px 0 20px;
			}
	/* Mobnav */
	/* hide PC navbar*/ #sidebar { display: none; }
	.mobnav {
		margin-top: 90px;
		display: block;
		overflow: hidden;
		background-color: #333;
	}
		.mobnav a {
			float: right;
			text-align: center;
			display: block;
			color: #999;
			text-align: center;
			padding: 6px 13px;
			text-decoration: none;
			font-size: 17px;
			background-color: #30498D;
			margin: 0 0 0 3px;
		}
		.mobpnav a:hover, .mobnav a.active {
			background-color: #999;
			color: #30498D;
		}
	.yr {
		width: 450px;
	}
	/* .femailnote {
		width: 540px;
		margin: auto;
	}
	.fcopyright {
		font-size: 16px;
	} */
	.femailnote p {
		padding: 0 50px 0 10px;
	}
}
/* small/mobile screen */ @media screen and (max-width: 480px) {
	header {
		margin-bottom: 160px;
	}
	#sivustotausta {
		
	}
	#runomaara {
		
	}
		#headerjutut {
			
		}
			#headerkuva > img {

			}
			div#headertekstit {
				margin-top: -300px;
			}
				h1#sivunotsikko {
					font-size: 80px;
				}
				p#sivunkuvaus {
					margin-top: -57px;
					font-size: 22px;
				}
	/* Mobnav */
	/* hide PC navbar*/ #sidebar { display: none; }
	.mobnav {
		margin-top: 100px;
		display: block;
		overflow: hidden;
		background-color: #333;
	}
		.mobnav a {
			float: right;
			text-align: center;
			display: block;
			color: #999;
			text-align: center;
			padding: 6px 13px;
			text-decoration: none;
			font-size: 17px;
			background-color: #30498D;
			margin: 0 0 0 3px;
		}
		.mobpnav a:hover, .mobnav a.active {
			background-color: #999;
			color: #30498D;
		}
	.yr {
		width: 92%;
	}
	.femailnote {
		padding: 10px 15px 10px 14px;
		width: 50%;
		font-size: 10px;
		min-width: 200px;
	}
	.fcopyright {
	}
		.femail a {
			font-size: 12px;
			letter-spacing: 0;
		}
			.femailnote {
				height: 55%;
				padding: 14px 10px 10px 10px;
			}
}