html { background: #FFE4C4 }

body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 70%; 
color: #333333; 
line-height: 1.3;
position: relative;
width:806px;
margin: 18px auto 0px auto;
padding: 1px;
border: 1px solid #fff;
background: #c0c0c0}

#content { position: relative;
border: 3px double #ffedd8;
width:800px;
margin: 0 auto 0 auto;
padding: 0;
background: #ffcc99 url(botpic.jpg) no-repeat bottom right;
color: #333333; 
min-height: 580px; }
	
#content2 { position: relative;
border: 3px double #ffedd8;
width:800px;
margin: 0 auto 0 auto;
padding: 0;
background: #ffcc99;
color: #333333; 
min-height: 580px; }

#content3 { position: relative;
border: 3px double #ffedd8;
width:800px;
margin: 0 auto 0 auto;
padding: 0;
background: #ffcc99 url(2007.jpg) no-repeat bottom right;
color: #333333; 
min-height: 580px; }

#contentpusu { position: relative;
border: 3px double #ffedd8;
width:800px;
margin: 0 auto 0 auto;
padding: 0;
background: #ffcc99 url(pusu.jpg) no-repeat bottom right;
color: #333333; 
min-height: 580px; }

#content4 { position: relative;
border: 3px double #ffedd8;
width:800px;
margin: 0 auto 0 auto;
padding: 0;
background: #ffcc99 url(poikaset.jpg) no-repeat bottom right;
color: #333333; 
min-height: 580px; }

#content5 { position: relative;
border: 3px double #ffedd8;
width:800px;
margin: 0 auto 0 auto;
padding: 0;
background: #ffcc99 url(safiiripentu.jpg) no-repeat bottom right;
color: #333333; 
min-height: 580px; }

.clearit {margin: 0;
padding: 0;
height: 0;
clear: both;}

.mainmenu {width: 100%;
height: 20px;
margin: 8px 0 10px 0;
padding: 0;
background: #000000 url(bg-bub.gif) top left repeat-x;}
.mainmenu ul {list-style: none;
margin: 0;
padding: 0;}
.mainmenu ul li {float: left;
margin: 0 1px 0 0;
padding: 0;
background: transparent url(bg-button.gif) top left no-repeat;}
.mainmenu ul li a {display: block;
height: 20px;
padding-left: 12px;
float: left;
text-transform: uppercase;
font-size: 110%;
font-weight: normal;
color: #FFF5EE;
text-decoration: none;}
.mainmenu ul li:first-child { margin-left: 44px; }

.mainmenu ul li a span.menu_ar {
display: block;
float: left;
height: 15px;
padding-top: 2px;
padding-right: 12px;
background: transparent url(bg-button.gif) top right no-repeat;
cursor: pointer;}


.mainmenu ul li a:hover,
.mainmenu ul li.highlight a {background: transparent url(bg-buttonorange.gif) top left no-repeat;}
.mainmenu ul li a:hover span.menu_ar,
.mainmenu ul li.highlight a span.menu_ar {background: transparent url(bg-buttonorange.gif) top right no-repeat;}

	
#navpoikueet{ clear: right; 
padding: 0px 20px 0px 20px }
#navpoikueet ul { background-color: inherit;
color: #ffcc99; 
margin-left: auto;
margin-right: auto;
text-align: center;
padding-left: 0; }
#navpoikueet li { display: inline-block }
#navpoikueet li { list-style-type: none;
padding: 0.25em 1em;
display: inline }

#navpoikueet2 ul { background-color: inherit;
color: #ffcc99; 
margin-left: auto;
margin-right: auto;
text-align: center;
margin: 0px; 
padding: 0px }
#navpoikueet2 li { display: inline }	
#navpoikueet2 li { list-style-type: none;
padding: 0.25em 1em;
display: inline }	
	
#linkit1 { padding: 0 20px 0 140px }
#linkit1 ul { margin-top: 0px;
float:left;
line-height: 1.8;
text-align: right;
background-color: inherit;
color: #606060 }
#linkit1 li { list-style-type: none;
padding: 0.25em 1em;
display: block }
	
#linkit2 { padding: 0 20px 0 20px }
#linkit2 ul { margin-top: 0px;
float:left;
line-height: 1.8;
text-align: left;
background-color: inherit;
color: #606060 }
#linkit2 li { list-style-type: none;
padding: 0.25em 1em;
display: block }	

#menestys { clear: right; 
padding: 0px 20px 0px 20px }
#menestys ul { background-color: inherit;
color: #ffcc99; 
margin-left: auto;
margin-right: auto;
text-align: center;
padding-left: 0; }
#menestys li { list-style-type: none;
padding: 0.25em 1em;
display: block }

