body 		{ background-color: #ffffff; color: #000000;  }

img 		{ border: 0; border-color: #ffffff }

a		{ background-color: #ffffff; color: #9933cc; text-decoration: none }
a:hover	{ background-color: #ffffff; color: #A35CE5 }
a:visited	{ background-color: #ffffff; color: #A35CE5 }

h1			{ background-color: #ffffff; color: #9933cc; text-align: center; font-family: Sans-Serif }
h2, h3, h4, h5 	{ background-color: #ffffff; color: #9933cc; font-family: Sans-Serif }

b		{ font-weight: bold }
i		{ font-style: cursive }

ol, li		{ list-style-type: none }
dt, dl		{ padding-left: 2em }
vb		{ font-weight: bold; font-size: x-large; color: #9933cc; font-family: Sans-Serif  }
/* ul, li	{ list-style-image: url (piste.gif) } */

.vasen 	{ padding-left: 7.5em; padding-right: 2em; padding-bottom: 1em }
.oikea 		{ padding-left: 10em; padding-right: 2em; padding-bottom: 1em }
.sitaatti 	{ padding-left: 4em; padding-right: 5em }
.topselitys	{ padding-left: 6em; padding-right: 5em; padding-top: 1em; padding-bottom: 0em; font-size: smaller }
.center	{ text-align: center }
.pikkucenter	{ text-align: center; font-size: smaller }

.ylatilaa	{ margin-top: 50px;  }

/* 
#navi		{ background-color: #e0d6ff; position: fixed; 
		width: 5.5em; height: 200px; padding: 0.5em; border: solid #9900ff 3px; top: 200px;
		font-family: Sans-Serif; font-weight: bold; color: #9900ff}
#navi a		{ background-color: #e0d6ff; color: #9900ff; text-decoration: 		none }
#navi a:hover	{ background-color: #e0d6ff; color: #8559bc }
#navi a:visited	{ background-color: #e0d6ff; color: #8559bc } 
*/ 
				
 

#navi		{background-image: url( navi.jpg ); background-repeat: no-repeat; background-position: center;  
		background-color: #EED1FE; position: fixed; top: 0; left: 0; width: 5.5em; height: 100%; 
		padding-left: 0.5em; padding-right: 1em; padding-top: 10em; padding-bottom: 10em; 
		font-family: Sans-Serif; font-weight: bold; color: #9933cc; }

#navi a		{ background-color: #EED1FE; color: #9933cc; text-decoration: none }
#navi a:hover	{ background-color: #EED1FE; color: #A35CE5 }
#navi a:visited	{ background-color: #EED1FE; color: #A35CE5 } 


/* Taulukko */

.tekstialue 	{ position: relative; top: 0; right: 0; padding-right: 10em }
.kuvaalue	{ float: right; text-align: center; position: absolute; top: 0; right: 0; width: 9em; font-size: smaller }
.blogalue	{ float: right; text-align: right; position: absolute; top: 0; right: 0; width: 9em; font-size: smaller }

.galleria 	{ width: 600px; padding: 1em; position: relative; text-align: center }

.etusivu { float: left; padding-left: 50px; padding-top: 70px; font-family: Sans-Serif; font-size: 1em; font-weight: bold; }

.ikoni 		    { position: relative; top: 0; right: 0; padding-top: 10px; padding-bottom: 10px; }
.ikoniteksti	{ position: absolute; top: 60px; left: 160px; }

.blskuva { position: relative; top: 0; right: 0; padding: 0.25em }
.blsteksti { position: absolute;  top: 15px; left: 120px; }

.nakyja 	{ float: left; text-align: center; width: 230px; padding-left: 9em; padding-right: 1.5em; padding-bottom: 1em; font-size: smaller }
.geisha		{ float: right; text-align: center; width: 424px; padding: 1em; padding-right: 2em; font-size: smaller }

.kuvaoikea 	{ float: right; text-align: center; width: 150px; padding: 1em; font-size: smaller }
.kuvavasen 	{ float: left; text-align: center; width: 150px; padding: 1em; font-size: smaller }

.muinaiskuva { float: right; width: 200px; padding: 1em; font-size: smaller }
.muinaispuku { float: right; width: 112px; padding: 1em; font-size: smaller }

.opalkki1 	{ position: relative; top: 0; right: 0; padding-right: 25em }
.opalkki2	{ position: absolute; top: 0; right: 0; width: 24em }

.vpalkki1 	{ position: relative; top: 0; right: 0; padding-right: 27.5em }
.vpalkki2	{ position: absolute; top: 0; right: 0; width: 26.5em }