@charset "iso-8859-1";
* {
	margin: 0;
	padding: 0;
	border: 0;
}
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #CCCCCC;
}
h1  {
	margin: 0;
	font-size: 105%;
	color: #2A2A2A;
	line-height: 120%;
	font-weight: bolder;
	padding-top: 0.8em;
	padding-right: 0;
	padding-bottom: 0.5em;
	padding-left: 0;
}
h2, h3, h4  {
	margin: 0;
	font-size: 90%;
	color: #2A2A2A;
	line-height: 120%;
	padding-top: 0.8em;
	padding-right: 0;
	padding-bottom: 0.5em;
	padding-left: 0;
	font-weight: bolder;
}
a {
	text-decoration: none;
}
a:link {
	color: #2A2A2A;
}
a:visited {
	color: #575757;
}
a:hover {
	color: #ffffff;
}
p {
	font-size:80%;
	line-height:1.3em;
}
.sisennys  {
	margin: 0em;
	padding-left: 3em;
	line-height: 1.3em;
}
#container  {
	width: 80%;  /* this will create a container 80% of the browser width */
	background: #CCCCCC;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.etusivu  #container  {
	width: 500px; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align: center; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #CCCCCC;
}
.etusivu #container #keskitetty p {
	margin-top: 15px;
}
.etusivu #container #keskitetty a:hover {
	background-color: none;
}
#header  {
	font-size: 80%;
	font-weight: bold;
	color: #000000;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
} 
#header  img  {
	padding-right: 10px;
	padding-top: 19px;
}
#header #headerleft {
	float: left;
	width: 50%;
	padding-bottom: 2em;
}
#header #headerright {
	float: right;
	width: 50%;
	padding-bottom: 5px;
	padding-top: 86px;
}
#headerright p {
	line-height: 1.5em;
}
#headerright ul {
	margin:0;
	list-style:none;
	text-indent: 0px;
	padding-left: 0px;
}
#headerright li {
	list-style-type: none;
	display:inline;
	text-indent: 0em;
	padding-left: 0;
}
#headerleft a:hover {
	text-decoration:none;
	background:none;
}
body#tyot a#tyotLink,
body#toimisto a#toimistoLink,
body#yhteystiedot a#yhteystiedotLink,
body#english a#englishLink,
body#julkiset a#julkisetLink,
body#peruskorjaus a#peruskorjausLink,
body#asunto a#asuntoLink,
body#sisustus a#sisustusLink,
body#cvag a#cvagLink,
body#cvjt a#cvjtLink {
	color:#E5263B
}
#kuvapalsta
{
	float: right;
	width: 50%; /* the background color will be displayed for the length of the content in the column, but no further */
	padding-top: 15px;
	height: 590px;
}
#yhteystiedot #container #kuvapalsta {
	height: 360px;/*yhteystiedot -sivun kuvapalstan korkeus on pienempi kuin muilla kuvapalstasivuilla */
}
#kuvapalsta img {
	padding-left: 0px;
	padding-bottom: 10px;
}
#kuvapalsta h1, h2, h3, h4 {
	margin-left: 0px;
	margin-right: 10px;
}
#kuvapalsta p {
	margin-left: 0px;
	margin-right: 10px;
	font-size: 70%;
	color: #575757;
	line-height: normal;
	margin-bottom: 0.3em;
}
#sisalto/* Ohjeita sisalto div:
1. sisallon ja kuvapalstan välinen etäisyys on määritetty right margin -asetuksella (50%). Kuvapalstan sisällön määrä ei vaikuta sarakkeen leveyteen. Jos haluat #sisalto -palstan tekstin täyttävän kuvapalstan alapuolisen tilan, määritä margin-right:15 px;
2. jotta 800 x 600 resolutiolle suunniteltu layout ei hajoaisi (float drop), kuvapalstan elementtien eivät saa olla yli 415 px leveitä.
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the sisalto "hasLayout." This avoids several IE-specific bugs.
*/
  {
	margin-top: 0;
	margin-right: 50%;
	margin-bottom: 0;
	margin-left: 10px;
}
#sisalto p {
	margin-left: 0px;
	margin-right: 20px;
	font-size: 80%;
	line-height: 130%;
	margin-bottom: 0.6em;
}
#sisalto h1, h2, h3, h4 {
	margin-left: 0px;
	margin-right: 10px;
}
#sisalto ul {
	list-style: none;
	margin-left: 0px;
	padding-left: 1em;
	text-indent: -1em;
	list-style-position: inside;
}
#sisalto li {
	line-height: 1.5em;
	padding-bottom: 0.5em;
	list-style-type:square;
	margin-right:10px;
	font-size:80%;
}
#keskitetty {
	width: 100%;
	padding-top: 42px;
	padding-bottom: 10px;
}
#keskitetty p {
	font-size: 80%;
	color: #575757;
}
/*#TYÖT -sivun taulukko*/
#tyot #keskitetty {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
#tyot #keskitetty table {
	width: 90%;
}
#tyot #keskitetty th {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 130%;
	font-weight: bold;
	vertical-align: baseline;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 0px;
	width: 45%;
}
#tyot #keskitetty table a:hover img {
	text-decoration:none;
	background-color:none;
	border:none;
}
/* CV-sivujen tekstialueen muotoilut*/
#yksiPalsta {
	width:95%;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 10px;
}
#yksiPalsta  p {
	margin-left: 0px;
	margin-right: 20px;
	font-size: 80%;
	line-height: 130%;
	margin-bottom: 0.6em;
}
#yksiPalsta  h1{
	font-size: 100%:
}
#yksiPalsta  h2 {
	font-size:90%;
}
#yksiPalsta  h3, h4 {
	font-size:80%;
}
#yksiPalsta  ul {
	list-style: none;
	margin-left: 0px;
	padding-left: 4em;
	text-indent: -1em;
	list-style-position: inside;
}
#yksiPalsta  li {
	line-height: 1.5em;
	padding-bottom: 0.5em;
	list-style-type:square;
	margin-right:10px;
	font-size:80%;
}
/*ALATUNNISTE*/
#alatunniste  {
	padding: 0 10px;
	border-top:#DDDDDD 1px solid;
} 
#alatunniste p  {
	margin: 0; 
	padding: 10px 0;
	font-size:70%;
	color: #575757;
}
.etusivu #alatunniste p  {
	margin: 0; 
	padding: 10px 0;
	border:none;
	font-size:70%;
	color: #575757;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.punainen {
	color: #E5263B;
}