/* --------------- BODY --------------- */

body {
background: url(../images/bgr.jpg) #15428f center top no-repeat scroll;

font-size: 0.8em;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #323232;
padding:0px;
margin:0px;
line-height: 1.6em;


font-weight: normal;

}

a:link {text-decoration: none; color: #224071; font-weight: bold;}
a:visited {text-decoration: none; color: #224071; font-weight: bold;}
a:active {text-decoration: none; color: #224071; font-weight: bold;}
a:hover {text-decoration: underline; color: #224071; font-weight: bold;}



/* --------------- CONTAINER --------------- */
#container {
background-color: #15428f;
width: 919px;
margin-left: auto;
margin-right: auto;
}

/* --------------- HEADER --------------- */
#header {
background: url(../images/header.jpg);
padding: 0px;
margin: 0px;
height: 153px;
width: 919px;
}

/* --------------- WELCOME --------------- */
#welcome {
background: url(../images/welcome.jpg);
padding: 0px;
margin: 0px;
height: 52px;
width: 919px;
}

/* --------------- CONTENT --------------- */
#content {
background-color: #ffffff;
padding: 0px;
width: 635px;
margin-right: 0px;
padding-bottom: 0px;
}
div#content { 
min-height:650px;
height:expression(this.scrollHeight > 650 ? "auto":"650px"); 
}

#text {
width: 570px;
margin-left: 28px;
margin-right: 37px;
}

/* --------------- OTSIKKO --------------- */
#otsikko {
padding: 0px;
margin: 0px;
height: 52px;
width: 635px;
height: 54px;
}


/* --------------- MENU LINKS --------------- */

#menu {
float: left;
width: 263px;
margin: 0px;
padding: 0px;
}
div#menu { 
min-height:650px;
height:expression(this.scrollHeight > 650 ? "auto":"650px"); 
}

a.etusivu { 
display: block; 
background-image: url(../images/etusivu_1.jpg);
width: 239px;
height: 50px;
} 

a.tunneminut{
display: block; 
background-image: url(../images/tunneminut_1.jpg);
width: 239px;
height: 50px;
}

a.tiedatavoitteeni{
display: block; 
background-image: url(../images/tiedatavoitteeni_1.jpg);
width: 239px;
height: 48px;
}

a.bloggi{
display: block; 
background-image: url(../images/blogi_1.jpg);
width: 239px;
height: 48px;
}

a.tavoitaminut{
display: block; 
background-image: url(../images/tavoitaminut_1.jpg);
width: 239px;
height: 51px;
}


#etusivu a.etusivu, a:hover.etusivu {background-position: 0px -50px} 
#tunneminut a.tunneminut, a:hover.tunneminut {background-position: 0px -50px}  
#tiedatavoitteeni a.tiedatavoitteeni, a:hover.tiedatavoitteeni {background-position: 0px -48px} 
#bloggi a.bloggi, a:hover.bloggi {background-position: 0px -48px}  
#tavoitaminut a.tavoitaminut, a:hover.tavoitaminut {background-position: 0px -51px} 


/* --------------- MENU --------------- */


#valikko_left{
background-image: url(../images/valikko_left.jpg);
width: 24px;
height: 650px;
}

#numero_mini{
background-image: url(../images/numero_mini.jpg);
width: 239px;
height: 61px;
}

#yhteystiedot{
background-image: url(../images/yhteystiedot.jpg);
width: 239px;
height: 342px;

}

#yhteystiedot-text{
padding-top: 130px;
font-size: 12px;
text-align: center;
line-height: 1.8em;
}

#valikko_right{
background-image: url(../images/valikko_right.jpg); 
width: 21px;
height: 650px;
}

#bottom {
	position: absolute;
	bottom: -10px;
}


/* --------------- FOOTER --------------- */


#footer {
background: url(../images/footer.jpg) #15428f;
width: 919px;
height: 52px;
clear: both;
margin: 0px;
padding: 0px;
text-align: left; 
font-size: 0.9em;
}
div#footer { 
color: #0d2245; 
text-align: center;
line-height: 15px;
margin-bottom: 20px;
}

#footer a{
font-weight: normal;
text-decoration: none;
color: #0d2245;
}

/* --------------- FONTS --------------- */

h1,h2,h3,h4,h5,h6 {
text-transform: uppercase;
font-weight: bold;
padding: 0px;
margin-top: 10px;
margin-bottom: 5px;
}

h1 {
	font-size: 0.9em;
	line-height: 1.6em;
}

h2 {
	font-size: .8em;
}

h3 {
	font-size: 1.7em;
	line-height: 1.1em;
}

h4 {
	font-size: .9em;
}

h5 {
	font-size: 1.5em;
	line-height: 1.2em;
}

h6 {
	font-size:.88em;
}

p {
padding: 0px;
margin-top: 1px;
margin-bottom: 0px;
padding-bottom: 10px;
}

blockquote,ul,ol,dl {
	margin:1em;
}


ul 
{
list-style-image: url('http://www.hannujuntunen.net/web/images/4.gif');
line-height: 1.8em;
}


li {
padding-bottom : 16px;
}

#date{
margin-top: -8px;
font-weight: bold;
text-transform: uppercase;
font-size: 0.8em;
color: #536582;
}