﻿/* CSS layout */
body {
background-image:url(tausta2.jpg);
background-color:#393939;
background-repeat:repeat;
background-position:center center;
margin:0;
margin-left:auto;
margin-right:auto;
margin-top:0px;
font-size:9pt;
font-family: verdana, book antiqua, Bookman old style, georgia, sans-serif, Arial, Helvetica;
color: #d8cbc1;
line-height:20px;
text-align:left;}
	
a:link {color:#e7b380;text-decoration:underline; font-weight:bold;}
a:visited {color:#e7b380;text-decoration:underline; font-weight:bold;}
a:active {color:#d8cbc1;text-decoration:none;}
a:hover {color:#d8cbc1;text-decoration:none;}

#kokosivu {
width:904px;
margin-left:auto;
margin-right:auto;
background-image:url(tekstitausta1.jpg);
background-repeat:repeat-y;
background-position:center center;}

#ylapalkki {
margin-left:auto;
margin-right:auto;
margin-top:0px;
background-image:url(otsikko1.jpg);
height:323px;		
width:954px;}

#vasen {
border:0 solid #000;
width:200px;
margin-left:-8px;
margin-right:0;
margin-top:0px;
float:left;}

.style28 {
	text-align: center;
	color: #E7B380;
}


#valikko {
margin-left:0px;
line-height:15px;
margin-top:0px;
margin-right:0;}

#sisalto {
margin-left:230px;
margin-right:30px;
margin-top:10px;}

#tekstisisalto {
margin-left:40px;
margin-right:40px;
margin-top:10px;}


.style9 {
	background-image: url('tekstitausta1.jpg');
}

.style10 {
	background-image: url('tekstitausta1.jpg');
	text-align: center;
}
.style11 {
	text-align: left;
	font-color:#d8cbc1;
}

.style1 {
border-width:0px;}

.style5 {
	text-align: center;
}

.style6 {
	font-size: xx-small;
}

.style7 {
	text-decoration: underline;
}
.style8 {
	color: #FF0000;
}

.style12 {
	background-image: url('solutausta1.jpg');
}
.style13 {
	border: 2px solid #D8CBC1;
}
.style14 {
	text-align: left;
	border-width: 1px;
}
.style15 {
	text-align: left;
}

.style17 {
	background-color: #D8CBC1;
}

.style19 {
	border-style: solid;
	border-width: 1px;
	background-color: #D8CBC1;
	border-color: #b36a22;
}
.style20 {
	border-style: solid;
	border-width: 1px;
	border-color: #b36a22;
}

.style21 {
	font-family: verdana, book antiqua, Bookman old style, georgia, sans-serif, Arial, Helvetica;
	font-weight: bold;
	font-size: 12pt;
	color: #20150c;
	text-align: center;
}
.style22 {
	background-color: #D8CBC1;
	text-align: center;
}

.style23 {
	text-align: center;
	color: #FF0000;
}

.style25 {
	border: 2px solid #b36a22;
}

.style26 {
	margin-left: 40px;
}

.viiva2 {
	color: #e7b380;
	text-align: left;
}

.style27 {
	margin-left: 40px;
font-family:verdana, book antiqua, Bookman old style, georgia, sans-serif, Arial, Helvetica; 
font-weight:bold; 
font-size:11pt; 
color:#e7b380;
}

.hotsikot {
font-family:verdana, book antiqua, Bookman old style, georgia, sans-serif, Arial, Helvetica; 
font-weight:bold; 
font-size:12pt; 
color:#e7b380;
border-bottom:1px solid #d8cbc1;
letter-spacing: 2px;}

.votsikot {
font-family:verdana, book antiqua, Bookman old style, georgia, sans-serif, Arial, Helvetica; 
font-weight:bold; 
font-size:11pt; 
color:#e7b380;}

.votsikot2 {
font-family:verdana, book antiqua, Bookman old style, georgia, sans-serif, Arial, Helvetica; 
font-weight:bold; 
font-size:12pt; 
color:#20150c;}

.otsikot2 {
font-family:verdana, book antiqua, Bookman old style, georgia, sans-serif, Arial, Helvetica; 
font-weight:bold; 
font-size:10pt; 
color:#20150c;}

.otsikot {
font-family:verdana, book antiqua, Bookman old style, georgia, sans-serif, Arial, Helvetica; 
font-weight:bold; 
font-size:10pt; 
color:#e7b380;}

.yhteys {
	border: 0px solid #000000;
	background-color: #d8cbc1;}
	
.style2 {
	border: 1px solid #e7b380;
}

.img2 {
border:1px solid #e7b380;
margin: 10px 10px 10px 10px;}

.img3 {
border:1px solid #e7b380;}

.img4 {
border:2px solid #e7b380;}

.img5 {
border:0px;
margin: 10px 10px 10px 10px;}

.img6 {
border:0px;}

.copy {
text-align:center;
font-family:verdana, book antiqua, Bookman old style, georgia, sans-serif, Arial, Helvetica; 
font-size:8pt; 
color:#d8cbc1;}

.viiva {
	color: #e7b380;}

.viivaaja {
	color: #e7b380;}

.keski {
text-align:center;
font-family:verdana, bbook antiqua, Bookman old style, georgia, sans-serif, Arial, Helvetica; 
font-size:8pt; 
color:#d8cbc1;}

.keski2 {
text-align:center;
font-family:verdana, book antiqua, Bookman old style, georgia, sans-serif, Arial, Helvetica; 
font-size:10pt; 
color:#d8cbc1;}

.keskit {
	text-align: center;
line-height:10px;
}

.soluvari {
	text-align: center;
	font-family: verdana, book antiqua, Bookman old style, georgia, sans-serif, Arial, Helvetica;
	font-size: 8pt;
	color: #d8cbc1;
	border: 1px solid #b1191e;
line-height:18px;
}
.tauluvari {
	border: 1px solid #b1191e;
	border-collapse: collapse;
}

.style16 {
	text-align: center;
	font-color: #d8cbc1;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #20150c;
padding: 5px;
left: -1000px;
border: 1px solid #d8cbc1;
visibility: hidden;
color: #d8cbc1;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}