body {
	margin: 0px;
	text-align: center;
	font-family: 'PT Sans', Verdana, sans-serif, Arial;
	background-color: #000;
	color: #ffffff;
	font-size: 14px;
}

br.cleaner {
	clear: both;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Didact Gothic', sans-serif;
    color: #BF8513;
    }

h1 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 0.5em;
}

h2 {
	font-size: 18px;
	font-weight: normal;
}

h3 {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0.5em;
}

p {
	margin: 1em 0px;
	margin-right: 20px;
	color: #fff;
	}

ul {
	list-style-type: disc;
	margin-left: 25px;
}

a {
	color: #79b7e0;
}

.linkcolor {
	color: #79b7e0 !important;
}

a:hover {
	color: #a2d0ee;
	text-decoration: underline;
}

div#container {
	width: 1175px;
	margin: 0px auto;
	text-align: left;
}

	div#top {
		width: 975px;
		height: 198px;
		padding: 0px 100px 0px 100px;
		background: url('../images/topback.jpg') no-repeat #000;
		font-family: 'Orbitron', sans-serif;
		position: relative;
	}

	/* logon linkki */
	div#toplink a{
		position: absolute;
		top: 45px;
		left: 170px;
		width: 130px;
		height: 110px;
		text-decoration: none;
	}

    #top_nav {
		position: absolute;
		top: 47px;
		right: 118px;
        width: 100%;
    	height: 36px;
    	background: url("../images/navi_viivat.png") no-repeat top right;
    	text-align: right;
    	margin: 0;
    	padding: 0;
    	list-style-type: none;
    }

    #top_nav a {
    	color: #BCBCBC;
    	display: block;
    	padding: 8px 0px 10px 30px;
    	margin-left: 10px;
    	font-family: 'Play', sans-serif;
    	text-transform: uppercase;
    	font-size: 14px;
    	text-decoration: none;
    }

    #top_nav li {
    	float: right;
    }

    #top_nav a:hover, #top_nav a.chosen {
    	color: #BF8513;
    }

	#navi {
		position: absolute;
		bottom: 0px;
		right: 120px;
		text-align: right;
        list-style-type:none;
	}

	#navi li{
    	display:block;
    	float: right;
	}


    #navi .link {
    	height: 44px;
    	background-image: url("../images/nav_shadow_left.png");
    	background-repeat: no-repeat;
    	background-position: top left;
    	background-color: black;
    	position: relative;
    	margin-right: -1px;
    }

	#navi .link:hover, #navi .chosen {
		background-image: url("../images/nav_shadow_lefta.png");
	}

    #navi .link a {
    	display: block;
    	height: 31px;
    	background-image: url("../images/nav_shadow_right.png");
    	background-repeat: no-repeat;
    	background-position: top right;
    	font-size: 18px;
    	padding: 0 15px;
    	padding-top: 13px;
    	color: #567998;
  	    font-family: 'Ubuntu Condensed', sans-serif;
    }

	#navi .link a:hover, #navi .chosen a {
		background-image: url("../images/nav_shadow_righta.png");
	}

    #navi .link a:hover {
    	text-decoration: none;
    }

		#navi a img{
		margin: 0px;
		padding: 0px;
		border: 0px;
		}

    #language {
        font-family: 'Didact Gothic', sans-serif;
        position: absolute;
        top: 13px;
		right: 118px;
    	font-size: 12px;
    	color: #626262;
    }

    #language .chosen {
    	color: #AEAEAE;
    }

    #language a {
    	color: #626262;
    }



	div.content {
		background: url('../images/contentbg.jpg') no-repeat;
        margin: 0 auto;
		width: 950px;
		background-color: #000;
	}

		div.leftarea {
			float: left;
			width: 202px;
			padding: 40px 20px 10px 10px;
			min-height: 450px;
		}

		div.leftarea ul{
    		list-style-type: none;
    		margin-left: 0px;
    		padding-left: 0px;
    		line-height: 140%;
		}

		div.leftarea li{
    		display:block;
    		width: 100%;
    		float: left;

		}

		div.leftarea li a{
            font-family: 'Didact Gothic', sans-serif;
    		color: #72B7EB;
    		font-weight: normal;
    		font-size: 14px;
		}

		div.leftarea li a.active{
    		text-decoration: underline;
		}


		div.content div.main {
			float: left;
			width: 710px;
			margin-top: 34px;

		}

		div.content div.maintext {
			float: left;
			width: 680px;
			padding: 20px 20px 2px 20px;
			font-size: 12pt;
		}

		div.maintext p {
			font-size: 12pt;
			background-color: #000;
            line-height: 150%;
		}

	div.contact {
		width: 925px;
		height: 64px;
		background: #000000 url('../images/contact_back.jpg') 0% 0% no-repeat;
		padding: 0px 0px 0px 0px;
		font-size: 7pt;
		font-family: 'PT Sans', Verdana, sans-serif, Arial;
	}

		div.contact span._2 {
			color: #666666;

		}

	div.contact2 {
		width: 925px;
		height: 64px;
		background: #000000 url('../images/contact_back2.jpg') 0% 0% no-repeat;
		padding: 0px 0px 0px 0px;
		font-size: 7pt;
		font-family: 'PT Sans', Verdana, sans-serif, Arial;
	}

		div.contact2 span._2 {
			color: #666666;
		}

		div.cinfo {
			float: left;
			display: inline;
			width: 550px;
			height: 54px;
			padding: 10px 0px 0px 0px;
		}

		div.strongest {
			float: left;
			display: inline;
			width: 363px;
			height: 54px;
			padding: 3px 0px 0px 12px;
		}

