
* { padding: 0; margin: 0; }

body {
 font-family: 'Trebuchet MS', Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 background: #E6E7E8 url(img/bg.gif) top center repeat-y;
}
#wrapper { 
 margin: 0 auto;
 width: 900px;
 background: #FFF;
}

#header {
 color: #333;
 width: 900px;
 /*float: left;*/
 padding: 0px;
 border: 0px solid #ccc;
 height: 135px;
 margin: 0px 0px 0px 0px;
 background: #000 url(img/top.gif) top left no-repeat;
 clear: both;
}
#nav {
 padding: 0px;
 border-top: 2px solid #FFF;*/
 margin: 0px;
 clear: both;
 width: 900px;
}
#nav ul {
 color: #FFF;
 font-family: arial, helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 display: inline;
}
#nav ul li { 
 display: inline;
}
#nav ul li a {
 float: left;
 display: block;
 width: 126px;
 padding: 5px 0px 5px 0px;
 border-right: 2px solid #FFF;
 background: #000;
 color: #BCBDC0;
 text-decoration: none;
 text-align: center;
 letter-spacing: -1px;
}
#nav ul li a.right {
 float: left;
 display: block;
 width: 130px;
 padding: 5px 0px 5px 0px;
 border-right: 2px solid #000;
 background: #000;
 color: #BCBDC0;
 text-decoration: none;
 text-align: center;
}
#nav ul li a:hover {
 color: #FFF;
}

#headline { 
 float: left;
 border: 0px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 120px;
 width: 900px;
 clear: both;
}
#headline h1 { 
 margin: 40px 0px 0px 50px;
 color: #000;
 font-family: 'Trebuchet MS', Helvetica, sans-serif;
 font-size: 28px;
 font-weight: lighter;
 letter-spacing: -1px;
}
#headline p { 
 margin: 40px 0px 0px 50px;
 color: #000;
 font-family: 'Trebuchet MS', Helvetica, sans-serif;
 font-size: 28px;
 font-weight: lighter;
 letter-spacing: -1px;
}

#headlineb { 
 float: left;
 border: 0px solid #ccc;
 /*background: #FFF;*/
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 154px;
 width: 800px;
 clear: both;
}
#headlineb h1 { 
 margin: 20px 0px 0px 0px;
 color: #000;
 font-family: 'Trebuchet MS', Helvetica, sans-serif;
 font-size: 28px;
 font-weight: lighter;
 letter-spacing: -1px;
}

#contentetu { 
 float: left;
 border: 0px solid #ccc;
 background: #FFF url(img/contentetu.gif) top left no-repeat;
 margin: 0px 0px 0px 46px;
 padding: 0px;
 height: 671px;
 width: 852px;
 clear: both;
}
#contentetu a { 
 color: #333;
}
#contentetu a:hover { 
 color: #666;
}

#contentyritys { 
 float: left;
 border: 0px solid #ccc;
 background: #FFF url(img/contentyritys.gif) top left no-repeat;
 margin: 0px 0px 59px 46px;
 padding: 0px;
 /*height: 212px;*/
 width: 852px;
 clear: both;
}

#contenttuotteet { 
 float: left;
 border: 0px solid #ccc;
 background: #FFF url(img/contenttuotteet.gif) top left no-repeat;
 margin: 0px 0px 59px 46px;
 padding: 0px;
 height: 714px;
 width: 852px;
 clear: both;
}

#contenthistoria { 
 float: left;
 border: 0px solid #ccc;
 background: #FFF url(img/contenthistoria.gif) top left no-repeat;
 margin: 0px 0px 59px 46px;
 padding: 0px;
 height: 748px;
 width: 852px;
 clear: both;
}

#contentymparisto { 
 float: left;
 border: 0px solid #ccc;
 background: #FFF url(img/contentymparisto.jpg) top left no-repeat;
 margin: 0px 0px 59px 46px;
 padding: 0px;
 height: 595px;
 width: 852px;
 clear: both;
}

#contentaineisto { 
 float: left;
 border: 0px solid #ccc;
 background: #FFF url(img/contentaineisto.gif) top left no-repeat;
 margin: 0px 0px 59px 46px;
 padding: 0px;
 height: 705px;
 width: 852px;
 clear: both;
}

#contentyhteys { 
 float: left;
 border: 0px solid #ccc;
 background: #FFF url(img/contentyhteys.gif) top left no-repeat;
 margin: 0px 0px 59px 46px;
 padding: 0px;
 height: 934px;
 width: 852px;
 clear: both;
}

#leftimg { 
 float: left;
 height: 410px;
 width: 570px;
}
#leftcolumn { 
 float: left;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 21px 0px;
 border-bottom: 1px solid #5F5F5F;
 /*height: 817px;*/
 width: 567px;
}
#lca {
 float: left;
 width: 270px;
 margin: 0px 0px 0px 0px;
 padding-right: 11px;
 border-right: 1px solid #5F5F5F;
}
#lcb {
 float: left;
 width: 270px;
 margin: 0px 0px 0px 11px;
}

#leftcolumnb { 
 float: left;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 21px 0px;
 border-bottom: 1px solid #5F5F5F;
 /*height: 817px;*/
 width: 272px;
}
#lcab {
 float: left;
 width: 272px;
 margin: 0px 0px 0px 0px;
}
#lcab h1{
 font-size: 14px;
}
#lcab h2{
 font-size: 14px;
 margin-top: 10px;
}

#leftcolumnc { 
 float: left;
 color: #333;
 margin: 0px 17px 0px 0px;
 padding: 0px 0px 21px 0px;
 /*height: 817px;*/
 width: 382px;
}
#lcac {
 float: left;
 width: 382px;
 margin: 0px 0px 0px 0px;
}
#lcac h1 {
 font-size: 13px;
}
#lcac h2 {
 font-size: 13px;
 margin-top: 10px;
}
#lcac img {
 padding: 4px;
 border: 1px solid #BCBDC0;
}

#leftcolumn p { 
 margin: 0px;
 padding: 0px;

}
#leftcolumn a { 
 color: #333;
}
#leftcolumn a:hover { 
 color: #666;
}

#rightc {
 float: left;
 width: 200px;
 margin: 19px 0px 0px 40px;
}
#rightc h1 {
 font-size: 14px;
}
#ul.ri {
 list-style-type: disc;
}
#ul li.ri {
 
}


#footer { 
 width: 900px;
 height: 21px;
 clear: both;
 color: #333;
 border: 0px solid #ccc;
 background: #000;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 clear: both;
}
