@charset "utf-8";

/* =reset browser defaults, used YUI reset-min.css */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:F
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/*
	descom.css
	created on 13.11.2007
	quick update 09.09.2009
	by AL, Descom Oy 
*/

html {
	height: 100%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background: #efefef url(../img/bg.jpg) repeat-x;	
}

body {
	position: relative;
	width: 959px;
	margin: 0 auto 30px;
	padding: 0 10px;
	text-align: left;
	background: url('../img/container_bg.gif') repeat-y;
}

a, 
a:hover, 
a:visited {
	color: #fff;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	cursor: hand;
	cursor: pointer;
}
a:active {
	outline: none;
}
a:focus {
	-moz-outline-style: none;
}

h2 {
	font-family: georgia, times new roman, serif; 
	font-family: Arial, "Lucida Sans Unicode", sans-serif;
	font-size: 1.9em;
	font-weight: bold;
	margin: 0 0 16px;
}
h3 {
	padding: 2px 0 11px 18px;
	font-size: 0.95em;
	font-weight: bold;
	background: url(../img/h3.gif) no-repeat;
	text-transform: uppercase;
}
.box h3 {
	padding-top: 3px;
}
h4 {
	font-weight: bold;
}

strong {
	font-weight: bold;
}

/* top logo and menu background */
#branding {
	position: relative;
	height: 66px;
	width: 100%;
	background: url(../img/top_menu.gif) no-repeat;
}
#branding a {
	display: block;
	height: 66px;
	width: 270px;
}
#branding h1 {
	position: absolute;
	top: -9999px;
}

/* search */
#search {
	position: absolute;
	right: 13px;
	top: 6px;
}
#search legend,
#search label {
	display: none;
}
#search input {
	height: 16px;
	margin: 0 3px 0 0;
	padding: 0 0 0 3px;
	float: left;
	font-size: 0.8em;
	color: #87888a;
}
#search button {
	display: block;
	height: 17px;
	padding: 0 4px 1px 5px;
	float: left;
	background: #72a631 url(../img/search-bg.gif) repeat-x scroll 0 0;
	border: 1px solid #76b646;
	color: #ffffff;
	font-size: 0.7em;
}
#search button:hover {
	cursor: hand;
	cursor: pointer;
}

/* global navigation */
#navigation-global {
	position: absolute;
	width: 676px;
	height: 36px;
	top: 30px;
	left: 294px;
}
#navigation-global a {
	display: block;
	height: 30px;
	padding-top: 8px;
	text-indent: -9999px;
}
#navigation-global li {
	display: inline;
	float: left;
	height: 36px;
}
#navigation-global li:hover {
	cursor: pointer;
}

/* content-sub */
#content-sub {
	display: block;
	width: 229px;
	float: left;
	color: #fff;
}
#content-sub li.headline, 
#content-sub li.lvl-one {
	background: #3b3a35;
}

/* main content */
#content-main {
	width: 730px;
	height: 100%;
	float: left;
}
#content-main a.banner{
	clear: both;
	display: block;
	margin: 0 0 20px;
	text-align: center;
}

/* content area on content pages */
#content {
	width: 670px;
	margin: 27px 0 0 33px;
	font-size: 0.8em; 
	padding: 0 26px 24px 0;
	min-height: 360px;
	/* clears float used with content divs */
	overflow: hidden;
}
#content em {
	font-style: italic;
}
#content ul {
	padding: 0 0 18px 0;
	margin: 5px 0;
}
#content ul.job-listing {
	margin-top: 0;
}
#content li {
	list-style: disc;
	list-style: none;
	list-style-position: outside;
	padding-left: 14px;
	background: url("../img/arrow.gif") no-repeat 2px 5px;
}
#content ul li ul {
	padding: 0;
}
#content p {
	margin: 0 0 18px;
}
#content a, 
#content a:visited, 
#content a:hover {
	text-decoration: underline;
}
#content a, 
#content a:visited {
	color: #7cb436;
}
#content a:hover {
	color: #000;
}
#content-main {
	background: #fff;
}
#content #left {
	width: 440px;
	margin: 0 23px 0 0;
	float: left;
	overflow: hidden;
}
#right .box {
	margin: 0 0 15px;
	padding: 13px 13px 1px;
	font-size: 0.9em;
	background: #f3f3eb;
	color: #272728;
}
#content #right {
	width: 200px;
	float: left;
}

/* front page content */
#frontpage-content {
	margin: 0 0 25px;
	float: left;
}
#frontpage-content p {
	margin: 45px 45px 0;
}

