body {
font-family : Arial, Tahoma, Verdana; 
color : #000000; 
margin : 0; 
} 
a:link {
color : #000000; 
text-decoration : none; 
} 
a:active {
color : #000000; 
text-decoration : none; 
} 
a:visited {
color : #000000; 
text-decoration : none; 
} 
a:hover {
text-decoration : none; 
color : #999999; 
text-decoration : underline; 
} 
.topnavi {
font-weight : 600; 
font-size : 11px; 
font-family : Tahoma, Arial, Verdana; 
color : #666666; 
padding-top : 20px; 
padding-bottom : 5px; 
padding-right : 40px; 
} 
.topnavi a:link {
color : #666666; 
text-decoration : none; 
} 
.topnavi a:visited {
color : #666666; 
text-decoration : none; 
} 
.topnavi a:hover {
color : #f09c30; 
text-decoration : underline; 
} 
.topnavi a:active {
color : #666666; 
text-decoration : none; 
} 
.logoyla {
background : url("logoyla.gif") no-repeat bottom left; 
} 
.logoala {
background : url("logoala.gif") no-repeat top left; 
} 
.spacer {
font-size : 15px; 
background-color : #ebeaf0; 
border-top : 4px solid #ffffff; 
border-bottom : 4px solid #ffffff; 
} 
.kokoelma {
background : url("kokoelma.jpg") no-repeat center; 
background-color : #2c3d47; 
} 
.kokoelma_b {
background : url("kokoelma_b.jpg") no-repeat; 
} 
.kokoelmabg {
background-color : #2c3d47; 
} 
.klooni {
background : url("klooni.jpg") no-repeat top left; 
background-color : #2c3d47; 
border-top : 1px solid #000000; 
border-bottom : 1px solid #000000; 
border-right : 1px solid #000000; 
} 
.klooni_bg {
background-color : #2c3d47; 
} 
.studio {
background : url("studio.jpg") no-repeat top left; 
background-color : #2c3d47; 
border-top : 1px solid #000000; 
border-bottom : 1px solid #000000; 
border-right : 1px solid #000000; 
} 
.puukot {
background : url("puukot.jpg") no-repeat top left; 
background-color : #2c3d47; 
border-top : 1px solid #000000; 
border-bottom : 1px solid #000000; 
border-right : 1px solid #000000; 
} 
#navcontainer {
text-align : right; 
margin-top : 0; 
margin-bottom : 0; 
padding-right : 20px; 
font-size : 12px; 
font-family : Tahoma, Arial, Verdana; 
background-color : #2c3d47; 
} 
#navlist {
padding-right : 10px; 
list-style : none; 
padding-left : 8px; 
padding-bottom : 8px; 
margin : 0; 
padding-top : 8px; 
} 
#navlist LI {
padding-right : 4px; 
display : inline; 
padding-left : 4px; 
padding-bottom : 4px; 
line-height : 1.2em; 
padding-top : 4px; 
} 
#navlist A {
border-right : 1px solid #646464; 
padding-right : 5px; 
border-top : 1px solid #646464; 
display : inline; 
padding-left : 5px; 
padding-bottom : 1px; 
margin : 0; 
border-left : 1px solid #646464; 
color : #ffffff; 
padding-top : 1px; 
border-bottom : 1px solid #646464; 
height : 1em; 
text-decoration : none; 
} 
#navlist A:link {
border-right : 1px solid #646464; 
padding-right : 5px; 
border-top : 1px solid #646464; 
display : inline; 
padding-left : 5px; 
padding-bottom : 1px; 
margin : 0; 
border-left : 1px solid #646464; 
color : #ffffff; 
padding-top : 1px; 
border-bottom : 1px solid #646464; 
height : 1em; 
text-decoration : none; 
} 
#navlist A:visited {
border-right : 1px solid #646464; 
padding-right : 5px; 
border-top : 1px solid #646464; 
display : inline; 
padding-left : 5px; 
padding-bottom : 1px; 
margin : 0; 
border-left : 1px solid #646464; 
color : #ffffff; 
padding-top : 1px; 
border-bottom : 1px solid #646464; 
height : 1em; 
text-decoration : none; 
} 
#navlist A:hover {
background : #6f6f6f; 
color : #fff; 
} 
#navlist A:active {
background : #7c6186; 
color : #fff; 
} 
.h1 {
font-weight : 600; 
text-align : left; 
margin-top : 20px; 
margin-bottom : 0; 
margin-left : 30px; 
font-size : 14px; 
font-family : Tahoma, Arial, Verdana; 
color : #ffffff; 
text-decoration : underline; 
} 
.h2 {
font-weight : 600; 
text-align : left; 
margin-top : 0; 
margin-bottom : 0; 
margin-left : 0; 
font-size : 14px; 
font-family : Tahoma, Arial, Verdana; 
color : #ffffff; 
text-decoration : underline; 
} 
.keskiteksti {
text-align : left; 
margin-top : 0; 
margin-left : 30px; 
margin-right : 20px; 
font-size : 12px; 
font-family : Tahoma, Arial, Verdana; 
color : #ffffff; 
} 
.keskiteksti ul {
text-align : left; 
margin-top : 10px; 
margin-left : 30px; 
font-size : 12px; 
font-family : Tahoma, Arial, Verdana; 
color : #ffffff; 
line-height : 15px; 
} 
.alateksti {
text-align : left; 
margin-top : 30px; 
margin-bottom : 40px; 
margin-left : 30px; 
margin-right : 30px; 
font-size : 13px; 
font-family : Tahoma, Arial, Verdana; 
color : #ffffff; 
background-color : #2c3d47; 
} 
.cdtxt {
text-align : left; 
margin-top : 0; 
margin-bottom : 10px; 
font-size : 12px; 
margin-right : 15px; 
font-family : Tahoma, Arial, Verdana; 
color : #ffffff; 
} 
.cd {
border-style : outset; 
border-color : #a0a0a0; 
border-width : 2px;
} 
.tilaustable {
font-size : 12px; 
color : #ffffff; 
background-color : #2c3d47; 
margin-left : 30px; 
margin-top : 30px; 
margin-bottom : 30px; 
} 
.tilaus {
font-size : 12px; 
color : #ffffff; 
} 
.alaosa {
text-align : right; 
padding-top : 30px;
padding-bottom : 10px;
padding-right : 40px; 
font-size : 12px; 
font-family : Tahoma, Arial, Verdana; 
color : #666666; 
} 
div.galleria img {
border-style : outset; 
border-color : #a0a0a0; 
border-width : 2px; 
margin-left : 10px; 
margin-right : 10px; 
margin-top : 10px; 
margin-bottom : 10px; 
} 
div.galleria table {
margin-top : 25px; 
margin-bottom : 25px; 
margin-left : auto; 
margin-right : auto; 
text-align : center; 
} 
div.navigation {
text-align : center; 
} 
div.navigation table {
margin-left : auto; 
margin-right : auto; 
text-align : center; 
} 

