/*************************
 * runko elementit alkaa *
 *************************/
body {
	clear: both;
	background-color: #ccff66;
	font-family: Arial;
	font-size: 12px;
}
.site_container {
	/*margin-top:-20px;*/
	margin-left: auto;
	margin-right: auto;
	margin-top:-20px;
}
.main_table {
	width: 804px;
	height:740px;
	margin-left: auto;
	margin-right: auto;
}
.vas_ulko{
	width:200px;
}
.oik_ulko{
	width:200px;
	padding-top:212px;
}
.oik_ulko_keski{
	width:192px;
	height: 200px;
	background-color: #ffffff;
	vertical-align:top;	
}
.header_yla {
	width: 804px;
	height: 162px;
	
	padding:0;
	/*background-image: url('kuvat_rakenne/banneri_yla2.gif');
	background-position: top center;
	background-repeat: no-repeat;*/
}
.header_ala {
	width: 804px;
	height: 40px;
	background-image: url('kuvat_rakenne/banneri_ala3.gif');
	background-position: top center;
	background-repeat: no-repeat;
}
.footer {
	width: 794px;
	height: 50px;
	font-size: 12px;
	color: #999999;
	vertical-align:top;
	padding-top:10px;
	padding-left:50px;
}
.top_margin {
	width: 804px;
	height: 10px;
}
.vali {
	width: 10px;
}
.vas_yla {
	width: 602px;
	height: 10px;
	background-image:url('kuvat_rakenne/vas_yla.gif');
	background-repeat: no-repeat;
}
.vas_ala {
	width: 602px;
	height: 10px;
	background-image:url('kuvat_rakenne/vas_ala.gif');
	background-repeat: no-repeat;
}
.vas_keski_margin {
	width: 502px;
	height: 480px;
	background-color: #ffffff;
	vertical-align:top;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 35px;
	padding-top: 35px;
}
.oik_yla{
	width:192px;
	height: 10px;
	background-image:url('kuvat_rakenne/oik_yla.gif');
	background-repeat: no-repeat;
}
.oik_ala{
	width:192px;
	height: 10px;
	background-image:url('kuvat_rakenne/oik_ala.gif');
	background-repeat: no-repeat;
}
.oik_keski{
	width:192px;
	height: 480px;
	background-color: #ffffff;
	vertical-align:top;	
}
.oik_keski_margin{
	width:142px;
	height: 480px;
	background-color: #ffffff;
	vertical-align:top;
	padding-left: 35px;
	padding-right: 15px;
	padding-bottom: 35px;
	padding-top: 35px;
}
/**************************
 * runko elementit loppuu *
 **************************/
 
/**************************
 * etusivu alkaa 		  *
 **************************/
