/* CSS Document */

body{
	background: #fff url("pics/bg.jpg") repeat-x;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #232323;
	line-height: 16px;
}

html {
  height: 100%;
}

* { /* oletuksena kaikkiin */
  margin: 0;
  padding: 0;
}

#container{
min-height:100%;
position:relative;
}

#main{
width: 1028px;
margin: 0 auto;
}

b {
  font-weight: bold;
  }
  
a {
	color: #00afd8;
	text-decoration: underline;
  }

a:hover {
	color: #232323;
  }
  
p{
padding-bottom: 15px;
}

/*li{
  list-style: none;
  background: url("pics/h1_background.gif") no-repeat;
  background-position: 0px 0px;
  padding-left: 15px;
}*/

h1 {
  font-family: "Gill sans",Arial,sans-serif;
  font-size: 18px;
  color: #707070;
  font-weight: normal;
  line-height: 23px;
  text-transform: uppercase;
}

h2 {
  font-family: "Gill sans",Arial,sans-serif;
  font-size: 15px;
  color: #707070;
  font-weight: normal;
  text-transform: uppercase;
  }
  
h3 {
  font-family: "Gill sans",Arial,sans-serif;
  font-size: 13px;
  color: #707070;
  font-weight: normal;
  text-transform: uppercase;
  }


/* DESIGN */

#main{
width: 862px;
margin: 0 auto;
height:100%;
}

#yla{
width: 862px;
height: 84px;
background: url("pics/yla.gif") no-repeat;
}

#nav{
width: 862px;
height: 70px;
}

#nav_loput{
width: 201px;
height: 70px;
background: url("pics/nav_loput1.gif") no-repeat;
}

#header{
width: 862px;
height: 254px;
background: url("pics/bg_header.gif") no-repeat;
}

#vas_hr{
width: 260px;
margin-left: -21px;
padding-top: 10px;
padding-bottom: 8px;
}

#alamenu a{
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #636363;
text-decoration: none;
}

#alamenu a:hover{
text-decoration: underline;
}

#alamenu2_pad{
padding-left: 40px;
}

#alamenu2 a{
font-size: 11px;
text-transform: uppercase;
font-weight: normal;
color: #636363;
text-decoration: none;
}

#alamenu2 a:hover{
text-decoration: underline;
}

.thumbnail {
	padding: 10px;
	
}

/* OTSIKKO-AREA */

#ots{
width: 862px;
height: 39px;
background: url("pics/bg_ots.gif") no-repeat;
}

#ots_table{
width: 862px;
}

#ots_vas{
width: 239px;
padding-top: 2px;
padding-left: 30px;
}

#ots_oik{
width: 503px;
padding-top: 2px;
padding-left: 30px;
}

#ots_tulosta{
width: 60px;
padding-top: 2px;
padding-right: 7px;
}

#ots_oik_es{
width: 363px;
padding-top: 2px;
padding-left: 30px;
}

#ots_tulosta_es{
width: 200px;
padding-top: 2px;
padding-right: 7px;
}

/* ETUSIVU */

#header_flash { padding-left: 11px; width: 604px; height: 239px; }


#header_etusivu{
width: 615px;
height: 214px;
}

#header_vas{
width: 615px;
}

#header_oik{
width: 196px;
vertical-align: top;
padding-left: 13px;
padding-top: 10px;
padding-right: 25px;
}

/* NEWS_FLASH */

#nf_otsikko h1{
  font-family: "Gill sans",Arial,sans-serif;
  font-size: 18px;
  color: #323d49;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 20px;
}

#nf_text{
padding-top: 8px;
}

/* AJANKOHTAISTA */
#ajankohtaista{
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #636363;
}

#ajankohtaista a{
color: #636363;
text-decoration: none;
}

#ajankohtaista a:hover{
text-decoration: underline;
}

#ajankohtaista_pv{
font-size: 10px;
}

/* CONTENT-AREA */

#content{
width: 862px;
min-height:100%;
padding-bottom: 20px;
background: url("pics/bg_content.gif") repeat-y;
}

#content_table{
width: 862px;
min-height:100%;
padding-bottom: 20px;
}

#content_vas{
width: 239px;
padding-left: 30px;
padding-top: 2px;
vertical-align: top;
}

#content_oik{
width: 558px;
padding-left: 20px;
padding-right: 15px;
padding-top: 2px;
vertical-align: top;
}

/* FOOTER */

/* #footer{
position:absolute;
bottom:0;
width: 100%;
height: 23px;
background: #00afd8;
} */

#footer{
width: 100%;
height: 23px;
background: #00afd8;
}

#copyr{
width: 862px;
color: #fff;
font-size: 10px;
margin: 0 auto;
text-align: right;
padding-top: 3px;
}

#copyr a{
color: #fff;
}