a:link { font-weight: bold; 
text-decoration: underline; 
background-color: inherit;
color: #606060 }
a:visited { font-weight: bold; 
text-decoration: underline; 
background-color: inherit;
color: #606060 }
a:hover, a:active { text-decoration: underline; 
background-color: inherit;
color: #ffffcc }

.menua { text-decoration: none; 
font-weight: bold; 
background-color: #606060;
font-size: 125%; 
color : #ffedd8 } 
.menua:link    { text-decoration: none; 
background-color: #606060;
font-size: 125%; 
color : #ffedd8 } 
.menua:visited { text-decoration: none; 
background-color: #606060;
font-size: 125%; 
color : #ffedd8 } 
.menua:hover, .menua:active  { text-decoration: none; 
background: #606060; 
font-size: 125%; 
color : #FFFFCC }

.menub, .menub:link, .menub:visited  { text-decoration: none; 
background: inherit;
font-size: 100%; 
color: #909090; } 
.menub:hover, .menub:active  { text-decoration: underline; 
background: inherit;
font-size: 100%; 
color: #FFFFCC }

.menuc, .menuc:link, .menuc:visited { text-decoration: none; 
font-weight: bold; 
background: inherit;
font-size: 140%; 
color : #909090 } 
.menuc:hover, .menuc:active  { text-decoration: underline; 
background: inherit;
font-size: 140%; 
color: #FFFFCC }

.menud, .menud:link, .menud:visited  { text-decoration: underline; 
background: inherit;
font-size: 100%; 
color: #ffffcc; } 
.menud:hover, .menud:active  { text-decoration: underline; 
background: inherit;
font-size: 100%; 
color: #ff9933 }

.menue, .menue:link, .menue:visited  { text-decoration: underline; 
background: inherit;
font-size: 110%; 
color: #909090; } 
.menue:hover, .menue:active  { text-decoration: underline; 
background: inherit;
font-size: 110%; 
color: #303030 }

.menug, .menug:link, .menug:visited  { text-decoration: underline; 
background: inherit;
font-size: 100%; 
color: #ddf8cc; } 
.menug:hover, .menug:active  { text-decoration: underline; 
background: inherit;
font-size: 100%; 
color: #008000 }	

.kuvamenu, .kuvamenu:link, .kuvamenu:visited { text-decoration: none; 
font-weight: bold; 
background: inherit;
font-size: 140%; 
color : #303030 } 
.kuvamenu:hover, .kuvamenu:active  { text-decoration: none; 
background: inherit;
font-size: 140%; 
color: #606060 }

.hamsulinkki { text-decoration: underline; 
font-weight: bold; 
background-color: inherit;
font-size: 100%; 
color : #606060 } 
.hamsulinkki:link    { text-decoration: underline; 
background-color: inherit;
font-size: 100%; 
color : #606060 } 
.hamsulinkki:visited { text-decoration: underline; 
background-color: inherit;
font-size: 100%; 
color : #606060 } 
.hamsulinkki:hover, .hamsulinkki:active  { text-decoration: underline; 
background: #FFCC99; 
font-size: 100%; 
color : #909090 }
	
.linkki { text-decoration: underline; 
font-weight: normal; 
background-color: inherit;
font-size: 100%; 
color : #606060 } 
.linkki:link    { text-decoration: underline; 
font-weight: normal; 
background-color: inherit;
font-size: 100%; 
color : #606060 } 
.linkki:visited { text-decoration: underline; 
font-weight: normal; 
background-color: inherit;
font-size: 100%; 
color : #606060 } 
.linkki:hover, .linkki:active  { text-decoration: underline; 
font-weight: normal; 
background: inherit; 
font-size: 100%; 
color : #303030 }
	
.milleni { text-decoration: none; 
font-weight: normal; 
background-color: inherit;
font-size: 100%; 
color : #606060 } 
.milleni:link    { text-decoration: none; 
font-weight: normal; 
background-color: inherit;
font-size: 100%; 
color : #606060 } 
.milleni:visited { text-decoration: none; 
background-color: inherit;
font-size: 100%; 
color : #606060 } 
.milleni:hover, .milleni:active  { text-decoration: underline; 
background: inherit; 
font-size: 100%; 
color : #303030 }

.lihava, .lihava:hover { text-decoration: none; 
font-weight: bold;
color : #606060; 
background: inherit }
	
#maintext { padding: 10px 50px 0px 50px }

#maintext2 { padding: 0px 0px 30px 0px }

#uutiset { padding: 5px 50px 10px 50px }

#arkisto { padding: 5px 50px 150px 50px }

#winterwhite { padding: 10px 50px 50px 50px }

#poikueet { padding: 20px 100px 0px 100px }

#menestyssivu { padding: 10px 50px 0px 50px }

#linkkilista { padding: 10px 0px 100px 0px }

#copy { padding: 10px 50px 150px 50px }

#myydaan { padding: 20px 50px 0px 50px }

#millennium { padding: 0px 50px 0px 50px }

#galtsu { padding: 0px 0px 20px 0px;
margin-left: auto;
margin-right: auto;
text-align: center }

#galtsu2 { padding: 0px 50px 20px 50px;
margin-left: auto;
margin-right: auto;
text-align: center }

#otsikko h1 { background: transparent url(toppi.jpg) no-repeat top left; 
margin: 0px; 
width: 800px; 
height: 120px }

#otsikko h1 span { display:none }
	
p { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 100%; 
color: #303030; 
margin-top: 0px;
margin-bottom: 0px;
text-align: justify;
background: inherit }	

p.enter { margin-top: 10px;
margin-bottom: 10px }

p.top { margin-top: 15px }

p.top1 { margin-top: 3px }

p.topmiinus { margin-top: -5px }

p.bold { font-weight: bold; 
text-align: left;
margin-top: 10px;
margin-bottom: 10px }

p.boldb { font-weight: bold; 
text-align: left;
margin-top: 100px;
margin-bottom: 10px }

p.bold1 { font-weight: bold; 
margin-top: 10px }

p.boldcent { font-weight: bold;
text-align: center; 
margin-top: 10px;
margin-bottom: 20px }	

p.boldcent2 { font-weight: bold;
text-align: center; 
margin-top: 10px;
margin-bottom: 5px }	

p.cent { text-align: center }

p.centa { margin-top: 20px;
margin-bottom: 20px;
text-align: center }	

p.nimiotsikko { text-decoration: underline; 
font-size: 200%; 
text-align: center; 
margin-top: 20px;
margin-bottom: 10px }

p.nimiotsikko3 { text-decoration: underline; 
font-size: 200%; 
text-align: center; 
margin-top: 20px;
margin-bottom: 0px }

p.kaikkigaltsu { font-weight: bold;
font-size: 140%; 
text-align: center; 
margin-top: 10px;
margin-bottom: 10px }	

p.kuvattu { font-weight: normal;
font-size: 80%; 
text-align: right; 
margin-right: 5px;
margin-bottom: 10px }

.varattu, .varattu:hover { color: #d08b4e;
background: inherit;
text-decoration: none; 
font-style: italic; }
	
#address {
clear: both; 
padding: 30px 0px 0px 80px }	

p.addr { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
margin-top: 1px;
margin-bottom: 0px }

p.puh { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
margin-top: 10px;
margin-bottom: 0px }	

p.mail { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
margin-top: 10px;
margin-bottom: 0px }

fieldset { border: 3px double #ffedd8;
padding: 5px 10px 10px 10px;
margin: 10px 0px 20px 0px }

.blotsikko { font-size: 110%;
color: #606060; 
font-weight: bold;
font-style: italic;
padding: 0px 5px 5px 5px }

p.blteksti { line-height: 1.6;
text-align: left;
padding: 0px 0px 5px 0px;
margin: 8px 0px 3px 0px }

p.blaika { font-size: 90%;
font-style: italic;
border-bottom: solid #ffedd8 1px;
padding: 0px 0px 5px 8px;
margin: 0px 0px 5px 0px }

p.blkommentti { font-size: 90%;
text-align: right;
font-style: italic;
padding: 0px 10px 0px 0px }

p.vink { font-size: 90%;
font-style: italic;
padding: 10px 0px 0px 0px }

.newsimage { float:right;
margin: 5px 0px 0px 15px;
width: 294px;
height: 196px;
border: outset #ffedd8 2px }

.newsimage2 { float:right;
margin: 5px 0px 0px 15px;
border: outset #ffedd8 2px }

.newsimage3 { float:right;
margin: 0px 0px 0px 15px;
border: none }

hr { color: #ffedd8;
background-color: #ffedd8;
height: 3px;
border: 1px outset #ffedd8;
width: 100%;
padding: 0px;
margin: 0px }

p.kappale { text-indent: 10px;
margin-top: 10px;
margin-bottom: 10px }
p.kappale:first-letter {font-size:140%;
font-weight:bold }

p.kappale2 { margin-top: 10px;
margin-bottom: 10px }


.hr { background: url(hr.gif) repeat-x; 
margin-top: 15px;
margin-bottom: 20px;
border-width: 0 ;
width:200px; 
height:10px }

.hrimage { clear: right; 
background: url(hr.gif) repeat-x; 
margin-top: 0px;
margin-bottom: 20px;
border-width: 0 ;
width:200px; 
height:10px }

.hr2 { background: url(hr.gif) repeat-x; 
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align: center; 
border-width: 0 ;
width:200px; 
height:10px }

.news { margin-top: 0px;
line-height: 1.5;
margin-bottom: 0px;
text-align: left }
	
.image { margin: 0px; 
border: none }
	
.galleria { margin-top: 20px; 
border: outset #ffedd8 3px }

.gallery { margin-top: 20px; 
border: none }

.kehys { border: outset #ffedd8 3px }

.kuvakehys { margin-top: 10px; 
border: outset #ffedd8 3px }

.kuvakehys2 { margin-top: 10px; 
margin-bottom: 20px; 
border: outset #ffedd8 3px }

.galleriavika { margin-top: 20px; 
margin-bottom: 20px; 
border: outset #ffedd8 3px }

.galleryvika { margin-top: 20px; 
margin-bottom: 20px; 
border: none }

.pikkugalleria { margin: 10px; 
border: outset #ffedd8 2px }

.pikkuhamsu{ margin-top: 10px;
margin-bottom: 10px;
border: none }
	
#sukutaulu{ margin-top: 10px;
margin-left:auto;
margin-right:auto;
border: outset #ffedd8 1px }

.sukutaulu{ margin-top: 10px;
margin-left:auto;
margin-right:auto;
border: outset #ffedd8 1px }

table.sukutaulusivu { margin-top: 10px;
margin-bottom: 10px;
margin-left:auto;
margin-right:auto;
border: outset #ffedd8 1px }

.suku { width:180px;
border: outset #ffedd8 1px }

.dblomake { width:180px;
padding-left: 5px;
border: outset #ffedd8 1px }

.dbdata { width:180px;
border: outset #ffedd8 1px }

p.hamsteri { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 90%; 
font-weight: bold; 
color: #606060; 
margin-top: 2px;
margin-bottom: 2px;
text-align: center;
background: inherit }	

p.vari { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 80%; 
color: #606060; 
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
background: inherit }	

p.kasvattaja { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 80%; 
color: #303030; 
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
background: inherit }	

.talvikot { 	
margin-top: 45px;
text-align: left;
line-height: 1.6;
text-align: left }

.talvikotimage {
float:left;
margin: 20px;
width: 294px;
height: 196px;
border: outset #ffedd8 2px }

.floatimage {
float:left;
margin: 20px;
border: outset #ffedd8 2px }

.boxi {
float:left;
text-align: center;
padding: 10px 0px 10px 0px;
font-size: 200%; 
margin: 20px;
width: 294px;
height: 40px;
border: outset #ffedd8 3px }

.logolinkki { float:left;
margin: 30px 20px 20px 150px;
width: 200px;
height: 30px;
border: outset #ffedd8 3px }
	
.menestyneet { 	
margin-top: 60px;
float:left;
line-height: 1.6;
text-align: left }

.elaimet { 	
margin-top: 40px;
line-height: 1.5;
text-align: left }

.elaimet1 { 	
margin-top: 30px;
text-align: left }
		
.taitto { clear: both }

p.vuosi { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 100%; 
font-weight: bold; 
color: #606060; 
margin-top: 20px;
text-align: center;
background: inherit }	

#metaulu { border: outset #ffedd8 1px; 
margin-left: 20px; 
margin-bottom: 10px; 
margin-top: 10px }

#metaulu2 { border: outset #ffedd8 1px; 
margin-left: 20px; 
margin-bottom: 10px; 
margin-top: 0px }

.taulu { border: outset #ffedd8 1px }

.taulu1 { border: outset #ffedd8 1px;
padding: 0px 10px 0px 10px }

.taulu2 { border: outset #ffedd8 1px;
padding: 0px 5px 0px 5px }

.taulu3 { border: outset #ffedd8 1px;
width: 300px }

.taulu4 { border: outset #ffedd8 1px;
width: 50px }
		
#foo{ padding: 70px 50px 0px 0px }
#foo ul { text-align: center }
#foo li { list-style-type: none;
padding: 1em 1em;
display: block }

#foosuku{ padding: 0px 40px 0px 0px }
#foosuku ul { text-align: center }
#foosuku li { list-style-type: none;
padding: 1em 1em;
display: block }

#fookuva{ padding: 0px 0px 20px 0px }
#fookuva ul { text-align: center }
#fookuva li { display: inline-block }
#fookuva li { list-style-type: none;
padding: 1em 10em;
display: inline }
	
#foomenu{ padding: 35px 50px 0px 0px }
#foomenu ul { margin: 5px 0px 0px 0px;
text-align: center }
#foomenu li { display: inline }
#foomenu li { list-style-type: none;
padding: 0.1em 0.1em;
display: inline }

.rak1 { float:left;
margin-left: 20px }

.rak2 { float:right;
margin-right: 20px  }

.pikkugalleria2 { margin-top: 0px; 
margin-bottom: 20px; 
border: outset #ffedd8 2px }

.uutta { float:right;
text-align: right;
padding: 0px;
font-size: 100%; 
margin: -15px 0px 5px 0px;
width: 274px;
height: 40px;
border: none }

.paivitys { margin: -10px 0px 0px 0px; }

p.oikea { text-align: right;
padding-top: 1px}
p.oikeab { padding: 0px 0px 10px 0px;
font-weight: bold; 
text-align: right }

.galleriake { margin-top: 20px;
border: none }

#admin { background: #606060;
color: #ffcc99; 
border: outset #ffedd8 3px; }
#admin ul { border: none;
text-align: left;
margin: 25px 0px 25px 0px;
background: #606060;
color: #ffcc99 }
#admin li { padding: 15px 0px 15px 0px;
margin: 0px;
color: #ffffff;
background: #606060;
border: none }
#admin li:first-child { padding: 15px 0px 5px 0px;
list-style-type: none;
color: #ffffff;
background: #606060;
margin: 0px;
border: none }

div.vuodet { float: left;
padding: 0px 20px 0px 0px }
div.vuodet li { padding: 0px 0px 5px 0px }

.poikuetilastot { 
border: outset #ffedd8 1px; 
margin: 30px 0px 30px 20px }

.potsikko { text-align: center;
font-weight: bold; 
padding: 5px;
border: outset #ffedd8 1px; }

.poikuetaulu { border: outset #ffedd8 1px;
text-align: center;
padding: 3px 5px 3px 5px;
width: 100px }

.poikuetauluv { border: outset #ffedd8 1px;
text-align: left;
padding: 3px 5px 3px 5px;
width: 120px }

.poikuetauluo { border: outset #ffedd8 1px;
text-align: left;
padding: 3px 5px 3px 5px;
width: 60px }

.rako { border: outset #ffedd8 1px;
padding: 3px 5px 3px 5px; }

p.vasen { margin-right: 250px;
margin-top: 10px;
margin-bottom: 10px }

.textiboxi { width: 500px }

p.emter { text-align: left }

.kuveli { float:right;
margin: 5px 0px 0px 15px;
border: outset #ffedd8 2px }

p.hamsunimi { font-weight: bold;
padding: 0px 0px 5px 8px }

.alaviiva { border-bottom: solid #ffedd8 1px;
margin: 0px 0px 10px 0px }

.kaika { font-weight: normal;
font-size: 80%; 
text-align: right; 
margin-right: 5px }

.sivuotsikko { text-decoration: underline; 
font-size: 200%; 
text-align: center; 
margin-top: 0px;
margin-bottom: 10px }
 
.uutislinkki, .uutislinkki:link, .uutislinkki:visited  { text-decoration: none; 
font-weight: normal;
background: inherit;
font-size: 100%; 
color: #606060;  } 
.uutislinkki:hover, .uutislinkki:active  { text-decoration: underline; 
font-weight: normal;
background: inherit;
font-size: 100%; 
color: #909090 }

.submit { margin: 5px; }

legend { font-size: 120%;
color: #606060; 
font-weight: bold;
padding: 0px 5px 0px 5px }

.talvikon_tiedot { padding: 0px 5px 0px 5px;
line-height: 1.6; }

.vasenpalkki { float: left }
.keskipalkki { float: left;
margin: 0px 0px 0px 80px; }
.oikeapalkki { float: right }

td.oikea { text-align: right;
white-space: nowrap;
padding: 2px 3px 2px 2px;
border: outset #ffffff 1px }

td.vasenreuna { padding: 0px 5px 0px 30px;
text-align: left; }
td.vasen { text-align: left; }

.ssapn { float: left;
text-align: center;
width: 100px;
height: 40px;
margin-left: 10px; }

.burb2 { background-color: #ff0000;
color: #ffffff; }
.burb3 { background-color: #ff6666;
color: #000000; }
.burb4 { background-color: #ff99ff;
color: #000000; }
.burb5 { background-color: #ffccff;
color: #000000; }
.burb6 { background-color: #ccccff;
color: #000000; }
.burb7 { background-color: #ccffcc;
color: #000000; }