#footer {
	background-image: url("../images/footer_back.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 35px;
	width: 942px;
	margin: auto;
	font-family: arial;
	text-transform: uppercase;
	font-size: 10px;
	color: #c1c1c1;
	text-align: center;
	margin-top: 30px;
}

/* MITOITUSTAULUKKO*/

table.mitoitus {
	padding: 0px 0px;
	margin: 0px 0px;
	width: 100%;
}

table.mitoitus th{
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #dddddd;
	padding: 0px 0px;
	margin: 0px 0px;
	padding: 1px 1px 4px 2px;
	font-weight: bold;
	font-size: 0.7em;
}


table.mitoitus td {
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #dddddd;
	padding: 0px 0px;
	margin: 0px 0px;
	padding: 1px 1px 1px 2px;
	font-size: 0.8em;
    }


div.mitoitus_scroll {
	height: 235px;
	overflow: auto;
}

div.mitoitusselitteet {
	font-size: 0.8em;
	margin-top: 10px;
}


table.mitoitushaku td, table.mitoitushaku th {
	padding-right: 5px;
	font-size: 0.7em;
}

table.mitoitushaku td {
	font-size: 0.8em;
}

table.mitoitushaku input[type="text"] {
	width: 70px;
}


.style3 {
    font-size: 10px;
}
.style3 a:link {
        text-decoration: none;
        color: #FAF29A;
}
.style3 a:visited {
        text-decoration: none;
        color: #FAF29A;
}
.style3 a:hover {
        text-decoration: underline;
}
.style3 a:active {
        text-decoration: none;
}
/* TUOTEHAKU TOIMINNOT */

.tuotehaku {
	margin-right: 2px;
	padding: 20px 0px 2px 0px;
	font-size: 12pt;
	font-family: 'PT Sans', Verdana, sans-serif, Arial;
}

#numerohaku {
	width: 400px;
	float: right;
	text-align: right;
}


#hakuform, #hakuform2 {
	padding: 10px 0 15px 0;
	float: left;
}
#hakuform label {
	display: block;
}
#hakuform td {
	padding-right: 20px;
}
#hakuform select {
	width: 130px;
}

.tuotehaku h1, .tuotehaku h2 {
	color: #BF8513;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
#uutuudet {
	font-size: 12px;
	margin-bottom: 5px;
}

	#uutuudet th {
		height: 20px;
		border: none;
		padding: 2px;
	}

	#uutuudet td {
		vertical-align: top;
		border: solid 1px #4f4f4f;
		padding: 2px;
	}

	#uutuudet th.numero {
		width: 100px;
	}

	#uutuudet th.soveltuvuus {
		width: 255px;
	}

	#uutuudet th.huom {
		width: 100px;
	}

	#uutuudet th.alkupnro {
		width: 100px;
	}

	#uutuudet th.tulee {
		width: 100px;
	}


#hakutulokset {
	margin-bottom: 5px;
}

#tuloshead {
	margin-top: 10px;
}

#hakutulokset th, #tuloshead th {
	height: 20px;
}
#hakutulokset td, #hakutulokset th, #tuloshead th {
	padding: 2px;
	text-align: left;
	border: solid 1px #4f4f4f;
	font-size: 12px;
}
#hakutulokset th, #tuloshead th {
	border: none;
}
#hakutulokset td.merkki, #tuloshead th.merkki {
	width: 140px;
}
#hakutulokset td.moottori, #tuloshead th.moottori {
	width: 115px;
}
#hakutulokset td.vuosimalli, #tuloshead th.vuosimalli {
	width: 90px;
}
#hakutulokset td.oljy, #tuloshead th.oljy {
	width: 96px;
}
#hakutulokset td.polttoaine, #tuloshead th.polttoaine {
	width: 96px;
}
#hakutulokset td.ilma, #tuloshead th.ilma {
	width: 96px;
}
#hakutulokset td.raitisilma, #tuloshead th.raitisilma {
	width: 96px;
}
#hakutulokset td.muut, #tuloshead th.muut {
	width: 92px;
}

#hakutulokset td {
	font-size: 12px;
	padding: 2px;
}

.greybox {
	width: 320px;
	height: 110px;
	float: left;
	padding-bottom: 20px;
	padding-right: 15px;
	font-size: 14px;
}

.henkilo {
	float: left;
	margin-right: 10px;
}

.greybox strong {
	display: block;
}

.imagebox {
	width: 136px;
	height: 150px;
	float: left;
}

.maintext li {
	padding-top: 0.5em;
}

.maintext input, .maintext select, .maintext button, .maintext textarea {
	border: solid 1px #4f4f4f;
	background-color: #000000;
	color: #ffffff;
}

.submit, .maintext button {
	color: #79b7e0 !important;
}

td {
	vertical-align: top;
}

.yhteydenottopyynto {
	width: 200px;
	margin-left: 0px;
	float: left;
}

.yhteydenottopyynto input[type="text"], .yhteydenottopyynto textarea {
	width: 330px;
}