/* CSS Document */
/* CSS Document */

body { 
		margin:0;
		padding:0;
		background-color:#FFFFFF;
		font:Verdana, Arial, Helvetica, sans-serif;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
} 

/* Classes for the text sizing tool */
body.extrasmall_font { font-size: 0.5em } 
body.small_font { font-size: 0.6em } 
body.medium_font { 
	font-size: 0.8em;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-weight: normal;
	scrollbar-base-color: #FF9900;
} 

.contentText { 
	/*font-size: 0.6em;*/
	font-size: 10px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-weight: normal;
	scrollbar-base-color: #FF9900;
} 

.header { 
    font: Century Gothic;font-family:Century Gothic; 
	float:left;
	text-align:left;
	vertical-align:top;
	padding-left: 80px;
	padding-top: 10px;
	padding-bottom:100px;
	height: 20px;
}


.navigation { margin: 0; padding: 0; font: Century Gothic; font-size:24px }
	.navigation * { zoom: 1} /* fixes shifting links IE bug */
	.navigation li { margin: 0; padding: 0; list-style-type: none; border-bottom: 1px solid #ccc; border-left: 2px solid #eee;  }
	.navigation li ul { padding: 0; margin: 0; }
	.navigation li ul li { border: 0; }
	.navigation a { padding: 0.3em 0; margin: 0; display:block; vertical-align: bottom; text-decoration: none; color: #333; }
	
	.navigation li a { background: url(../images/navigation_li_level2.gif) 0 0.7em no-repeat; margin-left: 0.4em; padding-left: 9px;}
	.navigation li li a { background: url(../images/navigation_li_level3.gif) 0 0.7em no-repeat; padding: 0.2em 0; margin-left: 1.4em; padding-left: 9px; }
	.navigation li li li a { background: none; margin-left: 2.4em; }
	
/*
	.navigation li a { background: url(../images/navigation_li_level2.gif) 0.4em 0.7em no-repeat; padding-left: 1.2em }
	.navigation li li a { background: url(../images/navigation_li_level3.gif) 1.4em 0.7em no-repeat; padding: 0.2em 0; padding-left: 2.2em }
	.navigation li li li a { background: none; padding-left: 3.2em; }
*/

	.navigation li.back { background-color: #eee; font-weight: bold; margin-right: 1px; border-bottom-color: #093; border-left: 0;  }
	.navigation li.back a { background-image: url(../images/navigation_li_level1.gif); padding-left:11px; background-position: 2px 0.7em; }

	.navigation li.default { margin-right: 1px; /*background: #999; color: #fff;*/}
	.navigation li.default a { background: url(../images/navigation_li_level2.gif) 0.4em 0.7em no-repeat; padding-left: 1.2em }
	
	.navigation .selected li { font-weight: normal; border-left: 0; }	
	.navigation .selected { font-weight: bold !important; border-left: 2px solid #fc3; }

	.navigation li li .selected a { background-color: #eee; margin-right: 1px; }

.extras { list-style-type: none; padding: 0; margin: 1em auto 1em 1em; }
	.extras li { padding: 0; margin: 0.3em 0; }

.col_content .pagetools { float: right; }
	.col_content .pagetools li { display: inline }

.footer { 
	/*position: absolute;
	left: 80px;
	bottom: 40px;*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	overflow:hidden;
	width: 100%; 
	margin-left: 0px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right: 2px;
	padding: 0;
	min-width: 760px;
	vertical-align:top;
	height: 10%;
	min-height: 40px;
	padding-top: 0px;
}

.footer .active
{
	/*font-size:larger;*/
	font-weight:bold;
}
	
.footer a {
	text-decoration: none;
	text-transform:uppercase;
	color:#000; 
	margin-right: 3em;
	
}
	
	
.flashContent
{
	margin: 0;
	vertical-align:top;
}

.content
{
	border: none;
	overflow: hidden;
	width: 80%; 
	
	margin-left: 60px;
	padding: 0;
	
	height: 520px;
	vertical-align:middle;
	min-height: 480px;
}

.contentFrame
{
	border: none;
	overflow: auto;
	width: 80%; 
	
	margin-left: 60px;
	margin-right: 10px;
	padding: 0;
	
	height: 520px;
	vertical-align:middle;
	min-height: 480px;
	scrollbar-base-color: #FF9900;
}

.textContent
{
	float:left;
	text-align:left;
	font-size:18px;
	margin-left: 80px;
	width: auto;
	vertical-align:top;
}

.kuvaContent
{
	border: none;
	overflow:auto;
	width: 80%; 
	
	margin-left: 60px;
	padding: 0;
	
	vertical-align:middle;
	min-height: 480px;
}

.textColumn
{
	float: left;
	text-align:left;
	font-size: 12px;
	padding: 0;
	margin-left: 80px;
	margin-top: 0px;
	vertical-align:top;
}

.textColumn p
{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight: normal;
}

.textContent a
{
	text-decoration: none;
}
	
.imageContent
{
	width: auto;
	margin-top: 0px;
	margin-left: 80px;
	padding: 0;
	float: none;
}

.imageColumn
{
	margin-top: 0px;
	margin-left: 80px;
	padding: 0;
	float: right;
}

.otsikko
{
	width: 60px;
	float:left;
	font-size: 24px;
	vertical-align: top;
}

.kuvariviAlue
{
	/*margin-top: 100px;
	margin-bottom: 40px;

	border: none;
	overflow: auto;
	width: 90%; 
	margin: 0 1em;
	margin-left: 60px;
	margin-right: 60px;
	padding: 0;
	display: inline; 
	height: 600px;
	height: 80%;
	vertical-align:middle;
	min-height: 400px;*/
	border: none;
	overflow: hidden;
	width: 100%; 
	
	/*margin-left: 60px;*/
	padding: 0;
	
	height: 520px;
	vertical-align:middle;
	min-height: 480px;
}

.kuvariviAlue_kork
{
	/*margin-top: 100px;
	margin-bottom: 40px;

	border: none;
	overflow: auto;
	width: 90%; 
	margin: 0 1em;
	margin-left: 60px;
	margin-right: 60px;
	padding: 0;
	display: inline; 
	height: 600px;
	height: 80%;
	vertical-align:middle;
	min-height: 400px;*/
	border: none;
	overflow: auto;
	width: 100%; 
	
	/*margin-left: 60px;*/
	padding: 0;
	
	height: 520px;
	vertical-align:middle;
	min-height: 480px;
}

.outerTable
{
/*background-color:#333333;*/
}

.kuvaOuterTable
{
background-color:#ffffff;
}

.innerTable
{
	min-width: 600px;
}

.wrapper { 
	width: 760px; 
	height: 100%; 
	min-width: 760px;
	min-height: 520px;
	overflow:hidden;
	background-color:#FFFFFF;
    padding-top: 2em;
}

.etusivu_wrapper { 
	width: 760px; 
	height: 100%; 
	min-width: 760px;
	min-height: 520px;
	overflow:hidden;
	background-color:#FFFFFF;
	margin: 0;
    padding-top: 0;
	padding-top: 2em;

	background-position:center;
	background-repeat:no-repeat;
}

.kuvaWrapper { 
 /*	width: 80em; 
	min-height: 400px;*/
	width: 100%; 
	height: 100%; 
	min-width: 760px;
	min-height: 520px;
	overflow:hidden;
	background-color:#FFFFFF;
    /*margin: 0 auto;*/
}

.wrapper_kuvarivi { 
	/*width: 80em;
	height: 100%; 
	min-height: 500px;*/
	width: 760px; 
	height: 100%; 
	min-width: 760px;
	min-height: 520px;
	overflow:hidden;
	background-color:#FFFFFF;
	 padding-top: 2em;
}

.wrapper_kuvarivi_kork { 
	/*width: 80em;
	height: 100%; 
	min-height: 500px;*/
	width: 760px; 
	height: 90%; 
	min-width: 760px;
	min-height: 520px;
	overflow:hidden;
	background-color:#FFFFFF;
	 padding-top: 2em;
}

.wrapper_kuvaAlue { 
	width: 80em;
	height: 80%; 
	min-height: 520px;
	overflow:hidden;
	
}

.flashKuvaAlue
{
background-color:#CCCCCC;
border-bottom: 10px;
}

.text {

/*margin: 2em 2em 2em 2em;*/
width: 80%;
}

.imageArea
{
	margin: 0;
	float:left;
}

.language 
{
	float: left;
	height: 24px;
	border: 0px;
	border-style: none;
}

.language a 
{
	border: 0px;
	border-style: none;
}

.language_image
{
	border: 0px;
	border-style: none;
	top: 4px;
	right: 0;
	position:relative;
}

.videoText 
{	
	vertical-align:top;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top: 12px;
	text-align: right;
	font-size: 0.8em;
}

.videoShot
{

	border: 0;
	padding: 4px;
	text-align: left;
}

.cv tr td
{
 	vertical-align: top;
	padding- right: 20px;
}