/* Yleiset tyylit!!!*/

body {
	margin:0px;
	padding:0px;
	text-align:center;
}

img {
	border:0px;
}

/*----------------------------------------------------------------------------------------*/

/* Sivustokohtaiset tyylit!!!*/

#content {
	width: 711px;
	margin: 0px auto;
	text-align: left;
	/*border:1px dashed #333;*/
	background-color: #ffffff;
}

#header {
	margin-top:45px;
	margin-bottom:20px;
	padding-left:20px;
}

#sisalto {
	background-repeat:repeat-y;
	padding-left:7px;
	padding-right:7px;
	/*margin-top:20px;*/
	margin-bottom:10px;
	/*text-align: left;*/
}

#taulu_sisalto {
	width: 711;
	margin-left: 0px;
	margin-right: 1px;
	padding: 0px;
}

tr {
	margin: 0px;
	padding: 0px;
}

td.etusivu {
	width: 350px;
	height: 200px;
	vertical-align: top;
	overflow: hidden;
	/*padding-top: 50px;
	padding-left: 20px;
	padding-right: 15px;*/
}

p#etusivu_palvelu {
	padding-top: 42px;
	padding-left: 20px;
	padding-right: 15px;
}
p#etusivu_tuote {
	padding-top: 42px;
	padding-left: 20px;
	padding-right: 15px;
}

td.vasen_lohko {
	width:234px;
	/*padding-right:20px;*/
	vertical-align: top;
}

td.oikea_lohko {
	width:437px;
	padding-left:40px;
	vertical-align: top;
}

td.vasen_lohko_50 {
	width:335px;
	padding-left:20px;
	vertical-align: top;
}

td.oikea_lohko_50 {
	width:325px;
	padding-left:30px;
	vertical-align: top;
}

td.lomake {
	width: 150px;
	vertical-align: top;
	padding-top: 6px;
}

div.esittely {
	height: 165px;
	width: 200px;
	display: block;
	background: url('kuvat/esittelypohja.jpg') no-repeat;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 11px;
}

#banneri {
	margin: 0px;
	padding: 0px;
}

div.vali {
	background:url('kuvat/vaaka_tausta.gif') repeat-x;
	height: 1px;
	width: 100%;
	margin-top: 10px;
}

/*
#vasen_lohko {
	width:176px;
	float:left;
	padding-right:20px;
	display: block;
}
#vasen_lohko_50 {
	width:347px;
	height:160px;
	float:left;
	display: block;
}

#oikea_lohko {
	width:438px;
	float:right;
	padding-left:60px;
	display: block;
}
#oikea_lohko_50 {
	width:347px;
	height:160px;
	float:right;
	display: block;
}
*/
#copy {
	font-family:Arial;
	font-size:9px;
	color:#7C7B7B;
	line-height:1.6em;
	width:711px;
	text-align:left;
	float:left;
	/*margin-top:10px;*/
}

div.vasen_linkki {
	background:url('kuvat/vasen_linkki.gif') no-repeat;
	height: 20px;
	width: 182px;
	padding-left: 25px;
	padding-top: 8px;
	float: left;
	font-family:Arial;
	font-size:11px;
	color:#7C7B7B;
}

#yhteystiedot {
	/*background: url('kuvat/yhteystiedot_4.jpg') left no-repeat;*/
	background: url('kuvat/banneri_solinum_4b_toim.jpg') left no-repeat;
	width: 711px;
	height: 189px;/*129px;*/
	display: block;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
td.kartta_link_177 {
	height: 189px;
	width: 177px;
}
td.kartta_link_180 {
	height: 189px;
	width: 180px;
}
td.kartta_link {
	height: 119px;
	width: 237px;
	padding-left: 125px;
}
td.kartta_link_2 {
	height: 119px;
	width: 237px;
	padding-left: 112px;
}
td.kartta_link_3 {
	height: 119px;
	width: 237px;
	padding-left: 102px;
}
/* * * * VANHA * * * * */
/*
#yhteystiedot {
	background: url('kuvat/yhteystiedot_paikat2.gif') left no-repeat;
	width: 711px;
	height: 129px;
	display: block;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
td.kartta_link {
	height: 94px;
	width: 237px;
	text-align: left;
}
td.kartta_link_2 {
	height: 25px;
	width: 237px;
	text-align: left;
	cursor: pointer;
}
#yhteystiedot {
	background: url('kuvat/yhteystiedot_paikat2.jpg') left no-repeat;
	width: 711px;
	height: 129px;
	display: block;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
td.kartta_link {
	height: 119px;
	width: 155px;
	padding-left: 200px;
}
*/
td.palaute {
	background-image:url('kuvat/navi_08.jpg');
	background-repeat:no-repeat;
	width:256px;
	height:46px;
	padding-left:90px;
}

span.aforismi {
	margin-top: 25px;
	display: block;
}

/*----------------------------------------------------------------------------------------*/

/* Elementtien yleiset tyylit*/

p {
	font-family:Arial;
	font-size:11px;
	color:#7C7B7B;
	line-height:1.6em;
}

h1 {
	font-family:Tahoma;
	font-size:14px;
	font-weight:normal;
	color:#1E1E1E;
}

h2 {
	font-family:Tahoma;
	font-size:12px;
	font-weight:normal;
	color:#7A7A7A;
	line-height:1.6em;
}

p.txt_sis {
	font-family:Arial;
	font-size:11px;
	color:#7C7B7B;
	line-height:1.3em;
}

/*a.ref_link {
	color: #B30101;
	text-decoration: none;
}

a.ref_link:hover {
	color: #7C7B7B;
}*/

a.teksti {
	color: #7C7B7B;
}

