body,div,img,form {
 border:0;
 margin:0;
 padding:0;
}

body {
 background:url(img/raita-pattern2.jpg) repeat-x white;
 background-position: center 165px;
 background-attachment: fixed center;
 font-family: "Arial", "Verdana", "Helvetica", sans-serif;
 font-size:12px;
 color:#4f5f67;
}

.clear {
 clear:both;
}

.icon {
 margin:0 0 -2px 0;
}

.luelisaa, .luelisaa1, .luelisaa2, .luelisaa3, .luelisaa4, .luelisaa5 { 
 font-weight:bold;
 padding: 0 25px 0 0;
}
.luelisaa, .luelisaa1 { 
 background: transparent url(img/btn_nuoli1.gif) no-repeat top right;
}
.luelisaa2 { 
 background: transparent url(img/btn_nuoli2.gif) no-repeat top right;
}
.luelisaa3 { 
 background: transparent url(img/btn_nuolipun.gif) no-repeat top right;
}
.luelisaa4 { 
 background: transparent url(img/btn_nuoli3.gif) no-repeat top right;
}

.luelisaa5 { 
 background: transparent url(img/btn_nuoli1_bg.gif) no-repeat top right;
}

/************* text ***************************/

h1 {
 font-family: "Arial", "Verdana", "Helvetica", sans-serif;
 font-size:24px;
 color:#5c8d00;
 margin:0 0 15px 0;
}

h2 {
 font-family: "Arial", "Verdana", "Helvetica", sans-serif;
 font-size:18px;
 color:#5c8d00;
 margin:0 0 15px 0;
}

h3 {
 font-family: "Arial", "Verdana", "Helvetica", sans-serif;
 font-size:12px;
 color:#5c8d00;
 margin:0 0 15px 0;
}

h4 {
 color:#990000;
 text-transform:uppercase;
 margin:0 0 15px 0;
}

p {
 margin:0 0 15px 0;
}

p.blue {
 color:#5c8d00;
}

span.blue {
 font-weight:bold;
 color:#5c8d00;
}

#sidebar{padding-left:19px;}
#sidebar p {
	font-size: 11px;
}

p.snadi {
 font-size:11px;
}

i {
 color:#faba3c;
 font-style:normal;
}

a:link, a:visited {
 color:#5c8d00;
 text-decoration:none;
}

a:hover, a:active {
 color:#5c8d00;
 text-decoration:underline;
}

/************* table ***************************/

table {
 margin:0 0 20px 0;
}

td {
 vertical-align:top;
 padding:0 5px 5px 0;
 /* white-space:nowrap; */
}

/************* layout ***************************/

div#wrapper {
 width:982px;
 margin:0 auto;
}

/************* logo ja Oy-linkit ***************************/

div#header {
 width:982px;
 height:104px;
}

div#logo {
 margin:13px 0 0 61px;
 float:left;
 display: inline;
}

div#toplinks {
 width:500px;
 float:right;
 margin:48px 60px 0 0;
 text-align:right;
 display: inline;
}

/************* valikko ***************************/

div#navi {
 width:982px;
 height:230px;
 background:url(img/bg_navi4.jpg) top left no-repeat transparent;
 margin:0 0 1px 0;
 color:white;
 font-size:14px;
}

*html div#navi ul
{
  margin:0 0 0 50px;
}

div#navi ul {
 list-style-type:none;
 width:300px;
 padding:40px 0 0 0px;
 margin:0 0 0 90px;
 float:left;
}

div#navi li {
 background:url(img/icon_navi2.gif) right 5px no-repeat transparent;
 line-height:20px;
 width:300px;
 float:left;
 border-bottom:1px solid #c2ed6a;
}

div#navi a:link, div#navi a:visited {
 color:white;
 text-decoration:none;
 padding-left:20px;
 background:url(img/btn_nuoli3.gif) 0 3px no-repeat transparent;
 display:block;
 border-bottom:1px solid #537709;
}

div#navi a:link.active, div#navi a:visited.active {
 color:#436008;
}