/* news on the front page */
#news {
	position: relative;
	width: 229px;
	background: url(../img/news_bg.jpg) no-repeat;
	min-height: 300px;
	padding: 0 0 30px;
	color: #fff;
	font-size: 0.7em; 
}
#news h4 {
	padding: 23px 0 5px 24px;
	font-size: 1.3em;
	font-weight: normal;
}
#news p {
	margin: 8px 20px -5px 0;
	text-align: right;
}
#news li {
	padding: 5px 8px 5px 24px;
}


#news li em.date {
	display: block;
	text-decoration: none;
	color: #7cb436;
	font-style: normal;
}
#news #rss {
	float: right;
	margin: 0 15px 0;
}

/* content pages navigation */
#content-navigation {
	padding: 5px 0 19px 19px;
	background: url(../img/news_bg.jpg) no-repeat;
	display: block;
	width: 229px;
	font-size: 0.7em; 
	min-height: 5px; 
}
#content-navigation li {
	padding: 4px 0 0 24px;
	background: url(../img/menuitem_bg.gif) no-repeat;
}
#content-navigation li.headline, 
#content-navigation li.lvl-one {
	display: block;
	padding: 1px 0 1px 8px;
	margin: 17px 0 3px;
	width: 183px;
	height: 16px;
}

#content-navigation li.lvl-two {
	width: 178px;
}

/* light brown area under news (front page) and menu (content pages)*/
#bottom-left {
	width: 229px;
/*	height: 182px;
*/
}

#bottom-left #social-media {
	display: block;
	overflow: auto;
	position: relative;
	margin: 35px 0 30px 50px;
}
#bottom-left #social-media li {
	float: left;
	margin: 0 15px 0 0;
}

#demoportal-link {
	margin: 44px 0 0 33px;
	background: url(../img/tutustu_demoportaaliin.gif);
	width: 194px;
	height: 33px;
}
#demoportal-link h4 {
	text-indent: -9999px;
	display: block;
	height: 33px;
}
#demportal-link a {
	display: block;
	width: 194px;
	height: 33px;
}
#demoportal-link_en {
	margin: 44px 0 0 33px;
	background: url(../img/try_portlets.gif);
	width: 194px;
	height: 49px;
}
#demoportal-link_en h4 {
	text-indent: -9999px;
	display: block;
	height: 49px;
}
#demportal-link_en a {
	display: block;
	width: 194px;
	height: 33px;
}
#tuletoihin_link {
	margin: 10px 0 0 61px;
	background: url(../img/tule_toihin.gif);
	width: 138px;
	height: 33px;
}
#tuletoihin_link h4 {
	text-indent: -9999px;
	display: block;
	height: 33px;
}
#tuletoihin_link a {
	display: block;
	width: 138px;
	height: 33px;
}

/* front page banner */
#frontpage-images {
	width: 630px;
	height: 220px;
}

#frontpage-images li img {
	display: none;
}

#frontpage-images li.first img {
	display: block;
}

/* breadcrumb on content pages */
p#breadcrumb {
	width: 698px;
	height: 22px;
	background: url(../img/crumb.gif) no-repeat;
	font-size: 0.7em; 
	padding: 8px 0 0 32px;
	margin: 0;
}
#breadcrumb, 
#breadcrumb a, 
#breadcrumb a:visited {
	margin: 0 3px;
	text-decoration: none;
	color: #777;
}

#breadcrumb a:hover {
	text-decoration: underline;
}
#frontpage-crumb {
	width: 730px;
	height: 30px;
	background: url(../img/crumb_bg.jpg) no-repeat;
	font-size: 0.7em; 
	text-align: right;
}
#frontpage-crumb a {
	display: block;
	font-weight: bold;
	padding: 0 12px 0 0;
	margin-left: 500px;
	color: #7e7e7e;
}
p#indicator {
	text-align: left;
	margin: 0 0 -14px;
	padding: 7px 0 0 104px;
	color: #7e7e7e;
}

