body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	background-image: url("images/test_bg.png");
       background-color: #FFFFFF;
       background-repeat: repeat-x;
       background-position: top left;
	}
a {
	text-decoration: underline;
	color: #112368;
	outline: none;
	}
a:visited {
        color: #112368;
}
a:active {
        color: #112368;
}
a:hover {
        color: #112368;
	text-decoration: underline;
}
span p{
        font-size: 9px;
        color: #cad1eb;
        margin: -25px 0px 5px 10px;
}
span p a {
	font-size: 9px;
        text-decoration: none;
	color: #cad1eb;
	outline: none;
	}
span p a:visited {
        color: #cad1eb;
}
span p a:active {
        color: #cad1eb;
}
span p a:hover {
        font-size: 9px;
        color: #cad1eb;
	text-decoration: underline;
}

strong, b {
	font-weight: bold;
}
p {
        font-size: 12px;
	line-height: 22px;
	margin: 20px 15px 20px 40px;

}

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 14px;
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-left: 30px;

        background-image: url("images/bullet_h2e.png");
        background-repeat: no-repeat;
        background-position: left;
	text-transform: uppercase;
	color: #112368;
	}
h3 {
	font-size: 14px;
	line-height: 20px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-left: 30px;
        background-image: url("images/bullet_h2.png");
        background-repeat: no-repeat;
        background-position: left;
	text-transform: uppercase;
	color: #112368;
	}
h4 {
	font-size: 14px;
	line-height: 20px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-left: 0px;
	color: #112368;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
table {
        font-size: 12px;
	line-height: 22px;
	margin: 20px 15px 20px 0px;

}
table img {
        padding-right: 20px;
}
input, textarea {
        margin-left: 10px;
}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
#left {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 200px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-image: url("images/blank_button.png");
        background-repeat: repeat-x;
        background-position: top left;
	width: 50%; /* ie5win fudge begins */
	width: 50%;
	z-index: 0;
	}
html>body #left {
	width: 50%; /* ie5win fudge ends */
	}
#middle {
	position: relative;
	/*left: 25%;*/
	padding: 0;
	border: 0px;
	background: transparent;
	/* change to transparent if you want to show the background*/

	margin-top: 0px;
	z-index: 1;
	text-align: center;
	}
	
#middle #textwrap {
	width:854px;
	position: relative;
	margin-left: auto;
	margin-right: auto;

	padding-top: 0;
	/*background-image: url("images/oikeasivu.png");
        background-repeat: repeat-y;
        background-position: right top;
          */
}

html>body #middle {
	margin-top: 0px; /* ie5win fudge ends */
	}
	
#middle h1, #middle p {
	color: #000;
}	
#right {
	position: absolute;
	top: 0px;
	height: 300px;
	right: 0px; /* Opera5.02 will show a space at right when there is no scroll bar */
	padding: 0px;
	border: 0px;
	width: 50%; /* ie5win fudge begins */
	width: 50%;
	z-index: 0;
}
html>body #right {
	width: 50%; /* ie5win fudge ends */
}

#logojaflash {
       width:880px;
       z-index: 2;
       margin-left: auto;
	margin-right: auto;
	margin-top: -4px;
	margin
        height: 198px;
        /*
        background-image: url("images/oikeasivu.png");
        background-repeat: repeat-y;
        background-position: right
        background-image: url("images/ylareuna.png");
        background-repeat: no-repeat;
        background-position: bottom left;*/

}
#logojaflash_tausta {
        float:left;
        margin-left: 0;
	margin-right: 50px;
        width:100%;
        height: 100%;

        
        
        background-image: url("images/oikeasivu.png");
        background-repeat: repeat-y;
        background-position: top right;/**/
}
#logojaflash #logo {
        float: left;
        margin: 0px;
        margin-top: 50px;



}
#logojaflash #flash {

        margin-left: 0px;
        margin-top: 0px;
        margin-right: 20px;



}
#ap {
        margin-left: 6px;
        margin-right: -3px;
        float: left;
        margin-bottom: 0px;
        z-index: 3;
        height: 196px;
        width: 396px;
        background-image: url("images/ylareuna.png");
        background-repeat: no-repeat;
        background-position: bottom left;
}
#oikeasivu {

        width: 100%;
        margin-bottom: -8px;
        background-image: url("images/navi_end.png");
        background-repeat: repeat-y;
        background-position: top right;
        float:left;

}
#oikeasivu2 {

        height: 100%;
        width: 100%;
        margin-left: 0px;
        margin-bottom: 0px;
        margin-right: 13px;
        background-image: url("images/oikeasivu.png");
        background-repeat: no-repeat;
        background-position:top right;
        float:left;


}
#sisalto {
        width:880px;
        margin-left: auto;
	margin-right: auto;
	margin-top: -7px;
        height: auto;
        min-height: 550px;
        z-index: 2;

}
#sisallontausta {
        height: 100%;
        min-height: 550px;
        width: 100%;
        background-image: url("images/sisallontausta.png");
        background-repeat: repeat-y;
        background-position: top left;
        margin-top: 0px;
        margin-left: 0px;
        float:left;
        z-index: 2;
}
#sisallontausta_ylaosa {
        height: 100%;
        min-height: 550px;
        width: 100%;
        background-image: url("images/sisallontausta_ylaosa.png");
        background-repeat: no-repeat;
        background-position: top left;
        float:left;
        z-index: 2;
}
#yp {
        float: left;
        margin-top: -15px;
        z-index: 3;
}

