body {
	color: #000;
	background-color: #e2e2e2;
	background-image: url('img/bg/taustapaperi.jpg');
}

a:link {
	color: #44b;
}

a.silent, a.silent:link, a.silent:visited {
	color: inherit;
	text-decoration: none;
}

.keskialue {

	width: 70%;
	max-width: 40em;
	min-width: 23pc;

	margin: 2pc auto 0 auto;

}

.keskilaatikko {
	background-color: white;


	border: 3px double black;
}

.pikkutietorivi {
	color: #aaa;

	text-align: right;
	margin: 0 auto;
}

.keskilaatikko td {
	vertical-align: top;
}

.tietoalue {

	padding-top: 2pc;
	min-height: 20em;
	
	margin: 10pt;
}


.pikkuotsikkorivi:before, .pikkuotsikkorivi:after {
	content: ' --- ';
}

.pikkuotsikkorivi {
	text-align: center;	

	background-color: #aba;
/*	color: #ada; */
	color: #042;

/*	border-top: 1px solid #464; */
	border-bottom: 1px solid #464;

	font-family: verdana;
	font-size: 8pt;

	margin: 4pt 0;
	margin-top: 0;

}

.pikkutietorivi {
	text-align: right;
	font-size: 8pt;	

}



.navi {
	float: right;

	border-bottom: 1px dashed #ddd; 
	padding: 2pt;
	margin-right: 2px;

	text-align: center;
}


.navi a.navinappi, .navi a.sivustonavinappi {
	display: block;

	text-decoration: none;
	
	color: black;
	background-color: #eef;

	width: 5em;
	padding: 4pt 0;

	margin-right: 0;
	border: 1px dotted #88c;
}
.navi a.navinappi {
	float: right;
	border-right: hidden; /* right border is 0px */
}
.navi a.navinappi:hover {
	background-color: #ccf;
	border: 1px solid #88c; /* increases size by 1px */
	margin-right: -1px; /* overlap with right box border */
}
.navi a.current {
	background-color: #ccd;
}
.navi a.eka {
	border-right: 1px dotted #88c; /* complete border */
}
.navi a.navinappi.eka:hover {
	margin-right: 0; /* because the border is always complete, don't mess with the margin at hover */
}

.navi a.sivustonavinappi {
	display: block;
	float: left;

	color: #513;
	border-color: #644;
	width: auto;
	padding: 0 2pt;

	text-transform: uppercase;
	font-size: 10pt;
}
.navi a.sivustonavinappi:hover {
	background-color: #b87;
	border-style: solid;
}

/*
.navi a.navinappi.test {
	border: 1px solid #611;
//	border-right-color: #eef;
	border-right: none;
}
.navi a.navinappi.test:hover {
	margin-right: -1px;
}
*/

img.emailkuva {
	border: none;
}

td.emailsolu {
	vertical-align: bottom;
}

td.emailotsikko {
	padding-bottom: 5px;
}

.error {
	border: 1px solid #955;
	background-color: #faa;
	padding: 4pt;
	width: 10em;
	text-align: center;
	margin: 1pc auto;
}





/* Alasivut */

table.profiilipohja {
	margin-top: 6pt;
}

table.tietotaulu {
	border-spacing: 2pt 10pt;
}

.profiilikuvaalue {
	float: left;
}

/* This is for a slightly messy way to allow parent element to stretch
to contain floating elements - by adding in it an element that's forced
to be below the floats. */
/* An alternative solution would be to add overflow: auto; to the
containing element, but that creates some strange effects. */
.element-below-floats {
	clear: both;
}

.profiilisivu {
	padding-top: 6pt;
}

.profiilisivu .profiilikuva {
	margin: 0 3pt;
}

.taideotsikko {
	letter-spacing: 2pt;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;

	background-color: #eedaca;
	padding-left: 2pt;
}

.taidelista {
	font-size: 8pt;
	color: #555;
	text-align: justify;
	margin-bottom: 2pt;
}

.taidelista .hilite {
	white-space: nowrap;
	font-weight: bold;
	color: #000;
}

