body {background: #FFFFFF;
margin:0;
}

/*yläpalkki*/

#yla {background: url(osat/yla.jpg) repeat-x top left;
height: 384px;
margin:0;
}

/*sivujen pääkuvat*/

#etusivu {background: url(osat/etusivu.jpg) no-repeat top left;
height: 384px;
/*width: 980px;*/
margin-left: 40px;
}

#palvelut {background: url(osat/palvelut.jpg) no-repeat top left;
height: 384px;
/*width: 869px;*/
margin-left: 40px;
}

#referenssit {background: url(osat/referenssit.jpg) no-repeat top left;
height: 384px;
/*width: 869px;*/
margin-left: 40px;
}

#kuvat {background: url(osat/kuvat.jpg) no-repeat top left;
height: 384px;
/*width: 869px;*/
margin-left: 40px;
}

#yhteys {background: url(osat/yhteys2.jpg) no-repeat top left;
height: 384px;
/*width: 869px;*/
margin-left: 40px;
}

/*Navi*/

p.navi {font-family:  Verdana, Arial, sans-serif;
font-size : 16px;
padding: 60px 0 0 160px;
}

a.navi {color: #ffffff;
padding: 0 23px 0 0;
text-decoration:none;
}

a.navi:hover {color:#ffcc00;
}

/*Sisältö*/

#sisalto {margin-left: 100px;
width: 800px;
}

#sisalto2 {margin-left: 100px;
width: 810px;
}

#sisalto_kuvasivu {margin-left: 100px;
width: 1400px;
}

h1 {font-family:  Verdana, Arial, sans-serif;
font-size : 24px;
color: #cc6600;
margin: 20px 0 20px 0;
font-weight:normal;
}

h2 {font-family:  Verdana, Arial, sans-serif;
font-size : 18px;
color: #cc6600;
margin: 40px 0 20px 0;
font-weight:bold;
}

p {
font-family:  Verdana, Arial, sans-serif;
font-size : 14px;
line-height : 20px;
color: #333333;
margin: 0 0 20px 0;
}

ul {
font-family:  Verdana, Arial, sans-serif;
font-size : 14px;
line-height : 20px;
color: #333333;
margin: 0 0 10px 0;
}

li {
font-family:  Verdana, Arial, sans-serif;
font-size : 14px;
line-height : 20px;
color: #333333;
margin: 0 0 10px 20px;
list-style-type: circle;

}

a.tekstilinkki {
color: #333333;
}

a.tekstilinkki:hover {
color: #000000;
}

table {border:0;
margin: 0 0 30px 0;}

td {
font-family:  Verdana, Arial, sans-serif;
font-size : 14px;
line-height : 20px;
color: #333333;
margin: 0 0 10px 0;
padding-right:30px;
}

table.kuvasivu {margin:0;
padding:0;
}

td.kuvasivu {margin:0;
padding:0;
}

table.referenssit {
	background-color:#FFFFFF;
}

table.referenssit tr:nth-child(even)
{
  background-color:#E0E0E0;
}

table.referenssit td
{
  vertical-align:top;
  padding-bottom:0.5em;
}



img.kuvat {
margin:0;
}

img.yhteyssivu {margin:0; padding-right:64px}

.korostettu{
margin-left:32px;
display: inline-block;
  font-size : 1.25em;
  line-height:2em;
  background-color:#F0F0FF;
  border-radius:8px;
padding:0.5em;
  
}


.space-above{
  margin-top:1.5em;
}


.lomake-container{
  
}

.lomake{
display:inline-block;
border:1px solid black;
border-radius:8px;
padding:0.5em;
background-color:#F0F0F0;
}

.input-container{
display:grid;
margin:0 auto;
grid-template-columns: 10em auto;
align-items:top;
}


.label{
  padding-right:0.5em;
  padding-top:1em;
  justify-self:end;
}


.input{
  justify-self:start;
}


input[type=text] {
  width: 500px;
  padding: 0.5em 0.5em;
  margin: 8px 0;
  border: 2px solid #666;
  border-radius: 4px;
  box-sizing: border-box;
}


textarea {
  width: 500px;
  height: 150px;
  padding: 0.5em 0.5em;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid #666;
  border-radius: 4px;
  resize: none;
}

.isonappi {
  padding: 0.5em 2.5em;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid #666;
  border-radius: 4px;
  font-weight:bold;
}

.vihrea {
  background-color: #0A0;
  border: 2px solid #060;
  color: #030;
}

/*footer*/
#footer {background: url(osat/ala.jpg) repeat top left;
height: 120px;
margin-top: 50px;
float:none;
clear:none;
}

.footer {color: #cccccc;
margin-left:100px;
font-size:11px;
margin-top:0;
margin-bottom:0;
}

table.footer td
{
    color: #cccccc;
font-size:11px;
vertical-align: middle;
}

a.web {color: #cccccc;
margin-top: 0px;
margin-left:0.5em;
text-decoration:none;
}

a.web:hover {text-decoration:underline;}

p.yhteistyossa {color: #cccccc;
margin-left:604px;
font-size:11px;
}

a.tikkurila {
border:0;
}

img.tikkurila {border:0;
padding-top: 2px;
    vertical-align: middle;
}

img.avainlippu {
margin: 140px 0 0 870px;
height: 150px;
}

img.images-shadow { box-shadow: 0 0 20px rgba(0,0,0,0.3); padding: 7px; border-radius: 5px; max-width: 360px; margin: 20px 20px 2px 20px; }
p.image-p { font-size: 12px; font-style: italic; margin: 0; text-align: center; }
.image-box { max-width: 400px; width: 400px; display: inline-table; text-align: center; margin-bottom:3em;}