#ala{
        width:880px;
        margin-left: auto;
	margin-right: auto;
        height: 48px;
        z-index: 0;
}
#alareuna {
        height: 100%;
        width: 100%;

        background-image: url("images/alareuna.png");
        background-repeat: no-repeat;
        background-position: top left;
        float:left;
        z-index: 0;
}
#kokosivun_palsta {
        width: 85%;
        height: 100%;
        min-height: 550px;
        margin-top: -18px;
        margin-left: 15px;
        padding-top: 25px;
        margin-right: 0px;
        background-color: #f6f6f6;
        float:left;
        z-index: 2;
}
#oikealle {
        float: right;
        padding: 5px 10px 0px 20px;
        border:0;
}

#vasemmalle{
        float: left;
        padding: 0px 0px 0px 0px;
        border:0;
}
#etusivun_palsta1 {
        width: 57%;
        height: 100%;
        min-height: 550px;
        margin-top: -18px;
        margin-left: 8px;
        padding-top: 25px;
        background-color: #e8e8e8;
        float:left;
        z-index: 2;
}
#etusivun_palsta1 img {
        float: right;
        padding: 5px 10px 0px 20px;
        border:0;
}

#etusivun_palsta2 {
        width: 36%;
        height: 100%;
        min-height: 550px;
        margin-top: -18px;
        margin-right: 20px;
        padding-top: 25px;
        float: right;
        z-index: 2;
}
#puolikas_palsta1 {
        width: 48%;
        height: 100%;
        min-height: 550px;
        margin-top: -18px;
        margin-left: 15px;
        padding-top: 25px;
        background-color: #e8e8e8;
        float:left;
        z-index: 2;
}
#etusivun_palsta1 img {
        float: right;
        padding: 5px 10px 0px 20px;
        border:0;
}

#puolikas_palsta2 {
        width: 48%;
        height: 100%;
        min-height: 550px;
        margin-top: -18px;
        margin-right: 20px;
        padding-top: 25px;
        float: right;
        z-index: 2;
}


#terminaali_linkit {
        font-size: 11px;
        font-weight: bold;
	line-height: 20px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0px;
	text-transform: uppercase;
	text-align: center;
	color: #112368;
        text-decoration: none;
}

#terminaalit {
        text-align: center;
        margin-right: 30px;
}
#terminaalit img{
        margin-left: 10px;
}
#luelisaa {
        font-size: 12px;
	line-height: 40px;
	margin-top: 20px;;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 20px;
        background-image: url("images/bullet_ll.png");
        background-repeat: no-repeat;
        background-position: left;
       	text-decoration: none;
	color: #f9a31b;
	font-weight: bold;
}
#luelisaa2 {
        font-size: 12px;
	line-height: 40px;
	margin-top: 20px;;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 20px;
        background-image: url("images/bullet_ll_g.png");
        background-repeat: no-repeat;
        background-position: left;
       	text-decoration: none;
	color: #f9a31b;
	font-weight: bold;
}
#etusivun_alareuna{
        float: left;
        border:0;
        padding: 0px 0px 0px 0px;
        margin-top: 0px;
        margin-left: 15px;
        width: 57%;
        height: 32px;
        z-index: 2;
}
#puolikkaan_alareuna{
        float: left;
        border:0;
        padding: 0px 0px 0px 0px;
        margin-top: 0px;
        margin-left: 15px;
        width: 48%;
        height: 32px;
        z-index: 2;
}
#pjv {
        float: right;
        margin-top: 28px;
        margin-right: 35px;
        padding-bottom: 30px;
        border:0;
}
.uutinen {
        border-bottom: 1px solid #112368;
        padding-bottom: 5px;
        padding-top: 10px;
        margin-left: 40px;
        margin-right: 40px;
}
.uutinen h5 {
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0px;
	color: #112368;
	}
.uutinen p {
        font-size: 12px;
	line-height: 22px;
	margin: 20px 0px 20px 0px;

}
.uutinen_pvm {
        color: #112368;
        font-size: 10px;
        font-style: italic;
        margin-top: -5px;
}

/* MENU */ 

.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;

}

.bubplastic.horizontal {
        position: relative;
        float: left;
        width: 835px;
	height: 132px;
	margin: 0;
	padding: 0;
	background: url(images/blank_button.png) top left repeat-x;
	z-index: 0;

}
.bubplastic.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 0;

}
.bubplastic.horizontal ul li {
	margin: 0;
	padding: 0;
	background: transparent url(images/blank_button.png) top left no-repeat;
	float: left;
	z-index: 0;

}

.bubplastic.horizontal ul li a {
	display: block;
	height: 50px;
	width: 98px;
	padding-top: 90px;
	float: left;
	text-transform: uppercase;
	text-align: center;
	font-family: Calibri, "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 70%;
	color: #000000;
	text-decoration: none;
	z-index: 0;

}

.bubplastic.aqua ul li.normal a:hover {
	background: transparent url(images/blank_button_hover.png) top left no-repeat;
}

.bubplastic.aqua ul li.normal a:active {
	background: transparent url(images/blank_button_click.png) top left no-repeat;
}


.bubplastic.aqua ul li.highlight a {
	background: transparent url(images/blank_button_s.png) top right no-repeat;
}
/* END MENU */


/* LIGHTBOX */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }