html {
margin:0;
padding:0;
min-height:100%;
width:100%;
background:url('') top left repeat-x, url('') bottom left repeat-x;
background: #e9edef;
}

body {
margin: 0 auto;
padding: 0;

}

#base_top {
width: 100%;
height: 35px;
}

#top_upper {
margin: 0 auto;
width: 930px;
height: 200px;
background: url('/images/tausta_1.png');
}

#top_upper_space_2 {
margin: 0 auto;
width: 930px;
height: 15px;
background: url('/images/tausta_3.PNG');
}

#top_upper_background {
margin: 0 auto;
width: 900px;
height: 210px;

}

#top_upper_langmenu {
margin: 0 auto;
padding: 0;
width: 900px;
height: 5px;

}

#top_upper_content {
margin: 0 auto;
padding: 0;
width: 900px;
height: 200px;
background: url('/images/logo.jpg');
}

#logo  {
background-color: #454545;
opacity: 0.87;
width: 200px;
border: solid 1px;
}

#logo h1 {
text-align: center;
padding: 0;
margin: 0 auto;
color: #fff;
font-family: Arial;
font-size: 16px;
font-weight: bold;

}

#logo h2 {
text-align: center;
padding: 0;
margin: 0 auto;

color: #fff;
font-family: Arial;
font-size: 12px;
font-weight: bold;
}

#top_upper_space {
margin: 0 auto;
padding: 0;
width: 899px;
height: 30px;
}


#top_upper_menu_navi {
margin: 0 auto;
width: 890px;
height: 18px;
padding: 0;
padding-top:2px;

}

li.top_navi {
padding-right: 3px;
padding-top: 3px;
display: inline;
}

li.top_navi:hover {
padding-right: 3px;
padding-top: 3px;
display: inline;

}

a.top_navilink {
color: #212121;
font-size: 18px;
padding-right: 3px;
padding-top: 3px;

}

a.top_navilink:hover {
color: #696969;
font-size: 18px;

}

a.top_navilink_active{
padding-right: 3px;
padding-top: 3px;
color: #212121;
font-size: 18px;
}

#base_mid_upper {
width: 100%;
min-height: 350px;

}

#mid_upper {
padding: 0;
margin: 0 auto;
width: 930px;
min-height: 350px;
background: url('/images/tausta_1.png');
}
#mid_upper_navi {
padding: 0;
margin: 0 auto;
width: 930px;
height: 40px;
background: url('/images/navi_tausta.png');
}

#mid_upper_menu_subnavi {
padding: 0;
margin: 0 auto;
width: 899px;
height: 15px;
}

li.mid_navi {
display: inline;
color: #f1f1f1;

}

li.mid_navi:hover {
display: inline;
color: #f1f1f1;

}

a.mid_navilink {
color: #6d6161;
font-size: 16px;
}

a.mid_navilink:hover {
color: #000;
font-size: 16px;
}

a.mid_navilink_active {
color: #3d3939;
font-size: 16px;


}

#mid_upper_content {
margin: 0 auto;
width: 870px;
min-height: 300px;
border: solid 1px;
border-color: #fff;
}

#mid_upper_content_2 {
margin: 0 auto;
width: 870px;
min-height: 650px;
border-color: #fff;
padding: 0;
}

#mid_upper_content_3 {
margin: 0 auto;
width: 775px;
min-height: 350px;
border-color: #fff;
padding: 0;
}

#base_mid_lower {
margin: 0 auto;
padding: 0;
width: 100%;
height: 40px;

}

#mid_lower {
margin: 0 auto;
width: 930px;
height: 40px;
background: url('/images/tausta_2.PNG');

}

#base_bot_upper {
width: 100%;
height: 40px;
}

#bot_upper {
margin: 0 auto;
width: 900px;
height: 40px;
}

span.contact {
padding-top: 5px;
float:left;
font-size: 12px;
font-family: Verdana, Geneva, sans-serif;
color: #b8b9b8;
}

span.yhteystiedot {
padding-top: 5px;
float:left;
font-size: 14px;
font-family: Verdana, Geneva, sans-serif;
color: #696969;
}

span.copyright {
padding-top: 5px;
float:right;
font-size: 12px;
font-family: Verdana, Geneva, sans-serif;
color: #696969;
}







span.add_header {
color: #696969;
font-size: 16px;
}

span.add_text{
color: #696969;
font-size: 12px;
}

label.add_text{
color: #696969;
font-size: 12px;
}

a.logout {
margin-top: 4px;
size: 13px;
float: right;
color: #696969;
}


span.content_header {
color: #383838;
font-size: 18px;
}


a.contentlist {
color: #382D2C;
font-size: 14px;

}

a.contentlist:hover {

color: #382D2C;
font-size: 14px;
text-decoration: underline;
}
}