body {
  color : #FF0000;
	text-align : center;
  font-family : "Trebuchet MS", Verdana, Arial, serif;
	background : url(lippu.gif);	
  background-repeat:repeat;
}

h1 {
  font-family : "Trebuchet MS", Verdana, Arial, serif;
  font-size : 3em;
  margin-left : 5%; 
  margin-right : 5%; 
	color : #;
  vertical-align : middle;
}
div.main {
  margin-left : 10%; 
  margin-right : 10%; 
	background : #FFFFFF;	
  border-color: #000000;
  border-width: thin;
  border-style : solid;  /*	| dashed | solid | double | groove | ridge | inset | outset*/ 
	padding-top : 0em; 
	padding-bottom : 0.5em; 
}

.liput {
	vertical-align : middle;
  font-size: 1.6em;
	font-weight : bold;
	vertical-align : middle;
	border-style : solid;
  border-width : thin;
	border-color : 	#000000;
  top: 2em;
  right: 100%;
  width: 25%;
  min-width: 140px;
}

.flag {
  vertical-align: text-top;
}

h1.paa_otsikko {
/* Käytetään pääotsikossa
 * 
 */
	background : transparent;
  margin-left : 0%; 
  margin-right : 0%; 
	color : #;
  vertical-align : middle;
  font-size : 4em;
  font-family : Verdana, Arial, "Trebuchet MS", serif;
}

h1.otsikko {
/* Käytetään kun halutaan pienempi h1-otsikko
 * 
*/
  font-size : 1.5em;
	text-align : left;
  font-family : Verdana, Arial, "Trebuchet MS", serif;
	background-color : transparent;
}

.tarkea {
	background : #000000;
}

h2 {
	background-color : transparent;
}

h3 {
  font-family : Verdana, Arial, "Trebuchet MS", serif;
	color : black;
	background : transparent;
}

h3.vasen {
/* Käytetään kun halutaan h3-otsikko vasempaan reunaan
 * 
*/
  text-align : left;
  font-family : Verdana, Arial, "Trebuchet MS", serif;
	color : #00008B;
	background : transparent;
}

p {
  margin-left: 10%; 
	margin-right: 10%;
}

strong {
	background-color : transparent;
	font-size : 1.1em;
}

.navbar {
  font-size : 1.0em;
  color : #000000; 
	background : #FFFFFF;	
}

.pieni {
	color : #00008B;
	background-color : transparent;
	font-size : 1em;
}

.kiinni {
/* Käytetään kun halutaan
 * 
*/
  font-weight : bold;
	color : blue;
	line-height : 1.7em;
	background-color : transparent;
	position : fixed;
}

.navbartop {
/* Ylhäällä oleva navigointipalkki kaikissa tiedostoissa*/
	font-size : 1.2em;
	font-weight: bold;
	line-height : 1.5em;
	border-style : solid;
  border-width : thin;
	border-color : #000000;
  margin-left: 2%; 
	margin-right: 2%;
	background : #FFFFFF;	
}

.navbarbottom {
/* Alhaalla oleva navigointipalkki kaikissa tiedostoissa*/
	font-size : 1.2em;
	font-weight: bold;
	line-height : 1.5em;
	border-style : solid;
  border-width : thin;
	border-color : #000000;
  margin-left: 2%; 
	margin-right: 2%;
	background : #FFFFFF;	
}

div.yhteystiedot {
/* Kaikkien tiedostojen ylälaidassa olevat tiedot*/
	border-bottom : 1px outset;  /*| dashed | solid | double | groove | ridge | inset | outset */
  border-left : 1px outset;
  border-right : 1px outset; 
	border-top : 1px outset;/*  | dashed | solid | double | groove | ridge | inset | outset */
	padding-top : 0.5em;
	padding-bottom : 0.5em; 
	border-color : #000000;
  margin-left: 6%; 
	margin-right: 6%;
	background : #FFFFFF;	
}


p.korostettu {
  font-weight : bold;
  font-size : 1.3em;
	line-height : 1.7em;
	background-color : transparent;
}

.korostettu {
/*
*/
  font-weight : bold;
  font-size : 1.3em;
	line-height : 1.7em;
	background-color : transparent;
}

.linkit {
  
}

p.tarkea {
/* Käytetään kun halutaan korostaa tekstiä kirkkaan sinisellä
 * - aloitussivut
*/
  font-weight : bold;
	font-size : 1.2em;
	line-height : 1em;
	background-color : transparent;
}

.keski {
    align: middle;
}


.vasen {
/* Käytetään kun halutaan
 * 
*/
    float: left;
    margin-top: 0em;
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 0.5em;
} 

.oikea { 
/* Käytetään kun halutaan
 * 
*/
    float: right;
    margin-top: 0em;
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 0.5em; 
} 

.oikea2 { 
/* Käytetään kun halutaan */
    text-align : right;
		font-weight : bold;
} 

p.clear-left {
/* Tyhjentää vasemman puolen
 * 
*/
    clear: left; 
}

p.clear-right {
/* Tyhjentää oikean puolen
 * 
*/
    clear: right; 
}

p.clear {
/* Tyhjentää oikean puolen
 * 
*/
    clear: all; 
}

/*
* ------------- LOMAKKEEN MÄÄRITYKSET ---------------- *
*/
label, .lomake, input {
  font-family : "Trebuchet MS", Verdana, Arial, serif;
	font-weight : bold;
}

legend {
  font-weight : bold;
	font-size : larger;
	background-color : transparent;
}

/*
* ------------- TAULUKON MÄÄRITYKSET ---------------- *
*/
table {
	border-right : 4px solid black;
  border-bottom: 4px solid black;
  border-top: 2px solid #EAE4D1;
  border-left: 2px solid #EAE4D1;
  width : 90%;
	color: black;
	background: transparent none;
  empty-cells: show;
  border-spacing: 0em;
}

th {
	font-weight : bold;
  font-family: Verdana, Arial, sans-serif ;
	font-size : 1.2em;
  border-style : solid;
	border-width : thin;
	height : 1.2em;
	border-color : #000000;
  text-align: center;
  border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}

td {
  color : #000000;
 	background : #ADD8E6;
  font-family: Arial, Verdana, sans-serif;
	font-size : 0.9em;
	font-weight : normal;
  border-style : solid;
	border-width : thin;
	border-color : #000000;
  padding: 0.4em;
  border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
  empty-cells: show;
}

/*
* ------------- LINKKIEN MÄÄRITYKSET ---------------- *
*/

a:hover {   /* kohdistettu linkki */
}

a:link { 
  color : #FF0000; 
}

a:visited {
  color : #FF1111;
}
