html, body { 
font-family: "antiqua ssk", helvetica, sans-serif; 
background-color: #ffffff; 
color: #226644; 
}

H1 { 
color: #226644;
font-size: 2.5em; 
text-align:center; 
vertical-align: bottom;
}

h1.etusivu{
  margin-top: 5em;
	margin-bottom: 4em;
	text-align: center;
	}

h2 { 
font-size: 1.8em; 
line-height: 130%; 
}

h3 { 
font-size: 1.5em; 
}

h4 { 
font-size: 1.2em; 
text-align: left; 
}

h5 {
font-size: 1em; 
line-height: 130%;
padding-left: 1em;  
}

h6 { 
font-size: .9em; 
font-weight: bold; 
line-height: 130%;  
padding-left: 2em;}



A:link {
color: #0000ff; 
font-size: .9em;
text-decoration: none;
}
A:visited { 
color: #f000ff; 
text-decoration: none;
}
A:active { 
color: #ff0000; 
text-decoration: none;
}

p { 
color:#226644; 
font-size: .9em; 
margin-left: 3em; 
}
.teksti p { 
color:#226644; 
font-size: .8em; 
margin-left: 3em;
margin: 0em; 
}


.motto{
 margin-top:1em; 
 margin-bottom: 1.8em;
 }

hr { 
width:15em; 
color: #226644; 
}

.webmaster {
font-size: .8em;
}
.c { 
font-family: arial, helvetica; 
font-size: 1.7em; 
font-weight: bold;
color: #ffffff;
margin-left: 0.5em;
}

.katu { 
font-size: 1em; 
color: #226644; 
}

.postnr { 
font-size: 1em;  
font-weight: bold; 
color: #226644;
}

.c1 {
text-align: right;
}

.c3 {
text-align: left;
margin-left: 18em;
margin-right: 2em;
width: 15em;
font-size: 1.2em;
border-top: 4px solid;
border-bottom: 4px solid;
}

.c3 p{
  font-size: 1.1em;
	font-weight: 700;
	text-align: center;
	margin-right: 2em;
}

.opalkki{
 display:block;
 position: absolute;
 text-align: center;
 right:80%;
 top:0;
 left:0;
 background-color: #006666;/*#226644;*/
 height:450em;
 }

.opalkki bottom{
 margin-bottom: 0;
 margin-left:0em;
 
 } 
 
.teksti{
 display: block;
 position:absolute;
 width: 74%;
 left:26%;
/* margin-left: 26%;*/
 }
 
.kuva{
 padding-left: 5%;
 padding-right:5%;
 margin-top: 5%;
 width:100%;
 height: 10em;
 background-image: url(kariuu.jpg);
 background-repeat: no-repeat;
 background-color: #ffffff; 
 } 
 
.navigare{
  right: 0;
	width: 10em;
	padding-right: 1em;
	position:fixed;
	}
	
.navigare li{
  width: 8em;
	font-size: .8em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: .5em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	background-color: #221fff;
	}
	
.navigare a:link {
  color: #0000ff;
	}
.navigare a:visited{
  color: #800fff;
	}
.navigare a:active {
  color: #ff0000;
	}		
			
.navitop{
  width: 100%;
	/*height: 2em;
	border-bottom: 2px solid #001fff;*/
	}
	
.navitop ul li{
 font-size: .8em;
 list-style-type: none;
 padding-left: 1em;
 padding-right: 1em;
 padding-top: .2em;
 padding-bottom: .2em;
 border-left: 2px solid #ff0000;
 border-bottom: 2px solid #ff0000;
 background-color:#fff;
 margin-top: 0.3em;
 margin-left: .4em;
 color: #ffffff;
 display:inline; 
}

.navitop a:link {
  color: #0000ff;
  font-weight: bolder;
	}
	
.navitop  a:visited {
  color: #f00fff;
  font-weight: bold;
	}
	
.navitop a:active {
  color: #ff0000;
  font-weight: bold;
	}		
.li a{
  font-size: 1.2em;
	}	
	
.navigare li{
 list-style-type: none;
 padding-left: 1em;
 padding-right: 0.5em;
 border-left: 2px solid #0000ff;
 background-color:#ffcc66;
 margin-top: 0.3em;
 display:block;
 }	 

.sis{
  padding-left: 3em;
	margin-top: .4em;
	margin-bottom: .3em;
	}

.paluu{
  background-color: #fcfcfc;
	padding-left:1em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	margin-left: 5em;
	}

.paluu li{
  display:block;
	list-style-type: none;
	border-left: 2px solid;
	margin-top: 0.1em;
	margin-bottom:0.1em;
	padding-left: 1em;
	}
