* { margin: 0; padding: 0; }
img { margin: 0; padding: 0; border: 0;}
body { margin: 0; padding: 15px 0 0 0; background: url(images/tausta.gif) repeat-x #F0F0F0; font-family: Tahoma, Arial; text-align: center;}
td { padding: 3; margin: 0; color: #686868; font-family: Arial; font-size: 11px; font-weight: 500; }
h1 { color: #B9002E; margin: 0 0 0.75em 0; font-size: 1.25em; }
h2 { color: #e84500; margin: 0 0 0.75em 0; font-size: 0.95em; }
h3 { color: #000000; margin: 0 0 0.75em 0; font-size: 0.85em; }
.main ul { list-style-image: url(images/lista.gif); list-style-position: outside; font-size: 11px; margin: 0 0 1.0em 30px; }
.main li { margin-bottom: 2px; }
form { margin: 5px 0 5px 15px; }

.pdf_a
	{
	padding-left: 25px;
	margin-left: 5px;
	background: url(images/pdf_icon.gif) no-repeat 0 0;
	line-height: 22px;
	}

.hide
	{
	display: none;
	}

.kattely { float: left; margin-left: 7px; margin-bottom: 15px; }
.fiilis { float: right; margin-right: 7px; margin-bottom: 15px; }

html body div.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

HR
	{
	display: block;
	margin: 10px 0 10px 0;
	}

#news {
	float: right;
	width: 200px;
	padding: 0 0 0 15px;
	margin: 0 0 50px 15px; 
	border-left: 1px solid #c0c0c0;
	font-size: 95% !important;
}

#news p {
	font-size: 11px;	
}

SPAN.konemerkki
	{
	color: #B9002E;
	margin: 0 0 0.5em 0;
	font-size: 1.5em;
	font-weight: bold;
	}

#kohde_kortti
	{
	width: 600px !important;
	}

#kohde_kortti TD
	{
	color: #000000 !important;
	}

#kone_esittely
	{
	margin: 10px 0 5px 0;
	width: 580px !important;
	}

#kone_tiedot
	{
	margin: 5px 0 0 0;
	width: 600px !important;
	}

.singress
	{
	display: none;
	}

#kone_esittely .singress, #kone_tiedot .singress
	{
	display: inline !important;
	font-weight: bold;
	width: 125px;
	color: #BD3356 !important;
	}

IMG.lista_foto
	{
	width: 50px;
	}

TABLE.levea
	{
	width: 600px !important;
	clear: both;
	}

TABLE.levea TH, TABLE.levea TD
	{
	font-size: 11px !important;
	}

TABLE
	{
	margin: 0 0 15px 0;
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	color: #1A1A1A;
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-size: 12px;
	}

TABLE TH
	{
	text-align: left;
	font-weight: bold;
	background: #E0E0E0;
	padding: 1px 2px 1px 2px;
	font-size: 13px;
	}

TABLE TD { padding: 1px 2px 1px 2px; font-weight: normal; text-align: left; }

TR.harmaa { background: #F2F2F2; }

#trukki_table TR
	{
	background: #ffffff;	
	}

#trukki_table TH
	{
	background: #808080;
	color: #ffffff;
	padding: 3px 8px;
	font-family: Tahoma, sans-serif;
	font-size: 140%;
	font-weight: normal;
	letter-spacing: 1px;
	}

#trukki_table TD
	{
	text-align: center;
	line-height: 16px;/Users/ollisaari/Projektit/trukkitimlin/siirto/tyylit.css
	color: #000000;
	padding: 10px 0 10px 0;
	border-top: 1px solid #cdcdcd;
	cursor: pointer;
	cursor: hand;
	}

#trukki_table .tyyppi
	{
	width: 20%;
	font-size: 150%;
	font-family: Tahoma, sans-serif;
	color: #f23e00;
	font-weight: bold;
	line-height: 125%;
	}
	
#trukki_table .nostokyky
	{
	width: 20%;	
	}

#trukki_table .kuva
	{
	width: 26%;	
	}

#trukki_table .kuva2
	{
	width: 34%;	
	}

.align_right
	{
	text-align: right !important;	
	}

.align_left
	{
	text-align: left !important;
	}

a:link { color: #4570B1; text-decoration: under-line; }
a:visited { color: #4570B1; text-decoration: under-line; }
a:active { color: #4570B1; text-decoration: under-line; }
a:hover { color: #4570B1; text-decoration: none; }

.del:link { color: #FF0000; font-size: 11px; text-decoration: under-line; font-weight: 500; }
.del:visited { color: #FF0000; font-size: 11px; text-decoration: under-line; font-weight: 500; }
.del:active { color: #FF0000; font-size: 11px; text-decoration: under-line; font-weight: 500; }
.del:hover { color: #FF0000; font-size: 11px; text-decoration: none; font-weight: 500; }

.lisaa:link { color: #FF0000; text-decoration: under-line; background: url(images/punanuoli.gif) no-repeat 0 4px; padding-left: 10px; margin: 15px; }
.lisaa:visited { color: #FF0000; text-decoration: under-line; background: url(images/punanuoli.gif) no-repeat 0 4px; padding-left: 10px; margin: 15px; }
.lisaa:active { color: #FF0000; text-decoration: under-line; background: url(images/punanuoli.gif) no-repeat 0 4px; padding-left: 10px; margin: 15px; }
.lisaa:hover { color: #FF0000; text-decoration: none; background: url(images/punanuoli.gif) no-repeat 0 4px; padding-left: 10px; margin: 15px; }

.sata { width: 100%; }
.runkoyla { width: 850px; margin: auto; clear: both; text-align: left; }
.runko2 { width: 850px; margin: auto; clear: both; text-align: left; background: url(images/runko_tausta2.gif) repeat-y 50% 0; }
.palkki_teksti { color: #FFFFFF; font-size: 10px; margin-left: 5px; }

.vasen { float: left; width: 176px; }
.vasen_palkki { height: 13px; background-color: #D5D5D5; width: 169px; margin-left: 7px; }

.vasen h1 {
	font-size: 14px;
}

.vasen h2 {
	font-size: 12px;
}

.vasen p {
	font-size: 11px !important;
}

.vasen_content {
	padding: 15px 10px 10px 20px;
}

.keski { float: left; width: 667px; }

.keski_palkki {
	background-color: #BD3356;
	margin: 0 7px 0 6px;
	padding: 6px;
	text-align: center;
	color: #ffffff;
	font-size: 80%;
}

.keski_palkki a {
	color: #ffffff;
}

.main p, .vasen p { margin: 0 0 1.0em 0; line-height: 1.4em; font-size: 12px; text-decoration: none; font-weight: 500; }

.main {
	position: relative;
	top: 0;
	left: 0;
	padding: 20px 30px 20px 30px;
}

.oikea { float: right; width: 188px; }
.oikea_palkki { height: 13px; background-color: #F1981A; width: 181px; margin-right: 7px; }
.oikea_palkki2 { height: 13px; background-color: #B9B9B9; width: 181px; margin-right: 7px; }

.varjo { width: 836px; height: 30px; margin: 0 0 0 7px; clear: both; background: url(images/varjo.gif) no-repeat 50% 0; text-align: center; font-size: 11px; line-height: 30px; color: #808080; border-top: 10px solid #FFFFFF; }

.nav { background-color: #FFFFFF; width: 176px; line-height: 16px; }
.nav ul { list-style-type: none; margin: 0; padding: 0; }
.nav li { margin: 0; padding: 1px 0 0 10px; border-bottom: 1px solid #D6D6D6; width: auto; height: 20px; display: block; background: url(images/valikko0.gif) repeat-y;}

.nav A { color: #000000; font-size: 12px; text-decoration: none; margin: 0; }
.nav A:hover { color: #B9002E !important; font-size: 12px; text-decoration: none; margin: 0; }
.nav A:visited { color: #000000; }

.nav .aktiivinen { background-image: url(images/valikko1.gif); font-weight: 500; }

.nav .aktiivinen a { color: #B9002E; }

.Linkkina:link { color: #4570B1; text-decoration: none; font-size: 11px; }
.Linkkina:visited { color: #4570B1; text-decoration: none; font-size: 11px; }
.Linkkina:active { color: #4570B1; text-decoration: none; font-size: 11px; }
.Linkkina:hover { color: #4570B1; text-decoration: none; font-size: 11px; }

.ryhma { color: #565656; padding: 4px; font-weight: 600; font-size: 11px; }
.Bwhite { color: #FFFFFF; background-color: #737373; padding: 6px; font-weight: 600; font-size: 11px; }
.singress { color: #686868; font-size: 11px; font-weight: 600; }
.ingress { color: #EE5A37; font-size: 15px; font-weight: 600; }
.olematon { color: #FFFFFF; font-size: 1px; padding: 6; }
.liput { margin: 10px 0 10px 15px; }
.lippu { margin: 0 0 0 5px; }
.login { font-size: 9px; margin: 20px; }

h1.logo {
	display: none;
}

h1.logo a { text-indent: -2000em; font-size: 1px; color: #FFFFFF; }

#nosto
	{
	width: 593px;
	height: 206px;
	background: url(images/nostot.jpg) no-repeat;
	}
	
#nosto A
	{
	width: 49%;
	display: block;
	float: left;
	height: 206px;
	}
	
#nosto A IMG
	{
	display: block;
	margin: 160px 0 0 125px;
	}
	
#a_heli
	{
	margin: 160px 0 0 135px !important;
	}
	
.button-contact {
	display: block;
	height: 27px;
	line-height: 27px;
	background: url(images/button-arrow.png) no-repeat 0 0;
	padding: 0 0 0 25px;
	text-decoration: none;
	color: #ffffff !important;
	font-weight: bold;
	float: left;
	white-space: nowrap;
	text-shadow: #5f101b 1px 1px 0;
	position: absolute;
	right: 20px;
	top: 15px;
}

.button-contact span {
	display: block;
	background: url(images/button-arrow.png) no-repeat 100% 0;
	padding: 0 10px 0 0;
	height: 27px;
	line-height: 27px;
}

/***** LOMAKKEET ******/

.form {
	margin-bottom: 20px;
	font-size: 80%;
}

.form_left {
	float: left;
}

.form_narrow {
	width: 50%;
}

.form select,.form input.input_txt,.form textarea {
	border: 1px solid #555555;
	padding: 3px;
	background: #ffffff;
	font-family: Arial, "Lucida sans unicode", "Lucida Grande", Tahoma, Arial, sans-serif;
}

.form select,.form option {
	padding: 0;
}

.form .input_txt,.form textarea {
	width: 90%;
}

.form select {
	width: 93%;
}

.form .form_item_wide .input_txt,.form .form_item_wide textarea,.form .form_item_wide select {
	width: 95%;
}

.form textarea {
	line-height: 125%;
	font-size: 90%;
}

.form .form_item {
	width: 49%;
	margin-bottom: 10px;
}

.form .form_item_wide {
	width: 98%;
}

.form .form_item_float {
	float: left;
}

.form .form_item_clear {
	clear: both;
}

.form .form_item_top {
	padding-top: 25px !important;
}

.form .form_item label {
	float: left;
	width: 100%;
	line-height: 11px;
	display: block;
	margin-bottom: 4px;
	white-space: nowrap;
	color: #000000;
}

.form .form_item label small {
	color: #555555;
	font-size: 95%;
}

.form .form_item .input_txt,.form .form_item select {
	clear: left;
	display: block;
}

.form .form_item_button {
	padding-top: 10px;
}

.form_item_button input {
	text-align: left;
	overflow: visible;
	width: auto;
	cursor: pointer;
	cursor: hand;
	background: #000000;
	border: none;
	padding: 5px 10px;
	color: #ffffff;
	display: block;
} .form_item_button input:hover {
	background: #444444;
}

.form_item_date .date_item {
	float: left;
	width: 31%;
	margin-bottom: 10px;
}

.form_item_checkbox {
	clear: left;
}

.form_item_checkbox label {
	width: 49% !important;
	float: left;
}

.form_item_checkbox input {
	display: inline;
	width: auto;
	border: none;
}

.checkbox_item {
	float: right;
	clear: right;
	width: 49%;
	white-space: nowrap;
}

.form_item_nopadding {
	padding-top: 0 !important;
}

.form_item .error {
	border: 1px solid #ff0000;
}

.message {
	padding: 10px 14px 1px 14px;
	margin-bottom: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.message_error {
	color: #ffffff;
	background: #ff0000;
}

.message_ok {
	background: #389f00;
	color: #ffffff;
}

.message p {
	margin-bottom: 0.75em !important;
}