body {
margin : 0 auto;
padding : 0;
font-size : 62.5%;
font-family : 'Lucida Grande', Verdana, Arial, Sans-Serif;
background-color : #7dafd4;
color : #000000;
}
h2 {
font-size : 18px;
color: #36648B;
}
p, li{
	font-size:11px;
	color: #5D5D5D;
}
h3{
	font-size:11px;
	color: #5D5D5D;
}
h4{
	font-size:11px;
	color: #5D5D5D;
}

.leipateksti{
	font-size:13px;
	color: #5D5D5D;
}
.Main {
position : absolute;
width : 100%;
left : 0;
top : 0;
}
.PageBackgroundGradient {
background-image : url('images/Page-BgGradient.png');
background-repeat : repeat-x;
height : 243px;
}
table, th, td {
font-size : 1em;
padding : 0;
border-collapse : collapse;
}
a img {
border : 0;
}
a {
color : #265273;
}
a:link {
color : #265273;
}
a:visited {
color : #183449;
}
a:hover {
color : #000090;
}
.Sheet {
min-width : 41px;
min-height : 41px;
margin : 0 auto;
position : relative;
overflow : hidden;
z-index : 0;
width : 800px;
}
.Sheet-tl {
position : absolute;
overflow : hidden;
z-index : -1;
top : 0;
left : 0;
width : 30px;
height : 30px;
background-image : url('images/Sheet-s.png');
}
.Sheet-tr {
position : absolute;
overflow : hidden;
z-index : -1;
top : 0;
right : 0;
width : 30px;
height : 30px;
}
* html .Sheet-tr {
font-size : 1px;
}
.Sheet-tr div {
position : absolute;
z-index : -1;
top : 0;
left : -30px;
width : 60px;
height : 60px;
background-image : url('images/Sheet-s.png');
}
.Sheet-bl {
position : absolute;
overflow : hidden;
z-index : -1;
bottom : 0;
left : 0;
width : 30px;
height : 30px;
}
* html .Sheet-bl {
font-size : 1px;
}
.Sheet-bl div {
position : absolute;
z-index : -1;
top : -30px;
left : 0;
width : 60px;
height : 60px;
background-image : url('images/Sheet-s.png');
}
.Sheet-br {
position : absolute;
overflow : hidden;
z-index : -1;
bottom : 0;
right : 0;
width : 30px;
height : 30px;
}
* html .Sheet-br {
font-size : 1px;
}
.Sheet-br div {
position : absolute;
z-index : -1;
top : -30px;
left : -30px;
width : 60px;
height : 60px;
background-image : url('images/Sheet-s.png');
}
.Sheet-tc {
position : absolute;
overflow : hidden;
z-index : -1;
top : 0;
left : 30px;
right : 30px;
height : 30px;
}
* html .Sheet-tc {
font-size : 1px;
}
.Sheet-tc div {
position : absolute;
z-index : -1;
top : 0;
left : 0;
width : 100%;
height : 60px;
background-image : url('images/Sheet-h.png');
}
.Sheet-bc {
position : absolute;
overflow : hidden;
z-index : -1;
bottom : 0;
left : 30px;
right : 30px;
height : 30px;
}
* html .Sheet-bc {
font-size : 1px;
}
.Sheet-bc div {
position : absolute;
z-index : -1;
top : -30px;
left : 0;
width : 100%;
height : 60px;
background-image : url('images/Sheet-h.png');
}
.Sheet-cl {
position : absolute;
overflow : hidden;
z-index : -1;
top : 30px;
left : 0;
width : 30px;
bottom : 30px;
}
* html .Sheet-cl {
font-size : 1px;
}
.Sheet-cl div {
position : absolute;
z-index : -1;
top : 0;
left : 0;
width : 60px;
height : 100%;
background-image : url('images/Sheet-v.png');
}
.Sheet-cr {
position : absolute;
overflow : hidden;
z-index : -1;
top : 30px;
right : 0;
width : 30px;
bottom : 30px;
}
* html .Sheet-cr {
font-size : 1px;
}
.Sheet-cr div {
position : absolute;
z-index : -1;
top : 0;
left : -30px;
width : 60px;
height : 100%;
background-image : url('images/Sheet-v.png');
}
.Sheet-cc {
position : absolute;
overflow : hidden;
z-index : -2;
top : 30px;
left : 30px;
right : 30px;
bottom : 30px;
background-color : #f0f3f4;
}
* html .Sheet-cc {
font-size : 1px;
}
.Sheet {
margin-top : 30px !important ;
margin-bottom : 3em;
padding : 0 0 1em 0;
}
div.Header {
margin : 0 auto;
position : relative;
width : 790px;
height : 208px;
background-image : url('images/Header.png');
background-repeat : no-repeat;
background-position : left top;
}
div.Header div {
width : 100%;
height : 100%;
background-image : url('images/Header.jpg');
background-repeat : no-repeat;
background-position : center center;
text-align : left;
}
.logo {
position : relative;
left : 490px;
top : 85px;
}
.logo td {
text-align : left;
vertical-align : top;
white-space : nowrap;
}
.logo-name {
font-size : 22px;
font-family : Tahoma;
font-style : normal;
font-weight : bold;
}
.logo-name a {
text-decoration : none;
color : #f5f8fa !important ;
}
.logo-text {
font-size : 15px;
font-family : Tahoma;
font-style : normal;
font-weight : normal;
color : #f5f8fa !important ;
}
.menu, .menu ul {
margin : 0;
padding : 0;
border : 0;
list-style-type : none;
display : block;
}
.menu li {
margin : 0;
padding : 0;
border : 0;
display : block;
float : left;
position : relative;
z-index : 5;
}
.menu li:hover {
z-index : 10000;
white-space : normal;
}
.menu li li {
float : none;
}
.menu ul {
visibility : hidden;
position : absolute;
z-index : 10;
left : 0;
top : 0;
}
.menu li:hover > ul {
visibility : visible;
top : 100%;
}
.menu li li:hover > ul {
top : 0;
left : 100%;
}
.menu:after, .menu ul:after {
content : ".";
height : 0;
display : block;
visibility : hidden;
overflow : hidden;
clear : both;
}
.menu, .menu ul {
min-height : 0;
}
.menu ul {
background-image : url(images/spacer.gif);
padding : 10px 30px 30px 30px;
margin : -10px 0 0 -30px;
}
.menu ul ul {
padding : 30px 30px 30px 10px;
margin : -30px 0 0 -10px;
}
* html .menu, * html .menu ul {
height : 1%;
}
* html .menu li.menuhover {
z-index : 10000;
}
* html .menu .menuhoverUL {
visibility : visible;
}
* html .menu .menuhoverUL {
top : 100%;
left : 0;
}
* html .menu .menuhoverUL .menuhoverUL {
top : 0;
left : 100%;
}
* html .menu ul a {
height : 1%;
}
* html .menu li li {
float : left;
width : 100%;
}
* html .menu .menuhoverUL .menuhoverUL {
top : 5px;
left : 100%;
}
* html .menu, * html .menu ul {
height : 1%;
}
* html .menu li.menuhover {
z-index : 10000;
}
* html .menu .menuhoverUL {
visibility : visible;
}
* html .menu .menuhoverUL {
top : 100%;
left : 0;
}
* html .menu .menuhoverUL .menuhoverUL {
top : 0;
left : 100%;
}
* html .menu ul a {
height : 1%;
}
* html .menu li li {
float : left;
width : 100%;
}
.nav {
position : relative;
margin : 0 auto;
width : 790px;
height : 32px;
z-index : 100;
}
.menu {
padding : 4px 2px 0 2px;
}
.nav .l, .nav .r, .nav .r div {
top : 0;
position : absolute;
z-index : -1;
overflow : hidden;
height : 32px;
}
.nav .l {
left : 0;
right : 0;
}
.nav .r {
right : 0;
width : 0;
}
.nav .r div {
width : 790px;
right : 0;
}
.nav .l, .nav .r div {
background-position : left top;
background-repeat : no-repeat;
background-image : url('images/nav.png');
}
.menu ul li {
clear : both;
}
.menu a, .menu a span {
height : 28px;
display : block;
}
* html .menu a, * html .menu a span {
float : left;
}
.menu a {
cursor : pointer;
text-decoration : none;
margin-right : 2px;
margin-left : 2px;
}
.menu a {
background-image : url('images/item-left.png');
background-position : left top;
background-repeat : no-repeat;
}
.menu a span {
background-image : url('images/item-right.png');
background-position : right top;
background-repeat : no-repeat;
}
.menu a span span {
font-family : 'Tahoma';
font-size : 14px;
font-weight : normal;
font-style : normal;
text-decoration : none;
color : #f7fafc;
padding : 0 6px;
margin : 0 7px;
line-height : 28px;
text-align : center;
background-image : url('images/item-center.png');
background-position : left top;
background-repeat : repeat-x;
}
* html .menu a span span {
display : inline;
}
.menu a:hover {
background-position : left -28px;
}
.menu li:hover > a {
background-position : left -28px;
}
* html .menu .menuhover .menuhoverA {
background-position : left -28px;
}
.menu li:hover a span {
background-position : right -28px;
}
.menu a:hover span {
background-position : right -28px;
}
* html .menu .menuhover .menuhoverA span {
background-position : right -28px;
}
.menu a:hover span span {
color : #ffffff;
background-position : left -28px;
}
.menu li:hover a span span {
color : #ffffff;
background-position : left -28px;
}
* html .menu .menuhover .menuhoverA span span {
color : #ffffff;
background-position : left -28px;
}
.menu a.active {
background-position : left -56px;
}
.menu a.active span {
background-position : right -56px;
}
.menu a.active span span {
color : #eef3f6;
background-position : left -56px;
}
.menu ul a {
text-align : center;
height : 23px;
line-height : 23px;
margin-right : auto;
width : 218px;
background-image : url('images/subitem-bg.png');
background-position : left top;
background-repeat : repeat-x;
border-width : 0;
border-style : solid;
border-color : #d8e3ea;
}
.nav ul.menu ul span, .nav ul.menu ul span span {
display : inline;
float : none;
margin : inherit;
padding : inherit;
background-image : none;
text-align : inherit;
text-decoration : inherit;
}
.menu ul a, .nav ul.menu ul span, .nav ul.menu ul span span {
line-height : 23px;
color : #2d6086;
font-family : 'Verdana';
font-size : 13px;
font-weight : normal;
font-style : normal;
text-decoration : none;
}
.menu ul ul a {
margin-left : auto;
}
* html .menu ul a {
color : #2d6086 !important ;
}
.menu ul li a:hover {
color : #000000;
border-color : #acc4d2;
background-position : 0 -23px;
}
.menu ul li:hover > a {
color : #000000;
border-color : #acc4d2;
background-position : 0 -23px;
}
* html .menu ul a:hover {
color : #000000 !important ;
}
* html .menu ul .menuhover .menuhoverA {
color : #000000 !important ;
border-color : #acc4d2;
background-position : 0 -23px;
}
.nav .menu ul li a:hover span, .nav .menu ul li a:hover span span {
color : #000000;
}
.nav .menu ul li:hover > a span, .nav .menu ul li:hover > a span span {
color : #000000;
}
* html .nav .menu ul a:hover span, * html .nav .menu ul a:hover span span {
color : #000000 !important ;
}
* html .nav .menu ul .menuhover .menuhoverA span, * html .nav .menu ul .menuhover .menuhoverA span span {
color : #000000 !important ;
}
.contentLayout {
margin-bottom : 9px;
width : 100%;
position : relative;
}
button.Button, a.Button {
border : none;
padding : 0;
margin : 0;
background : none;
font-size : 100%;
font-family : inherit;
line-height : inherit;
display : inline-block;
overflow : visible;
width : auto;
cursor : default;
white-space : normal;
text-decoration : none;
}
.Button .btn {
position : relative;
display : block;
overflow : hidden;
float : left;
z-index : 0;
height : 30px;
color : #265273;
}
.Button .t {
height : 30px;
line-height : 30px;
padding : 0 14px;
text-align : left;
font-family : 'Tahoma';
font-size : 13px;
font-weight : normal;
font-style : normal;
text-decoration : none;
}
.Button .active {
color : #ffffff;
}
.Button .hover {
color : #f8fafb;
}
.Button .active .r {
top : -60px;
}
.Button .hover .r {
top : -30px;
}
.Button .r {
display : block;
position : absolute;
overflow : hidden;
z-index : -1;
top : 0;
right : 0;
width : 6px;
height : 90px;
}
* html .Button .r {
font-size : 1px;
}
.Button .r span {
display : block;
position : absolute;
overflow : hidden;
z-index : -1;
top : 0;
right : 0;
width : 409px;
height : 90px;
}
* html .Button .r span {
font-size : 1px;
}
.Button .active .l {
top : -60px;
}
.Button .hover .l {
top : -30px;
}
.Button .l {
display : block;
position : absolute;
overflow : hidden;
z-index : -1;
top : 0;
left : 0;
right : 6px;
height : 90px;
}
* html .Button .l {
font-size : 1px;
}
.Button .l, .Button .r span {
background-image : url('images/Button.png');
}
.Block {
min-width : 1px;
min-height : 1px;
margin : 0 auto;
position : relative;
overflow : hidden;
z-index : 0;
}
.Block {
margin : 7px;
}
.Block table.table {
border-collapse : collapse;
margin : 1px;
}
.Block table.table th, .Block table.table td {
padding : 2px;
border : 1px solid #7099b2;
}
.BlockHeader {
position : relative;
overflow : hidden;
height : 30px;
z-index : 0;
line-height : 30px;
padding : 0 10px;
margin-bottom : 7px;
text-align : left;
color : #000000;
font-family : 'Tahoma';
font-size : 16px;
font-weight : bold;
font-style : normal;
text-decoration : none;
}
.BlockHeader .l, .BlockHeader .r, .BlockHeader .r div {
top : 0;
position : absolute;
z-index : -1;
overflow : hidden;
height : 30px;
}
.BlockHeader .l {
left : 0;
right : 6px;
}
.BlockHeader .r {
right : 0;
width : 6px;
}
.BlockHeader .r div {
width : 790px;
right : 0;
}
* html .BlockHeader .l, * html .BlockHeader .r div {
font-size : 1px;
}
.BlockHeader .l, .BlockHeader .r div {
background-position : left top;
background-repeat : no-repeat;
background-image : url('images/BlockHeader.png');
}
.BlockContent {
min-width : 1px;
min-height : 1px;
margin : 0 auto;
position : relative;
overflow : hidden;
z-index : 0;
}
.BlockContent a {
color : #265273;
}
.BlockContent a:link {
color : #265273;
}
.BlockContent a:hover {
color : #3097e5;
}
.BlockContent a:hover:visited {
color : #3097e5;
}
.BlockContent a:visited {
color : #658395;
margin : 0;
}
.contentLayout .content {
position : relative;
margin : 0;
padding : 0px;
border : 0;
float : left;
overflow : hidden;
width : 99%;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
text-decoration : none;
}

#tekstit{
width : 750px;
margin : 50px;

}
#kuvalaatikko{
width : 200px;
margin : 10px;
	font-size:11px;
	color: #5D5D5D;
	font-style: normal;

}
.kuvalaatikko{
	font-size:11px;
	color: #5D5D5D;
	font-style: normal;
	font-weight: lighter;
	padding-bottom: 10px;
	padding-top: 10px;
}