@font-face {
    font-family: 'Memphis';
    src: url('/media/layout/fonts/gzip/memphisltstd-medium.eot.gz');
    src: local("☺"), url('/media/layout/fonts/gzip/memphisltstd-medium.eot.gz?#iefix') format('embedded-opentype'),
	url('/media/layout/fonts/gzip/memphisltstd-medium.svg.gz#memphis') format('svg'),
         url('/media/layout/fonts/memphisltstd-medium.woff') format('woff'),
         url('/media/layout/fonts/gzip/memphisltstd-medium.ttf.gz') format('truetype');
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
}

@font-face {
    font-family: 'MemphisBold';
    src: url('/media/layout/fonts/gzip/memphisltstd-bold.eot.gz');
    src: local("☺"), url('/media/layout/fonts/gzip/memphisltstd-bold.eot.gz?#iefix') format('embedded-opentype'),
         url('/media/layout/fonts/gzip/memphisltstd-bold.svg.gz#memphisbold') format('svg'),
         url('/media/layout/fonts/memphisltstd-bold.woff') format('woff'),
         url('/media/layout/fonts/gzip/memphisltstd-bold.ttf.gz') format('truetype');
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
}

body {
        margin: 0;
        padding: 0;
        font-family: Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
        line-height: 1.6em;
        font-size: medium;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
	padding: 1em;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
	color: #000;
}

