/* -------------------Taustat------------------- */

body {
background-image:url('../images/tausta.png');
background-repeat: repeat-x;
background-color: #d8ecf8;
margin: 0;
padding: 0;
}

#main {
background-image:url('../images/keski.png');
width: 1069px;
margin: 0 auto;
}

#content {
background-image:url('../images/text.png');
background-repeat: no-repeat;
background-color: #FFF;
min-height: 76px;
width: 1000px;
margin: 0 auto;
}


/* -------------------Yläosa------------------- */
#header {
background-image:url('../images/header.png');
width: 1000px;
height: 115px;
margin: 0 auto;
padding: 0;
}

#vali {
background-image:url('../images/vali.png');
width: 1000px;
height: 47px;
margin: 0 auto;
}

#print {
position: absolute;
top: 125px;
width: 1000px;
text-align: right;
margin-left: -50px;
}

#print img {
margin-left: 20px;
}


/* -------------------Navigaatio tausta------------------- */

#navigaatio {
text-align: left;
width: 280px;
float: left;
margin-left: 37px;
}

#navi {
text-align: left;
font-family: arial;
font-size: 12px;
color: #000;
}



/* -------------------Navigaatio nakyva------------------- */

#navi ul
{
margin: 0;
padding: 0;
font-family: Arial;
font-size: 14px;
list-style-type: none;
text-transform: uppercase;
}

#navi li {
margin: 0 0 3px 0;
}

#navi a
{
padding: 4px;
display: block;
width: 280px;
}

#navi a:link, #navin a:visited
{
color: #4c7189;
text-decoration: none;
}

#navi a:hover
{
background-color: #f3f7fc;
color: #4c7189;
}

#active a:link, #active a:visited, #active a:hover
{
background-color: #0075bb;
color: #FFF;
}

#navi2
{
margin-left: 40px;
padding: 0;
list-style-type:square;
font-family: Arial;
font-size: 12px;
text-transform: uppercase;
}

#navi2 li
{
margin: 0;
list-style-image:url('../images/li.png')
}


#navi2 a:link, #navi2 a:visited
{
color:#4c7189;
background-color: #fff;
}
#navi2 a:hover
{
color: #999;
background-color: #fff;
}

/* -------------------Navigaatio liikkuva------------------- */

#scroll {
float: left;
text-align: right;
font-family: arial;
font-size: 12px;
color: #000;
margin-left: 80px;
margin-top: 10px;
width: 280px;
}

#scroll ul
{
margin: 0;
padding: 0;
font-family: Arial;
font-size: 14px;
text-transform: uppercase;
list-style-type: none;
}

#scroll li {
margin: 0 0 3px 0;
}

#scroll a, a:link, #navi_scroll a:visited
{
color: #a4aeb5;
text-decoration: none;
}

#scroll a:hover
{
color: #4c7189;
text-decoration: none;
}


/* -------------------Sisältö------------------- */

#text {
text-align: left;
float: right;
width: 550px;
font-family: arial;
font-size: 12px;
color: #000;
margin-right: 60px;

}

#nosto {
text-align: left;
font-family: Verdana;
font-size: 14px;
color: #757575;
}

/* -------------------Alaosa------------------- */

#footer {
background-image:url('../images/footer.png');
width: 1069px;
height: 85px;
margin: 0 auto;
}

#footer_tx {
position: absolute;
float: left;
margin: 15px;
text-align: right;
font-family: arial;
font-size: 12px;
color: #4c7189;
width: 1000px;
}

#clear {
clear: both;
margin: 0;
padding: 0;
}

/* -------------------Linkit------------------- */

a, a:visited, a:active {
color: #4c7189;
text-decoration: none;
}

a:hover {
color: #BBB;
text-decoration: none;
}

/* -------------------Otsikkotyylit yms.------------------- */

h1 {
color: #4c7189;
font-family: Arial;
font-size: 14px;
margin: 0;
font-weight: bold;
text-transform: uppercase;
}

h2 {
color: #4c7189;
font-family: Georgia;
font-size: 29px;
margin-bottom: 15px;
font-weight: bold;
}

h3 {
color: #959311;
font-family: Arial;
font-size: 16px;
margin: 20px 20px 0 0;
font-weight: bold;
}

h4 {
color: #000;
font-family: Arial;
font-size: 13px;
margin: 10px 10px 0 0;
font-weight: bold;
}


/* -------------------Navigaatio numerot------------------- */

.navicolors_active {
font-family: Georgia;
font-size: 13px;
color: #FFF;
}

.navicolors {
font-family: Georgia;
font-size: 13px;
color: #959311;
}


/* -------------------taulukot------------------- */


table {
font-family: verdana;
font-size: 10px;
margin: 0px;
padding: 5px;
}

#title {
text-align: left;
background-color: #FFFFFF;
}

#color {
text-align: right;
background-color: #f4f3e5;
width: 80px;
}

#white {
text-align: right;
background-color: #FFFFFF;
width: 80px;
}


#titleb {
text-align: left;
border-bottom: 1px solid #444;
border-top: 1px solid #444;
background-color: #FFFFFF;
}

#colorb {
text-align: right;
border-bottom: 1px solid #444;
border-top: 1px solid #444;
background-color: #f4f3e5;
width: 80px;
}

#whiteb {
text-align: right;
border-bottom: 1px solid #444;
border-top: 1px solid #444;
background-color: #FFFFFF;
width: 80px;
}

/* -------------------extra links------------------- */

#text a, a:visited, a:active {
color: #000;
text-decoration: none;
}

#text a:hover {
color: #BBB;
text-decoration: none;
}

#footer_tx a, a:visited, a:active {
color: #4c7189;
text-decoration: none;
}

#footer_tx a:hover {
color: #BBB;
text-decoration: none;
}


/* ------------------- etc ------------------- */