.pystylista {
	float: left;
	width: 32.8%;
	margin-right: 2pt;
}

.kategorialinkit {
	margin: 4pt;
	font-size: 10pt;
}

.kategorialinkit a, .kategorialinkit a:link, .kategorialinkit a:visited {
	text-decoration: none;
	color: #389;
}

.linkkiotsikko {
	font-size: 14pt;
	font-family: arial verdana;
	background-color: #cde;
	padding: 1pt 4pt;
	margin: 0 -4pt; /* nollataan padding... */
}

.linkki {
	margin-top: 4pt;
}

.linkki, .linkki a:link, .linkki a:visited {
	font-weight: bold;
	font-size: 12pt;
	color: #26a;
/*	letter-spacing: 0.4pt; */
}
.linkki a:hover {
	background-color: #eef;
}
.linkki a:visited {
	color: #389;
}

.linkkikuvaus {
	padding-left: 1.5pc;
	font-size: 10pt;
	margin-bottom: 8pt;
}
.linkkikuvaus p {
	margin-top: 0;
	margin-bottom: 6pt;
}
.symbolit {
	margin-top: 1pc;
	text-align: center;
}
.symbolit img {
	margin: 4pt;
	vertical-align: middle;
	border: none;
}

.tuotantootsikko {
	border-bottom: 1px solid #ccc;
	width: 8em;
	font-style: italic;
	font-family: arial, verdana;
	font-size: 14pt;
	padding-bottom: 0;
	padding-left: -1pc;
	margin-top: 10pt;
}

.tuotantosivu .alaotsikko {
	border-bottom: 1px dashed #ccc;
	width: 45%;
	font-weight: bold;
	font-size: 10pt;
	padding-bottom: 0;
	margin-left: 1pc;
	padding-top: 10pt;
}


.linkkilista a {
	display: block;
}

.tuotantosivu .linkkilista {
}

.muutokset {
	font-size: 10pt;
}

.muutokset .header {
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 6pt;
}

.muutokset .date {
	margin-left: 1pc;
}

.muutokset .important {
	font-weight: bold;
}

.muutokset .yearheader {
	border-bottom: 1px solid #aaa;
	font-style: italic;
	font-size: 7pt;
	margin-top: 4pt;
}

/* TEMPORARY */

img.profiilikuva {
	border: 1px dashed #666;
	border: none;
}
.tietoalue img.emailkuva {
	border: none; 
}




.kirjoitukset {
	float: left;
	margin: auto;
	width: 100%;

}


.kirjoitukset .kirjoituslista {
	float: left;
	width: 47%;
	padding: 4pt;
}

.kirjoitukset .otsikko {
	text-align: center;
	font-weight: bold;
	margin-bottom: 4pt;
}

.kirjoituslista .otsikko {
	text-align: left;
	font-weight: normal;
	font-style: italic;
	font-size: 8pt;
	border-bottom: 1px dotted grey;
	width: 90%;
	margin-bottom: 0;
}

.kirjoituslista ul {
	list-style-type: circle;
	margin: 0;
	padding-left: 1pc;
}

.kirjoituslista ul li {
	font-size: 10pt;
}

.kirjoituslista a {
	text-decoration: none;
}
.kirjoituslista a:hover {
	text-decoration: underline;
}



/* Ajankohtaisille asioille */

.banneriotsikko {
	width: 70%;
	max-width: 30pc;
	min-width: 23pc;

	margin: 6pt auto 0 auto;
	font-size: 9pt;
	font-style: italic;
}
.banneri {
	width: 70%;
	max-width: 30pc;
	min-width: 23pc;
	margin: 0 auto;
}
.banneri a {
	color: black;
	text-decoration: none;
}
.perustulobanneri {
	font-family: verdana;
	background-color: #fff;
	border: 1px solid #161;
	padding: 4pt 4pt 4pt 0;
	font-size: 18pt;
	min-width: 25pc;
}
.perustulobanneri .perustulo {
	padding: 4pt 8pt;
	background-color: rgb(97,191,26);
	font-weight: bold;
	border-right: 1px solid #161;
}
.perustulobanneri .perustulo a {
	color: white;
}