html, body {
        height:auto !important; /* FF and compliant browsers should automatically size the body/html */
        height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
        min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}


body {
margin: 0px;
padding: 0px;
overflow: auto;
}

body {
/* background-image: url(../images/bg_full.gif); */
background-image: url(../images/bg8.gif); background-repeat: repeat;
color: #000000;
margin: 0px;
padding: 0px;
}

#container {
position: absolute;
top: 0px;
left: 0px;
background-image: url(../images/bg_full.gif); 
background-repeat: repeat-y; 
width: 900px; 
min-height: 100%;
_height: 100%;
padding-bottom: 30px;
}

#container_index {
position: absolute;
top: 0px;
left: 0px;
background-image: url(../images/bg_index.gif); 
background-repeat: repeat-y; 
width: 900px; 
min-height: 100%;
_height: 100%;
padding-bottom: 30px;
}

/* html>body #container {height:auto} */ /*for mozilla */

h1 {
font-family: verdana, arial;
color: #00357a;
font-size:14px;
font-weight: bold;
font-style: normal;
line-height: 18px;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: -5px;
/* text-transform: uppercase; */
}

h2 {
font-family: verdana, arial;
color: #00357a;
font-size: 12px;
font-weight: bold;
font-style: normal;
line-height: 16px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: -5px;
/* text-transform: uppercase; */
}

.bg_main {
padding: 0px;
}

.bg {
background-color: #231F20;
padding: 0px;
}

.bg_top_1 {
background-image: url(../images/bg_top_1.gif);
background-repeat: no-repeat;
padding: 0px;
}

.bg_top {
background-image: url(../images/bg_top.jpg);
background-repeat: no-repeat;
padding: 0px;
}

.bg_text {
background-image: url(../images/bg_text.gif);
background-repeat: repeat-y;
padding: 0px;
}

.bg_text2 {
background-image: url(../images/bg_text.gif);
background-repeat: repeat-y;
padding: 20px 0px 20px 0px; /* top right bottom left */
}

.bg_application {
background-image: url(../images/bg_applications.gif);
background-repeat: no-repeat;
padding-top: 21px;
padding-left: 20px;
}

.bg_text_top {
background-image: url(../images/bg_text_top.gif);
background-repeat: no-repeat;
padding: 0px;
}

.bg_text_bottom {
background-image: url(../images/bg_text_bottom.gif);
background-repeat: no-repeat;
padding: 0px;
}

.topic {
font-family: verdana, arial;
color: #003277;
font-size:12px;
font-weight:bold;
font-style: normal;
padding-left: 20px;
padding-right: 40px;
}

.topic_2 {
font-family: verdana, arial;
color: #003277;
font-size:12px;
font-weight:bold;
font-style: normal;
padding-left: 0px;
padding-right: 40px;
}

.top {
font-family: verdana, arial;
color: #000000;
font-size:9px;
font-weight:normal;
font-style: normal;
line-height: 14px;
padding-right: 20px;
}

.text, ul, .liitetaulu {
font-family: verdana, arial;
color: #000000;
font-size:10px;
font-weight:normal;
font-style: normal;
line-height: 18px;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
}

.text90 {
font-family: verdana, arial;
color: #000000;
font-size:10px;
font-weight:normal;
font-style: normal;
line-height: 16px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
margin-top: 0px;
margin-bottom: 5px; 
}

p.proretail {
font-family: verdana, arial;
color: #000000;
text-align: left;
font-size:10px;
font-weight:normal;
font-style: normal;
line-height: 18px;
padding-top: 10px;
padding-left: 70px;
padding-right: 0px;
margin-top: 0px;
margin-bottom: 5px;
/* border: 1px solid #0f0; */
}

.lista {
list-style-position: outside;
padding-left: 30px;
list-style-type: square;
}

.text_3 {
font-family: verdana, arial;
color: #000000;
font-size:10px;
font-weight:normal;
font-style: normal;
line-height: 18px;
padding-left: 0px;
padding-right: 4px;
}

.img {
padding-left: 4px;
padding-right: 4px;
}

