/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/

body {
	font-size: 70%;
	margin: 0px;
	padding: 0px;
	font-family: arial, sans-serif;

	background-color: #fff;
	background-attachment: fixed;
}

.page-container-1 {
	width: 900px;
	margin: 0px auto 0px;
	padding: 0px;
	background: #fff;
	background-image: url(images/tausta900.gif);
}

.ad-container-1 {
	width: 900px;
	margin: 30px auto 0px;
	padding: 0px;
}


/*************************************/
/* SECTION 2 - HEADER AND NAVIGATION */
/*************************************/


/*----------------------------*/
/* 2.2 - Buffer */
/*----------------------------*/

.buffer {
	clear: both;
	width: 900px;
	height: 10px;
	margin: 0px 0px 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

/*----------------------------*/
/* 2.2 - Ylä navigaatio */
/*----------------------------*/
.nav1-container {width: 900px; top: 114px; position: absolute; z-index: 3; background: transparent;}
.nav1 {margin: 0px; padding: 0px; font-family: verdana, arial, "sans serif"; font-size: 11px;}
.nav1 ul {float: right; margin: 0px; padding: 0px 0px 0px 0px; border-left: solid 1px #fff; font-weight: bold;}	
.nav1 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav1 li a {display: block; float: left; margin: 0px; padding: 2px 5px 2px 5px; border-right: solid 1px #fff; color: #fff; text-decoration: none; font-size: 11px;}
.nav1 a:hover {
	color: #990000;
	text-decoration: none;
	background-color: #FFFFFF;
}


/*----------------------------*/
/* 2.3 - Vasen navigaatio */
/*----------------------------*/
.mainlogo {
	margin: 0px 0px -3px;
	padding: 0px;
	width: 200px;
	height: 100px;
	background: transparent;
	z-index: 0;
}
.nav3 {overflow: hidden; clear: both; float: left; width: 200px; margin: 0px; padding: 0px; color: rgb(75,75,75); font-size: 1.0em; z-index: 1;}
.nav3 ul {width: 200px; margin: 0px; padding: 0px; background-color: #fff;}	
.nav3 li.title {margin: 0px; padding: 0px; margin: 0px; color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 120%; width: 200px; height: 170px; background: #CCCCCC;}
.nav3 li {list-style: none; margin: 0px; padding: 0px; background-color: #fff;}

.nav3 li.group a {

	display: block;
	min-height: 1.7em;
	height: auto !important;
	height: 1.7em;
	line-height: 1.7em;
	margin: 0px 0px 0px 10px;
	padding: 2px 7px 1px 3px;
	border-top: solid 0px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: 0px solid #F4F4F4;
	font-weight: bold;
	font-size: 120%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

.nav3 li.groupB a {
    display: block;
    min-height: 1.7em;
    height: auto !important;
    height: 1.7em;
    line-height: 1.7em;
    margin: 0px 0px 0px 10px; 
    padding: 2px 7px 1px 3px;
    border-top: solid 0px #ccc;
    border-bottom: solid 1px #ccc;
    border-left: 0px solid #F4F4F4;
    font-weight: bold;
    font-size: 120%;
    border-right-width: 1px; 
    border-right-style: solid;
    border-right-color: #CCCCCC;
    background-color: #990000;
    color: #FFFFFF;
}

.nav3 li a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px 0px 0px 10px; padding: 0px 7px 0px 15px; color: rgb(75,75,75); text-decoration: none; font-size: 120%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-bottom: solid 1px #ccc;}
	
.nav3 li a:hover, .nav3 li a.selected {
	color: #fff;
	background-color: #ccc;

}

.nav3 groupN {

	display: block;
	min-height: 1.7em;
	height: auto !important;
	height: 1.7em;
	line-height: 1.7em;
	margin: 0px 0px 0px 10px;
	padding: 2px 7px 1px 3px;
	border-top: solid 0px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: 0px solid #F4F4F4;
	font-weight: bold;
	font-size: 120%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

/******************************************************************************/
/* SECTION 3 - SPECIFIC CLASSES FOR CONTENT*/
/******************************************************************************/

.content {
	float: left;
	width: 684px;
	margin: 0px;
	padding: 0px 0px 5px 15px;
	color: rgb(75,75,75);
	background-color: #FFFFFF;
	min-height: 300px;
}

.content2 {
	float: left;
	width: 684px;
	margin: 0px;
	padding: 0px 0px 5px 15px;
	color: rgb(75,75,75);
	background-color: #FFFFFF;
	background-image: url(images/tausta_2col.gif);
    min-height: 300px;
}

.content-container {clear: both; float: left; width: 680px; margin: 0px 0px 5px; padding: 0px;}
.content-container-1col {overflow: hidden; width: 673px; margin: 0px; padding: 0px;}

.content-container-2col-left {overflow: hidden; float: left; width: 332px; margin: 0px; padding: 0px 0px 0px 0px;}
.content-container-2col-right {overflow: hidden; float: right; width: 327px;  margin: 0px; padding: 0px 0px 0px 0px;}

.content-container-3col-left {overflow: hidden; float: left; width: 217px; margin: 0px 10px 0px 0px; padding: 0px; border-right: 1px solid #CCCCCC; font-size: 110%;}
.content-container-3col-middle {overflow: hidden; float: left; width: 218px; margin: 0px 10px 0px 0px; padding: 0px; border-right: 1px solid #CCCCCC; font-size: 110%;}
.content-container-3col-right {overflow: hidden; float: right; width: 220px; margin: 0px; padding: 0px; font-size: 110%;}

.content-container-4col-left {overflow: hidden; float: left; width: 160px; margin: 0px 10px 0px 0px; padding: 0px; border-right: 1px solid #CCCCCC; font-size: 110%;}
.content-container-4col-middle {overflow: hidden; float: left; width: 162px; margin: 0px 10px 0px 0px; padding: 0px; border-right: 1px solid #CCCCCC; font-size: 110%;}
.content-container-4col-right {overflow: hidden; float: right; width: 160px; margin: 0px; padding: 0px; font-size: 110%;}

.content-pagetitle {
	overflow: hidden;
	width: 674px;
	margin: 0px 0px 10px;
	padding: 10px 0px 5px;
	border-bottom: solid 2px rgb(204,204,204);
	color: rgb(88,88,88);
	font-weight: bold;
	font-size: 170%;
	background-color: #FFFFFF;

}

.content-pagetitle-light {
	font-weight: normal;
	color: #990000;
}



/*********************************/
/* SECTION 4 - COMMON PARAMETERS */
/*********************************/

/*--------------------*/
/* 4.1 - Content Area */
/*--------------------*/

/* Titles and textboxes*/
.content-title {margin: 0px; color: #585858; font-weight: bold; font-size: 130%;}
.content-title-pieni {margin: 0px; padding: 0px; color: #585858; font-weight: bold; font-size: 110%;}
.content-title-shade {
	margin: 0px 0px 8px;
	padding: 2px 7px;
	color: #fff;
	font-weight: bold;
	font-size: 130%;
	background-color: #D7D7D7;
	border: 1px solid #BBBBBB;
	text-transform: uppercase;
}

.content-txtbox {margin: 0px; padding: 7px 0px 0px 0px; background-color: rgb(255,255,255);}
.content-txtbox-shade {
	margin: 0px;
	padding: 7px 10px 5px 10px;
	background-color: #F4F4F4;
	border: 2px solid #CCCCCC;
}

/* Paragraphs */
p {margin: 0px 0px 0.5em 0px; padding: 0px; line-height: 1.3em; font-family: arial, sans serif; font-size: 120%; }
p.readmore {margin: 1.0em 0px 0.5em 0px; padding: 0px; line-height: 1.2em; font-size: 100%; }

/* Lists */
ul.noindent {margin: 0px 0px 7px 15px; padding: 0px; list-style-type: disc; list-style-position: outside; font-size: 110%;}
ul.indent {margin: 0px 0px 7px 15px; padding: 0px 0px 0px 15px; list-style-type: disc; font-family: arial; font-size: 110%;}
ol {margin: 0px 0px 0px 9px; padding: 0px 0px 0px 25px; list-style-type: decimal; list-style-position: outside; font-size: 110%;}
ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.2em; font-size: 110%; }
ul.linklist-indent {margin: -0.3em 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; line-height: 1.2em; font-size: 110%; }

/* Tables */
.table {
	clear: left;
	margin: 0.2em 0px;
	border: solid 0px #ffffff;
	empty-cells: show;
	border-collapse: collapse;
	background-color: #ffffff;
	vertical-align: top;
}
.table tr {margin: 0px; padding: 0px;}
.table td {padding: 2px 7px 4px 0px; border: solid 3px #ffffff; text-align: left; font-size: 70%;}
.table th {margin: 0px; padding: 2px 7px 2px 0px; border: solid 3px #ffffff; empty-cells: show; text-align: left; font-size: 70%; 	}
.table-caption {margin: 0.5em 0px 1.0em 30px; padding: 0px; clear: both; text-align: left; font-size: 100%;}

/* Images */
.img-left-noborder {float: left; margin: 0px 10px 5px 0px;}
.img-left-border {float: left; margin: 0px 10px 5px 0px; border: solid 2px #CCCCCC;}
.img-right-noborder{float: right; margin: 0px 0px 5px 10px;}
.img-right-border{float: right; margin: 0px 0px 5px 10px; border: solid 2px #CCCCCC;}

/*--------------------*/
/* 4.2 - Footer Area  */
/*--------------------*/
.footer {overflow: hidden; clear: both; width: 880px; height: auto; margin: 0px 10px; padding: 0.5em 0px; border-top: 1px solid #CCCCCC; background-color: #FFFFFF; color: #585858; font-size: 1em;}
.footer p {margin: 0px 0px 0px 203px; padding: 0px; text-align: left; line-height: 1.3em; font-size: 110%;}

/*-------------------*/
/* 4.3 - Hyperlinks  */
/*-------------------*/


.content a {color: #990000; text-decoration: underline;}

.content a:visited {color: #990000; text-decoration: underline;} 
.content a:active {color: #990000; text-decoration: underline;} 
.content a:hover {color: #ffffff; text-decoration: none; background-color: #990000;}

.content2 a {color: #990000; text-decoration: underline;}

.content2 a:visited {color: #990000; text-decoration: underline;} 
.content2 a:active {color: #990000; text-decoration: underline;} 
.content2 a:hover {color: #ffffff; text-decoration: none; background-color: #990000;}

.footer a {color: #ccc; text-decoration: underline;}
.footer a:visited {color: #ccc; text-decoration: underline;}
.footer a:active {color: #ccc; text-decoration: underline;}
.footer a:hover {
	color: #990000;
	text-decoration: underline;
	background-color: #ccc;
}

/*******************************/
/* SECTION 5 - GENERIC CLASSES */
/*******************************/

/*-----------------------------*/
/* 5.1 - Horizontal alignments */
/*-----------------------------*/
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}

/*---------------------------*/
/* 5.2  Bottom border colors */
/*---------------------------*/
.line-box {border-bottom: solid 1px rgb(200,200,200); padding-bottom: 15px; margin: 0px 0px 15px 0px;}

/*****************************/
/* SECTION 6 - MISCELLANEOUS */
/*****************************/
.showcode {font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);}
.clear {clear: both;}
.hide {display: none;}
br {clear: none;}

/*****************************/
/* SECTION 7 - FORM OBJECTS */
/*****************************/

INPUT {background:#FFFFFF;
		color:#000000;
		font-size:9pt;
		font-family: Arial, Helvetica, Verdana;
		border-color:#cccccc;
		border-style:solid;
		border-width:1px;}

INPUT.sub {background:#FFFFFF;
		color:#C51015;
		font-size:9pt;
		font-family: Arial, Helvetica, Verdana;
		border-color:#C51015;
		border-style:solid;
		border-width:1px;}

TEXTAREA {
		background:#FFFFFF;
		color:#000000;
		font-size:8pt;
		font-family: Arial, Helvetica, Verdana;
		border-color:#cccccc;
		border-style:solid;
		border-width:1px;}

SELECT.select {
		background:#ffffff;

		font-size:8pt;
		font-family: Arial, Helvetica, Verdana;
		border-color:#CCCCCC;
		}

INPUT.check{
		background:#ffffff;
		color:#000000;
		font-family: Arial, Helvetica, Verdana;
		border-width:0;
		}

.check{
		background:#ffffff;
		color:#000000;
		font-size:8pt;
		font-family: Arial, Helvetica, Verdana;
		border-width:0;
		}
form {
	margin: 0px;
}