/* CSS Document */

@media screen {

	* { margin:0;
	padding:0;
	}
	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #686263;
		background-image:url(../images/bg_ruudukko.jpg);
		background-repeat: repeat;
		background-color:#19204F;
	}
	img {
		behavior: url('iepngfix.htc');
	}
	
	/*sisältöalue*/
	#wrapper {
		margin-left: auto;
		margin-right: auto;
		width:985px;
	}
	#page {
		display:block;
		float:left;
		width: 975px;
	}
	#container {
		display:block;
		width: 985px;
		height: 253px;
		margin-left: auto;
		margin-right: auto;
		/*background-image: url(../images/img_mies-projekti-kaynnissa-top2.png);*/
		background-repeat: no-repeat;
		background-position: 655px 35px;
		position: relative;
	}
	
	/* Ylätiedot */
	#header{
		display:block;
		float:left;
		width: 100%;
		height: 253px;
		background-image:url(../images/bg_header.jpg);
		background-repeat: repeat-x;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		z-index: 9999;
	}
	#logo{
		display:block;
		float:left;
		width: 600px;
		padding-top: 20px;
		padding-bottom: 60px;
		padding-left: 20px;
	}
	#infoBox{
		display: block;
		float: left;
		padding-top: 0px;
		padding-left: 20px;
		width: 600px;
	}
	#infoMan{
		display: block;
		float: right;
		height: 250px;
		width: 295px;
		margin-right: 35px;
		margin-top: 50px;
	
	}
	#liftUp{
		display: block;
		float: left;
		height: 162px;
		width: 295px;
	}
	/*Extranet-nappi*/
	#extranet{
		display: right;
		float: right;
		width: 60px;
		height: 175px;
		margin-top: 75px;
		background: url(../images/btn_extranet.png) no-repeat;
	}
	
	/*Sisältöalueet*/
	#content {
		display:block;
		width: 935px;
		height: 250px;
		background-image: url(../images/bg-70.png);
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 30px;
	}
	#contentSub {
		display:none;
		float:left;
		width: 935px;
		background-image: url(../images/bg-50.png);
		padding: 20px;
		border-top: thin solid rgba(97,125,252,0.38);
/* 	    -moz-border-radius-bottomleft: 20px; */
/* 	    -moz-border-radius-bottomright: 20px; */
/* 	    -webkit-border-bottom-left-radius: 20px; */
/* 		-webkit-border-bottom-right-radius: 20px; */
	}
	#contentLift {
		display:block;
		float:left;
		width: 935px;
		background-image: url(../images/bg-50.png);
		border-top: thin solid rgba(97,125,252,0.38);
		padding-right: 20px;
		padding-left: 20px;
/* 		-moz-border-radius: 20px; */
/* 		-webkit-border-radius: 20px; */
/* 		border-radius: 20px; */
	}
	.left {
		display: block;
		float: left;
		width: 600px;
		margin-top:20px;
	}
	.right {
		display: block;
		float: right;
		width: 300px;
		margin-left: 15px;
		margin-top:20px;
	}
	
	#formIndex{
		display: block;
		float: right;
		width: 290px;
		padding-right:20px;
	}
	
	/*kolumnit*/
	#main{
		display: block;
		float: left;
		width: 935px;
	}
	#c1{
		display: block;
		float: left;
		width: 295px;
		padding-right: 20px;
		padding-top: 10px;
	}
	#c1img{
		display: block;
		float: left;
		width: 295px;
		padding-bottom: 20px;
	}
	#c2{
		display: block;
		float: left;
		width: 295px;
		padding-top: 10px;
	}
	#c2img{
		display: block;
		float: left;
		width: 295px;
		padding-bottom: 20px;
	}
	#c3{
		display: block;
		float: left;
		width: 295px;
		margin-left: 21px;
	}
	#c3 img {
		margin-top: 10px;
	}
	#c4{
		display: block;
		float: left;
		width: 290px;
		min-height: 50px;
		margin-top: 20px;
		margin-right: 25px;
		margin-left:20px;
	}
	#c4Index{
		display: block;
		float: left;
		width: 295px;
		min-height: 50px;
		margin-top: 20px;
		margin-right: 20px;
	}
	#c4img{
		display: block;
		float: right;
		width: 50px;
		height: 55px;
		background: url(../images/tn_kiinteistot.png) no-repeat;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 5px;
		margin-left: 0px;
	}
	#c5{
		display: block;
		float: left;
		width: 290px;
		min-height: 50px;
		margin-top: 20px;
		margin-right: 25px;
	}
	#c5img{
		display: block;
		float: right;
		width: 50px;
		height: 50px;
		margin-right: 0;
		background: url(../images/tn_as_oy.png) no-repeat;
		margin-top: 0;
		margin-bottom: 0px;
		margin-left: 5px;
	}
	#c6{
		display: block;
		float: left;
		width: 250px;
		min-height: 50px;
		margin-top: 20px;
	}
	#c6Index{
		display: block;
		float: left;
		width: 290px;
		min-height: 50px;
		margin-top: 20px;
	}
	#c6img{
		display: block;
		float: right;
		width: 50px;
		height: 50px;
		margin-right: 0;
		background: url(../images/tn_kulttuurihistoria.png) no-repeat;
		margin-top: 0;
		margin-bottom: 0px;
		margin-left: 5px;
	}
	/*footer*/
	#footer{
		float: left;
		width: 935px;
		display: block;
	}
	#c7{
		display: block;
		float: left;
		width: 935px;
		margin-top: 3px;
		padding: 20px;
		background: url(../images/bg-50.png) repeat;