div#navi a:hover, div#navi a:active {
 color:#faeec5;
 text-decoration:none;
 padding-left:20px;
 background:url(img/btn_nuoli3.gif) 2px 3px no-repeat transparent;
 display:block;
}

div#navikuva {
 width:491px;
 height:230px;
 float:right;
}

/************* alasivujen alavalikko ***************************/

ul.subnavi {
 list-style-type:none;
 margin:0 0 20px 0;
 line-height:16px;
 padding:0;
}

ul.subnavi li {
 background:url(img/btn_nuoli4.gif) right 5px no-repeat transparent;
 border-bottom:1px solid white;
}

ul.subnavi a:link, ul.subnavi a:visited {
 display:block;
 border-bottom:1px solid #dcdddd;
}

ul.subnavi a:hover, ul.subnavi a:active {
 display:block;
 border-bottom:1px solid #dcdddd;
}

ul.subnavi a:link.active, ul.subnavi a:visited.active {
 color:#fe9d05;
}

/************* etusivun intro ***************************/

div#intro {
 width:982px;
}

div#introkuva {
	width:225px;
 /*width:320px;*/
 min-height: 140px;
 float:left;
 background:url(img/etusivunkuva.jpg) top right no-repeat transparent;
}

div#introteksti {
 width:530px;
 margin:18px 0 0 12px;
 float:left;
 display: inline;
}

/************* sisältö ***************************/

div#content {
 clear:both;
 width: 864px;
 /*width:870px;*/
 margin:0 0 0 61px;
}

div.etusivucontenttausta {
 background: #f1f2f2;
 /*background:url(img/bg_content_etusivu.gif) top left repeat-y transparent;*/
 _height: 600px;
}

div.alasivucontenttausta {
 background:url(img/bg_content_alasivut.gif) top left repeat-y transparent;
}

div#contentleft {
 width:228px;
 float:left;
 margin:0 0 1px 0;
 height: 100%;
 background: #f1f2f2;
 border-right: 1px solid #d0d0d1;
 border-left: 1px solid #d0d0d1;
}

div#contentlefttext {
 padding:34px 40px 40px 26px;
 
}

*html div#contentlefttext {
 height: 300px;
}


/* content1-3 (vielä) vain etusivulla */

div#content1,div#content2,div#content3,div#content4
{
 color:#4f5f67;
}


div#content1 {
 width:209px;
 float:left;
 margin:0 1px 1px 0;
 padding:0px;
 
 display: inline;
 background: #f1f2f2;
}

div#content1 h3, div#content1 a:link, div#content1 a:visited {
 color:#588401;
}

div#content1 a:hover, div#content1 a:active {
 color:#588401;
}

div#content2 {
 width:209px;
 float:left;
 margin:0 1px 1px 0;
 padding:0pt;
 display: inline;
 padding-left: 1px;
 border-right: 1px solid #d0d0d1;
}

div#content2 h3, div#content2 a:link, div#content2 a:visited {
 color:#588401;
}

div#content2 a:hover, div#content2 a:active {
 color:#588401;
}

div#content3 {
 width:209px;
 float:left;
 margin:0 1px 1px 0;
 padding:0pt;
 display: inline;
 border-right: 1px solid #d0d0d1;
 }

div#content3 h3, div#content3 a:link, div#content3 a:visited {
 color:#588401;
}

div#content3 a:hover, div#content3 a:active {
 color:#588401;
}

div#content4 {
 width:209px;
 float:left;
 margin:0 1px 1px 0;
 padding:0pt;
 display: inline;
 border-right: 1px solid #d0d0d1;
}

div#content4 h3, div#content4 a:link, div#content4 a:visited {
 color:#588401;
}

div#content4 a:hover, div#content4 a:active {
 color:#588401;
}

div#content1 h3, div#content2 h3, div#content3 h3, div#content4 h3, div#content1 p, div#content2 p, div#content3 p, div#content4 p {
 margin:0 20px 15px 20px;
}

*html div#content1,
*html div#content2,
*html div#content3,
*html div#content4 {
	margin:0;
	padding:0 1px 0 0;
}

/* alasivujen sisältö */

div#main {
 width:500px;
 margin:34px 0 94px 34px;
 float: left;
}

