body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	background: #FFFFFF url('../cfx/') top center repeat-x; /*CAC7C0*/

	font-weight: normal;
	text-decoration: none;
	font-family: Verdana, Arial;
}

/* WRAPPER */
#wrapper {
	position: relative;
	clear: both;

	width: 692px; //43.1em
	height: 1%;
	
	margin: 20px auto;
	padding: 0px 0px 0px 0px;
}

/* LOGO */
#logo {
	position: relative;
	overflow: hidden;
	float: left;
	
	width: 100%;
	height: 1%; 
		
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	background: #FFFFFF url('../header/') top left repeat-x;
	
	text-align: center;
}
#nav {
	position: relative;
	float: left;
	z-index: 100;
	
	width: 100%;
	height: 1%; 
		
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	background: transparent url('../navigation/') top left repeat-x;

	list-style: none;

	display: inline;
}
#nav a {
	display: block;
}
#nav a.navLink,#nav a.navLink:active,#nav a.navLink:visited {
	position: relative;
	float: left;

	height: 1%;

	margin: 0px 0px 0px 0px;
	padding: 6px 20px 7px 20px;

	background: #000000 url('../navigation/bg_nav_1.jpg') top center repeat-x;

	font-size: 0.6em;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	color: #F8F8F8;
}
#nav a.navLink:hover {
	background: #000000 url('../navigation/bg_nav_2.jpg') top center repeat-x;

	color: #FFFFFF;
	text-decoration: none;
}
#nav a.navActiveLink {
	position: relative;
	float: left;

	height: 1%;

	margin: 0px 0px 0px 0px;
	padding: 6px 20px 7px 20px;

	background: #000094 url('../navigation/bg_nav_3.jpg') top center repeat-x;

	font-size: 0.6em;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	color: #F8F8F8;
}
#nav a.navActiveLink:hover {
	background: #0D0EA7 url('../navigation/bg_nav_4.jpg') top center repeat-x;

	color: #FFFFFF;
	text-decoration: none;
}
#nav li {
	position: relative;
	float: left;
	z-index: 101;

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	background: transparent url("../") top right repeat-x;

	color: #000000;	

	display: block;
}
#nav li ul {
	position: absolute;
	z-index: 101; 

	left: 0px;

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	background: transparent url("../") top rigth  repeat-x;

	font-weight: normal;
	font-size: 1em;
	color: #000000;

	display: none;
}
#nav li ul li {
	position: relative;
	float: left;
	z-index: 101;

	left: 0px;	

	background: transparent url('../') top left repeat-x;

	color: #000000;

	display: block;
}
#nav li ul li a.navSubLink,#nav li ul li a.navSubLink:active,#nav li ul li a.navSubLink:visited {
	position: relative;
	float: left;

	width: 90px; //6.18em
	height: 1%;

	margin: 0px 0px 0px 0px;
	padding: 6px 20px 7px 20px;

	background: #000000 url('') top center repeat-x;

	font-size: 0.6em;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	color: #F8F8F8;
}
#nav li ul li a.navSubLink:hover {
	background: #303030 url('') top center repeat-x;
	color: #ffffff;
}
#nav li ul li a.navActiveSubLink,#nav li ul li a.navActiveSubLink:active,#nav li ul li a.navActiveSubLink:visited {
	position: relative;
	float: left;

	width: 90px; //6.18em
	height: 1%;

	margin: 0px 0px 0px 0px;
	padding: 6px 20px 7px 20px;

	background: #000094 url('') top center repeat-x;

	font-size: 0.6em;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	color: #f8f8f8;
}
#nav li ul li a.navActiveSubLink:hover {
	background: #0D0EA7 url('') top center repeat-x;
	color: #ffffff;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */


/* COLUMN STYLES */

#maincontent {
	position: relative;
	overflow: hidden;
	float: left; 
	clear: both;
	z-index: 99;

	width: 100%;
	height: 1%;

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	background: transparent url('../') top left repeat-x;	
}
.col_left_100 {
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 99;	

	width: 100%;
	height: 1%;

	margin: 0px 0px 0px 0px;
}
.col_left_50 {
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 99;	

	width: 50%;
	height: 1%;

	margin: 0px 0px 0px 0px;
}
.col_right_50 {
	position: relative;
	overflow: hidden;
	float: right;
	z-index: 99;

	width: 49.2%;
	height: 1%;

	margin: 0px 0px; 0px 0px;
}
.col_left_70 {
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 99;	

	width: 70%;
	height: 1%;

	margin: 0px 0px 0px 0px;
}
.col_right_30 {
	position: relative;
	overflow: hidden;
	float: right;
	z-index: 99;

	width: 29.2%;
	height: 1%;

	margin: 0px 0px; 0px 0px;
}

.box {
	position: relative;
	overflow: hidden;

	height: 1%;

	margin: 5px 1px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	background: #F3F3F3 url('../cfx/bg_box.jpg') top right repeat-x;

	border-top: 1px solid #E6E6E6; 
	border-bottom: 1px solid #D0D0D0; 
	border-left: 1px solid #E6E6E6; 
	border-right: 1px solid #D0D0D0; 

	font-size: 0.6em;
	color: #020202;
}