.paluu a:link {
  color: #0000ff;
	}
.paluu a:visited{
  color: #800fff;
	}
.paluu a:active {
  color: #ff0000;
	}				

a:hover{
  border-bottom: thick solid #0000ff;
	}
	
.vaalikuva{
  margin-left: 8em;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
	/*height:18em;*/
	}
	
.numero{
  text-align: center;
	vertical-align: top;
	font-size: 3em;
	color: #cc0001;
	float:  left;
	font-weight: bold;
	padding-top: 3.5em;
	width: 4em;
	background-image: url("kuvat/nrtaustap.jpg");
	background-repeat: no-repeat;
	background-position:.9cm 3.4cm;
	height: 7em;
	}		
	
.main {
 position: absolute;
 top: 0;
 left: 0;
 margin-top: 15em;
 }
.txt {
  margin-top: 10em;
  margin-left: 15em;
	color: #e54557;
	border-left: 1px solid #0000e5;
	width: 40em;
	}
	
.txt .teemat{
 padding-bottom: 33em;
 }	
	
.teksti h1 {
 text-align: center;
 font-size: 2.1em;
 margin-left: 1em;
 margin-right: 1em;
 }
 
.teksti h2{
  text-align: center;
	font-size: 1.4em;
	margin-left: 1em;
margin-top: .7em; 
	margin-bottom: .4em;
	margin-right:1em;
	color: #226644;  
 	}

.teksti h3 { 
font-size: 1.3em; 
margin-top: .7em; 
	margin-bottom: .4em;
}

.teksti h4 { 
font-size: 1.2em; 
text-align: left;
margin-top: .7em; 
margin-bottom: .4em; 
}

.teksti h5 {
font-size: 1em; 
line-height: 110%;
padding-left: 1em;
margin-top: .7em; 
margin-bottom: .4em; 
}

.teksti h6 { 
font-size: .9em; 
font-weight: bold; 
margin-bottom: .4em;
margin-top: .7em;
line-height: 105%;  
padding-left: 2em;
}

.teksti p{
 margin-left: 4em;
 margin-right: 15em;
 }

	
.txt p{
  color: #226644;
	}  


.teemat{
  font-size: 1.1em;
	font-weight: 700;
	margin-top: 1.5em;
	margin-bottom: 1em;
	margin-left: .5em;
	}

.teemat ul{
  margin-top: 1em;
	margin-bottom: 2em;
	margin-left: 11em;
	}
	
 .teemat ul li{
  padding-left: .5em;
	margin-bottom: .3em;
	color: #226644;
	}
	
.teemat p{
 color: #226644;
 font-size: 1.3em;
 margin-left: 1em;
 font-weight: bold;
 }

.teemat .paiva{
 text-align: center;
 padding-top: .2em;
 padding-bottom: 1em;
 padding-left: .1em;
 padding-right: 1em;
 margin-top: 2em;
 margin-bottom: 1em;
 margin-right: 5%;
/* border: 2px solid;*/
 font-size: 1.1em;
 font-weight: bolder;
 color: #226644;
	} 
 
.mot {
margin-left: 12em;
padding-top: .7em;
padding-bottom: .7em;
width: 15em;
font-size: 1.2em;
border-top: medium solid;
border-bottom: medium solid;
}

.mot p{
  text-align: center;
  margin-left: 0em;
	font-size: 1.1em;
	font-weight: 600;
}				

.vasen { 
   position: absolute;
	 left:0;
	 top:0;
   width: 25%;
	 z-index: 0;
	 padding-top: 1em;
	 padding-bottom: 2em;
	 background-image: url("kuvat/punta.jpg");
	 background-repeat: repeat-y;
	 background-position: center center;
	 font-size: .8em;
/*	 font-weight: thin;*/
   }

.vasen ul li a:link{
  color: #0000ff;
	}
	
.vasen ul li a:visited{
  color: #cc0001;
}			 
		 
.vasen ul li{
	color: #cc0001;
  margin-top: .5em;
	padding-top: .3em;
	padding-bottom: .3em;
	padding-left: .8em;
	padding-right: .3em;
	background-color: #ffffff;
	list-style-type: none;
	border: 1px solid #cc0001;
	}

.vasen ul li.otsake{
  background-color:#ffffcc;	 
	}

.vasen h3{
 padding-left: .5em;
 font-weight: bolder;
 font-size: 1.1em;
 padding-top: .3em;
 padding-bottom: .3em; 
 background-color: #ffffff;
 border: 1px solid #cc0001;
 margin-left: .3em;
 color: #cc0001;
 }
 
.vasen bottom{
 bottom: 0;
 }