/* CSS Document */

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{ font-family: Verdana,Arial,sans-serif; color: #333333; line-height: 1.3; margin-top: 94px; margin-left: 0px; padding: 0px; background-color: #FFFFFF; width: 1100px; }

a:link, a:visited, a:hover { color: #669933; text-decoration: underline; }
a:hover { color: #666666; } /* overrides decoration from previous rule for hovered links */
a:active { color: #666666; }

h1, h2, h3, h5, table, p, ul, ol, li { margin-top: 0px; font-family: Verdana,Arial,sans-serif; text-align: left; }

li { padding-bottom: 10px; }

h1 { font-size: 16pt; font-weight: normal; color: #669933; padding-top: 50px; }
h2 { font-size: 11pt; font-weight: bold; color: #669933; padding-top: 5px; }
h3 { font-size: 10pt; font-weight: bold; font-style: italic; color: #669933; }
h4 { font-size: 10pt; font-weight: bold; color: #669933; }
h5 { font-size: 10pt; font-weight: bold; color: #669933; margin-bottom: 0; padding-top: 25px; }

.leipis { font-size: 9pt; padding-right: 30px; }
.lue { font-size: 9pt; font-weight: normal; font-style: italic; color: #666666; }
.navi { font-size: 8pt; color: #669933; font-weight: bold; line-height: 2.8; text-decoration: none; }
.active { font-size: 8pt; color: #669933; font-weight: bold; line-height: 2.8; text-decoration: none; }
.pvm { font-size: 8pt; color: #669933; font-weight: normal; text-decoration: none; padding-right: 25px; margin-bottom: -2px; }
.apunavi { font-size: 8pt; color: #999999; font-weight: normal; padding-left: 10px; text-decoration: none; line-height: 2.8; }
.yhteys { font-size: 9pt; color: #669933; font-weight: normal; padding-left: 150px; padding-top: 8px; text-decoration: none; }
.email { font-size: 9pt; color: #669933; font-weight: normal; padding-top: 8px; text-decoration: none; }
.aluetsto_ots { font-size: 11pt; font-weight: bold; color: #669933; padding-top: 55px; }
.aluetsto { font-size: 8pt; color: #669933; font-weight: bold; text-decoration: none; }
.aluetstoleipis { font-size: 9pt; padding-right: 30px; width: 500px; }

table.aluetstot { font-size: 9pt; padding-right: 30px; margin-top: 25px; margin-bottom: 25px; width: 500px; }
.aluetsto_yht { font-size: 9pt; padding-right: 0px; font-style: italic; }

hr { color: #669933; height: 1px; margin-top: -10px; border: 0px none; }

a.navi:link { color: #666666; text-decoration: none; }
a.navi:visited { color: #666666; text-decoration: none; }
a.navi:hover { color: #999999; text-decoration: underline; }
a.navi:active { color: #999999; }

a.active:link { color: #669933; text-decoration: none; }
a.active:visited { color: #669933; text-decoration: none; }
a.active:hover { color: #999999; text-decoration: underline; }
a.active:active { color: #999999; }

a.polku:link { color: #669933; text-decoration: none; }
a.polku:visited { color: #669933; text-decoration: none; }
a.polku:hover { color: #669933; text-decoration: underline; }
a.polku:active { color: #669933; }

a.apunavi:link { color: #669933; text-decoration: none; }
a.apunavi:visited { color: #669933; text-decoration: none; }
a.apunavi:hover { color: #999999; text-decoration: underline; }
a.apunavi:active { color: #999999; }

a.lue:link { color: #666666; }
a.lue:visited { color: #666666; }
a.lue:hover { color: #666666; text-decoration: underline; }
a.lue:active { color: #666666; }

a.email:link { color: #669933; text-decoration: none; }
a.email:visited { color: #669933; text-decoration: none; }
a.email:hover { color: #669933; text-decoration: underline; }
a.email:active { color: #669933; text-decoration: none; }

a.aluetsto:link { color: #669933; text-decoration: none; }
a.aluetsto:visited { color: #666666; text-decoration: none; }
a.aluetsto:hover { color: #999999; text-decoration: underline; }
a.aluetsto:active { color: #999999; }

ul, ol { list-style-position: outside; marker-offset: 5px; font-size: 9pt; }
ul{ list-style-type: disc; }
ul ul{ list-style-type: disc; }
ul ul ul{ list-style-type: disc; }

.bg_index { background-image: url('images/index_bg_kartta.jpg'); background-repeat: no-repeat; }
.bg_palvelut { background-image: url('images/palvelut_bg.jpg'); background-repeat: no-repeat; }
.bg_kumppanit { background-image: url('images/kumppanit_bg.jpg'); background-repeat: no-repeat; }
.bg_hyodyt { background-image: url('images/hyodyt_bg.jpg'); background-repeat: no-repeat; }
.bg_uutiset { background-image: url('images/uutiset_bg.jpg'); background-repeat: no-repeat; }
.bg_yhteys { background-image: url('images/yhteys_bg.jpg'); background-repeat: no-repeat; }
.bg_pallot { background-image: url('images/pallot_bg.jpg'); background-repeat: no-repeat; }

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#left_column { float: left; margin: 0px; padding-right: 0px; padding-left: 20px; padding-top: 0px; width: 150px; text-align: left; }
#text_column { margin: 0px; padding-top: 60px; padding-left: 75px; padding-right: 35px; padding-bottom: 50px; width: 620px; float: left; }
#address { margin: 0; padding: 0; width: 1024px; height: 68px; min-height: 68px; white-space: nowrap; clear: both; background-image:url('images/alapalkki_bg.gif'); background-repeat: repeat-x; }


/***********************************************/
/*Form Tags                               */
/***********************************************/

.lomake{
	font-size: 8pt;
	font-weight: bold;
 	color: #666666;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding-top: 5px;
}

.lomakesis{
	font-size: 8pt;
	font-weight: normal;
 	color: #666666;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding-top: 5px;
	padding-left: 20px;
}

.lomakeots{
	font-size: 8pt;
	font-weight: bold;
 	color: #669933;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding-top: 15px;
}

.button{
	font-size: 8pt;
	font-weight: bold;
 	color: #666666;
	text-align: center;
	vertical-align: top;
	margin-right: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.textarea{
	background-color: #FFFFFF;
	border: 1px solid #666666;
	font-size: 8pt;
	font-weight: normal;
 	color: #666666;