/* 			-moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px;  */
/* 	    -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px;  */
	}
	/*Yhteydenottolomake*/
	#form{
		display: block;
		float: right;
		width: 290px;
		padding-right: 37px;
		padding-left: 25px;
		margin-top: -30px;
	}
	
	/*Sisäsivumallit*/
	#containerIn {
		display:block;
		width: 985px;
		height: 253px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	#contentIn {
		display:block;
		float:left;
		width: 935px;
		background-image: url(../images/bg-70.png);
		padding: 20px;
		border-top: thin solid rgba(97,125,252,0.38);
/* 		-moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; */
		
	}
		
	#contentSubIn {
		display:block;
		float:left;
		width: 935px;
		background-image: url(../images/bg-50.png);
		padding: 20px;
		border-top: thin solid rgba(97,125,252,0.38);
/* 		-moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px;  */
/* 	    -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px;  */
	}
	#contentSubMiddle {
		display:block;
		float:left;
		width: 935px;
		background-image: url(../images/bg-50.png);
		padding: 20px;
		border-top: thin solid rgba(97,125,252,0.38);
/* 		-moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px;  */
/* 	    -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px;  */
	}
	#infoBoxIn{
		display: block;
		float: left;
		padding-top: 0px;
		padding-left: 20px;
		width: 640px;
	}
	#mainColumn{
		display: block;
		float: left;
		width: 550px;
		padding: 20px;
	}
	#rightColumn{
		display: block;
		float: right;
		width: 280px;
