body {
margin : 0;
padding : 0;
background-color : #e0e0e0;
background-image : url(../pics/bg.gif);
background-repeat : repeat-y;
background-position : center;
text-align : center;
font-family : "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
}
strong, em, b, i {
font-family : "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, address {
font-family : "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.clear {
clear : both;
}
p {
font-size : 12px;
}
h1 {
font-size : 18px;
letter-spacing : -0.5px;
font-weight : normal;
color : #000000;
}
h2 {
font-size : 17px;
font-weight : normal;
color : #464646;
}
ul {
font-size : 12px;
}
#language {
background-color : transparent;
float : right;
font-size : 10px;
font-weight : normal;
margin : 10px;
position : relative;
text-transform : uppercase;
}
#language a:link, #language a:visited {
color : #757575;
font-size : 10px;
font-weight : normal;
text-decoration : none;
}
#language .selected {
color : #b0b0b0;
font-size : 10px;
font-weight : normal;
text-decoration : none;
}
#language a:hover {
color : #000000;
font-size : 10px;
font-weight : normal;
text-decoration : none;
}
#keskitys {
width : 960px;
margin : 0 auto;
position : relative;
text-align : left;
vertical-align : top;
background-color : #ffffff;
}
#header {
position : relative;
height : 94px;
background-color : #ffffff;
float : none;
background-image : url(../pics/headerbg.gif);
background-repeat : repeat-x;
}
#logo {
position : relative;
height : 94px;
width : 221px;
background-color : transparent;
float : left;
}
#menu {
background-color : transparent;
height : 34px;
left : 220px;
margin-bottom : 0;
position : absolute;
top : 50px;
width : 739px;
}
#menu ul {
margin : 0;
padding : 0;
list-style : none;
height : 34px;
}
#menu ul li {
float : left;
display : block;
height : 39px;
margin-right : 0;
text-indent : -9999px;
}
#menu ul li a {
display : block;
height : 34px;
background : url(../pics/menu.gif) no-repeat 0 0;
outline : 0;
}

#menu ul li.solutions a {width:135px;background-position: 0 0px;}
#menu ul li.company a {width:121px;background-position: -135px 0px;}
#menu ul li.customers a {width:121px;background-position: -256px 0px;}
#menu ul li.news a {width:121px;background-position: -377px 0px;}
#menu ul li.careers a {width:121px;background-position: -498px 0px;}
#menu ul li.contact a {width:120px;background-position: -619px 0px;}
#menu ul li.ratkaisut a {width:135px;background-position: 0 -102px;}
#menu ul li.yritys a {width:121px;background-position: -135px -102px;}
#menu ul li.asiakkaat a {width:121px;background-position: -256px -102px;}
#menu ul li.uutiset a {width:121px;background-position: -377px -102px;}
#menu ul li.urapolku a {width:121px;background-position: -498px -102px;}
#menu ul li.yhteystiedot a {width:120px;background-position: -619px -102px;}

#menu ul li.solutions a:hover {width:135px;background-position: 0px -34px;}
#menu ul li.company a:hover {width:121px;background-position: -135px -34px;}
#menu ul li.customers a:hover {width:121px;background-position: -256px -34px;}
#menu ul li.news a:hover {width:121px;background-position: -377px -34px;}
#menu ul li.careers a:hover {width:121px;background-position: -498px -34px;}
#menu ul li.contact a:hover {width:120px;background-position: -619px -34px;}
#menu ul li.ratkaisut a:hover {width:135px;background-position: 0px -136px;}
#menu ul li.yritys a:hover {width:121px;background-position: -135px -136px;}
#menu ul li.asiakkaat a:hover {width:121px;background-position: -256px -136px;}
#menu ul li.uutiset a:hover {width:121px;background-position: -377px -136px;}
#menu ul li.urapolku a:hover {width:121px;background-position: -498px -136px;}
#menu ul li.yhteystiedot a:hover {width:120px;background-position: -619px -136px;}

#menu ul li.solutions a.current {width:135px;background-position: 0px -68px;}
#menu ul li.company a.current {width:121px;background-position: -135px -68px;}
#menu ul li.customers a.current {width:121px;background-position: -256px -68px;}
#menu ul li.news a.current {width:121px;background-position: -377px -68px;}
#menu ul li.careers a.current {width:121px;background-position: -498px -68px;}
#menu ul li.contact a.current {width:120px;background-position: -619px -68px;}
#menu ul li.ratkaisut a.current {width:135px;background-position: 0px -170px;}
#menu ul li.yritys a.current {width:121px;background-position: -135px -170px;}
#menu ul li.asiakkaat a.current {width:121px;background-position: -256px -170px;}
#menu ul li.uutiset a.current {width:121px;background-position: -377px -170px;}
#menu ul li.urapolku a.current {width:121px;background-position: -498px -170px;}
#menu ul li.yhteystiedot a.current {width:120px;background-position: -619px -170px;}

