/* Perusmäärittelyt */
body {
font-family : helvetica, sans-serif;
font-weight : 100;
color : #000000;
background-position: top center;
background-attachment: fixed;
background-repeat: no-repeat;
}

div  {

}

h1 {
margin-left : 30px;
margin-top : 30px;
font-size : 20px;
color : #fffff0;
}

h2 {
margin-left : 30px;
margin-top : 20px;
font-size : 14px;
color : #000000;
}

p {
margin-left : 30px;
margin-right : 20px;
font-size : 12px;
line-height : 18px;
}

ul {
margin-left : 20px;
font-size : 12px;
}

/* Keskitetään sivu */
#container {
border-style : solid;
border-width : 0;
position : relative;
width : 850px;
height : 600px;
margin-left : auto;
margin-right : auto;
}

/* Sivun yläreuna */
#top {
background-image : url('bg_top.png');
position : relative;
width : 850px;
height : 100px;
margin-left : auto;
margin-right : auto;
}

/* Navigointipalkki */
#navi {
position : relative;
width : 810px;
height : 20px;
margin-left : auto;
margin-right : auto;
text-align : right;
}

/* Navigointipalkin muotoilut */
#navlist a {
background-color : #ffffff;
color : #666666;
text-decoration : none;
padding : 2px 4px 2px 4px;
}

#navlist a:hover {
background-color : #cccccc;
color : #da0000;
text-decoration : none;
padding : 2px 4px 2px 4px;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover#current {
background-color : #cccccc;
color : #666666;
text-decoration : none;
padding : 2px 4px 2px 4px;
}

#navlist li {
display : inline;
list-style-type : none;
}

/* Vasen palsta */
#left {
position : relative;
width : 400px;
height : 400px;
margin-left : 20px;
float : left;
background-image : url('bg_left.png');
}

/* Oikea palsta */
#right {
position : relative;
width : 400px;
height : 400px;
margin-right : 20px;
float : right;
background-image : url('bg_right.png');
background-attachment: fixed;
overflow : auto;
}

/* Alareuna */
#bottom {
position : relative;
clear : both;
width : 810px;
height : 20px;
margin-left : auto;
margin-right : auto;
text-align : right;
}

/* Copyright-merkintä */
#footer {
font-size : 10px;
}

/* Palveluvalikko */
div.palvelut a {
width : 198px;
height : 198px;
display : block;
color : #333333;
background : #ffffff;
text-decoration : none;
font-size : 16px;
}

div.palvelut a:link {
color : #ffffff;
background : #333333;
}

div.palvelut a:active {
color : #ffffff;
background : #333333;
}

div.palvelut a:visited {
color : #ffffff;
background : #333333;
}

div.palvelut a:hover {
color : #eeeeee;
background : #da0000;
}

div.ruutu {
text-align : center;
line-height : 194px;
margin : 1px;
}

/* Päiväys */
.date {
font-size : 8px;
font-style: italic;
line-height : 8px; 
}