body {
	background-color: white;
	color: black;
	font-size: 12pt;
}

.mainarea {
	max-width: 40pc;
	margin: auto;
}

h1 {
	font-family: verdana;
	font-size: 22pt;
	font-weight: normal;
	border: 1px solid #161;
	padding: 4pt 4pt 4pt 0;
	margin: 0;
}

h1 .perustulo {
	padding: 4pt 8pt;
	background-color: rgb(97,191,26);
	color: white;
	font-weight: bold;
	/* background-color: #7d8; */
	text-transform: capitalize;
	border-right: 1px solid #161;
}

.subheader {
	font-size: 14pt;
	font-weight: bold;
	padding-left: 4pt;
}

.author {
	font-style: italic;
	font-size: 10pt;
}

.headerdetails {
	padding-top: 3pt;
	font-style: italic;
	margin-bottom: 2.5pc;
}

.headerdetails div {
	margin: 0;
}

.headerdetails .subheader {
	float:left;
}

.headerdetails .author {
	float: right;
}


.navi {
	max-width: 30em;
	margin: auto;
	margin-bottom: 1pc;
}

.navi a {
	text-align: center;
	display: block;
	margin: 0 4pt;
	padding: 4pt;
	border: 1px solid grey;
	text-decoration: none;
	color: black;
}

.navi a.pikkunavi {
	font-size: 9pt;
	width: 60%;
	margin: 0 auto;
	padding: 2pt 4pt;
}

.navi a.selected {
	background-color: #8c8;
	border: 1px solid black;

}

.navi a:hover {
	background-color: #cec;
}

.lisatiedot {
	max-width: 30em;
	margin: 1pc auto;
	text-align: center;
	padding: 4pt;
	border: 1px solid #444;
	background-color: #ada;
}

.lisatiedot a, .lisatiedot a:visited {
	font-weight: bold;
	color: #045;
}

.updated {
	font-family: sans-serif;
	font-size: 7pt;
	font-style: italic;
	text-align: right;
}

.loppuhuomautus {
	border-top: 1pt dashed black;
	font-size: 10pt;
}

.pieni {
	font-size: 10pt;
}

.kuvahuomio {
	font-size: 8pt;
	font-style: italic;
	float: right;
}

sup {
	color: #880;
}

sup:hover {
	background-color: #eea;
}


.perustulolaskurilinkki {
	
	
}

a.perustulolaskurilinkki {
	text-align: center;
	display: block;
	margin: 0 auto;
	padding: 4pt;
	border: 1px solid grey;
	background-color: #bbd;
	color: #005;
	text-decoration: underline;
	width: 80%;
}
a.perustulolaskurilinkki:hover {
	background-color: #ddf;
}

.verotaulukko .veroluku {
	padding-left: 2pc;
	font-weight: bold;
	white-space: nowrap;
}
.verotaulukko .tarkenne {
	font-size: 9pt;
	color: #333;
}
.verotaulukko th {
	font-weight: normal;
	text-align: left;
}


.perustulolaskuri {
	margin: 0.5 0pc;
	border: 1px solid grey;
}
.perustulolaskuri .otsikko {
	padding: 2pt;
	background-color: #888;
	color: white;
	font-weight: bold;
}
.perustulolaskuri .alue {
	padding: 4pt;
	
}
.perustulolaskuri .kuvaus {
	font-size: 10pt;
	padding: 2pt;
	border-bottom: 1px solid grey;
}
.perustulolaskuri .syote {
	text-align: center;
}
.perustulolaskuri .syoterivi {
	margin-top: 2pt;
}
.perustulolaskuri .lyhyt {
	white-space: nowrap;
}
input.palkkasyote {
	width: 3pc;
}
.perustulolaskuri .tuloste {
	border-top: 1pt dashed grey;
	padding-top: 2pt;
	margin-top: 2pt;
}

.perustulolaskuri .tuloste table {
	border-collapse: collapse;
	width: 100%;
}
.perustulolaskuri .tuloste td {
	vertical-align: top;
	padding: 2pt;
}
.perustulolaskuri .tuloste td.taysi {
	padding: 0pt;
	width: 96%;
}
.perustulolaskuri .tuloste td.rajaus {
	width: 4%;
}
.perustulolaskuri .tuloste td.paaoma {
	border-left: 2pt solid grey;
}
.perustulolaskuri .tuloste td.nyk {
	background-color: #eef;
}
.perustulolaskuri .tuloste td.pt {
	background-color: #fcc;
}
.perustulolaskuri .tuloste td.total {
	font-weight: bold;
	width: 50%; /* Hieman huono paikka tasaukselle, mutta vertaus menee muuten rikki */
}
.perustulolaskuri .tuloste .vertaus {
	padding: 4pt;
	border: 1px solid #cca;
	background-color: #ffe;
}
.perustulolaskuri .tuloste td.yht {
	text-align: center;
}
.perustulolaskuri .koyhahuomio {
	font-size: 8pt;
	margin: 2pt;
	padding: 2pt;
	border: 1px solid #cca;
	background-color: #ffe;
}
.perustulolaskuri .huomautus {
	color: #777;
	font-size: 9pt;
	display: block;
}
.perustulolaskuri .versio {
	font-size: 8pt;
	font-weight: normal;
	color: #bbb;
}
.perustulolaskuri .sivulinkki {
	display: block;
	font-size: 8pt;
	float: right;
	margin: 2pt;
	padding: 1pt;
	border: 1px solid black;
	background-color: #447;
}
.perustulolaskuri .sivulinkki:hover {
	background-color: #779;
}
.perustulolaskuri .sivulinkki a {
	color: #fff;
	text-decoration: none;
}

.perustulolaskuri .syotevirhe {
	border: 1pt solid #811;
	background-color: #eaa;
	color: black;
	padding: 2pt;
	margin: 2pt;
}
.perustulolaskuri .laskurikuvaus table.veroselitevertailu {
	width: 100%;
}
.perustulolaskuri .laskurikuvaus table td {
	vertical-align: top;
}
.perustulolaskuri .laskurikuvaus table.veroselitetaulukko {
	border: 1px solid black;
	font-size: 10pt;
	text-align: center;
	margin: auto;
}
.perustulolaskuri .laskurikuvaus table.veroselitetaulukko th {
	padding: 0 4pt;
}
.perustulolaskuri .laskurikuvaus .selite {
	font-size: 8pt;
}


.miksiei-kommentti .huomio {
	font-size: 8pt;
	color: #a11;
	vertical-align: text-top;
}
.miksiei-kommentti .puheenvuorot {
	padding: 0 2pc;
}
.miksiei-kommentti .huomio:before { content: "("; }
.miksiei-kommentti .huomio:after { content: ")"; }

.nimi {
	font-weight: bold;
	white-space: nowrap;
}
.nimi a {
	color: #006;
}

@media print {
	sup {
		display: none;
	}
	.navi {
		display: none;
	}
	a.vihrea-perustulolinkki {
			display: block;
			color: black;
			content: "Vihreät: ";
			text-decoration: none;
	}
	a.vihrea-perustulolinkki:after {
			font-weight: normal;
			content: "( http://www.vihreat.fi/perustulo )";
	}
	.subheader:after {
		font-weight: normal;
		font-style: normal;
		font-size: 10pt;
		content: " - http://iki.fi/ilari.kajaste/perustulo";
	}
}