@charset "UTF-8";
/* CSS Document */

/* ---------- */
/* TAG Resets */
/* ---------- */

body, h1, h2, h3, h5, ul, li, form  {padding:0; margin:0; border:0;}
	
a {outline: none;}
	
img {border-style: none;}



/* --------------- */
/* TAG Definitions */
/* --------------- */


body, form, input {
	color:#7b7b7b;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	background-image:url(../img/background.jpg);
	}
	
h1 {font-size:16px;}
h2 {font-size:15px;}
h3 {font-size:13px;}
h5 {font-size:17px; color:#000; padding-bottom:8px;}


a:link {text-decoration: none;}
a:active {text-decoration: none; outline:none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:focus {-moz-outline-style: none;}


a.green-link:link {color:#40ab00;}
a.green-link:visited {color:#40ab00;}
a.green-link:hover { color:#0F0;}

a.grey-link:link { color:#7B7B7B;}
a.grey-link:visited {color:#7B7B7B;}
a.grey-link:hover { color:#0F0;}

a.pdf-logo:link { color:#7B7B7B;}
a.pdf-logo:visited {color:#7B7B7B;}
a.pdf-logo:hover { color:#0F0;}



/* ------------- */
/* Main elements */
/* ------------- */

#container {
	margin: 0 auto;
	width: 950px;
	background-color:
	}
	
#head-flash {
	height:313px;
	width:950px;
	background-image:url(../img/header-1.png);
	}

#head-ala {
	height:232px;
	width:720px;
	padding-left:230px;
	background-image:url(../img/head-flash.png);
	}
	
#content {
	width:950px;
	background-image:url(../img/content.png);
	padding-bottom:30px;
	}

#footer {
	width:950px;
	height:162px;
	background-image:url(../img/footer.png);
	}
	
	
#footer-link {
	width:190px;
	margin:0px;
	padding:10px 0 0 40px;
	float:left;
	vertical-align:middle;
	}
	
#footer-link-3 {
	width:152px;
	margin:0px;
	padding:10px 0 0 10px;
	float:left;
	vertical-align:middle;
	}
	
#footer-link-2 {
	width:200px;
	margin:0px;
	padding:10px 40px 0 0;
	float:right;
	text-align:right;
	vertical-align:middle;
	}

	
/* ---------------- */
/* Content elements */
/* ---------------- */

#left-column {
	width:180px;
	float:left;
	margin-left:38px;
	margin-right:13px;
	}
	
#middle-column {
	width:450px;
	float:left;
	margin-right:13px;
	}
	
#middle-column-full {
	min-height:116px;
	width:665px;
	margin-right:13px;
	float:left;
	}

#middle-column-400 {
	width:400px;
	float:left;
	margin-right:13px;
	}
	
	.main-title {color:#000; font-size:19px;}
	.sub-title { color:#000; font-size:14px; font-weight:bold; padding-bottom:3px; padding-top:15px;}
	.sub-title-green { color:#40ab00; font-size:16px; font-weight:bold;}
	
#right-column {
	width:220px;
	float:left;
	}
	
#wide-column {
	width:400px;
	float:left;
	background:#CCC;
	}
	
.arvot-1 {
	width:370px;
	float:left;
	margin-right:10px;
	}
	
.arvot-2 {
	width:260px;
	float:left;
	}
	

/* ----------------------- */
/* Inside Content elements */
/* ----------------------- */
	
#middle-column-top {
	min-height:116px;
	width:450px;
	margin-bottom:13px;
	padding-bottom:13px;
	border-bottom-color:#818181;	
	border-bottom-style:solid;
	border-bottom-width:1px;
	}

#middle-column-top-main {
	min-height:116px;
	width:450px;
	margin-bottom:13px;
	padding-bottom:13px;
	}
	
#middle-column-top-main-400 {
	min-height:116px;
	width:400px;
	margin-bottom:13px;
	padding-bottom:13px;
	}

#middle-column-left {
	width:218px;
	min-height:130px;
	float:left;
	padding-right:6px;
	border-right-color:#818181;	
	border-right-style:solid;
	border-right-width:1px;
	}
	
#middle-column-right {
	width:219px;
	min-height:130px;
	float:left;
	margin-left:6px;
	}
	
#right-column-header {
	background-image:url(../../Site%201.1/img/taloudellinen-katsaus-logo.jpg);
	width:171px;
	height:49px;
	margin-bottom:13px;
	}
	
	#right-column-header:hober {background-image:url(../../Site%201.1/img/taloudellinen-katsaus-logo-2.jpg);}

	#right-column-header h5 {font-size:12px; color:#FFF; text-transform:uppercase; line-height:49px;}
	
	
#right-column-body-middle { 
	width:191px; 
	background-image:url(../img/round-box/round-box-middle.png);
	padding: 0 13px 5px 13px;
	}

	#right-column-body-top { width:217px; height:4px; background-image:url(../img/round-box/round-box-top.png);}
	#right-column-body-bottom { width:217px; height:4px; background-image:url(../img/round-box/round-box-bottom.png);}
	

