/* General formatting */

html {margin: 0; padding: 0; height: 100%;}

body {margin: 0; padding: 0; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; background: #f1f1f1 url(../Ximages/bgreuna.gif) repeat-x;}

p {margin: 0 0 15px 0;}

h1 {font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 2.3em; font-weight: normal; margin: 0 0 15px 0;color:#5f5f5f;border-bottom:1px solid #009196;}
h2 {font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 1.7em; font-weight: normal; margin: 0 0 10px 0;color:#000000;}
h3 {font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 1.3em; font-weight: normal; margin: 0 0 5px 0;color:#5f5f5f;}
h4 {font-size: 1em; font-weight: bold; margin: 0 0 5px 0;}

a {color: #035e33; text-decoration: none;}
a:hover {text-decoration: underline;}

img {border: 0px solid #bfbfbf; margin: 0 10px 10px 0;}

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

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

.ingress {font-size: 1.2em; line-height: 1.3em;}

.bulletlink, .bulletlinkrev {padding: 0 0 0 15px; margin: 0 0 5px 0; 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);}

.softhyphen {margin: 0 -3px 0 0;}

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


/* @-character in e-mail links */
.miumau {margin: 0 0 -2px 0;padding: 0 5px 0 1px;background: url(../images/miumau.gif) no-repeat 0 -7px;}
a:hover .miumau {background-position: 0 -49px;}

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

/* Page elements */
.logo {position: absolute; left: 4px; top: 0px; float: none; border: none; margin: 0;}
.headerimg {position: absolute; right: 0px; top: 0px; float: none; margin: 0px; padding: 0px;}

#container {position: relative; width: 1000px; margin: 10px auto 0px auto; text-align: left; background-color: #FFFFFF; }

#pageheader {background: url(/images/header.jpg) no-repeat; width: 100%; height: 102px; overflow: hidden;}
#search {position: absolute; right: 2px; top: 75px; width: 185px; height: 25px;}
#pagefooter {float: left; display: inline; margin: 30px 0 0px 0; padding-top:6px;clear: both; width: 100%; height:20px;
	font-size: 0.8em; background-color: transparent; color: black;border-top:2px solid #04a288;
	background: url(../images/footerbg.gif) no-repeat left bottom;
}
#pagefooter span {margin: 0px 0 0 6px;}
#pagefooter #contactlink {margin-left: 100px;}
#pagefooter .miumau {background-image: url(../images/miumau_small.gif); padding-left: 0; margin:0;}
#sitemenu {position: absolute; left: 0; top: 8px; width: 898px; list-style-type: none; margin: 0; padding: 0; font-size: 0.92em;}
#sitemenu li {float: left; display: inline; margin: 0; border-left: 1px solid #999999; overflow: hidden;}
#sitemenu .right {float: right;}
#sitemenu a {padding: 0 8px 0 8px; color: #999999;}
#sitemenu a:hover, #sitemenu a.active {color: #000000; text-decoration: none;}
#sitemenu .first {border: none;}
#sitemenu .first a {padding-left: 0;}
#lanmenu {position: absolute; right: -8px; top: 43px; width: 300px; list-style-type: none; margin: 0; padding: 0; font-size: 0.92em;}
#lanmenu li {float: right; display: inline; margin: 0; border-left: 1px solid #999999; overflow: hidden;}
#lanmenu a {padding: 0 8px 0 8px; color: #999999;}
#lanmenu a:hover, #lanmenu a.active {color: #000000; text-decoration: none;}
#lanmenu .first {border: none;}
#lanmenu .first a {padding-left: 0;}

/* Main menu */
#mainmenu {float: left; display: inline; width: 997px; height: 17px; list-style-type: none; margin: 0 0 18px 0; padding: 2px 0 0 3px; font-size: 1em; background: url(../images/mainmenubg.gif) no-repeat;}
* htlm #mainmenu {width: 890px; w\idth: 887px;}
#mainmenu li {float: left; display: inline; margin: 0 7px 0 0; text-align: center; height: 15px;}
#mainmenu a {display: block; padding: 0 0 0 2px; color: #ffffff; outline: none; text-decoration: none; height: 15px; cursor: pointer; white-space: nowrap;font-weight:bold;}
* html #mainmenu a {width: 10px;}
#mainmenu a:hover {text-decoration: none; color: #000000;}
#mainmenu a span {display: block; height: 15px; padding: 0 5px 0 3px;}
#mainmenu a:hover, #mainmenu li.active a {background: #ff9d47 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 #mainmenubtn7 {margin: 0px;}
#mainmenu #mainmenubtn7 A,#mainmenu #mainmenubtn7 img {width:auto;margin:1px;padding:0px;border:0px;float:left;}

#flags {position: absolute; left: 179px; top: 80px; width: 400px; height: 20px;}

#extranet {position: absolute; left: 810px; top: 235px; width: 180px; height: 20px;}
#extranet A {color:white;font-weight:bold;}

/* Search buttons in main menu */
#mainmenu #mainmenubtn9 {position: absolute; left: 710px;}
* html #mainmenu #mainmenubtn9 {margin-top: 0px;}
*:first-child+html #mainmenu #mainmenubtn9 {margin-top: 0px;}
#mainmenu #mainmenubtn10 {position: absolute; left: 788px;}
* html #mainmenu #mainmenubtn10 {margin-top: 2px;}
*:first-child+html #mainmenubtn10 {margin-top: 2px;}
#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: 0 0 30px 0; padding: 0; font-size: 1em; width: 200px;}
.submenu ul {margin: 0;}
.submenu li {float: left; display: inline; margin: 0 0 2px 0; clear: both; width: 100%;}
.submenu a {display: block; width: 100%; padding: 0; margin: 0; background: url(/xximages/linkbullet.gif) no-repeat 0 -18px; color: #6d6d6d; outline: none;}
.submenu a span {display: block; padding: 2px 0px 2px 14px;}
.submenu a.active, .submenu a:hover {color: #000000; text-decoration: none; background-color: #f4f4f4; background-position: 0 -89px;}
.submenu a.active span, .submenu a:hover span {background: url(/xximages/submenu_roundedbottom.gif) no-repeat left bottom;}
.submenu a.open {background-position: 0 -159px; color: #000000;}
.submenu a.open:hover {background-position: 0 -230px; color: #000000; background-color: #f4f4f4;}

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

/* 3nd level */
.submenu li ul li ul li {margin: 0; padding-left: 6px;}

/* 4nd level */
.submenu li ul li ul li ul li {margin: 0; padding-left: 6px;}


/* Columns */
.col1 {float: left; display: inline; width: 200px; margin: 0 30px 0 10px;}
.col2 {float: left; display: inline; width: 530px; margin: 0 30px 0 0;}
.col3 {float: left; display: inline; width: 200px; margin: 0 0px 0 0;}
.col4 {float: left; display: inline; width: 200px; margin: 0; position: relative;}
.col1-4 {float: left; display: inline; width: 1000px;}
.col1-3 {float: left; display: inline; width: 740px; margin: 0 30px 0 0;}
.col1-2 {float: left; display: inline; width: 540px; margin: 0 30px 0 0;}
.col2-4 {float: left; display: inline; width: 740px; margin: 0 0px 0 5px; min-height: 400px;}
* html .col2-4 {height: 400px;}

.col1-4, .col2-4 {min-height: 350px;}

/* Nested columns */
.col2-3 .col1 {}
.col2-3 .col2 {margin: 0;}

/* Search */
#searchform label {width: 42px; color: #5f5f5f; font-weight: normal; padding: 2px 0 0 0; text-align: left;}
#searchform input {width: 114px; background: url(/images/search_fieldbg.gif) no-repeat; border: 0; height: 18px; padding-left:5px; padding-right: 6px;}
* html #searchform input {width: 114px; w\idth: 110px;}
#searchform .submitbtn {width: 18px; height: 23px; padding: 0; margin: 0; background: url(/images/searchbutton.gif) no-repeat 0 -17px;}
#searchform .submitbtn:hover, * html #searchform .submitbtn.active {background-position: 0 -87px; text-decoration: none; color: #000000;}

/* Page navigation */
.pagenavi {height: 20px; display: block; list-style-type: none; margin: 0 0 15px 0; padding: 0; clear: both; font-weight: bold;}
.pagenavi li {float: left; display: inline; margin: 0 1px 0 0;}
.pagenavi a {display: block; width: 20px; height: 18px; padding: 2px 0 0 0; text-align: center; text-decoration: none; color: #5c5c5c;}
* html .pagenavi a {height: 20px; he\ight: 18px;}
.pagenavi a:hover, .pagenavi a.active {background: url(../images/pagenavi_selectedbg.gif) no-repeat 0 0; color: #000000; text-decoration: none; font-weight: bold;}
.pagenavi span {display: block; height: 18px; width: 20px; padding: 2px 10px 0 5px;}
	
/* Previous & next buttons */
.pagenavi .prev a {background: url(../images/pagenavi_left.gif) no-repeat center -20px;}
.pagenavi .prev a:hover {background-position: center -62px;}
.pagenavi .next a {background: url(../images/pagenavi_right.gif) no-repeat center -20px;}
.pagenavi .next a:hover {background-position: center -60px;}
.pagenavi .prev a.disabled, .pagenavi .prev a.disabled:hover, .pagenavi .next a.disabled, .pagenavi .next a.disabled:hover {background-position: center -100px;}

/* Magnify-link */
.magnifylink {float: left; clear: both; display: inline; margin: 0 0 0 0; padding: 0 0 3px 17px; background: url(../images/magnify.gif) no-repeat 0 -20px; font-size: 0.92em; outline: none; color: #333333;}
.magnifylink:hover {background-position: 0 -53px; text-decoration: none; color: #000000;}

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

/* Main teaser */

#mainteaser {float: left; display: inline; position: relative; width: 640px; min-height: 250px; height: auto;margin: 0 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:10px;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 {width: 195px;font-weight: normal;color:#ffffff;background: #04a288 url(/images/submenu_roundedtop.gif) no-repeat left top; text-align: left; margin:0px; padding: 2px 0px 2px 5px;}
.teaser p {margin: 10px 5px 10px 5px;}
.teaser .bulletlink {margin-left: 5px;}
.homepage .teasers {min-height:150px;height:auto;margin-top:2px}
.homepage .teaser .bulletlink {position: absolute; bottom: 0; margin: 0;}

/* News list */
.newslist {list-style-type: none; margin: 0 0 15px 0; padding: 0;}
.newslist li {margin: 0 0 8px 0;}
	
.bannerbox {
	padding:3px;
	border:1px solid #a1df40;
	border-left:5px solid #a1df40;
	border-right:5px solid #a1df40;	
	text-align: center;
}
/* ATLANTIS.forms */

.survey_container {
	width: 430px; margin: 20px auto 0px auto; font-family: verdana; font-size: 10px; color: black;
}

.survey {
	border: 1px solid silver;
}

.survey_header {
	background-color: #ffffff; height: auto;
}

.survey_header img {
	float: left; margin:4px;
}

.survey_header_title {
	font-size: 14px; font-weight: bold;	margin: 2px 100px 2px 10px;	float: left;
}

.survey_header_tools {
	width: 90px; position: absolute; right: -6px; top: 24px; text-align: center; 
	padding: 3px; background-color: transparent; border-left: 1px solid silver; border-bottom: 1px solid silver;
}

.survey_form {
  clear: both;
}

.survey_form_title {
	background-color: #f1f1f1; font-size: 11px; font-weight: bold; 
	padding: 2px; margin: 30px 0px 4px 0px; border-bottom: 1px solid silver; border-top: 1px solid silver;
}

.survey_form_field {
	margin: 10px 0px 2px 15px;
}

.survey_form_field input {
	float: left; width: 90%; margin: 0px 0px 2px 0px;
}

.survey_form_fieldname {
	display: block; width: 185px; float: left;
}

.survey_form_kysymys {
	font-weight: bold; margin: 8px 0px 0px 15px;
}

.survey_form_kentta {
	margin: 0px 0px 0px 14px;
}

.survey_form_kentta textarea {
	width: 90%;
}

.survey_buttons {
	text-align: center; padding: 5px; margin-top: 20px; background-color: #f1f1f1; border: 1px solid black;
}

.survey_buttons input {
	font-size: 10px;
}

input.text {
	width: 200px;
}

.none	       {
	margin-top: auto; margin-bottom: auto; background-color: transparent; border: 0px; display: inline; _vertical-align: middle;	
}

.invis {
	font-size: 11px; border: 1px solid #b2b2b2; padding: 0px; margin: auto 0px auto 0px; display: inline; _vertical-align: middle; width: 90%;
}


/* 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: 200px;}
		* html textarea {height: 186px;}
	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;}