@charset "utf-8";
/*
	[KUVAT]
	
	Kuvaus		:Määrittelee 2 erilaista align-sijoittelua kuvaelementeille.
	Huomioita	:Kuvia voidaan siis sijoitella tekstin sekaan, marginaalit pitävät huolen siitä että 
				 teksti ympäröi kuvia nätisti.
*/
img.left {
	float: left;
	margin: 0px 10px 10px 0px;
}

img.right {
	float: right;
	margin: 0px 0px 0px 15px;
}

/*
	[LINKIT]
	
	Kuvaus		:Sivustolla käytettävien linkkien perusmäärittelyt.
	Huomioita	:Luokkia voidaan käyttää yhdessä, esim. class="forward bold".
*/
a { text-decoration: none; }
a:link { color: #023b88; }
a:active { color: #023b88; }
a:visited { color: #551a8b; }	/* Vakio HTML "visited link" -väri */
a:hover { color: #023b88; text-decoration: underline; }

a.selected {	/* Päänavigaation aktiivinen linkki */
	background: url(../images/arrow_down.gif) no-repeat right top;
	padding: 6px 24px 8px 0px;
}
a.selected:hover { text-decoration: none; }

a.forward {	/* Linkki, jossa nuoli eteenpäin */
	background:url(../images/arrow.gif) no-repeat right center;
	padding-right: 12px;
	display:block;
	height:auto;
}

a.bold { font-weight: bold; }	/* Lihavoitu linkki */

/*
	[TEKSTITYYPIT JA LISTAT]
	
	Kuvaus		:Määrittelee sivustolla käytettävät kappale, järjestämätön lista ja järjestetty lista -elementit.
	Huomioita	:Fonttiperhe määritellään layout.css:ssä jo body-elementille, joten sitä ei määritellä tässä uudestaan.
*/
p {
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0 0 1.2em 0;
}

p.title {	/* Kappaleotsikko */
	font-weight: bold;
	margin: 2.12em 0 0.5em 0;
}

#content .type {	/* Tiedotelistauksessa käytetty tiedoston (esim. PDF) tyyppi */
	font-weight: normal;
}

#content ul {
	padding: 0;
	margin: 0;
	padding: 0 0 1.2em 3em;
}

#content ul li {
	padding: 0;
	margin: 0;
	list-style-type: disc;
	font-size: 1.2em;
	line-height: 1.4em;
}

#content ul ul {
	padding-left: 1em;
	margin-top: -0.2em;
	margin-bottom: 0.2em;
}

#content ul ul li {
	font-size: 1em;
	line-height: 1.8em;
}

#content ol {
	padding: 0;
	margin: 0;
	padding: 0 0 1.2em 3.4em;
}

#content ol li {
	padding: 0;
	padding-top:6px;
	margin: 0;
	font-size: 1.2em;
	line-height: 1.3em;
}

#content ol ol {
	padding-left: 1em;
	margin-top: -0.2em;
	margin-bottom: 0.2em;
}

#content ol ol li {
	font-size: 1em;
	line-height: 1.8em;
}

.url {color:#666666;word-wrap:break-word;} /* word-wrap for IE */

/*
	[OTSIKOT]
	
	Kuvaus		:Sivuston pääotsikot, joita voidaan käyttää sisältötekstissä mutta jotka ovat osin käytössä myös
				 leiskassa.
	Huomioita	:H4-otsikko on oranssi, H5 musta, muut sinisiä. H5:n voi tarvittaessa muuttaa siniseksi, sitä ei 
				 käytetä missään leiskassa.
*/
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 2.0em;
	line-height: 1em;
	color: #023b88;
}

h2 {	/* Sininen pääotsikko */
	font-size: 1.8em;
	line-height: 0.9em;
	font-weight: bold;
	color: #023b88;
	margin: 0.15em 0em 1.05em 0em;
}

h3 {
	font-size: 1.7em;
	line-height: 0.9em;
	font-weight: bold;
	color: #023b88;
}

h4 {	/* Oranssi otsikko */
	font-size: 1.6em;
	line-height: 0.9em;
	font-weight: bold;
	color: #e67a28;
	margin: 0.1em 0 0.5em 0;
}

h5 {	/* Musta väliotsikko */
	font-size: 1.5em;
	line-height: 0.9em;
	margin: 0.1em 0 0.7em 0;
}

h6 {	/*  Sininen väliotsikko (alanavigaatio, infolaatikko, 4. tason väliotsikko) */
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0.1em 0 0.7em 0;
	color: #023b88;
}

/*
	[TAULUKOT]
	
	Kuvaus		:Määrittelee joukon sivustolla käytettäviä taulukoita eri käyttötarkoituksiin: 
				 tiedostolistaus, sisältölistaus, sisältölistaus 2.
*/
table.filelisting {	/* Tiedostolistaus */
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	margin-left: 1px;
	margin-bottom: 25px;
	width:99%;
}

table.filelisting th, table.filelisting td {
	padding: 10px;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.1em;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	vertical-align:top;
}

table.contentlisting {	/* Sisältölistaus 1 */
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-collapse:collapse;
	margin-left: 1px;
	margin-bottom: 25px;
}

table.contentlisting th, table.contentlisting td {
	padding: 5px;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.1em;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	vertical-align:top;
}

table.contentlisting p {
	text-align: left;
	font-size: 1.0em;
	line-height: 1.0em;
	margin-bottom:0;
	padding-bottom:0;
}

table.contentlisting th { background-color: #c6e5fa; }
table.contentlisting td.subheading {
	font-weight: bold;
	background-color: #e4e4e4;
	vertical-align:top;
}

table.contentlisting2 {	/* Sisältölistaus 2 */
	margin-left: -7px;
	margin-bottom: 25px;
}

table.contentlisting2 th {
	padding: 10px 7px;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.1em;
	vertical-align:top;
}

table.contentlisting2 td {
	padding: 7px;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.1em;
	vertical-align:top;
}

table.contentlisting2 td.subheading {
	font-weight: bold;
	vertical-align:top;
}

/* Alkoholilaskurin taulukon tyylit vanhasta tyylitiedostosta */
.Lomake TABLE { border-collapse: collapse; }
.Lomake TH { font-family: Arial,Helvetica,sans-serif; font-size: 84%; font-weight: bold; padding: 3px 10px 3px 10px; background-color: #E5E5E5; border-bottom: 3px solid #CCC; }
.Lomake TD { font-family: Arial,Helvetica,sans-serif; font-size: 84%; padding: 3px 10px 3px 10px; border: 1px solid #CCC; font-size: 84%; }
.Lomake TD.Hilite { background-color: #E5E5E5; }
.Lomake TD.Hilite2 { background-color: #F5F5F5; }

div.foobar {
	font-weight: bold;
	vertical-align:top;
}