﻿BODY 	{ 
	margin: 	0px;
	padding:	0px;
	font-family:  	Arial, sans-serif; 
	line-height:1.25em;
	background-image:url(/pics/bgDark.gif);
	background-color:#3b3b3b;
/*	background-repeat:repeat;
	background-position:center top;*/
	}

td{
	font-size: 14px;
}

h1{
	font-size: 20px;
	font-weight:bolder;
	color:			#156675;
	margin-left:	0px;
	margin-right:	0px;
	margin-top:0px;
	padding-top:	0px;
}

h2{
	font-size:16px;
	font-weight:bold;
	color:			#156675;
	margin-left:	0px;
	margin-right:	0px;
	padding-top:	0px;
	padding-bottom:	0px;
	margin-bottom:	0px;	
/*	border-bottom:	1px #99b2cc solid;*/
}

h3{
	font-size:14px;
	color:			#999;
	margin:			0px;
	padding-top:	0px;
	padding-bottom:	0px;
	margin-bottom:	0px;	
/*	border-bottom:	1px #99b2cc solid;*/
}

p{
	color:			#000000;
	font-size:		14px;
	margin-top:		0px;
	margin-left:	0px;
	margin-right:	0px;	
	margin-bottom:	10px;
}

UL LI {
/*	list-style-image: url(images/layout/dot_oranssi.png);*/
	list-style-type: square;
	list-style-position: outside;
/*	color:			#19869b;*/
	color:			#000;
	margin-left: 	-23px;
	font-size:14px;
}	

OL LI {
	margin-left: 20px;
	color:			#000000;
}

/* Sivun elementit */

DIV.deco1{
	position:absolute;
	left:0;
	top:0; 
	height:316px;
	width:575px;
	background: url("/pics/deco1.png") no-repeat scroll 0% 0% transparent;
/*	border:1px solid white;*/
	z-index:-3;
}

DIV.deco2{
	position:relative;
/*	left:0;
	top:110px; */
	margin-top:-20px;
	height:316px;
	width:100%;
	background: url("/pics/deco1.png") no-repeat scroll 0% 0% transparent;
/*	border:1px solid white;*/
	z-index:0;
}


div.ylapalkki{
/*	border:5px solid silver;
	width:100%;
	height:100px;
	padding:0px;
	position:relative;
	margin-left: auto;
    margin-right: auto;
	margin-top:-316px;
	text-align:center;
	vertical-align:bottom;
	display: table-cell;
    vertical-align: middle;*/
    width:444px;
	height:70px;
	position:relative;	
	margin-left: auto;
    margin-right: auto;
    padding-top:30px;
}

/* YLÄNAVI */

div.ylanavi{
	/*border:5px solid silver;*/
	width:300px;
	height:34px;
	position:relative;	
	margin-left: auto;
    margin-right: auto;
}

div.naviInact{
	background-color:	#4f88b3;
	font-weight:bold;
	width:100px;
	height:34px;
	padding-left:15px;
	padding-right:15px;	
	padding-top:8px;
	text-align:center;
	box-shadow: 0px 0px 8px #000;
	float:left;
/*	margin-top:69px;*/
	margin-left:10px;
	margin-right:10px;
	position:relative;	
/*	z-index:-1;*/
}

div.naviAct{
	background-color:	#fff;
	font-weight:bold;	
	width:100px;
	height:34px;
	padding-left:15px;
	padding-right:15px;	
	padding-top:8px;
	text-align:center;
	box-shadow: 0px 0px 8px #000;
	float:left;
/*	margin-top:69px;*/
	margin-left:10px;
	margin-right:10px;
	position:relative;	
/*	z-index:-1;*/
}

td.banneri{
	background-color:#19869b;
	color:#fff;
	text-align:center;
	padding:20px;	
}
td.banneri_harmaa{
	background-color:#e5e5e5;
	color:#000;
	text-align:center;
	padding:20px;	
}