a {
	color: #4c8930;
	outline: none;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

a img { border: 0; }

h1, h2, h3, h4, h5, h6, .ingress {
	color: #000;
	font-weight: 400;
	font-style: normal;
	font-family: 'Metrophobic', "Istok Web", Tahoma, Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	line-height: 1.2em;
	padding: 0;
}

h3, h4, h5, h6, .ingress {
	color: #373737;
}

h1 { font-size: 200%; margin: 0 0px 1em 0px; }
h2 { font-size: 175%; margin: 0 0px 0.7em 0px;}
h3 { font-size: 150%; margin: 0 0px 0.5em 0px; line-height: 1.4em; }
h4, h5, h6, .ingress { line-height: 1.5em; font-size: 122%; margin: 0 0px 0.5em 0px; }

h1 a:hover, h2 a:hover, h3 a:hover {
	color: #777;
	text-decoration: none;
}

h1.black a, h2.black a, h3.black a, h4.black a, h5.black a, h6.black a {
	color: #000;
}

h1.black a:hover, h2.black a:hover, h3.black a:hover, h4.black a:hover, h5.black a:hover, h6.black a:hover {
	color: #666;
}

p { padding: 0; margin: 0 0 1em 0; }

.shadow-img img, img.shadow-img {
        border: 8px solid #fff;
        -webkit-box-shadow: 0 2px 10px -3px #777;
        -moz-box-shadow: 0 2px 10px -3px #777;
        box-shadow: 0 2px 10px -3px #777;
}

strong { color: #444; }

ol {
        padding: 0.5em 0 0.5em 1.5em !important;
        margin: 0;
}

ol li, ol li.ingress {
        padding: 0 0 0.7em 0;
        line-height: 1.4em;
}

ul {
	margin: 0;
	padding: 0.5em 0 1em 0;
}

ul ul, ul ul li:last-child {
        padding-bottom: 0;
}

ul li, ul li.ingress {
	list-style-type: none;
	background: transparent url('/media/layout/img/kv/dot.gif') no-repeat left 0.4em;
	padding: 0 0 0.7em 20px;
	line-height: 1.4em;
}

ul li.ingress {
        background-position: left 0.5em;
}

.checklist li {
 	padding: 0 0 0.7em 25px;
        text-indent: 0px;
	background: transparent url('/media/layout/img/check.gif') no-repeat left 0.3em !important;
	line-height: 1.6em;
}

.hyphenate {
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

/* BOX */
.box {
        clear: both;
        display: block;
        background-color: #efefef;
        border: 1px solid #d8d7d7;
        -webkit-box-shadow:  inset 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
        box-shadow:  inset 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
        padding: 1em;
        border-radius: 2px;
        margin-bottom: 1em;
}

table.box {
        width: auto !important;
}

.box ul, .box ol {
        padding: 0.7em 0 0 1em !important;
}

.whitebox {
        background: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-bottom: 1em;
}

p.blue-box {
    margin: 0.2em 0 0.8em 0;
        clear: both;
        display: block;
        background-color: #48b9d4;
        border: 1px solid #43aac3;
        padding: 1em;
        border-radius: 2px;
}

/* BUTTONS */

.button *,
.largebutton * {
	color: #FFF;
}

.button, .formSubmit, .blueformSubmit, .pagination a, .curPage, .button.disabled:active, .formSubmit.disabled:active, .pagination a.disabled:active,
.button.redbutton, .largebutton {
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
	padding: 0.4em 0.8em;
	font-size: 110%;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	margin: 0.8em 0.4em 0.4em 0;
	border-top: 1px solid #71b550;
	border-bottom: 1px solid #1d661e;
	border-right: 1px solid #4c8930;
	border-left: 1px solid #4c8930;
	background-color: #4c8930;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.button:hover:not(.disabled), .formSubmit:hover:not(.disabled), .pagination a:hover:not(.disabled),
.button.redbutton:hover:not(.disabled), .largebutton:hover:not(.disabled) {
    background-color: #58953c;
	border-top: 1px solid #88cc68;
	border-bottom:1px solid #1d661e;
	border-left:1px solid #1d661e;
	border-right:1px solid #1d661e;
}

.button:active, .formSubmit:active, .pagination a:active, .button:active:hover, .formSubmit:active:hover, 
.pagination a:active:hover, .largebutton:active:hover {
	border: 1px solid transparent;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	background-color: #518e35;
 	top: 1px;
}

a.button:hover, .button a:hover, .largebutton a:hover {
	text-decoration: none;
}

.redbutton {
	border-top: 1px solid #e81f15;
	border-bottom: 1px solid #a20c04;
	border-right: 1px solid #b80c03;
	border-left: 1px solid #b80c03;
	background-color: #b80c03;
}

.redbutton:hover:not(.disabled) {
	background-color: #c9140a;
	border-top: 1px solid #f92b21;
	border-right: 1px solid #c9140a;
	border-left: 1px solid #c9140a;
}

.redbutton:active, .redbutton:hover:active {
	border: 1px solid transparent;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	background-color: #b80c03;
}

.lightgreenbutton {
	border-top: 1px solid #95e05b;
	border-bottom: 1px solid #58aa19;
	border-right: 1px solid #72c037;
	border-left: 1px solid #72c037;
	background-color: #68b330;
}

.lightgreenbutton:hover:not(.disabled) {
	background-color: #72d022;
	border-top: 1px solid #95e05b;
}

.lightgreenbutton:active, .lightgreenbutton:hover:active {
	border: 1px solid transparent;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	background-color: #5aa323;
}

.orangebutton {
	border-top: 1px solid #ffdb4c;
	border-bottom: 1px solid #d1850f;
	border-right: 1px solid #f2a410;
	border-left: 1px solid #f2a410;
	background-color: #f2a410;
}

.orangebutton:hover:not(.disabled) {
	background-color: #fecb1f;
	border-top: 1px solid #ffe066;
	border-bottom: 1px solid #e6b717;
	border-right: 1px solid #fecb1f;
	border-left: 1px solid #fecb1f;
}

.orangebutton:active, .orangebutton:hover:active {
	border: 1px solid transparent;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	background-color: #f29d0c;
}

.lightbluebutton {
 	border-top: 1px solid #5bd7f8;
	border-bottom: 1px solid #47b3d0;
	border-right: 1px solid #5bd7f8;
	border-left: 1px solid #5bd7f8;
	background-color: #52c8e7;
}

.lightbluebutton:hover:not(.disabled) {
	border-top: 1px solid #52c8e7;
	background-color: #5cdafb;
}

.lightbluebutton:active, .lightbluebutton:hover:active {
  	border: 1px solid transparent;
	border-color: #40b4d0;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	background-color: #40b4d0;
}

.largebutton {
	padding: 0.6em 1.2em;
}

.button a:hover {
	text-decoration: none;
}

table {
	width: 100% !important;
	margin-bottom: 0.5em;
	line-height: 1.4em;
}

table.listTable {
	border-top: 1px dotted #acacac;
	margin-bottom: 2em;
}

th, td {
	padding: 0.4em 0.3em 0.4em 0;
	vertical-align: top;
}

table.listTable th, table.listTable td {
	border-bottom: 1px dotted #acacac;
	padding: 0.58em 0.5em 0.58em 0;
	font-size: 110%;
	font-family: 'Metrophobic', "Istok Web", Tahoma, Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
}

tr th:last-child, tr td:last-child {
	padding-right: 0;
}

.listcols2 {
	float: left;
	width: 100%;
	list-style-type: none;
	padding: 0.6em 0;
}

.listcols2 li {
	float: left;
	width: 49%;
        padding-left: 0;
        padding-right: 2%;
	line-height: 1.6em;
	text-indent: 20px;
}

ol.listcols2 li {
	text-indent: 0;
}

.listcols2 li.second {
	width: 49%;
        padding-right: 0;
}

.listcols3 {
	float: left;
	width: 100%;
	padding: 0.6em 0;
	background: none;
}

.listcols3 li {
	float: left;
	width: 32%;
        padding-left: 0;
        padding-right: 2%;
	line-height: 1.6em;
	text-indent: 20px;
}

.listcols3 li.third {
	width: 32%;
        padding-right: 0;
}

.checklist.listcols3 li {
        text-indent: 0;
        padding-left: 2%;
        width: 30%;
}

.text .checklist.listcols3 li {
        padding-left: 4%;
        width: 28%;
}


.listcols2 li.first, .listcols3 li.first {
	clear: both;
}

ul.listcols2, ul.listcols3 {
	list-style-type: none;
	padding-left: 0 !important;
}

ol.listcols2, ol.listcols3 {
	list-style-position: inside;
	padding-left: 0 !important;
}

ol.listcols2 li, ol.listcols3 li {
	text-indent: 2em;
}

.small {
	font-size: 90%;
}

/* MOBILE BUTTON  */

.mobilebutton, span.toggle {
	color: #000;
	font-family: Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	border: 1px solid #d8d7d7;
	padding: 0.5em 1em 0.5em 1em;
        line-height: 1em;
	margin: 0.8em 0 0.4em 0;
	border-radius: 100px;
        background: #fcfcfc;
        background: -moz-linear-gradient(top,#fcfcfc 0%, #f2f2f2 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f2f2f2));
        background: -webkit-linear-gradient(top,#fcfcfc 0%,#f2f2f2 100%);
        background: -o-linear-gradient(top,#fcfcfc 0%,#f2f2f2 100%);
        background: -ms-linear-gradient(top,#fcfcfc 0%,#f2f2f2 100%);
        background: linear-gradient(to bottom,#fcfcfc 0%,#f2f2f2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f2f2f2',GradientType=0 );
        -webkit-box-shadow: 0px -1px 0 rgba(215, 215, 215, 1) inset, 0px 1px 0 rgba(255, 255, 255, 1) inset;
        box-shadow: 0px -1px 0 rgba(215, 215, 215, 1) inset, 0px 1px 0 rgba(255, 255, 255, 1) inset;
        text-shadow: 0 1px 0 #FFFFFF;
}

.mobilebutton:hover, span.toggle:hover {
 	background: #fdfdfd;
        background: -moz-linear-gradient(top,#fdfdfd 0%, #f9f9f9 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f9f9f9));
        background: -webkit-linear-gradient(top,#fdfdfd 0%,#f9f9f9 100%);
        background: -o-linear-gradient(top,#fdfdfd 0%,#f9f9f9 100%);
        background: -ms-linear-gradient(top,#fdfdfd 0%,#f9f9f9 100%);
        background: linear-gradient(to bottom,#fdfdfd 0%,#f9f9f9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f9f9f9',GradientType=0 );
	text-decoration: none;
}

h1.nopadtitle, h2.nopadtitle, h3.nopadtitle {
	margin-bottom: 0;
	padding-bottom: 0;
}

.frameimage {
        float: left;
        width: 400px;
        position: relative;
        margin: 2.5em -40px 0 0;
}

.frameimage .frame {
	clear: both;
        width: 100%;
        height: auto;
        float: left;
}

.frameimage .img {
        position: absolute;
        top: 2px;
        left: 43px;
}

.module-icon {
        float: left;
        margin-right: 10px;
}


.ie9 .mobilebutton, .ie9 .mobilebutton:hover {
	filter: none;
}

.clear { clear: both; }

.quote {
	font-family: Memphis, "Istok Web", Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	font-size: 120%;
	color: #222;
	line-height: 1.45em;
}

html[lang="fi"] .quote {
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -pre-wrap;
	white-space: pre-wrap;
	white-space: pre-line;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.signature {
        display: block;
        padding-top: 0.5em;
        font-family: 'Yesteryear', "Istok Web", Tahoma, Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
        font-size: 140%;
        line-height: 1em;
}

.jobtitle {
        display: block;
        font-family: Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
        font-size: 70%;
        line-height: 1.6em;
}

.memphis { font-family: Memphis, Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif; }
.memphisbold { font-family: MemphisBold, Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif; }
.center { text-align: center; }
.uc { text-transform: uppercase; }

/* LOGOS */

.avainlippu-logo, .aaa-logo, .eba-logo, .suomenyrittajat-logo, .deloitte-logo, .iab-logo, .svkk-logo, .mostpp-logo, .dnb-logo, .inc5000-logo, .gpartner-logo {
        background-image: url('/media/layout/img/logos-onwhite.gif?cache');
        display: inline-block;
        zoom: 1;
        *display: inline;
        text-indent: -9999px;
        height: 60px;
        margin-right: 10px;
        float: left;
}

.avainlippu-logo {
        background-position: 0px 0px;
        width: 60px;
}

.aaa-logo {
        background-position: -60px 0px;
        width: 80px;
}

.eba-logo {
        background-position: -140px 0px;
        width: 85px;
}

.suomenyrittajat-logo {
        background-position: -225px 0px;
        width: 200px;
}

.deloitte-logo {
        background-position: -425px 0px;
        width: 125px;
}

.iab-logo {
        background-position: -550px 0px;
        width: 60px;
}

.svkk-logo {
        background-position: -612px 0px;
        width: 162px;
}

.mostpp-logo {
        background-position: -774px 0px;
        width: 63px;
}

.dnb-logo {
        background-position: -831px 0px;
        width: 50px;
}

.inc5000-logo {
        background-position: -900px 0px;
        width: 75px;
}

.gpartner-logo {
        background-position: -985px 0px;
        width: 120px;
}
.fancybox {}
.fancyboxfull {}