body {
background-color: white;
color: #51555E;
font-family: 'Trebuchet MS', 'Arial';
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0em;
margin-right: 0em;
padding: 0em;
border: 0em;
text-align: center;
font-size: medium;
}

h1 {
font-size: medium;
padding: 0em;
border: 0em;
margin: 0em;
}

h2 {
padding: 1em 0em 0em 0em;
border: 0em;
margin: 0em; 
font-size: medium;
}

h3 {
font-size: small;
margin: 1em 0em 0em 0em;
padding: 0em;
border: 0em;
}

p {
padding: 0.5em 0em 0em 0em;
margin: 0em;
border: 0em;
font-size: small;
}

a:link { 
font-size: small; 
color: #51555E;
font-weight: bold;
text-decoration: underline;
font-style: normal;
}

a:hover {
font-size: small;
color: #51555E;
font-weight: bold;
text-decoration: underline;
font-style: normal;
}

a:active {
font-size: small; 
color: #51555E;
font-weight: bold;
text-decoration: underline;
font-style: normal;
}

a:visited { 
font-size: small; 
color: #51555E;
font-weight: bold;
text-decoration: underline;
font-style: normal;
}

div.news {
padding: 0em 0em 1em 3em;
margin: 0em;
border: 0em;
font-size: small;
text-align: justify;
width: 100%;
}

span.news {
padding-left: 0em;
padding-top: 0em;
padding-right: 0em;
padding-bottom: 0em;
margin: 0em;
text-decoration: none;
font-style: normal;
font-size: xx-small;
}

h3.news {
padding: 0em 0em 0.5em 0em;
margin: 0em;
font-size: small;
color: #51555E;
text-decoration: none;
font-style: normal;
font-weight: bold;
}

a.news { 
color: #51555E;
font-weight: bold;
text-decoration: underline;
font-style: normal;
font-size: small;
}

a.news:hover {
color: #51555E;
font-weight: bold;
text-decoration: underline;
font-style: normal;
font-size: small;
}

a.news:active {
color: #51555E;
font-weight: bold;
text-decoration: underline;
font-style: normal;
font-size: small;
}

a.news:visited { 
color: #51555E;
font-weight: bold;
text-decoration: underline;
font-style: normal;
font-size: small;
}

img.hiilto {
width: 100%;
height: auto;
margin: 0em;
padding: 0em;
font-size: medium;
border: 0em;
}

img.palkki {
font-size: medium;  
margin: 0em;   
border: 0em;
padding: 0em;
float: right;
}

div.kokosivu {
width: 85%;
min-width: 45em;
max-height: 75%;
min-height: 75%;
margin-left: auto;	
margin-right: auto;
margin-top: 0em;
margin-bottom: 0em;
padding: 0em;
font-size: medium;
}

div.palkki {
font-size: medium;
max-height: 11em;
min-height: 7em;
width: 100%;
margin: 0em;
padding: 0em;
border: 0em;
background-color: transparent;
}

div.hiilto {
font-size: medium;
padding: 0.3em 0em 0em 0em;
margin: 0em;
width: 100%;
height: 100%;
float: left;
}

img.hiilto {
width: 100%;
height: auto;
margin: 0em;
padding: 0em 0em 0em 0em;
font-size: medium;
border: 0em;
}

div.sisalto {
font-size: medium;
width: 100%;
height: 40%;
margin: 0em;
padding: 0em;
border: 0em;
}

div.navi {
width: 10%;
min-width: 10em;
height: 100%;
margin: 0em;
padding: 1em 0em 0em 0em;
float: left;
text-align: left;
font-size: medium;
}

#menu {
font-size: small;
width: 100%;
background: #eee;
padding: 0em;
margin: 0em;
}

#menu ul {
font-size: small;
list-style: none;
margin: 0em;
padding: 0em;
}

#menu a, #menu h2,
#menu a.level1, #menu h2.level1 {
font-size: small;
display: block;
border-width: 0.1em 0.1em 0.1em 0.1em;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0em;
padding: 0.2em 0em 0.2em 0.5em;
}

#menu a.level1, #menu h2.level1 {
padding: 0em 0em 0em 1.0em;
}

#menu a, #menu h2,
#menu a.level1, #menu h2.level1 {
color: #000;
background: #B9C95E;
text-decoration: none;
}

#menu a:hover, #menu a.level1:hover {
color: #a00;
background: #fff;
}

#menu h2:hover, #menu h2.level1:hover {
background: #fff;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {
display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul,
div#menu ul.selected {
display: block;
}

div.main {
width: 50%;
height: 100%;
margin: 0em;
padding: 1em 0em 0em 0em;
float: left;
text-align: left;
font-size: medium;
}

div.view {
width: 55%;
height: 100%;
margin: 0em;
padding: 1em 0em 0em 0em;
float: left;
font-size: medium;
text-align: left;
}

div.content {
padding: 0em 0em 1em 3em;
font-size: small;
text-align: justify;
width: 100%;
}

div.yhteistyo {
width: 20%;
height: 100%;
margin: 0em;
padding: 1em 0em 0em 0em;
float: right;
text-align: left;
font-size: medium;
}

div.turtola {
width: 90%;
height: auto;
margin: 0em;
padding: 1em 1em 0em 0em;
text-align: left;
font-size: medium;
float: left;
}

img.turtola {
width: 100%;
height: auto;
margin: 0em;
padding: 0em;
font-size: medium;
border: 0em;
}

div.haglofs {
width: 40%;
height: auto;
margin: 0em;
padding: 1em 1em 0em 0em;
text-align: left;
font-size: medium;
float: left;
}

img.haglofs {
width: 100%;
height: auto;
margin: 0em;
padding: 0em;
font-size: medium;
border: 0em;
}

div.footer {
font-size: medium;
width: 100%;
height: 3em;
margin: 0em;
padding: 0em;
border: 0em;
float: left;
text-align: left;
font-size: medium;
}

div.copy {
float: right;
text-align: right;
font-size: x-small;
height: 2em;
width: 35%;
padding: 0em;
border-top: 1em solid #B9C95E;
}

div.ilmo {
padding: 0em 0em 1em 3em;
font-size: small;
text-align: left;
width: 100%;
}

div.nimi {
float: left;
padding: 0em 1.5em 0em 0em;
margin: 0em;
}

div.seura {
float: left;
padding: 0em 1.5em 0em 0em;      
margin: 0em;               
} 

div.emit {
float: left;
padding: 0em 1.5em 0em 0em;      
margin: 0em;               
} 

div.napit {
float: left;
padding: 1em 0em 1em 0em;
margin: 0em;
}

div.nimi2 {
width: 13em;
float: left;
padding: 0em 2em 0em 0em;
margin: 0em;
}

div.seura2 {
width: 13em;
float: left;
padding: 0em 2em 0em 0em;
margin: 0em;
}

div.emit2 {
float: left;
padding: 0em 0em 0em 0em;
margin: 0em;
}

#kehys {;
padding: 0em 1em 0em 1em;
margin: 0em;
}