@charset "utf-8";

p.perma			{ font-size: small; }
p.kovalkm		{ /* font-size: small; */ white-space: pre; }
p.kovateksti	{ white-space: pre; }
h3.kovateksti	{ white-space: pre; }

span.huutelu	{ text-transform: uppercase; }
strong.lkm		{ /* background-color: black; */ color: #808080; }
// strong.lkm		{ font-size: medium; }
a.eilinkki,
a.eilinkki:hover	{ text-decoration: none; color: #000000; }

a			{ text-decoration: none }
a:link		{ color: #4060f0 }	/* unvisited link */
a:visited	{ color: #4060f0 }
a:active	{ color: #ff0000 }
a:hover		{ color: #4060f0; font-weight: bold; text-decoration: underline }

#leipalaatikko {
	float: left;
	width: 100%;
}

#sisluettelo {
	background-color: #e0e0e0;
	position: fixed;
	float: left;
	height: 50%;
	width: 16%;			/*Width of frame div*/
	margin-top: 10%;
	margin-left: 10px;
	overflow: hidden;	/*Disable scrollbars. Set to "scroll" to enable*/
}

#sisalto {
	margin-left: 17%;
	overflow: auto; 
}

#loppu {
	clear: left;
	margin: 5px;
}

.sisamargin	{ margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/ }
.keski		{ text-align: center; }

div.sivunimi
{
	background-color: white;
	box-shadow: 0px 10px 5px #888888;
	text-align: center;
	font-variant: small-caps;
	margin-bottom: 10px;
}

div.tweed
{
	width: 60%;
	float: left;
	display: table-cell;
}

div.memyselfandi
{
	margin-left: 65%;
	display: table-cell;
}

body {
	background-color: #ffffff;
	margin: 0;
	margin-left: 2px;
	margin-right: 2px;
	padding: 0;
}

div.sarake {
	background-color: #fcfcfc;
	margin: 0;
	padding: 0;
}