#outer {height: 100%;  overflow: hidden; position: relative;}
#outer[id] {display: table; position: static; width: 100%;}
#middle {
	position: absolute;
	top: 50%;
	_left: 50%;

	
}  /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static; width: 100%;}

div#frame {
	height: 470px;
	width: 760px;
	background: #FFFFFF;
	border: 1px solid #000066;
	margin: auto;
	position: relative;
	_top: -50%;
	_left: -50%;
}
div#header {
	background: #FFFFFF no-repeat;
	width: 760px;
	height: 110px;
	text-align: left;
	border-bottom: 1px solid #000066;

}
div#content {
	height: 349px;
	width: 760px;
	color: #666666;
}
div#content h1 {
	font: bold normal 110% Arial, Helvetica, Verdana, sans-serif;
	color: #4EA441;
	margin: 10px 1px 4px 10px;
}
div#content p {
	font: 80%/140% Arial, Helvetica, Verdana, sans-serif;
	color: #666666;
	text-align: justify;
}
div#content h2 {	font: normal 94% Arial, Helvetica, Verdana, sans-serif;
	color: #3366CC;}
/* links 
a {	text-decoration: none;	color: #4EA441;}*/
a {	text-decoration: none;	color: #999999;}
a:visited {	color: #999999;	text-decoration: none;}
a:active {	text-decoration: none;}
a:hover {	text-decoration: none;}
/* page numbers format */
.pageNumber {	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;	font-weight: bold;	color: #FFFFFF;	margin-right: 4px;	margin-left: 4px;}
	.pageNumberGrey {	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;	font-weight: bold;	color: #999999;	margin-right: 4px;	margin-left: 4px;}
	a.pageNumberGrey:link{	color: #669933;}
	a.pageNumberGrey:visited{	color: #669933;}
	a.pageNumberGrey:active{	color: #669933;}
	a.pageNumberGrey:hover{	color: #006633;}
/* an issue number text formatting */
.nro {	font-family:  Arial, Helvetica, Verdana, sans-serif;	font-size: 16px;	color: #3366CC;	font-weight: normal;}
/* page navigation bar background color */
td.naviback {	}
/* page navigation bar background hover color */
td.navibackhover {
	background: #000066;
}
/* page navigation bar numbers color */
.naviNums {	font-family: Tahoma,  Arial, Helvetica, sans-serif;	font-size: 12px;	color: #FFFFFF;	text-decoration: none;	font-weight: bold;}
/* page navigation bar numbers color */
a.naviNums:link {	font-family: Tahoma,  Arial, Helvetica, sans-serif;	text-decoration: none;}
a.naviNums:visited {	font-family: Tahoma,  Arial, Helvetica, sans-serif;	text-decoration: none;	color: #FFFFFF;}
a.naviNums:active {	font-family: Tahoma,  Arial, Helvetica, sans-serif;	text-decoration: none;}
a.naviNums:hover {	color: #DADBDC;	font-family: Tahoma,  Arial, Helvetica, sans-serif;	text-decoration: none;}
.TableBox1 {background-color: #EFEFEF;	padding: 6px;}
.color1 {background-color: #EFEFEF;}
/* first page Box2 backgroundcolor */
.TableBox2 {background-color: #FEF3F1;	padding: 6px;}
.color2 {background-color: #FEF3F1;}
/* first page Box2 backgroundcolor */
.TableBox3 {background-color: #DADBDC;	padding: 6px;}
.color3 {background-color:#DADBDC;}
.box {	background-color: #DADBDC;}
.divider {	background: #FFFFFF;	margin: 0px;	padding: 0px 10px;	height: 1px;}
table#navi {	height: 24px;	background: #4EA441;	border-top: 1px solid #000066;}
table#credit {	background: #000066;	height: 24px;}
.creditext {	font: 10px Arial, Helvetica, Verdana, sans-serif;	color: #FFFFFF;	text-decoration: none;}
img#logo {	left: 4px;}
body {	
background: #FFFFFF;
}
div#header table h1 {	font: normal 24px Arial, Helvetica, Verdana, sans-serif;	color: #3366CC;}
div#footer {}
div#coverhead {	background: #F5F5F5 url(/images/layout/coverimage.jpg) no-repeat;	width: 760px;	height: 100px;	text-align: left;	border-bottom: 4px solid #FFFFFF;}
div#coverhead table h1 {
	font: normal 24px Arial, Helvetica, Verdana, sans-serif;
	color: #3366CC;
	margin: 10px;
}
div#covercontent {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #666666;
	font-size: 80%;
	height: 311px;
	display: table-cell;
	text-align: left;
	width: 760px;

}
div#covercontent table div {
	height: 120px;
	margin: 0px;
	font-size: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}
div#covercontent table div h2 {	font-family: Arial, Helvetica, Verdana, sans-serif;	font-size: 16px;	color: #4EA441;	padding: 0px;	margin-top: 0px;	margin-bottom: 0px;}
div#covercontent div h2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	color: #4EA441;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}
.smalltext {	font: 11px Arial, Helvetica, Verdana, sans-serif;}
a.coverheading:link {color: #3366CC;}
a.coverheading:visited {color: #3366CC;}
a.coverheadingw:hover{color: #DADBDC;}
a.coverheadingw:link {color: #FFFFFF;}
a.coverheadingw:visited {color: #FFFFFF;}
a.coverheadingw:hover{color: #DADBDC;}
/*Luettelon linkkit*/
.Toc{	font-family: Arial, Helvetica, Verdana, sans-serif;	font-size: 3mm;	color: #000000;	padding: 4px;	background-color: #FFFFFF;}
a.Toc:link {	text-decoration: none;}
a.Toc:visited {	color: #000000;	text-decoration: none;}
a.Toc:active {color: #000000;	text-decoration: none;}
a.Toc:hover {color: #3366CC;	text-decoration: underline;}
/* Numbers on the front page */
/* numbers on the first page -normal */
.FrontNumber {
	font-family:  Arial, Helvetica, Verdana, sans-serif;	font-size: 24px;	color: #4EA441;	font-weight: bolder;	text-decoration: none;	text-align: right;	margin: -10px 10px 0px 0px;	padding: 0px;
}
a.FrontNumber:link {	color: #4EA441;	text-decoration: none;}
a.FrontNumber:hover {	color: #DADBDC;	text-decoration: none;}
a.FrontNumber:visited {	color: #4EA441;	text-decoration: none;	margin-top: 0px;}
/* numbers on the first page -white */
.fnw{
	text-align: right;
	margin: 2px 20px 2px 0px;
	background: #4EA441 url(/images/layout/corner.jpg) no-repeat right bottom;
	width: 80px;
	display: block;
	vertical-align: middle;
	padding-right: 10px;
	padding-bottom: 2px;


}
.FrontNumberWhite {	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;	color: #FFFFFF;	font-weight: bold;	text-decoration: none;	text-align: right;	margin: -10px 10px 0px 0px;
}
a.FrontNumberWhite:link {	color: FFFFFF;	text-decoration: none;}
a.FrontNumberWhite:hover {	color: #CCCCCC;	text-decoration: none;}
a.FrontNumberWhite:visited {	color: FFFFFF;	text-decoration: none;	}
.whitetext {
	color: #FFFFFF;
}
.headleft {
	margin: 0px;
	height: 110px;
	background: url(/images/layout/liikenneturva_logo.jpg);
}
.headright {
	background: #4EA441 url(/images/layout/headerback_cover.jpg) no-repeat;
	height: 110px;
	top: 0px;
	right: 0px;
	text-decoration: none;
	vertical-align: bottom;
	padding-bottom: 18px;
	padding-left: 100px;
	font-family: Arial, Helvetica, sans-serif;

	}
div#covercontent table div.nosto {
	bottom: 10px;
	height: 120px;
	margin: 0px;
	padding: 10px;
	text-align: left;

}
img#kansikuva {
	border-right: 1px solid #DADBDC;
}
a.pageNumber:visited {
font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;	font-weight: bold;	color: #FFFFFF;	margin-right: 4px;	margin-left: 4px;
}
a.pageNumber:hover {
font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;	font-weight: bold;	color: #4EA441;	margin-right: 4px;	margin-left: 4px;
}
div#headercont {
	background: #FFFFFF no-repeat;
	width: 760px;
	text-align: left;
	border-bottom: 1px solid #000066;
	height: 73px;

}
.headcontleft {
}
div#content table td p {
	margin: 10px;
}
div#content table td h3 {
	margin: 10px;
	color: #999999;

}
div#content table td h2 {

	margin: 10px;
	color: #999999;
}
div#content table td table.ind {
	margin: 10px;
}
.headrightContent {
	background: #4EA441 url(/images/layout/headerback_cover.jpg) no-repeat;
	top: 0px;
	right: 0px;
	font: normal 36px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 80px;

}
div#content table td h1 {


	margin: 10px;
	color: #669933;
}
.headleft p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #006699;
	margin-left: 70px;
	margin-bottom: 10px;

}
.etu {
	font-size: 56px;
	color: #669933;
	margin: 0px;
	font-weight: bolder;



}
.rengas {
	font-size: 50px;
	color: #FFFFFF;
	font-weight: bolder;


}
headright p {
	margin-left: 100px;
	margin-top: 0px;
	margin-bottom: -20px;
	background: #FF0000;



}
.fnwHead {
	margin: 4px 10px 4px 0px;
	background: #000066 url(/images/layout/corner_blue.jpg) no-repeat right bottom;
	padding: 4px;
	width: 80px;
}
.headrightTagline {
	top: 0px;
	right: 0px;
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;

}
.etuContent {

	font-size: 36px;
	color: #669933;
	margin: 0px;
	font-weight: bolder;
}
.rengasContent {

	font-size: 30px;
	color: #FFFFFF;
	font-weight: bolder;
}
.frontColumns {
	float: left;
	width: 189px;
	text-align: left;

}
Otsikko1 {



	margin: 10px;
	color: #669933;
}
.Otsikko2 {


	margin: 10px;
	color: #999999;
}
.Otsikko1 {
	margin: 10px;
	color: #669933;
	font-size: large;

}
.frontColumnsMargin {
	float: left;
	width: 170px;
	text-align: left;
	margin-left: 10px;
	display: block;
}