#submenu {
position : relative;
background-color : #ffffff;
float : left;
margin-left : 5px;
margin-top : 10px;
}
#submenu ul {
margin : 0;
padding-left : 10px;
list-style : none;
}
#submenu ul li {
margin-right : 0;
display : block;
}
#submenu ul li a {
display : block;
padding-left : 10px;
background : url(../pics/submenuarrow.gif) no-repeat 9999px 0;
}
#submenu ul li.current a {
color : #000000;
font-size : 12px;
text-decoration : none;
line-height : 160%;
}
#submenu ul li.current a:hover {
color : #000000;
font-size : 12px;
text-decoration : none;
line-height : 160%;
}
#submenu ul li.currentbg a {
color : #000000;
font-size : 18px;
text-decoration : none;
line-height : 170%;
}
#submenu ul li.currentbg a:hover {
color : #000000;
font-size : 18px;
text-decoration : none;
line-height : 170%;
}
#submenu ul li.menuotsikko {
color : #000000;
font-size : 18px;
text-decoration : none;
line-height : 170%;
}
#submenu ul li.menuotsikkogrey {
color : #757575;
font-size : 18px;
text-decoration : none;
line-height : 170%;
}
#submenu ul li.grey a {
color : #757575;
font-size : 12px;
text-decoration : none;
line-height : 160%;
}
#submenu ul li.grey a:hover {
color : #000000;
font-size : 12px;
text-decoration : none;
line-height : 160%;
}
#submenu ul li.greybg a {
color : #757575;
font-size : 18px;
text-decoration : none;
line-height : 170%;
}
#submenu ul li.greybg a:hover {
color : #000000;
font-size : 18px;
text-decoration : none;
line-height : 170%;
}
#submenu ul li.acurrent a {
color : #000000;
font-size : 12px;
text-decoration : none;
line-height : 160%;
background-position : 2px 5px;
}
#submenu ul li.acurrent a:hover {
color : #000000;
font-size : 12px;
text-decoration : none;
line-height : 160%;
background-position : 2px 5px;
}
#submenu ul li.subcurrent a {
color : #000000;
font-size : 12px;
text-decoration : none;
line-height : 160%;
margin-left : 10px;
}
#submenu ul li.subcurrent a:hover {
color : #000000;
font-size : 12px;
text-decoration : none;
line-height : 160%;
margin-left : 10px;
}
#submenu ul li.subacurrent a {
color : #000000;
font-size : 12px;
text-decoration : none;
line-height : 160%;
margin-left : 10px;
background-position : 2px 5px;
}
#submenu ul li.subacurrent a:hover {
color : #000000;
font-size : 12px;
text-decoration : none;
line-height : 160%;
margin-left : 10px;
background-position : 2px 5px;
}
.frontdrag {
position : relative;
height : 266px;
width : 960px;
background-color : transparent;
background-image : url(../pics/etusivuisokuva.jpg);
background-repeat : no-repeat;
float : none;
margin-bottom : 10px;
color : #ffffff;
}
.frontdragin {
position : relative;
width : 960px;
background-color : transparent;
float : left;
top : 167px;
}
#subdrag {
position : relative;
height : 150px;
width : 960px;
background-color : transparent;
float : left;
margin-bottom : 10px;
}
.frontdrag ul {
background-color : transparent;
list-style-image : none;
list-style-position : outside;
list-style-type : none;
margin : 0;
padding : 0;
width : 960px;
}
.frontdrag ul li.noline {
background : transparent none repeat scroll 0 0;
color : #ffffff;
float : left;
margin : 0;
padding : 0;
background-color : transparent;
}
.frontdrag ul li.line {
background : transparent none repeat scroll 0 0;
color : #ffffff;
float : left;
margin : 0;
padding : 0;
background-color : transparent;
background-image : url(../pics/line.gif);
background-repeat : no-repeat;
}
.frontdrag ul li a {
background : transparent none repeat scroll 0 0;
color : #ffffff;
display : block;
margin-left : 9px;
margin-right : 9px;
padding : 10px;
text-decoration : none;
width : 201px;
}
.frontdrag ul li a:hover {
background-image : url(../pics/transblack.png);
color : #ffffff;
display : block;
margin-left : 9px;
margin-right : 9px;
padding : 10px;
text-decoration : none;
width : 201px;
}
.frontdrag ul li p {
margin : 0;
padding : 0;
}
.nostootsikko {
color : #ffffff;
font-size : 17px;
margin : 0;
letter-spacing : -0.3px;
}
#content {
position : relative;
background-color : transparent;
float : none;
width : 960px;
}
#main {
position : relative;
float : left;
width : 480px;
background-color : transparent;
}
#main img {
margin : 0;
padding : 0;
}
#secondary {
position : relative;
float : left;
width : 240px;
background-color : transparent;
}
#addition {
position : relative;
float : left;
width : 240px;
background-color : transparent;
}
#maincont {
position : relative;
margin-left : 20px;
margin-right : 10px;
margin-top : 10px;
}
#maincont table {
width : 100%;
background-color : #e0e0e0;
color : #000000;
font-size : 12px;
padding : 4px;
border : 0 solid #8f8f8f;
margin : 10px 0 10px 0;
}
#maincont td {
margin : 2px;
padding : 2px;
border-bottom : 1px solid #8f8f8f;
vertical-align : top;
}
#maincont a:link, #maincont a:visited {
color : #000000;
text-decoration : underline;
}
#maincont a:hover {
color : #000000;
text-decoration : none;
}
#maincont img {
float : right;
margin-left : 10px;
margin-top : 10px;
margin-bottom : 10px;
}
#path {
position : relative;
width : 100%;
font-size : 9px;
font-weight : normal;
color : #8e8e8e;
text-decoration : none;
margin-bottom : 10px;
text-transform : uppercase;
}
#path a:link, #path a:visited {
font-size : 9px;
font-weight : normal;
color : #666666;
text-decoration : none;
}
#path a:hover {
font-size : 9px;
font-weight : normal;
color : #000000;
text-decoration : none;
}
#news {
position : relative;
margin-left : 15px;
margin-right : 10px;
margin-top : 10px;
}
#singlenews {
border-top : 1px dotted #999999;
font-size : 12px;
margin-bottom : 6px;
padding-top : 6px;
position : relative;
}
#singlenews a {
font-size : 12px;
font-weight : normal;
color : #000000;
text-decoration : none;
border : none;
}
#singlenews a:hover {
font-size : 12px;
font-weight : normal;
color : #4f4b2f;
text-decoration : none;
}
#columncase {
background-color : #c7c2a3;
float : left;
position : relative;
width : 240px;
padding-bottom : 10px;
}
#columncasecont {
position : relative;
padding : 10px;
float : none;
border : 0;
margin : 0;
}
#columncasecont img {
float : left;
margin-right : 10px;
margin-bottom : 5px;
z-index : 200;
}
.smalltext {
color : #000000;
float : none;
font-size : 8px;
font-weight : normal;
margin : 0;
text-transform : uppercase;
}
#columncasecont .text {
font-size : 12px;
float : none;
margin-top : 2px;
width : 100%;
}
#columncasecont h1 {
color : #000000;
float : none;
font-size : 18px;
font-weight : normal;
letter-spacing : -0.5px;
margin : 0;
}
#columncasecont a:link, #columncasecont a:visited {
color : #4f4b32;
float : none;
font-size : 12px;
font-weight : normal;
text-decoration : underline;
}
#columncasecont a:hover {
color : #373421;
float : none;
font-size : 12px;
font-weight : normal;
text-decoration : none;
}
#casepic {
position : relative;
float : none;
height : 135px;
width : 230px;
margin-top : 10px;
left : 10px;
margin-right : 0;
z-index : 200;
margin-bottom : 10px;
}
#casepic img {
margin : 0;
padding : 0;
}
#footer {
background-color : transparent;
width : 100%;
margin-bottom : 25px;
margin-top : 25px;
padding-top : 10px;
border-top : 1px solid #333333;
color : #4d4d4d;
}
#footer p {
margin : 0 0 0 20px;
color : #4d4d4d;
font-size : 9px;
}
#staff {
position : relative;
background-color : transparent;
width : 450px;
margin-bottom : 15px;
float : left;
}
.staffmember {
position : relative;
background-color : transparent;
width : 450px;
float : left;
display : block;
margin-bottom : 5px;
}
#staff img {
float : left;
margin-right : 10px;
}
.staffmember h1 {
font-size : 15px;
float : none;
margin : 30px 0 0 0;
}
.staffmember p {
float : none;
margin : 0;
}
.titteli {
color : #000000;
float : none;
font-size : 11px;
font-weight : normal;
margin : 0;
text-transform : uppercase;
}
.newsdate {
border-bottom : 1px dotted #999999;
color : #999999;
float : none;
font-size : 8px;
font-weight : normal;
margin : 0;
padding-bottom : 4px;
}