body {
background:url(../tausta12.png) no-repeat top center #451f2b;
background-size: cover;
background-attachment: fixed;
margin:0;
padding:0;
}

.sisalto {
width:975px;
margin: 0px auto;
background-image:url(http://i236.photobucket.com/albums/ff111/SeSSa95/tausta3_zps87b86ce4.png);
-webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.19);
-moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.19);
box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.19);
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

.teksti {
width:900px;
padding:15px 0px;
margin: 0px auto;
text-align:justify;
font-family: 'Open Sans', sans-serif;
font-size:13px;
line-height:1.5;
color:#9f838c;
}

.ala {
font-family: 'Open Sans', sans-serif;
font-size:12px;
line-height:1.5;
color:#7a5d66;
text-align:center;
padding:10px 0px;
margin:20px auto;
}

.otsikko {
width:450px;
height:176px;
margin:80px auto 20px auto;
}

.linkit {
position: fixed;
top: 0;
width:100%; 
height:66px;
background:url(http://i236.photobucket.com/albums/ff111/SeSSa95/tausta2_zpsfcae6b4f.png) repeat-x 0px 0px;
margin:0px;
z-index:3;
}

.linkit ul {
margin:0px 0px 0px 0px; 
padding:0px; 
width: -webkit-fit-content;
width: -moz-fit-content;
 width: fit-content; margin: 0 auto;
 }
 
.linkit li {
list-style: none; 
float:left; 
margin:0px 60px;
line-height:48px;
} 

.linkit li a {
color:#484848;
font-family: 'Titillium Web', sans-serif;
text-decoration:none;
font-size:13px;
letter-spacing:3px;
text-transform:uppercase;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.26);
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
}

.linkit li a:hover {
color:#c5c5c5;
font-family: 'Titillium Web', sans-serif;
text-decoration:none;
font-size:13px;
letter-spacing:3px;
text-transform:uppercase;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.26);
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
}

.keski {
text-align:center;
margin-left:auto;
margin-right:auto;
}

h1 {
padding-left:60px;
margin-left:20px;
background:url(http://i236.photobucket.com/albums/ff111/SeSSa95/h1_zps153cc441.png) no-repeat 0px -5px;
 color:#dfdfdf;
 line-height:40px;
 font-size:40px;
 font-weight:400;
font-family: 'Great Vibes', cursive;
text-shadow: 2px 0px 5px rgba(0, 0, 0, 0.41);
}

h2 {
font-size:20px;
letter-spacing:2px;
color:#c3a7b0;
font-weight:400;
font-family: 'Titillium Web', sans-serif;
}

h3 {
font-family: 'Open Sans', sans-serif;
font-weight:400;
color:#d2d2d2;
font-size:14px;
letter-spacing:1px;
}

a:link {
color:#cd91a3;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
text-decoration: none;	
}

a:visited {
color:#c18497;
}

a:active {
color:#c18497;
}

a:hover {
color:#9f838c;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

.taulukko {
width:95%;
margin:0px auto 0px auto;
border-collapse:collapse;
border-top:1px solid #996c7a;
}

.taulukko td {
border-bottom:1px solid #996c7a;
}

.td1 {
padding:5px 8px;
font-family: 'Titillium Web', sans-serif;
font-size:13px;
color:#ebdce1;
letter-spacing:2px;
background-image:url(http://i236.photobucket.com/albums/ff111/SeSSa95/tausta4_zps063f8f1b.jpg);
}

.td2 {
padding:5px 8px;
font-family: 'Open Sans', sans-serif;
font-size:13px;
color:#9f838c;
background-image:url(http://i236.photobucket.com/albums/ff111/SeSSa95/tausta3_zps87b86ce4.png);
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
}

.td2:hover {
padding:5px 8px;
font-family: 'Open Sans', sans-serif;
font-size:13px;
color:#9f838c;
background-image:url(http://i236.photobucket.com/albums/ff111/SeSSa95/tausta3_zps87b86ce4.png);
filter: alpha(opacity=50);
opacity: 0.5; 
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
}

.td3 {
padding:5px 8px;
font-family: 'Open Sans', sans-serif;
font-size:13px;
color:#9f838c;
background-image:url(http://i236.photobucket.com/albums/ff111/SeSSa95/tausta3_zps87b86ce4.png);
}

.kuva {
-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.31);
-moz-box-shadow:    0px 0px 7px 0px rgba(0, 0, 0, 0.31);
box-shadow:         0px 0px 7px 0px rgba(0, 0, 0, 0.31);
border:2px solid #996c7a;
margin:8px;
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
}

.kuva:hover {
opacity: 0.7; 
filter: alpha(opacity=70);
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
}

.ema {
padding:5px 10px;
background-image:url(http://i236.photobucket.com/albums/ff111/SeSSa95/tausta3_2_zps93897676.png);
}

.isa {
padding:5px 10px;
background-image:url(http://i236.photobucket.com/albums/ff111/SeSSa95/tausta3_zps87b86ce4.png);
}



.lightbox {
	display: none;
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.4);
}

.lightbox img {
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
border:25px solid #000;
}

.lightbox:target {
	outline: none;
	display: block;
}