.etu_vas_keski {
	width: 562px;
	height: 480px;
	background-color: #ffffff;
	vertical-align:top;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.etu_oik_fantti {
	background-image: url('kuvat_etusivu/PutteJaFantinAarre_etusivu.jpg');
	width: 155px;
	height: 75px;
	margin-top:15px;
	margin-left: 18px;
	margin-right: 18px;
	margin-bottom: 10px;
}
.etu_oik_lappu {
	background-image: url('kuvat_etusivu/muistilappu210709.jpg');
	width: 160px;
	height: 159px;
	margin-top:15px;
	margin-left: 16px;
	margin-right: 16px;
	margin-bottom: 10px;
}
.fantti_txt {
	margin-left:25px;
	margin-right:5px;
	font-size: 12px;
	line-height:16px;
}
.etusivu_kuva {
	width: 160px;
	margin-top:15px;
	margin-bottom: 10px;
	margin-left: 16px;
	margin-right: 16px;
}
.arkisto_otsikko_oik {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #ff9933;
	text-transform: uppercase;
}
.pvm_blue_arkisto {
	color: #009999;
	font-family: Arial;
	font-size: 12px;	
}
.vali2 {
	width: 20px;
}
.vali3 {
	height: 20px;
}
.etu_kuvat, .etu_kuvat:active, .etu_kuvat:link {
	border: none;
	width:270px;
	height:220px;
}
/**************************
 * etusivu loppuu 		  *
 **************************/

/**************************
 * putte & ystävät alkaa  *
 **************************/
.pjay_vas_keski {
	width: 522px;
	height: 480px;
	background-color: #ffffff;
	vertical-align:top;
	padding-left: 50px;
	padding-right: 30px;
	padding-bottom: 35px;
	padding-top: 35px;
}
.pjay_pelit {
	width: 550px;
	height: 450px;
	background-color: #ffffff;
	vertical-align:top;
	padding-left: 26px;
	padding-right: 26px;
	padding-bottom: 16px;
	padding-top: 16px;
}
.ystava_teksti{
	width:250px;
	font-family: Arial;
	font-size:12px;
	line-height: 18px;
}
.ystava_kuva{
	float: right;
	margin-top: 12px;
}
/**************************
 * putte & ystävät loppuu *
 **************************/

/**************************
 * ajankohtaista alkaa	  *
 **************************/
.uutis_kuva_vas {
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 17px;
}
.uutis_kuva_oik {
	float:right;
	margin-left: 20px;
	margin-top: 17px;
	margin-bottom: 20px;
}
.uutis_kuva_logo {
	float:right;
}
.ajankoht_aarre {
	background-image: url('kuvat_ajankohtaista/Putte-fantti.jpg');
	width: 280px;
	height: 198px;
	float: right;
	margin-left: 20px;
	margin-top: 17px;
	margin-bottom: 20px;
}
.ajankoht_autoilee {
	background-image: url('kuvat_ajankohtaista/Putte_autoilee.jpg');
	width: 200px;
	height: 215px;
	float: right;
	margin-left: 20px;
	margin-top: 17px;
	margin-bottom: 20px;
}
.kuva_tilaaputte {
	background-image: url('kuvat_ajankohtaista/PutteHalaa.jpg');
	width:200px;
	height:275px;
	float: right;
	margin-left:20px;
	margin-top:17px;
	margin-bottom:20px;
}
/**************************
 * ajankohtaista loppuu   *
 **************************/

/**************************
 * blogi alkaa  		  *
 **************************/
.blogi_vas_keski {
	width: 502px;
	height: 480px;
	background-color: #ffffff;
	vertical-align:top;
	padding-left: 30px;
	padding-right: 50px;
	padding-bottom: 35px;
	padding-top: 35px;
}
.blog_left {
	width: 150px;
	vertical-align:top;
	background-color: #ffffff;
}
.blog_right {
	width:354px;
	vertical-align: top;
	background-color: #ffffff;
	padding-left:20px;
}
.blogi_kuva {
	margin: 25px 0px;
}
.blogi_tekstit {
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	color: black;
	margin-top: 0px;
	margin-bottom:0px;
}
.grey_blog {
	text-decoration: none;
	color: #999999;
	font-family: Arial;
	font-size: 10px;
}
.kommentti_tekstit {
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	color: black;
	padding-left:20px;
	padding-right:20px;
	margin-top: 0px;
	margin-bottom:0px;
}
.blogi_otsikko2 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #000000;
	text-transform: uppercase;
}
.blogi_k_ots {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: #ff9933;
	text-transform: uppercase;
}
.blogi_spacer {
	width:354px;
	height: 25px;
}
/**************************
 * blogi loppuu 		  *
 **************************/

/**************************
 * putte-shop alkaa		  *
 **************************/
.shop_vas_keski {
	width: 600px;
	height: 480px;
	background-color: #ffffff;
	vertical-align:top;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 35px;
	padding-top: 35px;
}
.shop_oik_keski{
	width:192px;
	height: 480px;
	background-color: #ffffff;
	vertical-align:top;
}
.shoppi {
	width:596px;
	height: 250px;
	
	margin-top:40px;
}
/**************************
 * putte-shop loppuu	  *
 **************************/

/**************************
 * putte oy alkaa 		  *
 **************************/
