/* marginaalit ja reunat nollaksi */
* {
  margin:  0;
  padding: 0;
}

body {padding-top: 1px; text-align:center;
margin: 0; font: 62.5%/1.4  Arial, Verdana, sans-serif; color: #666666;
  background-color:#d8d7d7;
}

#paivamaara{text-align: right; margin-right: 8%;}


h1 {
 
  font-weight: bold;
}

h2 {
  font-size: 1.9em;
  font-weight: bold;
}

h3 {
  font-size: 1.0em; color: #222222;
  font-weight: lighter; letter-spacing: 1px;
}

h4{ font-size: 0.9em; color: #222222;
  font-weight: lighter; letter-spacing: 1px}

p, li {
  font-size: 1.2em;
}

.teksti{color: #444444;}

.kuvateksti{text-align: left; vertical-align: bottom; letter-spacing: 2px; font-size: 1.0em;}

#tekstialue a{color: #777777;  text-decoration: underline;}
#tekstialue a:hover{ color: #aeb61d; text-decoration: none;}




.ankkuri a{text-decoration: none;}
.ankkuri a:hover{text-decoration: none;}






h1, h2, p {
  margin: 1em 0;
}

#tekstialue h1, h2, p {
  margin: 1em 0;
  font-size: 1.2em;
  color: #777777;
}



#sivunavi h1 {
  margin:  0;
  font-size: 1.0em; font-weight:bold;
  color: #777777;
}

#sivunavi h2 {
  margin-top:15px; margin-bottom: 5px;
  font-size: 0.9em; font-weight:lighter; 
  color: #222222;
}




.osoite2{ margin: 1em 0; font-size: 1.1em; color: #888888;} 
  
  
.osoite{font-family: helvetica, arial;  letter-spacing: 1px; font-size: 1.1em; font-weight:lighter;}  
.osoiteotsikko{  margin: 0;
   font-size: 1.2em;
  font-weight: bold;}
  
.paivitetty{font-size: 1.0em; vertical-align: bottom;}




/* ¨näitä voi käyttää jos tarvis saada kuva olemassa olevan sivun päälle tiettyyn kohtaan */
.kuva1{
position:absolute;
left:10%;
top:10px;
z-index:11;
}


.kuva2{
position:absolute;
left:90px;
top:0px;
z-index:12;
}


.kuva3{
position:absolute;
left:60%;
top:15px;
z-index:13;
}


.kuva4{
position:absolute;
left:100%;
top:10px;
z-index:14;
}

.yhteys{position:absolute;
left:50%;
top:18px;
z-index:15;
}







#ylapalkki {
  height: 100px;
  background-image: url('images/m.gif');
  background-repeat: repeat-x;
  width: 85%;
  margin: 0 auto; 
  text-align:left;  border-left: thin solid #777777;
  border-right: thin solid #777777;
}

#navipalkki {height: 20px;background-color: #ffffff;
  padding-top: 4px;
  width: 85%;
  margin: 0 auto; 
  text-align: left;
  background-image: url('images/.gif');
  background-repeat: repeat; 
  border-left: thin solid #777777;
  border-right: thin solid #777777;
  }

p.navipalkki{padding-top: 160px; display:inline; margin-left: 1%; font-size: 10px; letter-spacing: 1px; word-spacing: 8px;
}
 
#navipalkki a {color: #000000; text-decoration: none; margin: 0; background-image: url('images/.gif');}

#navipalkki a:hover{color: #aeb61d; text-decoration: none; margin: 0; background-image: url('images/.gif');}




#oikeapalsta a{color: #777777;  text-decoration: underline;}
#oikeapalsta a:hover{ color: #aeb61d; text-decoration: none;}



#ylapalkki h1 { margin: 0;}

#sivunavi {list-style-type: none; list-style-position: outside;}


#sivunavi a{font-size: 1.0em; color: #999999; text-decoration:none;}
#sivunavi a:hover{color: #aeb61d; text-decoration: underline;}


#sivunavi li{font-family: verdana, arial, helvetica, arial; color:#999999;  letter-spacing: 1px; font-size: 1.1em; font-weight:lighter; line-height: 110%}
#sivunavi h1{padding-top: 5px; padding-bottom:12px;}


  
  


#oikeapalsta h2 {
  margin: 0;
   font-size: 1.2em;
  font-weight: bold;
}


#sivunavi p {font-family: verdana, arial, helvetica;  color:#999999;  letter-spacing: 1px; font-size: 1.1em; font-weight:lighter; line-height: 100%}


#oikeapalsta p{font-family: verdana, arial, helvetica, arial; color:#999999;  letter-spacing: 1px; font-size: 1.1em; font-weight:lighter; line-height: 100%}


#oikeapalsta2 p{font-family: helvetica, verdana,  arial;  letter-spacing: 1px; font-size: 1.1em; font-weight:lighter; line-height: 95%}


/* tämä jää pois kai */
#oikeapalsta3 p {font-family: helvetica, arial; font-size: 115%; line-height: 110%; font-weight:lighter;
}