a.teksti:hover {
	color: #B30101;
}
a.etu {
	color:#4e4e4e;
	text-decoration:none;
}

a.palaute, a.palaute:hover {
	color:#ffffff;
	text-decoration:none;
	font-size:11px;
	font-family:Tahoma;
}

ul.refere {
	margin: 0px;
	padding: 0px;
}

li.otsake {
	list-style: none;
	font-family:Arial;
	font-size:11px;
	color:#7C7B7B;
	font-weight:bold;
	padding: 0px;
}
li.asiakas {
	list-style: circle;
	font-family:Arial;
	font-size:11px;
	color:#7C7B7B;
	padding-left: 10px;
	margin-left: 10px;
}

form {
	font-family: Arial;
	font-size: 11px;
	color: #7C7B7B;
}
input.teksti {
	border: 1px solid #7C7B7B;
	width: 250px;
	font-family: Arial;
	font-size: 11px;
	margin-bottom: 5px;
}

div.lomake_sp {
	width: 55px;
	float: left;
	padding-left: 5px;
	padding-top: 3px;
}

input.laheta {
	background:url('kuvat/vasen_linkki.gif') no-repeat;
	border: none;
	width: 182px;
	height: 28px;
	font-family: Arial;
	font-size: 11px;
	color: #7C7B7B;
	cursor: pointer;
	margin-top: 15px;
}

textarea {
	border: 1px solid #7C7B7B;
	width: 250px;
	font-family: Arial;
	font-size: 11px;
	height: 80px;
	margin-top: 5px;
	margin-bottom: 5px;
}

select {
	border: 1px solid #7C7B7B;
	width: 250px;
	font-family: Arial;
	font-size: 11px;
	margin-bottom: 5px;
}
/* ---------------------------------------------------------------------------- */
/* alasvetovalikon tyylit */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	/*line-height: 1;*/
}

/* PÄÄVALIKON LISTA */
#nav li.main_list {
	float: left;
	width: 68px; /* leveys tarvitaan */
}

#nav a.main_list {
	display: block;
	width: 68px;}



#nav li.top_left { /* yläosan tyhjä alue */
	float: left;
	width: 200px; /* leveys tarvitaan */
	height: 8px;
	background: #DFDFDF;
	display: block;
}
/* ********************************** */
/* LISTAN YLÄ- JA ALAOSAN MÄÄRITYKSET */
#nav li.list_item_top {
	float: left;
	width: 198px; /* leveys tarvitaan */
	height: 8px;
	display: block;
	border-left: 2px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	font-size: 4px;
	background: #EAEAEA;
}

#nav li.list_item_bottom {
	float: left;
	width: 200px; /* Leveys tarvitaan */
	height: 16px;
	background: #FFFFFF;
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 4px;
}
/* ********************************** */
/* LISTAN MÄÄRITYKSET, 1., 2. JA MUUT */
#nav li.list_item_1 {
	float: left;
	width: 196px; /* leveys tarvitaan */
	height: 21px;
	border-top: 1px solid #F7F7F7;/*#D7D5D6;*/
	border-left: 2px solid #DFDFDF;
	border-right: 2px solid #DFDFDF;
	background: #EAEAEA;
	/*background: url('kuvat/list_item_1.gif') bottom repeat-x;*/
	display: block;
}

#nav li.list_item_2 {
	float: left;
	width: 196px; /* Leveys tarvitaan */
	height: 21px;
	border-top: 1px solid #F7F7F7;/*#D7D5D6;*/
	border-left: 2px solid #DFDFDF;
	border-right: 2px solid #DFDFDF;
	background: #EAEAEA;
	/*background: url('kuvat/list_item_2.gif') top repeat-x;*/
	display: block;
}

#nav li.list_item {
	float: left;
	width: 196px; /* Leveys tarvitaan */
	height: 21px;
	border-top: 1px solid #F7F7F7;/*#D7D5D6;*/
	border-left: 2px solid #DFDFDF;
	border-right: 2px solid #DFDFDF;
	background: #EAEAEA;/*#CFCDCE;*/
	display: block;
}

#nav li ul.dd_list { /* second-level lists */
	position: absolute;
	background: #DFDFDF;
	width: 200px;
	margin-left: 2px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background: #C5C5C5;
	width: 200px;
}
/* **************************** */
/* VALIKON LINKKIEN MÄÄRITYKSET */
#nav a.list_item {
	text-decoration: none;
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	color: #939393;
	width: 181px;
	height: 17px;
	padding-left: 15px;
	padding-top: 3px;
	/*padding-bottom: 3px;*/
	display: block;
	border-bottom: 1px solid #DFDFDF;/*#CAC8C9;*/
}

#nav a.list_item:hover {
	text-decoration: none;
	background: #C5C5C5;
	border-bottom: 1px solid #BCBCBC;
}
/* *************************** */
/* VALIKON ALAOSAN MÄÄRITYKSET */
span.top_right {
	width: 8px;
	height: 8px;
	background: url('kuvat/dd_top_r.gif') no-repeat;
	float: right;
	display: block;
}

/* ALASVETOVALIKON ALAOSA */
span.dd_bottom_left {
	width: 15px;
	height: 16px;
	background: url('kuvat/dd_bottom_l.gif') bottom left;
	display: block;
	float: left;
}
span.dd_bottom {
	width: 170px;
	height: 16px;
	background: url('kuvat/dd_bottom.gif') bottom repeat-x;
	display: block;
	float: left;
}
span.dd_bottom_right {
	width: 15px;
	height: 16px;
	background: url('kuvat/dd_bottom_r.gif') bottom right;
	display: block;
	float: left;
}