.poy_vas_keski2 {
	width: 602px;
	height: 480px;
	background-color: #ffffff;
	vertical-align:top;
}
.link_orange_poy:active, .link_orange_poy:visited, .link_orange_poy:link{
	color: #ff9933;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	
}
.link_orange_poy:hover {
	color: #ffcc33;
}
.link_blue_poy:active, .link_blue_poy:visited, .link_blue_poy:link{
    color: #009999;
    text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
}
.link_blue_poy:hover {
	color: #33cccc;
}
.ots_oik_orange	 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #ff9933;
	text-transform: uppercase;
}
.kuva_putteoy {
	width: 165px;
	height: 60px;
	float: right;
}
.kuva_taustaa {
	width: 200px;
	height: 272px;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
}
.kuva_marita {
	width: 200px;
	height: 250px;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
}
.kuva_anna {
	width: 250px;
	height: 150px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
}
.kuva_pihla {
	width: 250px;
	height: 150px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
}
.kuva_kirja {
	width: 201px;
	height: 244px;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
}
.kuva_aarre {
	width: 280px;
	height: 198px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top:5px
}
.kuva_naytelma {
	width: 200px;
	height: 275px;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
}
.kuva_kannatus {
	margin-top:80px;
	width: 500px;
}
.kuva_raahe {
	width: 380px;
	height: 84px;
	margin-top: 20px;
	border: none;
}
.kuva_yht_tyo {
	border: none;
	width: 115px;
	height: 50px;
	margin-top: 20px;
	margin-left:4px;
	margin-right: 4px;
}
.kuva_kumppaniksi {
	border: none;
	width: 115px;
	height: 60px;
	margin: 5px 5px;
	float: left;
}
/**************************
 * putte oy loppuu 		  *
 **************************/

/**************************
 * media alkaa  		  *
 **************************/
.media_vas_keski2 {
	width: 502px;
	height: 480px;
	background-color: #ffffff;
	vertical-align:top;
	padding-left: 40px;
	padding-right: 20px;
	padding-bottom: 35px;
	padding-top: 35px;
}
.media_otsikko {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;	
	color: #ff9933;
	text-transform: uppercase;
}
.media_otsikko_oik {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #ff9933;
	text-transform: uppercase;
}
.media_yht_nimet {
	font-family: Arial;
	font-size:14px;
	line-height: 18px;
	color: #009999;
	font-weight: bold;	
}
.media_yht_txt {
	font-family: Arial;
	font-size: 12px;
	color: black;
	line-height: 16px;
	margin-left:10px;
	margin-top:5px;
}
.media_yht_kuva {
	height: 400px;
	width: 280px;
	float: right;
	background-image: url('kuvat_rakenne/Putte_kuumailmapallossa.jpg');
	margin-top: -20px;
	margin-right: -30px;
}
.media_asema {
	font-family: Arial;
	font-size:12px;
	font-weight: bold;
	line-height: 18px;
	color: #ff9933;
}
.galleria_2 {
	background-image:url('kuvat_galleria/Kuvagalleria_1.jpg');
	width:540px;
	height:400px;
}
.galleria_1 {
	background-image:url('kuvat_galleria/Kuvagalleria_2.jpg');
	width:540px;
	height:400px;
}
.gal_left {
	width:270px;
	float:left;
	border: none;
}
.gal_right {
	width:270px;
	float:right;
	border: none;
}
.galleria {
	width:540px;
	height:420px;
	font-family:Arial;
	font-size:12px;
}
/**************************
 * media loppuu 		  *
 **************************/
 
/**************************
 * fontit ja linkit alkaa *
 **************************/
