/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	background-color: #e3e3e3;
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-image: url(/images/taustaliuku.jpg);
	background-repeat: repeat-x;
}
.tausta {
	background-image: url(/images/tausta.jpg);
	background-position: center top;
	background-repeat: no-repeat;

}
ul {
margin-top: 0px;
padding-top: 0px;
}
img {
	border: 0px;
}
p {
	padding: 0px;
	margin: 0px;

}


td { vertical-align: top; }
html {
	margin: 0px;
	padding: 0px;
	border: none;
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}
form {
    margin: 0px;
    padding: 0px;
}
div#container {
	position:relative;
	margin:0px auto;
	height:auto !important;
	height:100%;
	min-height:100%;
	width: 948px;
}
div#content {
	padding:0px 0px 123px 0px; /* bottom padding for footer */
}
.sisaltotaulu {
}

div#header {
	height: 115px;
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
	overflow: hidden;
}

a:link, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-decoration: none;
}
a:hover, a:active, a.valittu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#187dd2;

}
.nuoli_oik {
	background-image: url(/images/nuoli_oik.gif);
	background-repeat: no-repeat;
	background-position: 185px 5px;
}
.nuoli_vas {
	background-image: url(/images/nuoli_vas.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin-left: 13px;
}
.paavalikko {
	background-image: url(/images/valikkotausta.jpg);
	background-repeat: no-repeat;
	width: 262px;
	padding-top: 17px;
	padding-left: 33px;
}
.flashalue {
	width: 686px;
	background-image: url(/images/flash_tausta.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.paavalikko_div {
	height: 325px;
}
.paavalikko a {
	display: block;
	outline: none;
}
.oma_koti {
	background-image: url(/images/namiskat/oma_koti.gif);
	background-repeat: no-repeat;
}
.ammattirakentajalle {
	background-image: url(/images/namiskat/ammattirakentajille.gif);
	background-repeat: no-repeat;

}
.korjausrakentajalle {
	background-image: url(/images/namiskat/korjausrakentajalle_ja_sane.gif);
	background-repeat: no-repeat;
	height: 36px;

}
.tuulettuva_sandwich  {
	background-image: url(/images/namiskat/tuulettuva_sandwitch.gif);
	background-repeat: no-repeat;

}
.omakotitalot  {
	background-image: url(/images/namiskat/omakotitalot.gif);
	background-repeat: no-repeat;

}
.kerrostalot  {
	background-image: url(/images/namiskat/kerrostalot.gif);
	background-repeat: no-repeat;

}
.julkinen  {
	background-image: url(/images/namiskat/julkinen.gif);
	background-repeat: no-repeat;

}
.korjausjasaneeraus {
	background-image: url(/images/namiskat/korjausjasaneeras.gif);
	background-repeat: no-repeat;
}
.pinnat  {
	background-image: url(/images/namiskat/pinnat.gif);
	background-repeat: no-repeat;

}




.alavalikko {
	margin-left: 17px;
	margin-top: 10px;
	width:200px;

}
.korjausjasaneeraus:hover {
	background-image: url(/images/namiskat/korjausjasaneeras_over.gif);
	background-repeat: no-repeat;
}
a.oma_koti:hover {
	background-image: url(/images/namiskat/oma_koti_over.gif);
	background-repeat: no-repeat;
}
a.korjausrakentajalle:hover{
	background-image: url(/images/namiskat/korjausrakentajalle_ja_over.gif);
	background-repeat: no-repeat;
}
a.ammattirakentajalle:hover{
	background-image: url(/images/namiskat/ammattirakentajille_over.gif);
	background-repeat: no-repeat;
}
a.tuulettuva_sandwich:hover {
	background-image: url(/images/namiskat/tuulettuva_sandwitch_over.gif);
	background-repeat: no-repeat;
}

a.omakotitalot:hover  {
	background-image: url(/images/namiskat/omakotitalot_over.gif);
	background-repeat: no-repeat;

}
a.kerrostalot:hover  {
	background-image: url(/images/namiskat/kerrostalot_over.gif);
	background-repeat: no-repeat;

}
a.julkinen:hover  {
	background-image: url(/images/namiskat/julkinen_over.gif);
	background-repeat: no-repeat;

}
a.pinnat:hover  {
	background-image: url(/images/namiskat/pinnat_over.gif);
	background-repeat: no-repeat;

}





.etusivu, .yritys, .tuotanto, .kohteet_ja_mallit, .yhteystiedot  {
	margin-top: 36px;
	width:220px;
	}
	
.etusivu a:hover {
	background-image: url(/images/namiskat/nuoli.jpg);
	background-repeat: no-repeat;
	background-position: 75px center;
}
.yritys a:hover {
	background-image: url(/images/namiskat/nuoli.jpg);
	background-repeat: no-repeat;
	background-position: 64px center;
}
.tuotanto a:hover {
	background-image: url(/images/namiskat/nuoli.jpg);
	background-repeat: no-repeat;
	background-position: 98px center;
}
.kohteet_ja_mallit a:hover {
	background-image: url(/images/namiskat/nuoli.jpg);
	background-repeat: no-repeat;
	background-position: 165px center;
}
.yhteystiedot a:hover {
	background-image: url(/images/namiskat/nuoli.jpg);
	background-repeat: no-repeat;
	background-position: 128px center;
}
.vasenpalsta {
	background-color: #FFFFFF;
	background-image: url(/images/harmaa_viiva_vasen.jpg);
	background-repeat: repeat-y;
	background-position: 260px top;
}
.oikeapalsta {
	background-color: #FFFFFF;	
	background-image: url(/images/harmaa_viiva_vasen.jpg);
	background-repeat: repeat-y;
	background-position: -2px top;
}
.oikeapalsta a {
    color: #187dd2;
}
.oikeapalsta a:hover {
    text-decoration: underline;
}
.otsikko {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}
.vasen .otsikko {
	background-image: url(/images/vasen_otsikon_tausta.jpg);
	background-repeat: no-repeat;
	background-position: 2px 3px;
	width: 246px;
	height: 39px;
	padding-left: 12px;
	padding-top: 15px;
}

.vasen p, .keski p, .oikea p, .pitka_keski p {
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 13px;
	
}
.keski .otsikko {
	background-image: url(/images/keski_otsikon_tausta.jpg);
	background-repeat: no-repeat;
	background-position: 4px 3px;
	width: 435px;
	height: 39px;
	padding-left: 12px;
	padding-top: 15px;
}
.pitka_keski .otsikko {
	background-image: url(/images/pitkan_keski_otsikon_tausta.jpg);
	background-repeat: no-repeat;
	background-position: 4px 3px;
	width: 670px;
	height: 39px;
	padding-left: 12px;
	padding-top: 15px;
}


p.otsikko2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #1479cf;
	margin-bottom: -10px;
}
.keski {
	width: 449px;
	overflow: hidden;
	}
.oikea { 
	width: 237px;
}
.oikea .otsikko {
	background-image: url(/images/oikea_otsikon_tausta.jpg);
	background-repeat: no-repeat;
	background-position: 4px 3px;
	width: 222px;
	height: 39px;
	padding-left: 12px;
	padding-top: 15px;
}

.vasensolu {
	background-image: url(/images/harmaa_viiva_oikea.jpg);
	background-repeat: repeat-y;
	background-position: 449px top;
}

.oikeasolu {
	background-image: url(/images/harmaa_viiva_oikea.jpg);
	background-repeat: repeat-y;
	background-position: -1px top;
}

.footer {
	background-image: url(/images/footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 950px;
	height: 15px;
}
.oikeasolu_harmaa {
	background-color: #5c5c5a;
}
.oikeasolu_harmaa p {
	color:#FFFFFF;
	text-align: right;
}

.yhteystiedot_div {
	text-align: right;
}

.henkilotiedot, .henkilotiedot_selected {
	height: 80px;
	width: 440px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8f9092;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color:#FFFFFF;
	margin-left: 2px;
	font-size: 11px;

}
.henkilotiedot_selected {
	background-color:#e6f0f5;
	width: 440px;
}



.henkilo5{
	width: 440px;
	height: 80px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	background-color:#FFFFFF;
}
.henkilotiedot div, .henkilotiedot_selected div {
	float:left;
	padding-left: 5px;
	width: 200px;
	font-size: 11px;
}

.henkilotiedot strong, .henkilotiedot_selected strong {
	color: #196cab;
}

.henkilokuvat {
	height:500px; 
	width: 213px; 
	float:right; 
	background-image:url(/images/ihmiset.jpg); 
	background-repeat:no-repeat;
}
.elementtisuunittelu_laatikko {
	background-color: #28aee0;
	margin-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 5px;
	width: 228px;
}
.rappaus_laatikko {
	background-color: #92908f;
	margin-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 5px;
	width: 228px;
}
.sininen_laatikko {
	background-color: #2b70ab;
	margin-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 5px;
	width: 228px;
}
.vihrea_laatikko {
	background-color: #516f38;
	margin-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 5px;
	width: 228px;
}
.keltainen_laatikko {
	background-color: #e4820f;
	margin-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	width: 228px;
}
.keltainen_laatikko a:link, 
.keltainen_laatikko a:visited, 
.vihrea_laatikko a:visited, 
.vihrea_laatikko a:link, 
.sininen_laatikko a:link, 
.sininen_laatikko a:visited, 
.elementtisuunittelu_laatikko a, 
.rappaus_laatikko a
 {
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;	
	height: 30px;
	padding-left: 18px;
	padding-top: 14px;
}
.keltainen_laatikko a:hover, 
.keltainen_laatikko a:active, 
.vihrea_laatikko a:hover, 
.vihrea_laatikko a:active, 
.sininen_laatikko a:hover, 
.sininen_laatikko a:active,
.elementtisuunittelu_laatikko a:active, 
.rappaus_laatikko a:active {

	text-decoration: underline;
}
.galtsu {
	width:686px;
	height: 381px;
	overflow: hidden;
	
}
.pikkukuvat {
	width: 215px;
	height: 361px;
	padding-top: 19px;
	position: absolute;
	right: 0px;
	z-index: 10;

}
.pikkukuvat  a {

	outline: none;
}
.pikkukuvat img {
	
}
.pikkukuvat2 img {
    
}
.pikkukuvat2 a {
    text-align: center;
    display: inline-block;
    height: 50px;
    width: 60px;
	margin-left: 15px;
	padding-bottom: 25px;
    color: #000;
}
.pikkukuvat2 a:hover {
    text-decoration: none;
    
}
.pikkukuvat2 {
    width: 400px;
}
.isotkuvat {
	height: 380px;
	width: 686px;
	overflow: hidden;
	position: absolute;
	margin-left: 4px;
	}
	
.kuvateksti {
	width: 214px;
	height: 54px;
	position: absolute;
	z-index: 11;
	margin-right: 5px;
	right: 0px;
	bottom: 0px;
	float: right;
	background-color:#FFFFFF;
}
.kuvateksti .otsikko {
	color: #494947; 
	font-size: 15px; 
	font-weight: bold;
	padding-bottom: 5px;
	}
	
.kuvateksti p {
	color: #0a5385;
}

.gallerialinkit a {
	font-family: Arial, Helvetica, sans-serif;
}

a.nitroid {	
	position:absolute;
	height: 50px;
	margin-top: 15px;
	font-size: 9px;
	color:#999999;
    left: 0px;
	
}
.linkit {
    margin-left: 20px;
    margin-top: 30px;
}
.pinnatdiv {
    position: relative;
}
.selitteet {
    position: absolute;
    left: 500px;
    top: 50px;
    }