@charset "utf-8";
/* CSS tyylit, näiden harmaiden tekstien tarkoitus on selittää alla olevan kohdan tarkoitus */

/* Yleisiä elementtejä */
* {
	margin: 0px;
	padding: 0px;
}
body {
	background: url(../images/kivet.gif) no-repeat bottom left #42444A;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#tausta_wrapper {
	background: url(../images/tausta.gif) repeat-x;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#wrapper {
	display: block;
	width: 700px;
	margin: 0px auto 50px auto;
	padding: 0px;
	text-align: left;
}
#top {
	width: 693px;
	height: 108px;
	margin: 0px 7px 0px 0px;
	padding: 0px;
	background: url(../images/top_tausta.gif) repeat-x;
}
	#logo {
		float: left;
		width: 162px;
		height: 108px;
	}
	#navi {
		float: right;
		width: auto;
		height: 35px;
		margin: 73px 0px 0px 0px;
		padding: 0px;
	}
		.navi_nappi {
   			display: inline-block;
			height: 30px;
			padding: 5px 7px 0px 7px;
			margin: 0px 0px 0px 0px;
			background: url(../images/navi_tausta.gif) repeat-x;
		}
			.navi_linkki {
   				display: inline-block;
				width: inherit;
				height: 30px;
				padding: 0px;
				margin: 0px;
				background: url(../images/navi_nuoli.gif) no-repeat bottom center;
			}

#wrapper_sisalto {
	text-align: center;
	width: 700px;
	margin: 0px;
	padding: 9px 0px 0px 0px;
	background: url(../images/tausta_sisalto.gif) no-repeat #42444A;
}

#ala {
	width: 665px;
	height: 21px;
	padding: 5px;
	text-align: center;
	margin: 0px;
}
#adcode {
	width: 665px;
	text-align: center;
	margin: 0px;
}
	#ala_yhteyst {
		display: none;
		width: 665px;
		height: 21px;
		padding: 0px;
		margin: 0px auto 0px auto;
		background: url(../images/ala_yhteyst_v.gif) no-repeat;
	}
		#ala:hover #ala_yhteyst {
			display: block;
		}
		