div#main_right {
float:right;
}

div#main_right td {
font-weight:bold;
}

div#main_right td span {
font-weight:normal;
color:#f00;
}
/* alasivujen kuvat tekstin seassa */

/*

Esimerkki (kuva teksteineen vasemmalla):
<div class="kuva vasen">
<p><img src="img/_kuvaesimerkki.jpg" alt="" /></p>
<p class="kuvateksti">Kuvateksti tulee tähän</p>
</div>

*/

div.kuva {
/* width:176px; */
}

div.kuva p {
 margin:0;
 /* background:#74aada; */
 background:#F1F5F8;
}

div.kuva p.kuvateksti {
 padding:2px 3px 3px 3px;
 color:white;
}
p.keskitetty {
 text-align: center;
}
h2.keskitetty {
 text-align: center;
}
div.keskitetty {
 text-align: center;
}

div.vasen {
 margin:0 25px 10px 0;
 float:left;
}

div.oikea {
 margin:0 0 10px 25px;
 float:right;
}

div#konserni_yhteys{
 margin:0 0 10px 200px;
 /* float:right; */
}

img.ref {
 margin:10px 5px 5px 5px;
 width: 150px;
}
div.ref {
 width: 500px;
}

img.ref_big {
 margin: 10px 5px 10px 5px;
 width: 470px;
}
div.ref_big {
 width: 480px;
 margin: 5px 0px 5px 0px;
}

/************* yhteystiedot sivun alalaidassa ***************************/

div#yhteystiedot {
 width:861px;
 border-top:1px solid #d0d0d1;
 clear:both;
 margin:0 0 0 61px;
}

div#yhteystiedot2 {
 width:861px;
 border-top:1px solid #d0d0d1;
 font-size:11px;
 color:#7a7a7a;
 margin:1px 0 0 0;
}

div#yhteystiedot2 a:link, div#yhteystiedot2 a:visited {
 color:#6ca008;
 text-decoration:none;
}

div#yhteystiedot2 a:hover, div#yhteystiedot2 a:active {
 color:#6ca008;
 text-decoration:underline;
}

div#yhteystiedotteksti1 {
 width:230px;
 margin:10px 0 30px 30px;
 float:left;
}

div#yhteystiedotteksti2 {
 width:570px;
 margin:10px 0 30px 0;
 float:left;
}

/************* harmaa palkki sivun alalaidassa ***************************/

div#footer {
 width:100%;
 height:65px;
 background:url(img/raita-pattern.jpg) top left repeat-x white;
}

ul.list_yhtiot {
	margin-bottom: 10px;
}
li.list_yhtiot {
	margin-bottom: 10px;
}


/************ laatutodistukset ****************/

div.laatutodistus{
display:none;
width:261px;
height:350px;
position:absolute;
top:370px;
left:800px;
z-index:2;
border:1px solid #000;
}

div#dnb_raitarakennus {
background:#0096e6 url(laatutodistukset/dnb_raitarakennus.jpg) no-repeat 25px 25px;
}

div#dnb_raitasaumaus {
background:#0096e6 url(laatutodistukset/dnb_raitasaumaus.jpg) no-repeat 25px 25px;
}

div#sv_raitarakennus{
background:#0096e6 url(laatutodistukset/sv_raitarakennus.jpg) no-repeat 25px 25px;
}

div#sv_raitasaumaus{
background:#0096e6 url(laatutodistukset/sv_raitasaumaus.jpg) no-repeat 25px 25px;
}

div#sv_raitasaneeraus {
background:#0096e6 url(laatutodistukset/sv_raitasaneeraus.jpg) no-repeat 25px 25px;
}

div#rala_raitarakennus {
background:#0096e6 url(laatutodistukset/rala_raitarakennus.jpg) no-repeat 25px 25px;
}

div#wrapper div#content.etusivucontenttausta div#contentleft div#ikinuori {
	width: 233px;
	height: 391px;
}
div#wrapper div#content.etusivucontenttausta div#contentleft div#ikinuori img#ikinuori-img {
	width: 231px;
	height: 391px;
}