#menu-middle {
	background-image:url(../img/menu/menu-back-middle.png);
	background-repeat:repeat-y;
	width: 177px;
	}
		
	#menu-top {background-image: url(../img/menu/menu-back-top.png); width:177px; height:4px;}
	#menu-bottom {background-image:url(../img/menu/menu-back-bottom.png);  width:177px; height:4px;}

#right-column-graafi-middle {
	background-image:url(../img/graafi-box/graafi-middle.png);
	background-repeat:repeat-y;
	width:216px;
	min-height:80px;
	text-align:center;
	}

	#right-column-graafi-top {background-image:url(../img/graafi-box/graafi-top.png); height:4px; width:216px;}
	#right-column-graafi-bottom {background-image:url(../img/graafi-box/graafi-bottom.png); height:4px; width:216px; margin-bottom:13px;}
	
.person { 
	width:139px; 
	margin-right:11px; 
	float:left;
	}
	
.menestys-block { 
	width:200px; 
	margin-right:11px; 
	float:left;
	}

.green-block {
	margin-bottom:0px;
	}

.green-block-image {
	padding-top:3px; 
	padding-right:5px;

	}
	
.slideshow {
	float:left;
	left:245px;
	position:relative;
	top:18px;
	}
	
.juliste {
	margin-top:-100px;	
	}


/* ---------------- */
/* Table styles     */
/* ---------------- */


.bottom-green {border-bottom:1px; border-color:#40ab00; border-style:solid; border-top:0; border-left:0; border-right:0;}
.bottom-green-right {border-bottom:1px; border-color:#40ab00; border-style:solid; border-top:0; border-left:0; border-right:0; text-align:right; padding-right:10px;}
.bottom-green-green {border-bottom:1px; border-color:#40ab00; background-color:#40ab00; border-style:solid; border-top:0; border-left:0; border-right:0; color:#FFF; text-align:right; padding-right:10px;}

.bottom-black {border-bottom:1px; border-color:#000; border-style:solid; border-top:0; border-left:0; border-right:0;}
.bottom-black-padding {border-bottom:1px; border-color:#000; border-style:solid; border-top:0; border-left:0; border-right:0; padding-left:20px;}
.bottom-black-green {border-bottom:1px; border-color:#000; border-style:solid; border-top:0; border-left:0; border-right:0;  background-color:#40ab00; color:#FFF; text-align:right; padding-right:10px;}

.bottom-black-thick {border-bottom:2px; border-color:#000; border-style:solid; border-top:0; border-left:0; border-right:0;}
.bottom-black-thick-padding {border-bottom:2px; border-color:#000; border-style:solid; border-top:0; border-left:0; border-right:0; padding-left:20px;}
.bottom-black-thick-green {border-bottom:2px; border-color:#000; border-style:solid; border-top:0; border-left:0; border-right:0;  background-color:#40ab00; color:#FFF; text-align:right; padding-right:10px;}
.padding-left { padding-left:20px;}

.taulukko tr:hover { background-color:#e9f5e7;}

.years {
	color:#40ab00;
	vertical-align:top;
	background-position:center center;
	background-image: url(../img/dot.jpg);
	background-repeat:repeat-y;
	}
	
.years-last {
	color:#40ab00;
	vertical-align:top;
	}

.year-white {
	background:#FFF;
	padding-top:5px;
	padding-bottom:2px;
	}

/* ---------------- */
/* Extra elements */
/* ---------------- */

.clear {clear:both;}
.lue-lisaa {margin-top:10px;}
#tools { float:right; margin-top:30px; margin-right:40px; text-align:right;}

#fontControls {float:left; padding-right:7px; margin-top:-3px;}
.plusSize {background-image:url(../img/tools/blank.jpg); background-repeat:no-repeat; padding-left:3px; padding-right:7px; padding-bottom:2px; color:#FFF; font-size:10px; font-weight:bold; position: inherit}
.minusSize {background-image:url(../img/tools/blank.jpg); background-repeat:no-repeat; padding-left:4px; padding-right:7px; padding-bottom:2px; color:#FFF; font-size:10px; font-weight:bold; position: inherit}
.resetSize {background-image:url(../img/tools/blank.jpg); background-repeat:no-repeat; padding-left:3px; padding-right:7px; padding-bottom:2px; color:#FFF; font-size:10px; font-weight:bold; position: inherit}
.floatLeft {float:left;}

/* <p id="lue-lisaa"><a href="www.google.com"><img src="img/lue-lisaa.png" /></a></p> */


/* -------- */
/* Colorbox */
/* -------- */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;  margin:10px;}
#cboxLoadedContent iframe{display:block; width:100%;; height:100%; border:10px;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/

#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#fff; padding:10px;}
        #cboxLoadingGraphic{background:url(../img/pop-up/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:28px; height:27px; position:absolute; top:-7px; background:url(../img/pop-up/close.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:0px 0px; right:0;}
        #cboxClose.hover{background-position:0px 0px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}