/* 		height: 150px; */
		padding: 20px;
		overflow: auto;
		*overflow: hidden;
		
	}
	#formIn{
		display: block;
		float: left;
		width: 280px;
		padding-top:5px;
	}
	#miniCol {
		display: block;
		float: left;
		width: 500px;
		background-image:url(../images/bg-50.png);
		padding-top: 20px;
		padding-right: 20px;
		padding-left: 20px;
		-moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; 
	    -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; 
		padding-bottom: 0px;
		margin-bottom: 20px;
	}
	#miniCol p {
		font-size: 12px;
		line-height: 20px;
		color: white;
	}
	
	/*Henkilöstön yhteystiedot*/
	#show1{display:block; float:left; width:540px;}
	#show2{display:block; float:left; width:540px;}
	#show3{display:block; float:left; width:540px;}
	#show4{display:block; float:left; width:540px;}
	#show5{display:block; float:left; width:540px;}
	#colHolder{
	display:block;
	float:left;
	width:540px;
	}
	#miniColIn00 {
		display: block;
		float: left;
		width: 540px;
		background-image:url(../images/bg-50.png);
		-moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px;     -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; 
		padding-top: 30px;
		padding-left: 15px;
		margin-bottom:20px;
	}
	#miniColIn01 {
		display: block;
		float: left;
		width: 540px;
		background-image:url(../images/bg-50.png);
		-moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px;     -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; 
		padding-top: 30px;
		padding-left: 15px;
		margin-bottom:20px;
	}
	#miniColIn02 {
		display: block;
		float: left;
		width: 540px;
		background-image:url(../images/bg-50.png);
		-moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px;     -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; 
		padding-top: 30px;
		padding-left: 15px;
		margin-bottom:20px;
	}
	#miniColIn03 {
		display: block;
		float: left;
		width: 540px;
		background-image:url(../images/bg-50.png);
		-moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px;     -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; 
		padding-top: 30px;
		padding-left: 15px;
		margin-bottom:20px;
	}
	#miniColIn04 {
		display: block;
		float: left;
		width: 540px;
		background-image:url(../images/bg-50.png);
		-moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px;     -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; 
		padding-top: 30px;
		padding-left: 15px;
		margin-bottom:20px;
	}
	#miniColIn05 {
		display: block;
		float: left;
		width: 540px;
		background-image:url(../images/bg-50.png);
		-moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px;     -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; 
		padding-top: 30px;
		padding-left: 15px;
		margin-bottom:20px;
	}
	#miniColIn06 {
		display: block;
		float: left;
		width: 540px;
		padding-left: 15px;
	}
	#miniColIn07 {
		display: block;
		float: left;
		width: 540px;
		padding-left: 15px;
	}
	
	#miniColIn2 {
		display: block;
		float: left;
		width: 500px;
		background-image:url(../images/bg-50.png);
		-moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; 
	    -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; 
		padding-top: 30px;
		padding-left: 15px;
		padding-right:15px;
		margin-bottom:20px;
	}
	#miniColIn2 h5{
		padding-right: 20px;
		padding-left: 20px;
	}
	#miniColIn2 p{
		padding-right: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
	}
	#miniColIn3 {
		display: block;
		float: left;
		width: 500px;
		background-image:url(../images/bg-50.png);
		-moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; 
	    -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; 
		padding-top: 30px;
		padding-left: 15px;
		padding-right:15px;
		margin-bottom:20px;
	}
	#miniColIn3 h5{
		padding-right: 20px;
		padding-left: 20px;
	}
	#miniColIn3 p{
		padding-right: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
	}
	#miniColIn4 {
		display: block;
		float: left;
		width: 500px;
		background-image:url(../images/bg-50.png);
		-moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; 
	    -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; 
		padding-top: 30px;
		padding-left: 15px;
		padding-right:15px;
	}
	#miniColIn4 h5{
		padding-right: 20px;
		padding-left: 20px;
	}
	#miniColIn4 p{
		padding-right: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
	}
	#henkilo{
		display:block;
		float:left;
		width: 160px;
		padding-right:20px;
	}
	#henkilo1p{
		display:block;
		float:left;
		width: 480px;
		padding-right:20px;
	}
	
	#henkilo2p{
		display:block;
		float:left;
		width: 255px;
		padding-right:20px;
	}
	#soita {
		display:block;
		float:left;
		width: 255px;
		padding-left:40px;
	}
	#rightCol{
		display:block;
		float:right;
		width: 200px;
		background-image:url(../images/bg-50.png);
		-moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; 
	    -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; 
		padding-top: 20px;
		padding-right: 20px;
		padding-left: 20px;
		margin-left:20px;
	}
	#leftCol{
		display:block;
		float:left;
		width: 180px;
		padding-top: 20px;
		padding-right: 20px;
		padding-bottom: 5px;
		padding-left: 20px;
	}
	#infoBoxRight{
		display:block;
		float:right;
		width: 280px;
		height:133px;
		overflow:hidden;
		font-size:22px;
		color:#213198;
		text-align: right;
		padding-right:10px;
		padding-top: 70px;
	}
	#referenssikohteita{
		display:block;
		float:left;
		width: 180px;
		background-image:url(../images/bg-50.png);
		-moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; 
	    -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; 
		padding-top: 20px;
		padding-right: 20px;
		padding-left: 20px;
		
	}
	
	#vinkki,
	.vinkki {
		display:block;
		float:left;
		width: 120px;
		padding:20px 20px 15px 20px;
		margin:0 80px 20px 0;
		overflow:hidden;
	    background-image:url(../images/bg-50.png);
		-moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; 
	    -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px;
	}
	#vinkki_ala{
		display:block;
		float:left;
		width: 45%;
		padding:20px 20px 15px 20px;
		margin:0 55% 50px 0;
	    background-image:url(../images/bg-50.png);
		-moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; 
	    -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px;
	}
	
	#vinkki1{
		display:block;
		float:left;
		width: 550px;
		padding:0px 20px 20px 20px;
	}
	#formContact{
		display: block;
		float: left;
		width: 340px;
		padding-top:5px;
		padding-right: 20px;
	}
	#tyomaavastaava{
		display:block;
		float:left;
		width: 250px;
	}
	table, td, th{
	color:white;
	}
	.td{
		background-image: url(../images/bg-50.png);
		background-repeat: repeat;
		margin:10px;
		-moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; 
	    -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; 
		padding-top: 10px;
		padding-right: 10px;
		padding-left: 15px;
		width: 33%;
	}
	
	.hlo {
		height: 120px;
		background-color: white;
		-moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; 
	    -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; 
		background-position: bottom left;
		background-repeat: no-repeat;
		margin-bottom: 10px;
	}
	
	/* SOSIAALISEN MEDIAN JAKO */
	
	.addthis_toolbox
	{
		width:200px;
		height: 16px;
		background-color:#0d1965;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
		text-align: center;
		padding-top: 10px;
		padding-right: 5;
		padding-bottom: 8px;
		padding-left: 5px;
	}
	
	.addthis_toolbox .hover_effect div
	{
	    float: left;
	}
	
	.addthis_toolbox .hover_effect a
	{
	    padding: 2px 2px 2px 16px;
	    position: relative;
	    text-decoration: none;
	}
	
	.addthis_toolbox .hover_effect a:hover
	{
	    color: #105CB6;
	    text-decoration: none;
	}
	
	.addthis_toolbox .hover_effect span
	{
	    position: absolute;
	    width: 16px;
	    height: 16px;
	    top: 2px;
	    left: 1px;
	}
	.mies img {
		float:right;
		margin-top:30px;
		margin-right:36px;
		position: relative;
	} 
	.mid {
		display: block;
		float: left;
		width: 290px;
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.slideshare {
		width: 550px;
		height: 520px;
	}
	
	.reflink {
		width:200px;
		float: left;
		margin: 0 0 10px 10px;
	}
	
	.reflink h6 {
		font-size: 14px;
	}
}