/* SISÄLTÖ */
div.page{
	box-shadow: 0px 0px 8px #000;
	background-color:#666;
	background-image:url(/pics/bgLight.gif);	
	width:100%;
	position:relative;
/*	position:absolute;
	left:0;
	top:130px; */
	padding-top:20px;
	/*z-index:-2;*/
}

div.page_pics{
	box-shadow: 0px 0px 8px #000;
	background-color:#666;
	background-image:url(/pics/bgLight.gif);	
	width:100%;
	position:relative;
/*	position:absolute;
	left:0;
	top:130px; */
	padding-top:20px;
/*	padding-left:20px;*/
	text-align:center;
	/*z-index:-2;*/
}


div.content{
/*	text-align:left;
	background-color:#fff;	*/
	padding:24px;
	width:1000px;
	z-index:2;
}

div.content_pics{
/*	text-align:left;
	background-color:#fff;	*/
	padding:24px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;		
}



div.contentBox_left{
	text-align:left;
	width:560px;
	background-color:#fff;
	padding:20px;
	box-shadow: 0px 0px 8px #000;
	margin-bottom:20px;	
	float:left;
	z-index:10;
}

div.contentBox_pics{
	width:290px;
	height:260px;
	background-color:#fff;
	padding:10px;
	padding-top:20px;
	box-shadow: 0px 0px 8px #000;
	margin-bottom:20px;
	margin-right:20px;
	text-align:center;
	float:left;
}

div.contentBox_pics_empty{
	width:290px;
	height:250px;
	background-color:transparent;
	padding:10px;
/*	box-shadow: 0px 0px 8px #000;*/
	margin-bottom:20px;
	margin-right:20px;
	text-align:center;
	float:left;
}


div.contentBox_left_main{
	text-align:left;
	width:560px;
	height:600px;
	background-color:#fff;
	padding:20px;
	margin-bottom:20px;
	box-shadow: 0px 0px 8px #000;
	float:left;
	z-index:10;
}


div.contentBox_right_main1{
	display: table-cell;
	text-align: center;
	font-weight:bold;
	width:300px;
	height:90px;
	background-color:#fff;
	padding:20px;
	padding-top:30px;
	box-shadow: 0px 0px 8px #000;
	float:right;
	margin-top:0px;
	z-index:10;
}

div.contentBox_right_main2{
	text-align:left;
	width:300px;
	background-color:#fff;
	padding:20px;
	box-shadow: 0px 0px 8px #000;
	float:right;
	margin-top:40px;
	z-index:10;
}


DIV.clear{
	clear:both;
	height:20px;
}

DIV.clear_0{
	clear:both;
}


DIV.footer{
position:relative;
bottom:0px;
/*z-index:-1;*/
	width:1000px;
	height:150px;
/*	background-color:#19869b;*/
/*	background-color:#999;*/
	padding:0px;
	margin-top:20px;
	font-size: 12px;
	font-weight:normal;
	color:#fff;
}

div.footer_content{
	width:960px;
	padding:0px;		
}
div.footer_vas {
	color:#999;
	font-size:0.9em;
	width:350px;
	padding-top:0px;
	font-size:13px;
	position:relative;
	text-align:left;
	float:left;	
}

div.footer_oik {
	color:#999;
	font-size:0.9em;
	position:relative;
	width:300px;
	padding-top:0px;	
	float: right;
	margin-right:0px;
	font-size:13px;
	text-align:right;
}

/*----------------------*/

a.navi{
	display: block;
	color: #000;
	text-decoration: none;
	text-align: center;
	
}

a.navi:link 	{

	}
	
a.navi:hover 	{

	}

a.navi:visited 	{

	}
	
a.navi:active 	{

	}



div.footer a
{
	color:			#999;
}
div.footer a:link 	{

	}
	
div.footer a:hover 	{

	}

div.footer a:visited 	{

	}
	
div.footer a:active 	{

	}


td{
	text-align: left;
}
	

