@charset "utf-8";

html{
overflow-y: scroll;
height:100%;
min-height:100%;
}
 
body {
margin:0px 0px; 
padding:0px;
height:100%;
width:100%;
font-family:"Eras Medium ITC",Calibri;
font-size:95%;
}

a:link {
	color: #51A63A;
}
a:visited {
	color: #7EAD36;
}

#container{
background: url(../images/bg.png) no-repeat center bottom;
min-height:100%;
position:relative;
color:#4ea733;
}

#nav{
background-color:#7eae2d;
height:80px;
}

#link{
height:100px;
}

#navlist{
width:960px;
margin:0px auto;
padding-top:10px;
color:#FFF;
}

#navlist a:link{
color:#FFF;
text-decoration:none;
}
#navlist a:visited{
color:#FFF;
text-decoration:none;
}
#navlist a:hover{
color:#060;
text-decoration:none;
}


#navtausta{
float:right;
width:630px;
margin-top:2px;
border-style:solid;
border-width:2px;
border-color:#666;
background:rgba(196, 214, 237, 0.7);
-moz-border-radius-topleft: 25px 25px;
-webkit-border-top-left-radius: 25px 25px;
border-top-left-radius: 25px 25px;
-moz-border-radius-topright: 25px 25px;
-webkit-border-top-right-radius: 25px 25px;
border-top-right-radius: 25px 25px;
-moz-border-radius-bottomleft: 25px 25px;
-webkit-border-bottom-left-radius: 25px 25px;
border-bottom-left-radius: 25px 25px;
-moz-border-radius-bottomright: 25px 25px;
-webkit-border-bottom-right-radius: 25px 25px;
border-bottom-right-radius: 25px 25px;
-moz-box-shadow: 4px 4px 10px 1px #999;
-webkit-box-shadow: 4px 4px 10px 1px #999;
box-shadow: 4px 4px 10px 1px #999;
}
#top {
height:300px;
background-repeat:no-repeat;
background-position:center bottom;
}

#toppi {
width:960px;
height:300px;
margin:0px auto;
}

.alanav {
margin:0px auto;
padding-right:7px;
-moz-padding-start:2px;
width:960px;
height:50px;
font-size:95%;
font-weight: bold;
position:relative;
}

.footer {
color:#FFF;
font-size:12px;
font-weight:normal;
}

#content{
width:960px;
margin:0px auto;
padding-bottom:110px;
position:relative;
min-height: 600px;
}

#contentright{
width:640px;
float:right;
}
#contentleft{
width:320px;
float:left;
}
#maincontentround{
margin-left:190px;
width:760px;
border-style:solid;
border-width:2px;
border-color:#4ea733;
background:#d0e49f;
background-position:bottom;
background-repeat:no-repeat;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background:rgba(209, 228, 162, 0.9);
border-radius: 4px;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d0e49f), to(#eff4dd));
background: -webkit-linear-gradient(#d0e49f, #eff4dd);
background: -moz-linear-gradient(#d0e49f, #eff4dd);
background: -ms-linear-gradient(#d0e49f, #eff4dd);
background: -o-linear-gradient(#d0e49f, #eff4dd);
background: linear-gradient(#d0e49f, #eff4dd);
-pie-background: linear-gradient(#d0e49f, #eff4dd);
behavior: url(/Styles/PIE.htc);
}

#maincontent{
margin:0px auto;
width:960px;
border-style:solid;
border-width:1px;
border-color:#666;
background:rgba(33, 119, 232, 0.2);
background-image:url(../images/nes_vaaka_trans2.png);
background-position:bottom;
background-repeat:no-repeat;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
-moz-box-shadow: 4px 4px 10px 1px #999;
-webkit-box-shadow: 4px 4px 10px 1px #999;
box-shadow: 4px 4px 10px 1px #999;
padding-top:20px;
padding-bottom:80px;
}

#footer{
background-color:#7eae2d;
position:absolute;
width: 100%;
left:0;
bottom:0;
text-align:center;
color:#FFF;
font-size:90%;
height:80px;
padding-top:0px;
padding-bottom:10px;
}

#footer a:link{
color:#c4d6ed;
text-decoration:none;
}
#footer a:visited{
color:#c4d6ed;
text-decoration:none;
}
#footer a:hover{
color:#93accb;
text-decoration:none;
}
.otsikko {
background-color:#4ea733;
font-weight: bold;
color:#FFF;
padding-top:9px;
text-align: left;	
text-indent: 10px;
height: 30px;
}
.box2 {
font-size: 95%;
}
.boxesittely {
width:300px;
height:170px;
background:rgba(33, 119, 232, 0.2);
border-style:solid;
border-width:2px;
border-color:#3366ff;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
-moz-box-shadow: 4px 4px 10px 1px #999;
-webkit-box-shadow: 4px 4px 10px 1px #999;
box-shadow: 4px 4px 10px 1px #999;
}
.boxtext {
padding:5px 15px 5px 15px;
font-size: 95%;
text-align:left;
}
.boxtext2 {
padding: 5px 0px 15px 0px;
font-size: 95%;
text-align:center;
}
.otsikkoesittely {
font-weight: bold;
background:#3366ff;
color:#000;
padding:5px;
padding-top: 10px
text-align: left;
text-indent:5px;	
height: 23px;
font-size: 95%;
}
.head1 {
color:#F90;
font-size: 150%;	
}
.head2 {
color:#F90;
font-size: 100%;	
}
.specs {
color:#999;	
}

.bold {
font-weight:bold;
text-decoration:underline;	
}