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

body {font-size: 70%; margin: 0px auto; padding: 0px; font-family: arial, sans-serif;}
.page-container-1 {width: 900px; margin: 0px auto; padding: 0px;}

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

/*-----------------------------------*/
/* 2.1 - Header * img kansiossa kuvasta kieliversiot/
/*-----------------------------------*/

.img-header {
	clear: both;
	float: left;
	width: 900px;
	height: 136px;
	margin: 7px 0px 0px;
	padding: 0px;
	z-index: 3;
}

/*----------------------------*/
/* 2.2 - Navigation - Level 1 */
/*----------------------------*/
.nav1-container {width: 900px; top: 22px; position: absolute; z-index: 3; background: transparent;}
.nav1 {margin: 0px; padding: 0px; font-family: verdana, arial, sans serif; font-size: 1.0em;}
.nav1 ul {float: right; margin: 0px; padding: 0px 0px 0px 0px; border-left: solid 1px #B0B774; background-color: #E8E4DC; 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 #B0B774; color: #38551C; text-decoration: none; font-size: 10px;}
.nav1 a:hover, .nav2 a.selected {color: #9AB43E; text-decoration: none;}

/*----------------------------*/
/* 2.3 - Buffer */
/*----------------------------*/

.buffer {clear: both; width: 900px; height: 15px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);}

/*----------------------------*/
/* 2.4 - Navigation - Level 3 */
/*----------------------------*/
.nav3 {overflow: hidden; clear: both; float: left; width: 200px; min-height: 300px; margin: 2px 0px 0px; padding: 0px; color: rgb(75,75,75); font-size: 1.0em;}
.nav3 ul {width: 200px; margin: 0px 0px 10px 0px; padding: 0px; border-bottom: solid 1px #ccc; background-color: #fff;}
.nav3 li {list-style: none; margin: 0px; padding: 0px; border-bottom: solid 1px #ccc;}
.nav3 li.title {
	margin: 0px;
	padding: 4px 5px 3px 10px;
	background-color: #DFDFDF;
	color: rgb(255,255,255);
	text-transform: uppercase;
	font-weight: bold;
	font-size: 120%;
	background-image: url(../img/nav3_titlebag.gif);
}
.nav3 li.group a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 10px; border-top: solid 1px rgb(200,200,200); border-left: solid 7px rgb(244,244,244); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.nav3 li a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 20px; border-left: solid 7px rgb(244,244,244); color: rgb(75,75,75); text-decoration: none; font-size: 120%;}
.nav3 li a:hover, .nav3 li a.selected {border-left: solid 7px rgb(153,165,99);  color: rgb(130,130,130); text-decoration: none;}

/******************************************************************************/
/* SECTION 3 - SPECIFIC CLASSES FOR LAYOUT #1*/
/******************************************************************************/

.content1 {float: left; width: 650px; margin: 0px; padding: 0px 0px 10px 20px; color: rgb(75,75,75);}
.content1-container {clear: both; float: left; width: 678px; margin: 0px 0px 15px 0px; padding: 0px;}
.content1-container-1col {overflow: hidden; width: 650px; margin: 0px; padding: 0px; font-size: 120%;}
.content1-pagetitle {overflow: hidden; width: 678px; margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px; border-bottom: solid 2px rgb(204,204,204); color: rgb(88,88,88); font-weight: bold; font-size: 170%;}

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

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

/* Titles and textboxes*/
.content-title {margin: 0px; padding: 0px; color: #585858; font-weight: bold; font-size: 130%;}
.content-txtbox {margin: 0px; padding: 7px 0px 0px 0px; background-color: rgb(255,255,255);}

/* 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: 110%; }

/* 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: 0px; border: none; empty-cells: show; border-collapse: collapse; background-color: #FFF;}
table tr {margin: 0px; padding: 0px;}
table td {padding: 2px 7px 2px 0px; border: none; text-align: left; font-size: 120%;}

/* Images */
.img-left-noborder-notopmargin {float: left; margin: 0px 10px 0px 0px;}
.img-left-noborder-topmargin {float: left; margin: 3px 10px 0px 0px;}
.img-left-border-notopmargin {float: left; margin: 0px 10px 0px 0px; border: solid 1px rgb(150,150,150);}
.img-left-border-topmargin {float: left; margin: 3px 10px 0px 0px; border: solid 1px rgb(150,150,150);}
.img-right-noborder-notopmargin {float: right; margin: 0px 0px 0px 10px;}
.img-right-noborder-topmargin {float: right; margin: 3px 0px 0px 10px;}
.img-right-border-notopmargin {float: right; margin: 0px 0px 0px 10px; border: solid 1px rgb(150,150,150);}
.img-right-border-topmargin {float: right; margin: 3px 0px 0px 10px; border: solid 1px rgb(150,150,150);}

/*--------------------*/
/* 4.2 - Footer Area  */
/*--------------------*/
.footer {overflow: hidden; clear: both; width: 900px; height: 3.0em; margin: 0px; padding: 0.5em 0px 0.5em 0px; border-top: solid 1px rgb(204,204,204); background-color: rgb(255,255,255); color: rgb(144,144,144); font-size: 1.0em;}
.footer p {margin: 0px 0px 0px 220px; padding: 0px; text-align: left; line-height: 1.3em; font-size: 110%;}

/*-------------------*/
/* 4.3 - Hyperlinks  */
/*-------------------*/
.content1 a {color: rgb(110,133,57); text-decoration: underline;}
.content1 a:hover {color: rgb(178,203,80); text-decoration: underline;}
.content1 a:visited {color: rgb(110,133,57);}
.footer a {color: rgb(144,144,144); text-decoration: underline;}
.footer a:hover {color: rgb(178,203,80); text-decoration: underline;}

/*******************************/
/* 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;}