/*****************************************************/
/***************     YLEISET TYYLIT    ***************/
/*****************************************************/


* {
margin:0;
padding:0;
vertical-align:top;
}

body {
	background-color:#3e6c86;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	margin:auto;
}

h1 {
padding-top:50px;
padding-left:50px;
padding-bottom:15px;
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
color:#3e6c86;
}

h2 {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}

h3 {
font-size:12px;
font-weight:bold;
}

p {
padding-bottom:15px;
}

.leipis {
padding:20px;
font-size:12px;
text-align:left;
line-height:2;
}




/*****************************************************/
/*****************     RAKENNE     *******************/
/*****************************************************/


#frame {
	margin:auto;
	width:980px;
	float:left;
}

/*****************************************************/
/***********           ETUSIVU        ****************/
/*****************************************************/

#ylaosa {
height:350px;
vertical-align:top;
}

#mainkuva {
float:left;
padding:0px;
margin:0px;
vertical-align:top;
}

#vali {
clear:both;
margin-left:25px;
border-left:#FFFFFF 6px solid;
height:50px;
float:left;
}

#alaosa {
width:911px;
background-color:#FFFFFF;
clear:both;
float:left;
}

#sisalto_e {
width:880px;
margin-left:25px;
border-left:#3e6c86 6px solid;
float:left;
}


/*****************************************************/
/***********     KUVAT JA LINKIT     *****************/
/*****************************************************/

.logo {
padding-left:7px;
padding-bottom:25px;
}

#kuva {
float:right;
padding:5px;
}

.kuva3 {
float:right;
padding:5px;
}

#kuva2 {
float:left;
margin-right:10px;
margin-bottom:10px;
}


/*****************************************************/
/***************  NAVIGOINTI  ESIVU ******************/
/*****************************************************/

#navi_e {
width:324px;
height:289px;
margin-top:55px;
margin-left:25px;
border-left:#FFFFFF 6px solid;
border-bottom:#FFFFFF 6px solid;
float:left;
}

#linkit_e {
padding-left:10px;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
letter-spacing:0,5em;
}

#linkit_e li {
padding-bottom:4px;
list-style-type:none;
}

#linkit_e li a {
text-decoration:none;
color:#FFFFFF;
}

#linkit_e li a:hover {
text-decoration:none;
color:#9d9d9b;
}

#alalinkit {
width:880px;
clear:both;
margin-left:25px;
border-left:#FFFFFF 6px solid;
float:left;
padding-top:15px;
padding-bottom:10px;
}

#alalinkit li {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
list-style-type:none;
padding-left:15px;
}

#alalinkit li a {
color:#FFFFFF;
text-decoration:none;
}

#alalinkit li a:hover {
color:#FFFFFF;
text-decoration:underline;
}

.kieli {
margin-left:75px;
float:left;
padding-bottom:10px;
}