.clear {
	clear: both;
}
	/* Eri sivujen bannerit */
	#banner_etusivu {
		text-align: left;
		display: block;
		width: 665px;
		height: 225px;
		margin: 0px auto 0px auto;
		padding: 0px;
		background: url(../images/naviBg1.jpg) no-repeat;
	}
	#banner_tuotteet {
		text-align: left;
		display: block;
		width: 665px;
		height: 225px;
		margin: 0px auto 0px auto;
		padding: 0px;
		background: url(../images/naviBg2.jpg) no-repeat;
	}
	#banner_urakointi {
		text-align: left;
		display: block;
		width: 665px;
		height: 225px;
		margin: 0px auto 0px auto;
		padding: 0px;
		background: url(../images/naviBg3.jpg) no-repeat;
	}
	#banner_jalleenmyyjat {
		text-align: left;
		display: block;
		width: 665px;
		height: 225px;
		margin: 0px auto 0px auto;
		padding: 0px;
		background: url(../images/naviBg4.jpg) no-repeat;
	}
	#banner_myymala {
		text-align: left;
		display: block;
		width: 665px;
		height: 225px;
		margin: 0px auto 0px auto;
		padding: 0px;
		background: url(../images/naviBg5.jpg) no-repeat;
	}
	#banner_yhteystiedot {
		text-align: left;
		display: block;
		width: 665px;
		height: 225px;
		margin: 0px auto 0px auto;
		padding: 0px;
		background: url(../images/naviBg6.jpg) no-repeat;
	}
		/* Bannerien navigointi */
		#navi_ala {
			width: 270px;
			height: 145px;
			margin: 0px;
			padding: 40px 0px 14px 395px;
		}
			.navi_ala_nappi {
				width: 230px;
				height: 20px;
				margin: 0px 0px 5px 0px;
				padding: 0px 0px 0px 40px;
				background: #e0dfc5;
			}
		#liput {
			width: 270px;
			height: 22px;
			padding: 0px 0px 4px 395px;
			margin: 0px 0px 0px 0px;
		}
	/* Varsinainen sisältö */
	
	#sisalto {
		text-align: left;
		display: block;
		width: 665px;
		min-height: 600px;
		margin: 9px auto 0px auto;
		padding: 0px 0px 3px 0px;
		border-top: 3px #ff6600 solid;
		background: url(../images/tausta_beige.gif) repeat;
	}
		/* Sisällön yläosa */
		#sisalto_yla_wrapper {
			display: block;
			width: 624px;
			margin: 0px auto 0px auto;
			padding: 18px;
			background: url(../images/beige_grad.jpg) no-repeat;
		}
		#sisalto_yla {
			display: block;
			width: 624px;
			margin: 0px auto 0px auto;
			padding: 0px;
		}
		#sisalto_yla_otsikko {
			display: block;
			width: 624px;
			margin: 0px;
			padding: 0px;
		}
		#sisalto_teksti_yla {
			float: left;
			display: block;
			width: 360px;
			margin: 0px;
			padding: 0px 4px 0px 0px;
		}
		#sisalto_kuva_yla {
			float: left;
			display: block;
			width: 260px;
			margin: 0px auto 0px auto;
			padding: 0px;
		}
		
		/* Asennussivun sisällön yläosa */
			#sisalto_teksti_yla_asennus {
				float: left;
				display: block;
				width: 590px;
				height: 144px;
				margin: 0px;
				padding: 15px;
				background:url(../images/asennustausta.gif) no-repeat;
			}
			
		/* Yhteystietosivun sisällön yläosa */
			#sisalto_teksti_yla_full_no_bg {
				float: left;
				display: block;
				width: 590px;
				margin: 0px;
				padding: 15px;
			}
			
			/* Yhteystiedot sivun ylaosa, erilainen kuin muut joten erikseen alla sille pari elementtiä */
			#sisalto_teksti_yla_left {
				float: left;
				display: block;
				width: 160px;
				padding: 5px 0px 0px 0px;
				margin: 0px;
			}
			#sisalto_teksti_yla_right {
				float: left;
				display: block;
				width: 320px;
				padding: 5px 0px 0px 10px;
				margin: 0px;
				background: url(../images/main_yhteys_tausta.gif) no-repeat;
			}
				#sisalto_teksti_yla_right_1 {
					float: left;
					display: block;
					width: 150px;
					padding: 0px 10px 0px 0px;
					margin: 0px;
				}
				#sisalto_teksti_yla_right_2 {
					float: left;
					display: block;
					width: 160px;
					padding: 0px;
					margin: 0px;
				}
			/* Asennussivujen taustan muuttaminen aina valitun sivun (urakointi / itseasennus) mukaiseksi */
			#asennus_navi_valittu {
				display: block;
				float: left;
				text-align: center;
				width: 96px;
				height: 24px;
				margin: 0px;
				padding: 10px 0px 0px 0px;
				background: url(../images/asennus_valittu.gif) no-repeat;
			}
			#asennus_navi_ei_valittu {
				display: block;
				float: left;
				text-align: center;
				width: 96px;
				height: 24px;
				margin: 0px;
				padding: 10px 0px 0px 0px;
				background: url(../images/asennus_ei_valittu.gif) no-repeat;
			}
		/* Sisällön alaosa */	
		.sisalto_ala {
			display: block;
			width: 624px;
			margin: 0px auto 0px auto;
			padding: 18px;
			background: #FFF;
		}	
			.sisalto_ala_lyhyt {
				display: block;
				width: 624px;
				min-height: 250px;
				margin: 0px auto 0px auto;
				padding: 18px;
				background: #FFF;
			}
				
		.sisalto_ala_small_padding {
			display: block;
			width: 624px;
			margin: 0px auto 0px auto;
			padding: 5px 18px 5px 18px;
			background: #FFF;
		}
		.sisalto_otsikko_ala {
			display: block;
			width: 624px;
			margin: 0px;
			padding: 15px 0px 0px 0px;
			border-bottom: 1px #CCC dotted;
		}
		.sisalto_teksti_ala {
			float: left;
			display: block;
			width: 255px;
			margin: 0px;
			padding: 15px 134px 0px 0px;
			border-top: 1px #CCC dotted;
		}
		.sisalto_teksti_ala_kapea {
			float: left;
			display: block;
			width: 258px;
			margin: 0px;
			padding: 15px 10px 0px 40px;
		}
		.sisalto_teksti_ala_full {
			float: left;
			display: block;
			width: 524px;
			margin: 0px;
			padding: 0px 0px 10px 100px;
			border-bottom: 1px #CCC dotted;
		}
		.sisalto_kuva_ala {
			float: left;
			display: block;
			width: 235px;
			margin: 0px auto 0px auto;
			padding: 15px 0px 0px 0px;
			border-top: 1px #CCC dotted;
		}
		.sisalto_kuva_ala {
			float: left;
			display: block;
			width: 235px;
			margin: 0px auto 0px auto;
			padding: 15px 0px 0px 0px;
		}
		.sisalto_kuva_ala_levea {
			float: left;
			display: block;
			width: 316px;
			margin: 0px auto 0px auto;
			padding: 15px 0px 0px 0px;
		}
			
		/* Tuotteet sivun sisältö, erilainen joten eri määritykset alla */
		.sisalto_tuote {
			width: 588px;
			border-top: 1px #CCC dotted;
			background: #FFF;
		}
			.tuote_seloste {
				float: left;
				width: 468px;
			}
				.tuote_nimi {
					width: 468px;
					padding: 0px;
					margin: 0px;
					background: #E8E5CB url(../images/beige_grad2.jpg) no-repeat;
				}
				.tuote_tiedot {
					width: 468px;
					padding: 0px;
					margin: 0px;
				}
					.tuote_linkit {
						display: block;
						float: left;
						width: 190px;
						padding: 5px 0px 5px 10px;
						margin: 0px;
					}
					.tuote_kuvat {
						display: block;
						float: left;
						width: 268px;
						padding: 0px 0px 0px 0px;
						margin: 0px;
					}
			.tuote_kuva {
				float: left;
				width: 120px;
			}

/* Gallerian iframe runko, eli galleria_iframe.php:n tyylit */
body#body_galleria {
	background: #333;
	text-align: center;
}
	
#content_wrapper {
	text-align: left;
	width: 700px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background: #333;
}
	#galleria_otsikko {
		width: 670px;
		margin: 0px;
		padding: 10px 0px 0px 30px;
	}
	
	#galleria_sisalto {
		width: 700px;
		margin: 0px;
		padding: 0px;
		background: #FFF;
	}
		#galleria_sisalto_teksti {
			display: block;
			float: left;
			width: 210px;
			margin: 0px;
			padding: 20px;
		}
		#galleria_sisalto_kuva {
			display: block;
			float: left;
			text-align: center;
			width: 450px;
			margin: 0px;
			padding: 20px 0px 20px 0px;
		}
		#galleria_sisalto_ei_tekstia {
			display: block;
			float: left;
			text-align: center;
			width: 700px;
			margin: 0px;
			padding: 0px;
		}
	#galleria_selain {
		display: block;
		text-align:center;
		width: 660px;
		margin: 0px;
		padding: 20px;		
	}
	   #karuselli_nuoli_vasen {
		  float:left;
		  margin: 0px;
		  padding: 0px;
	   }
	   
	   #mycarousel {
		  margin: 0px;
		  padding: 0px;
		  text-align: center;
		  margin: 0px auto 0px auto;
	   }
	   	#mycarousel ul {
			margin: 0px auto 0px auto;
		}
	   #karuselli_nuoli_oikea {
		  margin: 0px;
		  padding: 0px;
		  float:left;   
	   }