a{
	color : #8F7445;
}

a img{
	border : 2px solid #8F7445;
}

/*
a[href^="http"]:after{
	margin-left: 0.5ex;
	content: url("../kuvat/external_link.png")
}

a[href^="http"] img{
    border:0;
}
*/

a:visited {
	color : #6F5425;
}

a:visited img{
	border : 2px solid #6F5425;
}

body, td{
	background : #FFE4B5;
	color : #000000;
	/* font-family : Arial, Helvetica, sans-serif; */
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
	/* font-size : 110%; */
	margin : 0;
	padding : 0;
}

colgroup{
	/* Tm vastaa vanhaa html3.2 mrittely cellspace="0" cellpadding="0" */
	/* Jos tmn laittaisi td-tagiin, niin col-tagissa ei voisi tehd uusia mrittelyj */
	margin : 0;
	padding : 0;
}

/* termistlistat */
dd{
	margin : 0 0 0 10%;
	padding : 0 0 0.5em 0;
}


dl{
	margin : 1em 10% 0 15%;
}


/*   ------------------------   */
/*   V A L O K U V A T   */
/*   ------------------------   */

/* Ihan itse kehitetty galleria-css */

div.valokuva{
/*	Varattu tila */
	display : inline;
}

div.valokuva dl {
	display : -moz-inline-box; /* Mozilla - Ei tue inline-block -arvoa. Pit olla ennen oikeaa arvoa! */
	display : inline-block;  /* Op, Saf, IE */
	-moz-box-orient : vertical; /* Mozilla - Teksiti menee muuten kuvan alle */
	width : 204px;
	font-size : 83%;
	margin : 2em 5px 0 0;
	padding : 0;
	vertical-align : top;
/*	background : #EFD4A5; Nkyy bugisesti Operalla */
}

* html body div.valokuva dl {
	/* IE kusee, kuten yleens */
	/* Tuo mritelm saa sen toimimaan inline-block -tyyppisesti */
	display : inline;
}

div.valokuva dl dt {
/* Kuva */
	width : 204px;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	text-align : center;
}

div.valokuva dl dd {
/* Kuvateksti */
	width : 194px;
	text-align : center;
	margin : 0;
	padding : 0;
}

/*   ------------------   */
/*   O T S I K O T   */
/*   ------------------   */

h1, h2, h3, h4 {
	page-break-after : avoid;
}

h1{
	background : #F2D298;
/*	background : #EFD4A5; */
	border : 1px solid #4F3405;
	border-bottom : 0;
	border-right : 0;
	clear : both;
	color : #4F3405;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 130%;
	letter-spacing : 0.3em;
	margin : 0;
	padding : 0.2em 3% 0.2em 2%;
}

h2{
	background : #F2D298;
/*	background : #EFD4A5; */
	clear : both;
	color : #4F3405;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 120%;
	letter-spacing : 0.2em;
	margin : 1.5em 0 0 0;
	padding : 0.2em 3% 0.2em 2%;
}

h3{
	font-size : 110%;
	letter-spacing : 0.1em;
	margin : 1.5em 0 0 0;
	padding : 0 3% 0 5%;
	font-weight: bold;
}

h4{
	font-size : 100%;
	letter-spacing : 0.1em;
	margin : 1em 0 0 0;
	padding : 0 7% 0 10%;
	font-weight : normal;
	font-style : italic;
}

table.suunnitelma tr td h3{
	font-size : 100%;
	letter-spacing : 0.1em;
	margin : 0 0 0 0;
	padding : 0 0.5em 0 0.5em;
}

hr{
	border : 1px dotted #4F3405;
	margin : 1.5em 0 0 0;
}

img{
	border : none;
	padding : 0;
	margin : 0;
	vertical-align : middle;
}

img.oikealle{
	border : 2px solid #4F3405;
	float : right;
	margin : 0.2em 0 0.2em 1em;
}


p{
	line-height : 125%;
	margin : 1em 0 0 0;
	padding : 0 10% 0 15%;
	text-align : justify;
}

p.artikkeli{
	clear : both;
	padding : 0;
}

p.artikkeli img{
	border : 1px solid #4F3405;
}

p.keskelle{
	padding : 0;
	text-align : center;
}

p.keskelle a img{
	border : 0;
}



table{
	/*width : 100%;
	*/
	border-collapse : collapse;
	margin : 1em 0 0 0;
	page-break-inside : auto;
}

table.kalenteri{
	/* IE ei tykk, mutta ei kiinnosta */
	font-size : 70%;
	margin : 1em 0 0 0;
	width : 100%;
}

table.kalenteri td{
	border : 1px solid #4F3405;
	padding : 0 0.25em 0 0.25em;
}

table.kalenteri td.kalenteri_tumma{
	background : #A6A6A6;
}

table.kalenteri td.kalenteri_tummin{
	background : #808080;
}

table.kalenteri td.kalenteri_vaalea{
	background : #CCCCCC;
}

table.kalenteri td.kalenteri_vaalein{
	background : #F2F2F2;
}

table.kalenteri td:first-line {
	font-weight : bold;
}

table th{
	background : #F2D298;
/*	background : #EFD4A5; */
	text-align : left;
}

table.suunnitelma{
	/* IE ei tykk, mutta ei kiinnosta */
	font-size : 100%;
	margin : 1em 0 0 0;
	width : 100%;
}

table.suunnitelma td{
	border : 1px solid #4F3405;
	padding : 0 0.25em 0 0.25em;
}


table.ohje img{
	border : 1px solid #6F5425;
}

table.ohje td{
	font-size : 90%;
	padding : 2em 0 0 1em;
	text-align : center;
}

td, th{
	vertical-align : top;
}

/* Listat */

ul{
	list-style : square outside none;
	margin : 1em 0 0 0;
	padding : 0 10% 0 15%;
}

td ul{
	margin : 0 0 0 0;
	padding : 0 0 0 1em;
}

ol{
	list-style : decimal outside none;
	margin : 1em 10% 0 15%;
}


li{
	margin : 0.5em 0 0 0;
	padding : 0;
}

td ul li{
	margin : 0 0 0 0;
}


.handheld{
	display : none;
}

.tulostettava{
	display : none;
}

.tulostumaton{
	display : inline;
}