/* Make :hover work in IE by Peter Nederlof */
body {behavior:url("htc/csshover.htc");}

/* Removes styling from all list items */
ul, li {list-style:none;}

/*Georgia, Verdana, Arial, Helvetica, sans-serif; font-weight:bold;*/
body {font: 65%/1.6 Georgia, "Times New Roman", Times, serif;color:#111111; font-size:13px; background-color:#fffff9;}
h1 { font: 65%/1.6 Georgia, "Times New Roman", Times, serif;color:#111111; font-size: 30px; }
h2 { font: 65%/1.6 Georgia, "Times New Roman", Times, serif;color:#111111; font-size: 20px; }

a:link { text-decoration: none; color: #003f00; font-family: Georgia, "Times New Roman", Times, serif;  font-weight: bold; }
a:visited { text-decoration: none; color: #000880; font-family: Georgia, "Times New Roman", Times, serif;  font-weight: bold; }
a:hover { text-decoration: underline; color: #00e6d8; font-family: Georgia, "Times New Roman", Times, serif;  font-weight: bold; }

#perus_teksti{
font-weight: normal;
}
#paksu_teksti{
font-weight: bold;
}

/*-----------------------------------------------------------------------------*/

#otsikko{
position:relative;
height:180px;
width:974px;
margin-top:10px;
margin-bottom:1em;
margin-left:0.5em;
margin-right:0.5em;
border:0px;
border-style: solid;
overflow: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color:#fffff9;
}

#container {
position:relative;
height:575px;
width:974px;
margin-top:0px;
margin-bottom:1em;
margin-left:2px;
margin-right:0.5em;
border:0px;
border-style: solid;
overflow: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color:#fffff9;
}

#container1 {
position:absolute;
/*margin-left:10px;*/
margin-left:3px;
margin-top:10px;
height:550px;
width:320px;
/*width:32%*/ 
border:1px;
border-style: solid;
overflow: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color:#fff7cc;
}
#container2 {
position:absolute;
/*margin-left:400px;*/
margin-left:326px; 
margin-top:10px;
height:550px;
width:320px;
/*width:32%*/
border:1px;
border-style: solid;
overflow: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color:#fff7cc;
}
#container3 {
position:absolute;
/*margin-left:800px;*/
margin-left:649px;
margin-top:10px;
height:550px;
width:320px;
/*width:32%;*/
border:1px;
border-style: solid;
overflow: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color:#fff7cc;
}

#linkki1
{
position: absolute; 
margin-top:0px; 
margin-left:0px; 
border:2px; 
border-color:#000000; 
background-color:#881817;
width: 95px;
height:40px;
border-style: solid;
overflow: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
cursor:pointer;
color:#fffff9;
font: 65%/1.6 Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:15px;
}
#linkki2
{
position: absolute; 
margin-top:0px; 
margin-left:97px; 
border:2px; 
border-color:#000000; 
background-color:#881817;
width: 95px;
height:40px;
border-style: solid;
overflow: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
cursor:pointer;
color:#fffff9;
font: 65%/1.6 Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:15px;
}
#linkki3
{
position: absolute; 
margin-top:0px; 
margin-left:194px; 
border:2px; 
border-color:#000000; 
background-color:#881817;
width: 95px;
height:40px;
border-style: solid;
overflow: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
cursor:pointer;
color:#fffff9;
font: 65%/1.6 Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:15px;
}
#linkki4
{
position: absolute; 
margin-top:0px; 
margin-left:291px; 
border:2px; 
border-color:#000000; 
background-color:#881817;
width: 95px;
height:40px;
border-style: solid;
overflow: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
cursor:pointer;
color:#fffff9;
font: 65%/1.6 Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:15px;
}
#linkki5
{
position: absolute; 
margin-top:0px; 
margin-left:388px; 
border:2px; 
border-color:#000000; 
background-color:#881817;
width: 95px;
height:40px;
border-style: solid;
overflow: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
cursor:pointer;
color:#fffff9;
font: 65%/1.6 Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:15px;
}
#linkki6
{
position: absolute; 
margin-top:0px; 
margin-left:485px; 
border:2px; 
border-color:#000000; 
background-color:#881817;
width: 95px;
height:40px;
border-style: solid;
overflow: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
cursor:pointer;
color:#fffff9;
font: 65%/1.6 Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:11px;
}
#linkki7
{
position: absolute; 
margin-top:0px; 
margin-left:582px; 
border:2px; 
border-color:#000000; 
background-color:#881817;
width: 95px;
height:40px;
border-style: solid;
overflow: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
cursor:pointer;
color:#fffff9;
font: 65%/1.6 Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:10px;
}

#nappi1{
position: absolute; 
margin-top:0px; 
margin-left:679px; 
border:2px; 
border-color:#000000; 
background-color:#881817;
width: 95px;
height:40px;
border-style: solid;
overflow: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
cursor:pointer;
color:#fffff9;
font: 65%/1.6 Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:10px;
}
#nappi2
{
position: absolute; 
margin-top:0px; 
margin-left:776px; 
border:2px; 
border-color:#000000; 
background-color:#881817;
width: 95px;
height:40px;
border-style: solid;
overflow: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
cursor:pointer;
color:#fffff9;
font: 65%/1.6 Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:10px;
}
#nappi3{
position: absolute; 
margin-top:0px; 
margin-left:873px; 
border:2px; 
border-color:#000000; 
background-color:#881817;
width: 95px;
height:40px;
border-style: solid;
overflow: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
cursor:pointer;
color:#fffff9;
font: 65%/1.6 Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:15px;
}