body {
margin:.5em;
padding:0;
height:100%;
background-color:#c8c8b5;
color:#000000;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
background-image:url(../images/bg.jpg);
background-repeat:repeat-y;
background-position:center;
}

#mainnavigation { margin: 1px auto 5px; text-align: left; font-size: 10px; color: #6e6e6e; }
#mainnavigation a { color: #2971a7; margin: 0 2px; text-decoration: none; }
#mainnavigation a:hover { text-decoration: underline; }
#mainnavigation p.left { width: 100%; float: left; text-align: left; text-indent: 10px; }
#mainnavigation p.right { width: 55%; float: right; }
#mainnavigation p.links { border: 1px solid #e5e5e5; border-width: 1px 0; padding: .5em 0; margin: 1.5em 0 2em; }

#navcontainer
{
margin-left:-54px;
}

#navcontainer ul li
{
list-style-type: none;
margin-left: 0;
padding-left: 0;
white-space: nowrap;
display: block;
float: left;
background: url(../images/navbg.gif) repeat-x 30px;
font: 10px/30px "Lucida Grande", verdana, sans-serif;
text-align: center;
}

#navcontainer a
{
color: #000;
text-decoration: none;
display: block;
width: 120px;
/*border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;*/
border-left: 1px solid #A8B090;
border-right: 1px solid #d7d7d7;
}

#navcontainer li#active { background: url(../images/navbghov.gif) repeat-x 30px; }
#navcontainer a:hover { background: url(../images/navbghov.gif) repeat-x 30px; }

/*
ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}
*/

#tietotaulukko tr {
	background: #E5E5E5; color: #fff; }
#tietotaulukko tr.t {
	background: #e3e3e3; color: #fff; }
#tietotaulukko tr.s {
	background: #d1d1d0; color: #fff; text-align: left;}
#tietotaulukko td { 
	font-family: Arial,Helvetica, geneva,sans-serif; 
	font-size:9px; 
	color:#454545;
	padding: 0.3em;
	vertical-align: top;
	}

a {
color:#0d94b4;
text-decoration:underline;
}

a:hover {
color:#0bb7e0;
text-decoration:none;
}

hr {

border:none;
width:100%;
color:#eeeeee;
background-color:#eeeeee;
height:1px;
clear:both;
}

#centercol { 	
margin:0 auto;
padding:0em 1em 0em 1em;
width:720px;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
}

#centercol h2 {
margin:0 0 -.5em 0;
padding:1em 0 0 0;
font-family:Arial, Helvetica, sans-serif;
color:#006893;
font-size:1em;
}

#centercol h3 {
margin:0 0 -.5em 0;
padding:.5em 0 0 0;
font-family:Arial, Helvetica, sans-serif;
color:#0495d2;
font-size:.8em;
}

/*
#cell_1 h3 {
font-family:Arial, Helvetica, sans-serif;
color:#505050;
font-size:.9em;
}
*/

#toparea1 {
margin:0 -1em 0 -1em;
padding:0 0 0 0;
height:82px;
background-image:url(../images/ylaban.gif);
background-repeat:no-repeat;
background-position:center;
background-color:#ffffff;
border-top:1px solid #ffffff;
}

#toparea2 {
margin:0 -1em 0 -1em;
padding:0 0 0 0;
background-repeat:no-repeat;
background-position:center;
background-color:#1b88ed;
border-top:1px solid #ffffff;
}

body#paasivu #toparea2 {
background-image:url(../images/banner2.jpg);
height:370px;
}

body#mallistomme #toparea2 {
background-image:url(../images/bannermallistomme.jpg);
height:270px;
}
body#palvelut #toparea2 {
background-image:url(../images/bannerpalvelut.jpg);
height:270px;
}
body#yrityksemme #toparea2 {
background-image:url(../images/banneryrityksemme.jpg);
height:270px;
}
body#kumppanit #toparea2 {
background-image:url(../images/bannerkumppanit.jpg);
height:270px;
}

body#yhteystiedot #toparea2 {
background-image:url(../images/banner2.jpg);
height:270px;
}





#logo img {
border: 0px;
}

#logo {
float: left;
margin-top: -20px;
}


body#paasivu #cell_1 {
margin:0 5px 1em 0;
padding:8px;
float:left;
width:400px;
}

body#paasivu #cell_2 {
margin:0 14px 1em 14px;
padding:8px;
float:left;
width:0px;
}

body#paasivu #cell_3 {

margin:0 14px 1em 14px;
padding:8px;
float:left;
width:200px;
}

body#mallistomme #cell_1 {
margin:0 5px 1em 0;
padding:8px;
float:left;
width:400px;
}

body#mallistomme #cell_2 {
margin:0 14px 1em 14px;
padding:8px;
float:left;
width:200px;
}

body#palvelut #cell_1 {
margin:0 5px 1em 0;
padding:8px;
float:left;
width:600px;
}

body#palvelut #cell_2 {
margin:0 14px 1em 14px;
padding:8px;
float:left;
width:0px;
}

body#yrityksemme #cell_1 {
margin:0 5px 1em 0;
padding:8px;
float:left;
width:600px;
}

body#yrityksemme #cell_2 {
margin:0 14px 1em 14px;
padding:8px;
float:left;
width:0px;
}

body#kumppanit #cell_1 {
margin:0 14px 1em 14px;
padding:8px;
float:left;
width:600px;
}

body#kumppanit #cell_2 {
margin:0 5px 1em 14px;
padding:8px;
float:left;
width:300px;
}

body#kumppanit #cell_3 {
margin:0 14px 1em 18px;
padding:8px;
float:left;
width:300px;
}



body#yhteystiedot #cell_1 {
margin:0 5px 1em 0;
padding:8px;
float:left;
width:300px;
}

body#yhteystiedot #cell_2 {
margin:0 5px 1em 5px;
padding:8px;
float:left;
width:300px;
}

#cell_1 p, #cell_2 p, #cell_3 p {
font-size:.75em;
color:#505050;
}

#bottomarea {
position:relative;
clear:both;
bottom:0;
margin:0 0 0 0;
padding:0;
height:3em;
line-height:4em;
text-align:center;
font-size:.7em;
background-color:#fff;
}