body {
background-image:url('img/bg1.jpg');
background-position:center;
background-color:#2d1d28;
font-family:arial;
font-size: 8pt; 
color:#000; 
margin: 0px;
padding: 0px;
}

#koko {
margin:auto;
text-align:center;
float:center;
width:1200px; 
min-height:100%;
position:center;
align:center;
z-index:2;
margin-top: 0px;
margin-bottom: -20px;
}

#koko2 {
margin:auto;
text-align:center;
float:center;
width:1200px; 
min-height:100%;
position:center;
align:center;
z-index:2;
margin-top: -12px;
margin-bottom: -20px;
}

td {
font-size:12px;
text-align:justify;
}

.tieto {
font-family: 'Arvo', serif;
font-size:13px;
}

#ylapalkki {
background:url('img/tausta.jpg') no-repeat; 
width:1200px; 
height:689px; 
left:0; 
top:0; 
}

#kuvat {
background: url('img/kuvat2.png') no-repeat;
width: 1119px;
height: 304px;
margin-left:75px;
}

#otsikko {
background-image: url('img/otsikko.png');
background-repeat: no-repeat;
width: 307px;
height: 118px;
margin-left:75px;
margin-top:0px;
}

#alaotsikko {
background-image: url('img/alaotsikko.png');
background-repeat: no-repeat;
width: 196px;
height: 19px;
display: block;
margin-left: 1000px;
margin-top:-40px;
}

#linkit {
height:34px; 
width:1119px;
margin-left:75px;
top:403px;
}

#tekstitausta {
width:1119px;
background:url('img/bg2.jpg') repeat-y;
bottom:0px;
margin-left:75px;
min-height:200px;
margin-top: 0px;
}

#teksti {
background:url('img/tekstiyla.jpg') no-repeat;
line-height:20px;
padding: 25px;
font-family: arial, 'trebuchet ms'; 
font-size:12px; 
text-align:justify;
z-index:18;
color:#29011b; 
}

#tekstib {
background: url('img/tekstiala.jpg') no-repeat;
width: 1119px;
margin-left:75px;
height: 23px;
}

#alapalkki{
position: absolute;
left: 0px;
abottom: 0px;
height: 151px;
margin:0 auto;
background: url(img/alabg.png) repeat-x bottom;
width: 100%;
margin-top:169px;
text-align: center;
font-family: 'Lato', sans-serif;
}

#footer {
width:1119px;
margin:0 auto;
height:290px;
}

#vuk {
background: url('img/pikkuvuk.png') no-repeat ;
width: 176px;
margin-top:-139px;
margin-left:90px;
height: 290px;
}

.loota1 {
font-size:13px;
color:white;
padding:15px 30px 15px 30px;
border-right:1px solid white;
}

.loota2 {
font-size:13px;
color:white;
padding:15px 30px 15px 30px;
}

#alapalkki a {
color:#d3b8c7;
text-decoration:none;
}

.pikkukuva a {
    -moz-transition: all 0.4s ease-out;  /* FF4+ */
    -o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.4s ease-out;  /* IE10? */
    transition: all 0.4s ease-out;  
    opacity: 0.5;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.pikkukuva a:hover {
    -moz-transition: all 0.4s ease-out;  /* FF4+ */
    -o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.4s ease-out;  /* IE10? */
    transition: all 0.4s ease-out;  

    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}


#teksti a {text-decoration: none; font-weight: bold; color: #ac1761;}
#teksti a:hover {color: #ac1761; text-decoration:underline;}


h1 {
font-family: 'Old Standard TT', serif;
font-size:25px;
background-image:url(img/h1tausta.png);
background-repeat:no-repeat;
color:#4a1539;
text-shadow:0px 0px 3px #f0c0e3;
min-height:64px;
padding:15px 0px 0px 30px;
margin-top: -20px;
}

h2 {
font-family: arvo, serif;
font-size:15px;
color:#4a1539;
text-shadow:0px 0px 3px #f0c0e3;
}


.sukutaulu {
background-image:url(img/sukutaulu.jpg);
background-size: 100% 100%;
padding:12px;
background-color:#e1c7d5;
}

.suku {
background-image:url(img/sukutausta.png);
padding:10px;
border:1px solid #c99fb5;
font-family:courier new;
font-size:11px;
text-shadow:0px 0px 3px #f0c0e3;
}

.suku:hover {
background-image:url(img/sukutausta2.png);
text-shadow:0px 0px 3px #fff;
}

.suku b {
font-family: 'Old Standard TT', serif;
font-size:15px;
}

.kisa1 {
background-image:url(img/sukutaulu.jpg);
padding:5px;
border-bottom:1px solid white;
font-family: 'Old Standard TT', serif;
font-size:15px;
text-shadow:0px 0px 3px #f0c0e3;
}

.kisa {
background:#f7edef;
font-family:courier new;
font-size:11px;
text-shadow:0px 0px 3px #f0c0e3;
}

.kisa:hover {
background:#ecaabe;
}

.k {
padding:5px;
border-bottom:1px solid white;
}

.tulos {
padding:5px;
border-bottom:1px solid white;
font-family:arial;
font-size:10px;
}


.jqueryslidemenu{
font: 12px arial;
width: 100%;
height:40px;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: right;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
color: white;
padding: 10px 25px 10px 25px;
color: #d3c4cc;
text-decoration: none;
}

.hidden a {
background:#ffffff;
display: block;
color: #3d1b2c;
padding: 10px 25px 0px 25px;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a {
color: #ffffff;
}

.jqueryslidemenu ul li a:hover{
background: #391e2e; /*tab link background during hover state*/
color: #ffffff;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
color:#3d1b2c;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
color:#3d1b2c;
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: 12px arial;
color:#3d1b2c;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #ffffff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}