p.newstext {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	text-indent: 0px;
}
p.img {
	position: relative;
	overflow: hidden;
	float: left;

	width: 300px;

	margin: 0px 10px 10px 0px;
	padding: 0px 0px 0px 0px;

	text-align: center;

}
.box a,.box a:visited,.box a:active,.box a:hover {
	text-decoration: none;
	color: #0F0FAA;
}
.box a:hover {
	text-decoration: underline;
}

/* GENERAL */

.content {
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;	
}
.contentheader {
	position: relative;	

	margin: 10px 10px 0px 0px;
	padding: 0px 0px 0px 0px;

	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial;
	text-align: left;	
}
.contentimg {
	margin: 0px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
}

/* LOGO AREA */

#logo {
	position: relative;
	overflow: hidden;

	width: 100%;

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

gimg, gimg a,gimg a:visited,gimg a:active,gimg a:hover {

	border: none;
	text-decoration: none;
}

img.headimg {
	width: 100%;

	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

/*TRANSIT*/
.hinnastoTable {
	width: 99%;

	margin: 10px 0px 0px 0px;
}
.hinnastoTd {
	padding: 5px 5px 5px 5px;
	border: 1px solid #000000;
}


/* HEADINGS */
h3 {
	margin: 10px 0px 5px 0px;

	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial;
	text-align: left;
}
h4 {
	font-size: 1.1em;
}


/* FOOTER STYLES */

#footer {
	position: relative;
	overflow: hidden;
	float: left;
	clear: both;
	
	width: 100%;
	height: 1%; 

	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;

	background: transparent url('../footer/') top left repeat-x;
	
	text-align: center;
}
#footer p { 
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0xp;

	font-size: 0.6em;
	text-decoration: none;
	color: #000000;
}
#footer a,#footer a:visited,#footer a:active, #footer a:hover { 
	text-decoration: none;
	color: #0F0FAA;
}
#footer a:hover { 
	text-decoration: underline;
}
.imgpreload_1 {
	position: relative;
	overflow: hidden;
	float: left;

	width: 1px;
	height: 1px;

	visibility: hidden;

	background: transparent url('../navigation/bg_nav_2.jpg') top left repeat-x;
}
.imgpreload_2 {
	position: relative;
	overflow: hidden;
	float: left;

	width: 1px;
	height: 1px;

	visibility: hidden;

	background: transparent url('../navigation/bg_nav_4.jpg') top left repeat-x;
}





.column_left_50 {
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 99;	

	width: 49%;
	height: 1%;

	margin: 0px 0px 0px 0px;
}
.column_right_50 {
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 99;

	width: 49%;
	height: 1%;

	margin: 0px 1%; 0px 0px;
}



.column_left_70 {
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 99;	

	width: 69%;
	height: 1%;

	margin: 0px 0px 0px 0px;
}
.column_right_30 {
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 99;

	width: 29%;
	height: 1%;

	margin: 0px 1%; 0px 0px;
}

.column_left_100 {
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 99;	

	width: 99.1%;
	height: 1%;

	margin: 0px 0px 0px 0px;
}

.box_gray {
	position: relative;
	overflow: hidden;
	z-index: 99;

	height: 1%;

	margin: 5px 1px 0px 0px;
	padding: 0px 10px 10px 10px;
	
	background: #F3F3F3 url('../cfx/bg_box.jpg') top right repeat-x;

	border-top: 1px solid #E6E6E6; 
	border-bottom: 1px solid #D0D0D0; 
	border-left: 1px solid #E6E6E6; 
	border-right: 1px solid #D0D0D0; 

	font-size: 0.6em;
	color: #020202;
}
.box_dark {
	position: relative;
	overflow: hidden;
	z-index: 99;

	height: 1%;

	margin: 5px 1px 0px 0px;
	padding: 0px 10px 10px 10px;
	
	background: #dddddd url('../cfx/bg_box_dark.jpg') top right repeat-x;

	border-top: 1px solid #d0d0d0; 
	border-bottom: 1px solid #c0c0c0; 
	border-left: 1px solid #d0d0d0; 
	border-right: 1px solid #c0c0c0; 

	font-size: 0.6em;
	color: #020202;
}
img, img a,img a:visited,img a:active,img a:hover {
	position: relative;
	float: left;

	margin: 10px 10px 0px 0px;
	padding: 0px 0px 0px 0px;

	border: 0px;

}
p {
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 0px 0px;

	text-indent: 0px;
}
a,a:visited,a:active {
	font-weight: bold;
	text-decoration: none;
	color: #0F0FAA;
}
a:hover {
	text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 10px 10px 0px 0px;
}
a.textlink,a.textlink:visited,a.textlink:active,a.textlink:hover {
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}
a.textlink:hover {
	text-decoration: none;
}

