/* General formatting */

html {}

body {margin: 0; padding: 0; background: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black; line-height: 1.2;}

html, body {height: 100%; width: 100%;}

p {margin: 0 0 15px 0;}

h1 {font-family: verdana; font-size: 25px; font-weight: normal; margin: 0px 0 15px 0; color: #7a7b7d;}
h2 {
	font-family: verdana;
	font-size: 20px;
	font-weight: normal;
	margin: 0px 0 10px 0;
	Xcolor: #F9A200;
	color: #7a7b7d;
}
h3 {font-family: verdana; font-size: 16px; font-weight: normal; margin: 0 0 5px 0; color: #7a7b7d;}
h4 {font-family: verdana; font-size: 14px; font-weight: normal; margin: 0 0 5px 0; color: #F9A200;}

h5 {font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0 2px 0;
	color: black;
}

td, font {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black; line-height: 1.2;}
a {color: #333333; text-decoration: underline;}
a:hover {text-decoration: underline;}

img {display: inline; margin: 0 15px 15px 0;}

#flags {
	margin-left:-14px;
	border:1px solid #F9A200;
	height:18px;
}
#flags img {
	margin:0px;float:left;vertical-align:middle;border:0px;
	cursor:pointer;
}

hr {float: left; display: inline; clear: both; width: 100%; background: #cccccc; margin: 0 0 0px 0; border: #ffffff; height: 1px;}

ul {margin: 0 0 15px 0; padding: 0 0 0 20px;}

.bulletlink, .bulletlinkrev {padding: 0px 0px 0px 15px; margin: 5px 0px 5px 0px; background: url(../images/linkbullet.gif) no-repeat 0 -18px; font-weight: bold; clear: both; color: #333333;}
.bulletlink:hover, .bulletlinkrev:hover {background-position: 0 -88px; text-decoration: none; color: #000000;}
.bulletlinkrev {background-image: url(../images/linkbulletrev.gif);}

/* Separator header */
.separator {border-bottom: 1px solid #e9e9e9; margin: 10px 0 10px 0;}


/* Active and inactive content */
.inactivecontent {display: block;}
.active .inactivecontent {display: none;}
.activecontent {display: none;}
.active .activecontent {display: block;}

/* Page elements */
#container {
	background: #ffffff;
	position: relative; width: 805px; margin: 0 auto 0 auto; text-align: left;
	border: 1px solid black;
	margin-bottom: 40px; margin-top: 40px;
}

#disclaimer {
	position: relative; width: 805px; margin: 0 auto 0 auto; text-align: left;
	border:0px;
	margin-top:-35px;
}

#pageheader {
	width: 100%;
	height: 100px;
	overflow: hidden;
	background-color: #ffffff;
	border-bottom: 2px solid #86bc3d;
	background: url(/images/encrop_header.jpg) no-repeat;
}

#logo {position: absolute; left: 15px; top: 30px; float: none; border: none; margin: 0;}
#logoanimaatio {position: absolute; right: 25px; top: 15px; float: none; border: none; margin: 0;}
#backbutton {position: absolute; left: 25px; bottom: 20px; float: none; border: none; margin: auto;}

/* Page footer */
#pagefooter {
	height: 5px; 
	width: 100%; 
	background-color: #86bc3d;
	border-bottom:0px solid black;
}

/* Site menu */
#sitemenu {position: absolute; left: 230px; top: 25px; width: 620px; list-style-type: none; margin: 0; padding: 0; font-size: 10px;}
#sitemenu li {float: left; display: inline; margin: 0; padding-top: 7px; margin-left: 3px; xborder-left: 3px solid #ffffff; overflow: hidden; background: url('/images/button_black.gif') no-repeat; font-color: #ffffff; height: 25px; width: 90px; text-align: center;}
#sitemenu li.active {background: url('/images/button_red.gif') no-repeat; color: #000000;}
#sitemenu .right {float: right;}
#sitemenu a {color: #ffffff; font-family: verdana; font-weight: bold; font-size: 10px; text-decoration: none;}
#sitemenu a:hover, #sitemenu a.active {color: #aaaaaa; text-decoration: none;}
#sitemenu .first {border: none;}
#sitemenu .first a {padding-left: 0;}

/* Main menu */
#mainmenu {float: left; display: inline; width: 802px; height: 17px; list-style-type: none; margin: 0 0 18px 0; padding: 2px 0 0 3px; font-size: 1em; background: #86bc3d url(../images/mainmenubg.gif);}
	* htlm #mainmenu {width: 890px; w\idth: 887px;}
#mainmenu li {float: left; display: inline; margin: 0 10px 0 0; text-align: center; height: 15px;}
#mainmenu a {text-transform: uppercase; display: block; padding: 0 0 0 2px; color: #ffffff; outline: none; text-decoration: none; height: 15px; cursor: pointer; white-space: nowrap;}
	* html #mainmenu a {width: 10px;}
#mainmenu a:hover {text-decoration: none; color: #000000;}
#mainmenu a span {display: block; height: 15px; padding: 1px 5px 0 3px;}
#mainmenu a:hover, #mainmenu li.active a {text-transform: uppercase; background: #ffc000 url(../images/mainmenu_activeleft.gif) no-repeat left top; color: #000000;}
#mainmenu a:hover span,#mainmenu li.active a span {background: url(../images/mainmenu_activeright.gif) no-repeat right top;}

	/* Last main menu button */
	#mainmenu #mainmenubtn8 {position: absolute; right: 214px;}
	
	/* Search buttons in main menu */
	#mainmenu #mainmenubtn9 {position: absolute; left: 711px;}
#mainmenu #mainmenubtn10  {position: absolute; left: 788px;}
	#mainmenu #mainmenubtn9 a:hover, #mainmenu #mainmenubtn9.active a, #mainmenu #mainmenubtn10 a:hover, #mainmenu #mainmenubtn10.active a {background: #f8f8f8 url(../images/mainmenu_activeleft_gray.gif) no-repeat left top;}
	#mainmenu #mainmenubtn9 a:hover span, #mainmenu #mainmenubtn9.active a span, #mainmenu #mainmenubtn10 a:hover span, #mainmenu #mainmenubtn10.active a span {background: url(../images/mainmenu_activeright_gray.gif) no-repeat right top;}
	


/* Sub menu */
.submenu {float: left; display: inline; list-style-type: none; 
	margin: 0px 0px 0px 0px; 
	padding: 10px 0px 50px 2px; 
	font-size: 1em; width: 185px; height: auto; 
	background-color: #ffffff;}
	
.submenu ul {margin: 0;}
.submenu li {float: left; display: inline; margin: 0px 0px 10px 0px; clear: both; width: 100%;}
.submenu a {text-decoration: none; display: block; width: 100%; padding: 0; margin: 0; background: url(../images/submenubullet.gif) no-repeat 0 -18px; color: #000000; outline: none;}
.submenu a span {text-decoration: none; display: block; padding: 0px 0px 1px 14px;}
.submenu a.active, .submenu a:hover {text-decoration: none; color: #666666; text-decoration: none; background-color: #f4f4f4;}
.submenu a.active span, .submenu a:hover span text-decoration: none; {background: url(../images/submenu_roundedbottom.gif) no-repeat left bottom;}
.submenu a.open {text-decoration: none; color: #666666;}
.submenu a.open:hover {text-decoration: none; color: #666666; background-color: #f4f4f4;}

	/* 2nd level */
	.submenu li ul {padding: 0;}
	.submenu li ul li {margin: 3px 0px 0px 8px;}
	.submenu li ul a {text-decoration: none; background-image: none; color: #000000;}
	.submenu li ul a.active, .submenu li ul a:hover {text-decoration: none; background: #f4f4f4 url(../images/submenu_roundedtop.gif) no-repeat left top;}

	/* 3th level */
	.submenu li ul li ul {padding: 0;}
	.submenu li ul li ul li {margin-left: 6px;}
	.submenu li ul li ul a {text-decoration: none; background-image: none; color: #000000;}
	.submenu li ul li ul a.active, .submenu li ul a:hover {text-decoration: none; background: #f4f4f4 url(../images/submenu_roundedtop.gif) no-repeat left top;}

	/* 4th level */
	.submenu li ul li ul li ul {padding: 0;}
	.submenu li ul li ul li ul li {margin-left: 6px;}
	.submenu li ul li ul li ul a {background-image: none; color: #000000;}
	.submenu li ul li ul li ul a.active, .submenu li ul a:hover {background: #f4f4f4 url(../images/submenu_roundedtop.gif) no-repeat left top;}

/* Columns */

.col1-4 {float: left; display: block; width: 805px; min-height: 500px; height: auto !important; xheight: 500px; overflow: auto;}
.col1   {float: left; display: inline; width: 200px; padding: 0px 10px 0px 10px;}
.col2-4 {float: left; display: inline; width: 555px;  min-height: 500px; line-height: 1.3; margin-left: 20px; padding-right: 5px; padding-bottom: 10px;position:relative;}

.col1, .col2-4, .col1-4	{ background-color: white; margin-top: 10px;}
.col1-4 {background-color: #ffffff; margin-top: 0px;}


#tiedotteet {padding-top: 3px; background-color: #000000; color: #ffffff; height: 18px; width: 130px; text-align: center; font-size: 12px; font-weight: bold;}
.tiedote {width: 450px; height: auto; padding-top: 0px; background-color: #ffffff; margin: 5px 0px 0px 50px; overflow: auto;}
.tiedotebox {border: 0px solid silver; padding: 10px;}
.tiedote h1 {
	font-family: verdana;
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0 10px 0;
	color: #F9A200;
}
/* taustavärit */	
.homepage {
	background: #fffdf1 url(/images/bg_liuku.jpg) repeat-x;
}

/* Home page */	
	
.homepage .col4 {float: right;}

/* Main teaser */

#mainteaser {float: left; display: inline; position: relative; width: 440px; min-height: 250px; height: auto; margin: 15px 30px 5px 10px;}

/* Rounded corners for main teaser */
#mainteaser .topleft {position: absolute; left: 0; top: 0; width: 5px; height: 5px; background: url(../images/roundcorner_topleft.png); overflow: hidden; z-index: 100;}
	* html #mainteaser .topleft {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/roundcorner_topleft.png',sizingMethod='scale');}
#mainteaser .topright {position: absolute; right: 0; top: 0; width: 5px; height: 5px; background: url(../images/roundcorner_topright.png); overflow: hidden; z-index: 100;}
	* html #mainteaser .topright {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/roundcorner_topright.png',sizingMethod='scale');}
#mainteaser .bottomright {position: absolute; right: 0; bottom: 0; width: 5px; height: 5px; background: url(../images/roundcorner_bottomright.png); overflow: hidden; z-index: 100;}
	* html #mainteaser .bottomright {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/roundcorner_bottomright.png',sizingMethod='scale');}
#mainteaser .bottomleft {position: absolute; left: 0; bottom: 0; width: 5px; height: 5px; background: url(../images/roundcorner_bottomleft.png); overflow: hidden; z-index: 100;}
	* html #mainteaser .bottomleft {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/roundcorner_bottomleft.png',sizingMethod='scale');}

	
/* Teasers */
#flashteaser {position: absolute; left: 0; top: 143px; width: 660px; height: 200px;}
.teasers {position: relative; float: left; display: inline; width: 660px;padding:0px; margin:0px; margin-left:2px;overflow: hidden;}
.teaser,FPteaser {float: left; display: inline; margin:0 10px 0 0px;padding:0px;width: 200px;}
.teaser img {float: left; display: inline; margin: 2px 8px 0 0; border: 0;}
.teaser h1,.teaser h3 {min-height: 16px; width: 195px;font-weight: bold;color:#222222 ;background: #ffc000 url(/images/submenu_roundedtop.gif) no-repeat left top; text-align: left; margin:0px; padding: 2px 0px 2px 5px;text-transform:uppercase;margin-bottom:5px;font-size:12px;}
.teaser p {margin: 10px 5px 10px 5px;}
.teaser .bulletlink {margin-left: 5px;}
.homepage .teasers {min-height:8px;height:auto;margin-top:2px}
.homepage .teaser .bulletlink {position1: absolute; bottom: 0; margin: 0;}




/* Lomake */
form          {margin: 0 0 15px 0; padding: 0; display: inline;}
form blockquote {margin: 0 0 0 143px;}
form br {clear: left;}

	/* Form labels */
	label {float: left; display: inline; text-align: right; width: 133px; padding: 4px 10px 0 0; overflow:hidden; font-weight: bold;}
		* html label {width: 143px; w\idth: 133px;}
	.rightsidelabel {text-align: .; }
* html .rightsidelabel  {width: 250px; w\idth: 244px;}

	/* Form fields */
	input, textarea {float: left; display: inline; margin-bottom: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 273px; height: 12px; padding: 2px 2px 3px 2px; border: 1px solid #b2b2b2;}
		* html input, * html textarea {width: 279px; height: 21px; w\idth: 273px; he\ight: 13px;}
	textarea {height: 40px;}
		* html textarea {height: 46px;}
	select {float: left; display: inline; margin-bottom: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 353px; height: auto; padding: 0 0 0 2px; border: 1px solid #b2b2b2;}	
		html>body select {margin-top: 2px;}
	.checkbox, .radiobutton {width: auto; border: 0; padding: 0; margin: 0px 0 0 10px;}
		* html .checkbox, * html .radiobutton {height: 20px; margin: 0;}

	.filefield {height: 20px;}
	
	.hidden {display: none;}

	.submitbtn {font-size: 1em; width: auto; height: 20px; cursor: pointer;}
	.submitbtn:hover, * html .submitbtn.active {background-position: 0 -87px; text-decoration: none; color: #000000;}
		* html .submitbtn.active {background-position: 0 -88px;}


.fpTitle {background: #86bc3d; color: white; padding: 2px 0px 2px 4px;}
.fpBoksi {width: 100%; height: auto; min-height: 10px; padding: 2px; border: 1px solid #ffc000;margin-bottom:20px;}
.fpBoksi div {border-left: 10px solid #ffc000; padding-left: 10px; margin: 0px; margin-bottom: -15px;}


/* END */