/* boxes on front page content area */
.infobox {
	display: inline;
	margin: 29px 0 0 30px;
	width: 320px;
	float: left; 
}
.infobox#lisenssit {
	clear: left;
}
.infobox {
	background: url(../img/tl.gif) no-repeat top left;
}
.infobox-top {
	background: url(../img/tr.gif) no-repeat top right;
}
.infobox-bottom {
	background: url(../img/bl.gif) no-repeat bottom left;
}
.infobox-bottom div {
	background: url(../img/br.gif) no-repeat bottom right;
}
.infobox-content {
	background: url(../img/r.gif) top right repeat-y;
	color: #666;
}
.infobox-top div,
.infobox-top,
.infobox-bottom div, 
.infobox-bottom {
	width: 320px;
	height: 10px;
	font-size: 1px;
}
.infobox-content, 
.infobox-bottom {
	margin-top: 0px;
}
.infobox-content { 
	padding: 0 16px; 
}
#frontpage-content .infobox-content p {
	font-size: 0.8em; 
	margin: 0 0 5px;
}

/* color for infoboxes on front page */
.infobox a,
.infobox a:hover,
.infobox a:visited {
	color: #7cb436;
}

/* news archive */
.news-list {
	margin: -5px 0 0;
}
#content .news-list li {
	border-bottom: 1px dashed #C7C7C7;
	padding: 7px 0 5px 0;
	margin: 0;
	list-style: none;
	background: none;
}
.news-list em {
	font-style: normal;
	display: block;
	font-size: 0.9em;
	margin-bottom: -1px;
	color: #555;
}
#content .news-list a {
	display: block;
	text-decoration: none;
	font-size: 1.2em;
	margin: 0 0 5px;
}
#content .news-list li p {
	margin: 0;
}

/* bottom of the page */
#footer {
	clear: both;
	background: url(../img/footer.gif) no-repeat;
	height: 65px;
	text-indent: -9999px;
	z-index: 20;
}
.en #footer {
	background: url(../img/footer-en.gif) no-repeat;
}

#footer ul, 
#footer ul li {
	display: none;
}

/* search results */
li.sresults {
	margin-bottom: 18px;
}
div.sresults a {
	list-style-type: disc;
	list-style-position: inside;
}

/* global navigation images */
li#nav-etusivu {
	width: 72px;
	background: url(../img/nav-etusivu.gif) no-repeat;
}
li#nav-etusivu:hover {
	background: url(../img/nav-etusivu-hover.gif) no-repeat;
}
li#nav-descom {
	width: 140px;
	background: url(../img/nav-descom.gif) no-repeat;
}
li#nav-descom:hover {
	background: url(../img/nav-descom-hover.gif) no-repeat;
}
li#nav-ratkaisut {
	width: 152px;
	background: url(../img/nav-ratkaisut.gif) no-repeat;
}
li#nav-ratkaisut:hover {
	background: url(../img/nav-ratkaisut-hover.gif) no-repeat;
}
li#nav-asiakkaat {
	width: 86px;
	background: url(../img/nav-asiakkaat.gif) no-repeat;
}
li#nav-asiakkaat:hover {
	background: url(../img/nav-asiakkaat-hover.gif) no-repeat;
}

li#nav-ura {
	width: 118px;
	background: url(../img/nav-ura.gif) no-repeat;
}
li#nav-ura:hover {
	background: url(../img/nav-ura-hover.gif) no-repeat;
}
li#nav-yhteystiedot {
	width: 107px;
	background: url(../img/nav-yhteystiedot.gif) no-repeat;
}
li#nav-yhteystiedot:hover {
	background: url(../img/nav-yhteystiedot-hover.gif) no-repeat;
}
li#nav-frontpage {
	width: 95px;
	background: url(../img/nav-frontpage.gif) no-repeat;
}
li#nav-frontpage:hover {
	background: url(../img/nav-frontpage-hover.gif) no-repeat;
}
li#nav-company {
	width: 151px;
	background: url(../img/nav-company.gif) no-repeat;
}
li#nav-company:hover {
	background: url(../img/nav-company-hover.gif) no-repeat;
}
li#nav-services {
	width: 164px;
	background: url(../img/nav-services.gif) no-repeat;
}
li#nav-services:hover {
	background: url(../img/nav-services-hover.gif) no-repeat;
}
li#nav-customers {
	width: 94px;
	background: url(../img/nav-customers.gif) no-repeat;
}
li#nav-customers:hover {
	background: url(../img/nav-customers-hover.gif) no-repeat;
}
li#nav-careers {
	width: 79px;
	background: url(../img/nav-careers.gif) no-repeat;
}
li#nav-careers:hover {
	background: url(../img/nav-careers-hover.gif) no-repeat;
}
li#nav-contact {
	width: 77px;
	background: url(../img/nav-contact.gif) no-repeat;
}
li#nav-contact:hover {
	background: url(../img/nav-contact-hover.gif) no-repeat;
}