#runko {
width: 850px;
margin: auto;
padding:5px;
border:4px double #000;
background:url(runko1.png);
}


h1{

margin-top:8px;
margin-bottom:4px;
font-family:'Cookie', Helvetica, sans-serif;
font-size:90px;
text-shadow: 4px 4px 4px #17172A;
color:#aeaded;
letter-spacing:0px;
font-style:normal;
font-weight:normal;
}


h2{

margin-top:8px;
margin-bottom:4px;
font: 200 70px/0.7 'Cookie', Helvetica, sans-serif;
color:#000000;
letter-spacing:0px;
font-style:normal;
font-weight:normal;
border-bottom:1px solid #000000;
}

h3{

margin:5px;
font: 200 40px/0.7 'Cookie', Helvetica, sans-serif;
color:#000000;
letter-spacing:0px;
font-style:normal;
font-weight:normal;
}

h4{

margin:5px;
font-family:verdana;
font-size:18px;
color:#000000;
letter-spacing:0px;
font-style:normal;
font-weight:normal;
margin-left: auto;
margin-right: auto;
width: 50%;
text-align:center;
text-shadow: 2px 2px 8px #4a4a59;

}
#logo {
background:url(logo.jpg) no-repeat #ffffff;
border:1px solid #000;
width: 650px;
height: 318px;
position:relative;
left:170px;
bottom:27px;
}


#teksti {
width: 640px;
border:1px solid #000;
min-height:320px;
background:#cfcfcf;
text-align: justify;
position:relative;
left:170px;
bottom:15px;
padding: 5px;
line-height: 2.0;
}

#nimi {

width: 820px;
height:90px;
margin-bottom:5px;

}

#copy {
background: #cfcfcf;
border:1px solid #000;
width: 639px;
height:15px;
position:relative;
left:170px;
bottom:10px;
padding:6px;
font-size:15px;
text-align: center;
}

#valko{

background: #ffffff;
border:1px solid #000;
padding:5px;
}

.teksti { 
float: right;
clear:right;
padding-right: 2px;
}

a:link,a:visited,a:active {
color: #0E0061;
text-decoration:none;
}

a:hover {
color: #0036e4;
text-decoration:none;
border:none;
font-style:italic;
}

a img { border:0;
}

IMG.kuva {
margin:2px;
}

img {
border:4px solid #ffffff;
}

img.rajaton {
border:0;
}

img.vasen {
float:left;
margin:5px;
}

img.oikea {
float:right;
margin:5px;
}

IMG.keskella { 
display: block;
margin-left: auto;
margin-right: auto;
}

hr {
clear: both;
}

table.table1 {
border:1px solid #000;
width:100%;
}

table.table 1 tr {
border:1px solid #000;
}

table.table1 td {
border:1px solid #000;
}

table.table2 {
width:100%;
}

table.table3 {
border:none;
width:100%;
}

table.table 3 tr {
border:none
}

table.table3 td {
border:none;
}

P.keskiteksti {
margin-left: auto;
margin-right: auto;
width: 50%;
text-align:center;
}

p.pikkuteksti{
margin-left: auto;
margin-right: auto;
width: 50%;
text-align:center;
font-size:14px;
}

p.isoteksti{
margin-left: auto;
margin-right: auto;
width: 80%;
text-align:center;
font-size:21px;
}

body {
background:url(tausta1.png);
font-family:Handlee;
color: #000000;
font-size: 18px;
 }

/*Tästä alkaa valikon koodi */

#divMenu, ul, li, li li {
    margin: 0;
    padding: 0;
}
 
#divMenu {
    width: 150px;
    height: 27px;
}
 
#divMenu ul
{
     line-height: 50px;
}
 
    #divMenu li {
        list-style: none;
        position: relative;
        background: #cfcfcf;
	font-size:20px;
    }
 
        #divMenu li li {
            list-style: none;
            position: relative;
            background: #C0C0C0;
            left: 148px;
            top: -27px;
	    font-size:12px;
	    z-index: 999;
        }
 
 
    #divMenu ul li a {
        width: 148px;
        height: 40px;
        display: block;
        text-decoration: none;
        text-align: center;
        font-family: Georgia,'Times New Roman',serif;
        color:#000000;
        border:1px solid #2d2d2d;


    }
 
    #divMenu ul ul {
        position: absolute;
        visibility: hidden;
        top: 27px;
    }
 
    #divMenu ul li:hover ul {
        visibility: visible;
    }
 
    #divMenu li:hover {
        background-color: #C0C0C0;
    }
 
    #divMenu ul li:hover ul li a:hover {
        background-color: #C0C0C0;
    }
 
    #divMenu a:hover {
        font-weight: none;
    }