.text_li {
list-style-type: square;
font-family: verdana, arial;
color: #000000;
font-size:10px;
font-weight:normal;
font-style: normal;
line-height: 18px;
padding-right: 20px;;
}

ul {
padding-left: 10px;
margin: 0;
margin-left: 5px;
}
ul ul {
	padding-left: 10px;
	margin: 0;
}

.footer {
font-family: verdana;
color: #444444;
font-size:9px;
font-weight:normal;
font-style: normal;
}

.middle {
padding-left: 10px;
border-left: 1px #B2B2B2 dashed;
}

.bg_footer {
padding: 4px;
border-top: 2px #B2B2B2 solid;
border-bottom: 2px #B2B2B2 solid;
}

.bg_footer_2 {
padding: 4px;
border-top: 2px #B2B2B2 solid;
border-left: 2px #B2B2B2 solid;
border-bottom: 2px #B2B2B2 solid;
}

.img A:link	{color: #6E7272; text-decoration:none; font-weight:normal;}
.img A:visited	{color: #6E7272; text-decoration:none; font-weight:normal;}
.img A:active	{color: #6E7272; text-decoration:none; font-weight:normal;}
.img A:hover	{color: #077EB8; text-decoration:none; font-weight:normal;}

A:link	{COLOR:#003277; text-decoration:underline; font-weight:bold;}
A:visited	{COLOR:#003277; text-decoration:underline; font-weight:bold;}
A:active	{COLOR:#003277; text-decoration:underline; font-weight:bold;}
A:hover	{COLOR:#000000; text-decoration:none; font-weight:bold;}

.text A:link		{color: #003277; text-decoration:underline; font-weight:normal;}
.text A:visited	{color: #003277; text-decoration:underline; font-weight:normal;}
.text A:active	{color: #003277; text-decoration:underline; font-weight:normal;}
.text A:hover		{color: #000000; text-decoration:none; font-weight:normal;}

.text_3 A:link		{color: #003277; text-decoration:underline; font-weight:bold;}
.text_3 A:visited	{color: #003277; text-decoration:underline; font-weight:bold;}
.text_3 A:active	{color: #003277; text-decoration:underline; font-weight:bold;}
.text_3 A:hover		{color: #000000; text-decoration:none; font-weight:bold;}

.text_box A:link		{color: #003277; text-decoration:underline; font-weight:bold;}
.text_box A:visited	{color: #003277; text-decoration:underline; font-weight:bold;}
.text_box A:active	{color: #003277; text-decoration:underline; font-weight:bold;}
.text_box A:hover		{color: #000000; text-decoration:none; font-weight:bold;}

.text_box_invert A:link		{color: #ffffff; text-decoration:none; font-weight:bold;}
.text_box_invert A:visited	{color: #ffffff; text-decoration:none; font-weight:bold;}
.text_box_invert A:active	{color: #ffffff; text-decoration:none; font-weight:bold;}
.text_box_invert A:hover		{color: #003277; text-decoration:none; font-weight:bold;}

.address A:link  	{color:#cccccc; text-decoration:none; font-weight:bold;}
.address A:visited	{color:#cccccc; text-decoration:none; font-weight:bold;}
.address A:active 	{color:#cccccc; text-decoration:none; font-weight:bold;}
.address A:hover 	{color:#ffffff; text-decoration:none; font-weight:bold;}


.eka {
width: 50px;
}
.toka {
width: 80px;
}
.otsake {
font-weight: bold;
}
.liitetaulu {
	border: 2px solid #cccccc;
	padding: 5px;
	margin-left: 20px;
	margin-top: 20px;
}

img { display: block; }
.bg_left_2 img {
	display: inline;
}

hr {
border: 0;
color: #e7e7e7;
background-color: #e7e7e7;
height: 1px;
}

/* resellers.html -sivu */

.logo_sivu {
background-color: #f3f3f3;


}
.korjaus {
width: 390px;	
}
.logo {

background-color: #ffffff;
margin: 10px 10px 10px 10px;
font-weight: bold;
padding: 20px 20px 20px 20px;
}

.logo img{
padding: 0px 0px 0px 0px;
}

.logotext {
background-color: #ffffff;
margin: 10px 10px 10px 10px;
font-weight: bold;
padding: 20px 20px 20px 30px;
}

.lippu {
margin: 10px 10px 10px 10px;	
background-color: #f3f3f3;
font-weight: bold;
}

.lippu img {
float: left;
}

.maa {
padding-left: 5px;
}

.logotd {
}

.logotaulu {
font-family: verdana, arial;
color: #000000;
font-size:10px;
line-height: 18px;
width: 550px;
padding-top: 10px;
margin-left: 20px;
margin-right: 20px;
}

.maailmankartta {
	margin-left: 40px;
	margin-top: 20px;
}

.clear {
clear: all;
}

.newnappi {
	float: right;
	margin-right: 0px; 
}


/* Application menu, new css version (2008-08-05) */

.casemenu {
	padding: 0;
	margin: 0;
}

.casemenu span {
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	width: 200px;
	height: 22px;
	display: block;
	}

.casemenu a {
	font-weight: normal;
	text-decoration:none;
	color: #000000;
	font-family: Arial;
}


.casemenu #norm {
	background-image: url(../images/case_normal.gif);
	background-repeat: no-repeat;
	color: #000000;
}


.casemenu #selected {
	background-image: url(../images/case_active.gif);
	background-repeat: no-repeat;
	color: #00357a;
	}


.casemenu #norm:hover {
	background-image: url(../images/case_hover.gif);
	background-repeat: no-repeat;
	color: #00357a;
	}


.case_menu_link {
	color: #000000;
	font-weight: normal;
	padding-left: 10px;
	padding-top: 3px;
	line-height: 1.5em;
	text-decoration:none;
	padding-left:35px;
}


.case_submenu_link {
	color: #000000;
	font-weight: normal;
	padding-left: 15px;
	padding-top: 3px;
	line-height: 1.5em;
	
	text-decoration:none;
	padding-left: 45px;
}

.case_submenu_link:hover {
	color: #00357a;
}

.case_menu_link:hover {
	color: #00357a;
}


/* normal */
.alamenu span {
	background-image: url(../images/case_sub_normal.gif);
	background-repeat: no-repeat;
	width: 200px;
	height: 36px;
	display: block;
	text-decoration:none;
}

/* active */
.alamenu span#selected {
	background-image: url(../images/case_sub_selected.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	text-decoration:none;
	color: #00357a;
}

/* hover */
.alamenu span:hover {
	background-image: url(../images/case_sub_hover.gif);
	background-repeat: no-repeat;
	font-weight: normal;
	text-decoration:none;
	color: #00357a;
}

/* Uusi etusivu */

#index_content {
	margin: 0 0 0 30px;
	}


#index_content h1,
#index_content h2 {
	margin: 0;
	padding: 30px 0 0 0;
}	

#index_content p {
	margin: 0;
	padding: 15px 30px 20px 0;
	font-family: verdana, arial;
	color: #000000;
	font-size:10px;
	font-weight:normal;
	font-style: normal;
	line-height: 18px;
}

#index_case_container {
	margin-top: 20px;
}
#index_case_pic {
	background-color: #cccccc;
	width: 436px;
	height: 350px;
	border: 1px solid #cccccc;
}

#index_quicklinks {
	padding: 0 20px 0 0;	
}

.case_links {
	padding-top: 8px;	
}

#index_case_title {
	padding: 0 0 0 295px;	
}

#index_case_title {
	color: 00488e;
	font-style:italic;
	}

#case_example {
	font-style:normal;
	color: #000000;
	text-transform: uppercase;
	font-family: Trebuchet MS, Arial;
	
}

#download_box {
	margin-top: 30px;
}

/* Uusi etusivu loppuu */

/* uusi case */
#case_content {
	display: block;
	width: 436px;
	height: 350px;
	background-color: #fff;
	border: 1px solid #d0dbe7;
}

#case_content p {
	padding: 30px;
	color: #00488e;
	font-size: 1.2em;
	line-height: 1.8em;
}

#case_company_link {
	padding-top: 20px;
	color: #00488e;
	font-size: 0.8em;
	font-family: Trebuchet MS, Arial;
}

/* uusi case loppuu */

/* eof */