a.link_orange:active, a.link_orange:visited, a.link_orange:link {
	color: #ff9933;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
}
a.link_orange:hover {
	color: #ffcc33;
}
a.link_orange2:active, a.link_orange2:visited, a.link_orange2:link {
	color: #ff9933;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
}
a.link_orange2:hover {
	color: #ffcc33;
}
a.link_blue:active, a.link_blue:visited, a.link_blue:link {
	color: #009999;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
}
a.link_blue:hover {
	color: #33cccc;
}
.pvm_grey {
	color: #999999;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
}
.pvm_grey2 {
	color: #999999;
	font-family: Arial;
	font-size: 12px;
}
.pvm_blue {
	color: #009999;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
}
.pvm_blue2 {
	color: #009999;
	font-family: Arial;
	font-size: 12px;
}
.pvm_red {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: #ff6666;
}
.tekstit {
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	color: black;
}
.nimi_pv {
	font-size: 12px;
	line-height: 18px;
	color: #999999;
	font-style: italic;
}
.otsikko {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #009999;
	text-transform: uppercase;
}
.otsikko2 {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #ff9933;
	text-transform: uppercase;
}
.blue_ots {
	color: #009999;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;	
}
.orange_ots {
	color: #ff9933;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
}
.orange_ots2 {
	color: #ff9933;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}
.navi_ots {
	font-family: Arial;
	font-size: 12px;
	line-height: 14px;
	color: #009999;
	font-weight:bold;
	text-transform: uppercase;
}
.navi_ots2 {
	font-family: Arial;
	font-size: 12px;
	line-height: 14px;
	color: #009999;
	font-weight:bold;
	text-transform: uppercase;
}
.oreuna_txt {
	margin-left: 35px;
	margin-right: 15px;
}
/**************************
 * fontit ja linkit loppuu*
 **************************/

/***************************
 * o reunan otsikot alkaa  *
 ***************************/ 
.oreuna_ajankohtaista {
	width: 172px;
	height: 41px;
	margin-left:20px;
	margin-top: 10px;
	background-image: url('kuvat_otsikot/Otsikko_Ajankohtaista.gif');
	z-index:10;
}
.oreuna_tuotteet {
	margin-left: 20px;
	margin-top: 10px;
	width: 172px;
	height: 41px;
	background-image: url('kuvat_otsikot/Otsikko_Tuotteet.gif');
	z-index:10;
}
.oreuna_anna {
	margin-left: 20px;
	margin-top: 10px;
	width: 172px;
	height: 58px;
	background-image: url('kuvat_otsikot/Otsikot_Anna.gif');
	z-index:10;
}
.oreuna_marita {
	margin-left: 20px;
	margin-top: 10px;
	width: 172px;
	height: 58px;
	background-image: url('kuvat_otsikot/Otsikot_Marita.gif');
	z-index:10;
}
.oreuna_pihla {
	margin-left: 20px;
	margin-top: 10px;
	width: 172px;
	height: 58px;
	background-image: url('kuvat_otsikot/Otsikot_Pihla.gif');
	z-index:10;
}
.oreuna_tapahtumat {
	margin-left: 20px;
	margin-top: 10px;
	width: 172px;
	height: 41px;
	background-image: url('kuvat_otsikot/Otsikot_Tapahtumat.gif');
	z-index:10;
}
.oreuna_tilaa {
	margin-left: 20px;
	margin-top: 10px;
	width: 172px;
	height: 41px;
	background-image: url('kuvat_otsikot/Otsikot_Tilaa.gif');
	z-index:10;
}
.oreuna_uutiset {
	margin-top: 10px;
	margin-left: 20px;
	width: 172px;
	height: 41px;
	background-image: url('kuvat_otsikot/Otsikot_Uutiset.gif');
	z-index:10;
}
.oreuna_uutiskirje {
	margin-top: 10px;
	margin-left: 20px;
	width: 172px;
	height: 41px;
	background-image: url('kuvat_otsikot/Otsikko_Uutiskirje.gif');
	z-index:10;
}
/***************************
 * o reunan otsikot loppuu *
 ***************************/
 
/***************************
 * navigaatio-linkit alkaa *
 ***************************/
.navi1 {
	background-position:bottom center;
	background-repeat: no-repeat;
	background-image: url('kuvat_navi/Nappi_etusivu2.gif');
	width: 114px;
	height:40px;
	border: none;
	margin-right:1px;
	text-decoration: none;
}
.navi1:hover {
	background-position:bottom center;
	background-repeat: no-repeat;
	margin-right:1px;
	background-image: url('kuvat_navi/Nappi_etusivu_hiiri.gif');
	width: 114px;
	height:40px;
	border: none;
	text-decoration: none;
}
.navi1_act {
	background-position:bottom center;
	background-repeat: no-repeat;
	margin-right:1px;
	background-image: url('kuvat_navi/Nappi_etusivu_auki2.gif');
	width: 114px;
	height:40px;
	border: none;
	text-decoration: none;
}
a.navi1, a.navi1_act {
	display:block;
}
.navi2 {
	background-position:bottom center;
	background-repeat: no-repeat;
	margin-right:1px;
	background-image: url('kuvat_navi/Nappi_Puttejaystavat.gif');
	width: 114px;
	height:40px;
	border: 0;
}
.navi2:hover {
	background-position:bottom center;
	background-repeat: no-repeat;
	margin-right:1px;
	background-image: url('kuvat_navi/Nappi_Puttejaystavat_hiiri.gif');
	width: 114px;
	height:40px;
	border: 0;
}
.navi2_act {
	background-position:bottom center;
	background-repeat: no-repeat;
	margin-right:1px;
	background-image: url('kuvat_navi/Nappi_Puttejaystavat_auki.gif');
	width: 114px;
	height:40px;
	border: 0;
}
a.navi2, a.navi2_act {
	display:block;
}
.navi3 {
	background-position:bottom center;
	background-repeat: no-repeat;
	margin-right:1px;
	background-image: url('kuvat_navi/Nappi_Ajankohtaista.gif');
	width: 114px;
	height:40px;
	border: 0;
}
.navi3:hover {
	background-position:bottom center;
	background-repeat: no-repeat;
	margin-right:1px;
	background-image: url('kuvat_navi/Nappi_Ajankoht_hiiri.gif');
	width: 114px;
	height:40px;
	border: 0;
}
.navi3_act {
	background-position:bottom center;
	background-repeat: no-repeat;
	margin-right:1px;
	background-image: url('kuvat_navi/Nappi_Ajankohtaista_auki.gif');
	width: 114px;
	height:40px;
	border: 0;
}
a.navi3, a.navi3_act {
	display:block;
}
.navi4 {
	background-position:bottom center;
	background-repeat: no-repeat;
	margin-right:1px;
	background-image: url('kuvat_navi/Nappi_Blogi.gif');
	width: 114px;
	height:40px;
	border: 0;
}
.navi4:hover {
	background-position:bottom center;
	background-repeat: no-repeat;
	margin-right:1px;
	background-image: url('kuvat_navi/Nappi_Blogi_hiiri.gif');
	width: 114px;
	height:40px;
	border: 0;
}
.navi4_act {
	background-position:bottom center;
	background-repeat: no-repeat;
	margin-right:1px;
	background-image: url('kuvat_navi/Nappi_Blogi_auki.gif');
	width: 114px;
	height:40px;
	border: 0;
}
a.navi4, a.navi4_act {
	display:block;
}
.navi5 {
	background-position:bottom center;
	background-repeat: no-repeat;
	margin-right:1px;
	background-image: url('kuvat_navi/Nappi_Putteshop.gif');
	width: 114px;
	height:40px;
	border: 0;
}
.navi5:hover {
	background-position:bottom center;
	background-repeat: no-repeat;
	margin-right:1px;
	background-image: url('kuvat_navi/Nappi_Puttesfop_hiiri.gif');
	width: 114px;
	height:40px;
	border: 0;
}
.navi5_act {
	background-position:bottom center;
	background-repeat: no-repeat;
	margin-right:1px;
	background-image: url('kuvat_navi/Nappi_Putteshop_auki.gif');
	width: 114px;
	height:40px;
	border: 0;
}
a.navi5, a.navi5_act {
	display:block;
}
.navi6 {
	background-position:bottom center;
	background-repeat: no-repeat;
	margin-right:1px;
	background-image: url('kuvat_navi/Nappi_PutteOy.gif');
	width: 114px;
	height:40px;
	border: 0;
}
.navi6:hover {
	background-position:bottom center;
	background-repeat: no-repeat;
	margin-right:1px;
	background-image: url('kuvat_navi/Nappi_PutteOy_hiiri.gif');
	width: 114px;
	height:40px;
	border: 0;
}
.navi6_act {
	background-position:bottom center;
	background-repeat: no-repeat;
	margin-right:1px;
	background-image: url('kuvat_navi/Nappi_PutteOy_auki.gif');
	width: 114px;
	height:40px;
	border: 0;
}
a.navi6, a.navi6_act {
	display:block;
}
.navi7 {
	background-position:bottom center;
	background-repeat: no-repeat;
	background-image: url('kuvat_navi/Nappi_media.gif');
	width: 114px;
	height:40px;
	border: 0;
}
.navi7:hover {
	background-position:bottom center;
	background-repeat: no-repeat;
	background-image: url('kuvat_navi/Putte_media_hiiri.gif');
	width: 114px;
	height:40px;
	border: 0;
}
.navi7_act {
	background-position:bottom center;
	background-repeat: no-repeat;
	background-image: url('kuvat_navi/Nappi_media_auki.gif');
	width: 114px;
	height:40px;
	border: 0;
}
a.navi7, a.navi7_act {
	display:block;
}
a {
    outline: none;
 }
a img {
    border:none;
 }

/****************************
 * navigaatio-linkit loppuu *
 ****************************/