#alapalkki {
  padding: 1px 20px;
    width: 81%; height: 20px;
  margin: 0 auto; 
  text-align: left;
}

#alapalkki p{ 
  padding-top: 2px; padding-bottom: 2px; 
    width: 61%; height: 30px;
  margin: 0 auto; 
  text-align: left; font-size: 1.0em; font-style: italic; color: #999999;
}












#ala {height: 30px;
  background-color:#000000;
  padding: 3px 20px;
    width: 82%;
  margin: 0 auto; 
  text-align: left;
}

left{margin-left: 0px}



#ala a{font-size: 1.0em;
font-weight:bolder;
 color: #ffffff; 
text-decoration: none;}
#ala a:hover{font-weight:bolder; color: #aeb61d; text-decoration: underline;}

#ala p{font-weight:bolder; font-size: 1.1em;
 color: #ffffff;}


/* rakenne */

body {
  text-align: center; 
  min-width: 850px;
max-width: 1200px;
}







#helahoito {
  width: 85%;
  margin: 0 auto; 
  text-align: left;
  background: #fff url(images/nav-faux-col.gif) repeat-y 23% 0;
  border-left: thin dotted #777777;
  border-right: thin dotted #777777;
  border-top: thin solid #777777;
  border-bottom: thin solid #777777;
}

#helahoito_teksti {
  background: url(images/secondary-faux-col.gif) repeat-y 78% 0;
}

.tekstikuva 
{
float:right;
border:1px solid black;
margin:5px 0px 5px 10px;
width: 100%;
max-width: 200px;
}

.jasenkuva {float:right;
border:1px solid black;
margin:5px 0px 5px 10px;
width: 100%;
max-width: 150px;
}


.koriste {margin-left: 40%;
border-width:0px;
width: 83px;
height: 61px;
max-width: 83px;
}


.sivukuva{ float: left; width:100%; max-width: 200px; border: 1px  solid black; margin-bottom: 20px;}

.viikonkuva{width:100%; 
border:1px solid black;
}


.kuvamax1200 {
  float: left;
  padding: 0%;
  height:100px;
  width: 100%;
  max-width: 1200px; 
  border:1px solid #444444;}






.kuvamax500 {
  float: left;
  padding: 0%;
  width: 100%;
  max-width: 500px; 
  border:1px solid #444444;
}

.isokuva a{border:1px solid #444444;}
.isokuva a:hover{border:1px solid #444444;}

#tekstialue.formi{background-color: #c9c7cb; border:1px solid #777777;}



#tekstialue.lomake{ background-color: #c9c7cb; 
width: 80%;
max-width: 400px; 
padding: 10px;
}





#ylapalkki img{float:left; border:0px;
margin:0; padding: 0;}

#sivunavi { 
  width: 23%;
  float: left; 
}

#sivunavi2 { 
  width: 23%;
  float: left; 
}


#sisalto { 
  width: 75%; 
  float: right; 
}

#tekstialue { 
  width: 66%;min-height: 350px; 
  margin: 0; 
  float: left; 
} 
#oikeapalsta { 
  width: 31%;
  min-width: 10em;
  display: inline; /* korjaa IE:n bugin */
  float: right;
} 

/* oikean puolen ajankohtaista päivämäärä hakasulkeissa */
#oikeapalsta p.pvm { font-size: 0.9em;
  font-weight: lighter;}

  
/* sivun päivityksen ajankohta automaattisesti tässä palkissa */  
#alapalkki { 
  clear: both; height:20px;
}

#alapalkki {
    width: 81%; height: 20px;
  margin: 0 auto; 
}




/* lisätään padding sivunavissa ja oikeassa palstassa */

#sivunavi, #oikeapalsta {
  padding-top: 10px;
  padding-bottom: 20px;
}

#sivunavi *, #oikeapalsta * { 
 padding-left: 10px;
 padding-right: 20px;
}

#sivunavi * *, #oikeapalsta * * { 
 padding-left: 0;
 padding-right: 0;
}



/* css-pudotusvalikkokokeilu, ei otetakaan käyttöön */


#ylanavi {height: 20px;background-color: #ffffff;
  padding: 0px;
  width: 85%;
  margin: 0 auto; 
  text-align: left;
  background-image: url('images/.gif');
  background-repeat: repeat; 
  border-left: thin solid #777777;
  border-right: thin solid #777777;
	padding: 0px;
	border: 0px;
   background-image: url(kuvat/ylapalkki2.jpg);
	background-repeat: no-repeat;
}










/* valikon otsikkopalkkien leveydet määritellään kukin otsikko erikseen, paitsi että nyt käytössä vain tuo eka */
#otsikko_1{width: 80px;}/* Etusivu */
#otsikko_2{width: 110px;}/* Ajankohtaista */
#otsikko_3{width: 85px;}/* Toiminta*/
#otsikko_5{width: 80px;}/* Jäsenet*/
#otsikko_6{width: 105px;}/* Yhteystiedot */
#otsikko_8{width: 85px;}/* Galleria */
#otsikko_9	ul {margin-left: -5px; }