html,body{
font: 1.0em/140% "trebuchet ms";
}

body{
/*background:#1f1f1f url("../graf/background2.gif") repeat-x top;*/
background-color:#000000;
margin: 0;
padding: 0;
color:#000000;
}
ul{
list-style-type:none;
margin:0px;
padding:0px;
height:100%;

}
li{
margin:0px;
float:left;
height:100%;
}
li a{
text-decoration:none;
}
h1{font-size:140%;color:#525233;margin-top:0px;}
h2{font-size:125%;margin-top:0px;}
h3{font-size:115%;}
h4{font-size:105%;}

hr{
border:0px;
height:1px;
background-color:#777760;
color:#777760;
width:100%;
}
.submit{margin-left:10px;}
/*DIVS*/
#wrapper{
margin: 0 auto;
width:960px;
margin-top:30px;
}
#head{
background-color:#feff99;
/*background:#feff99 url("../graf/header5.gif") repeat-x top;*/
width:100%;
height:228px;/*180*/
border-top:1px solid #777760;
/*border-left:1px solid #777760;
border-right:1px solid #777760;*/
position:relative;
overflow:hidden;
}
#header-text{
width:200px;/*OTA POIST*/
line-height:450%;
margin-left:35px;
font-size:210%;

}
#img{
float:right;
position:absolute;
top:0px;
left:0px;
}
/*NAV*********************************/
/*LEFT SIDE*/
#nav{
width:100%;
height:40px;
background-color:#777760;
position:absolute;
bottom:0px;
border-top:#636350 solid 1px;
border-bottom:#636350 solid 1px;
}
#menu{
float:left;
float:left;
}
#menu ul{
float:left;
padding-left:30px;
}
#menu li{
float:left;

}
#menu li a,#menu li a:active{
float:left;
font-size:105%;
font-weight:normal;
line-height:240%;
height:100%;
padding-right:10px;
padding-left:10px;
background-color:#777760;
display:block;
color:#000000;
}
#menu li a:hover{
background-color:#99997c;
}
#menu li a.selected{/*font-weight:bold;*/background-color:#5F5F4C;}
/*RIGHT SIDE*/
#links{
float:right;

}
#links ul{float:left;padding-right:30px;}
#links li{padding-left:8px}
#links li a{line-height:270%;font-size:90%;color:#000000;}
#links li a:hover{text-decoration:underline;}
#links a.qLink{border-right:1px solid;border-color:#000000;padding-right:8px;}
/*********************/
#content{
width:100%;
height:100%;
padding-top:45px;
float:left;/*TARKISTA MISTÄ YLIMÄÄRÄINEN R-kirjain ilmestyy*/
padding-bottom:45px;
background-color:#f7f7d2;
overflow:hidden;
/*border-left:1px solid #f7f7d2;
border-right:1px solid #f7f7d2;*/
}
#col1{
float:left;
width:30%;
}
#col1 a.selected{background-color:none;text-decoration:underline;}
.more-space{padding-left:10px;padding-bottom:20px;}
/*NEWS*/
#news{
float:left;
/*padding-left:20px;*/
width:240px;
}
#news ul{
width:100%;

}
#news li{
float:left;
width:100%;
}
.news-title{
padding-left:35px;
color:#525233;
font-weight:bold;

}
.news-date{
font-size:90%;
width:100%;
}
.news-link{
font-size:95%;
}
#col1 ul{padding-left:35px;float:left;width:75%;}
#col1 li{padding-bottom:12px;float:left;width:75%;}
#col1 li a{color:#636350;}
#col1 li a:hover{text-decoration:underline;}

#col2{
float:left;
margin-right:30px;
}
#col2 a{color:#636350;text-decoration:none;}
#col2 a:hover{text-decoration:underline;}
.form{width:310px;}
/*NEWS PAGE*/
.newscontainer{width:630px;}
.newscontainer h1{margin-bottom:0px;margin-top:0px;}
.newscontainer h2{margin-bottom:0px;margin-top:0px;}
.newsdate{font-size:90%;}
.newscontainer p{}
/*SEARCH PAGE*/
#search-result-count{
padding-top:10px;
}
.search-result{
padding-top:5px;
}
.search-result-number{padding-right:40px;}
.search-result-name{}
.search-result-name a{text-decoration:none;color:#636350;}
.search-result-name a:hover{text-decoration:underline;}
.search-input{border:1px solid #636350;}
.previous{color:#F7F7D2;float:left;padding-top:5px;}
.next{color:#F7F7D2;float:right;padding-top:5px;}
.searchLNext{color:#636350;}
.searchLPrev{color:#636350;}
.number{font-size:80%;text-decoration:none;}
/***********************/
/*SITEMAP*/
#sitemap{}
#sitemap h4{margin-top:0px;}
.sitemap-level0{padding-bottom:3px;}
.sitemap-level1{padding-left:14px;}
.sitemap-level0 a{text-decoration:none;font-size:100%;color:#636350}
.sitemap-level1 a{text-decoration:none;font-size:90%;color:#636350}
.sitemap-level0 a:hover{text-decoration:underline;color:#636350}
.sitemap-level1 a:hover{text-decoration:underline;color:#636350}

/**********************/

#footer{
float:left;
width:100%;
background-color:#f7f7d2;

color:#cdcdae;
border-top:1px solid #e2e2c0;
/*border-left:1px solid #f7f7d2;
border-right:1px solid #f7f7d2;*/
}
#footer-text{padding-left:25px;padding-top:5px;font-size:90%;}
/*Verkkoaseman linkki*/
#madeby{
width:100%;
text-align:center;
background-color:#000000;
padding-top:10px;

}
#madeby a{
font-size:70%;
color:#CDCDAE;
}