body {
	background:#f0f0f0 url(bg.jpg) bottom repeat-x;
	font:12px Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #333;
	line-height:18px;
	padding:0 0 50px 0;
}


a{color:#0673ac;font-weight:bold;text-decoration:none;}
a:hover{color:#0094e1;}

strong{font-weight:bold;color:#ae0512;}


hr {
	border:0 #ccc solid;
	border-top-width:1px;
	clear:both;
	height:0;
	line-height:18px;
	margin-bottom:9px;
}


.footer strong, .frontpagediv1 strong, .frontpagediv2 strong{
color:white;
}

p{
margin-bottom:18px;
}

 h1 { 
color:#ae0512;
  font-size: 24px; 
  line-height: 36px;
  margin-bottom: 18px; 
  font-weight:normal;
}
 h2 { 
color:#ae0512;
  font-weight:bold;
  font-size: 18px; 
  line-height: 18px; 
  margin-bottom: 18px;
}
 h3 { 
  font-size: 12px; 
  line-height: 18px; 
}

/* ETUSIVUN BOXIT */

#frontpagediv1 {
	background:url(bg-frontpagediv1.png);
	height:400px;
}

#frontpagediv2 {
	background:url(bg-frontpagediv2.png);
	height:400px;
}

.luelisaa:link, .luelisaa:visited {
	cursor: pointer;
	background-color: #b80b38;
	background-image: url(bg-button.png);
	height: 36px;
	line-height:36px;
	width:250px;
	text-align: center;
	border: 1px solid;
	border-color: #FFFFFF #CBCBCB #CBCBCB #FFFFFF;
	display: block;
	position: absolute;
	right:48px;
	bottom: 20px;
	color: #FFFFFF;
}

.luelisaa:hover {
	color:#FFFFFF !important;
	cursor:pointer;
	background-color: #b80b38;
	background-image: url(bg-button-hover.png);
}

.searchbutton:link, .searchbutton:visited {
	cursor: pointer;
	background-color: #b80b38;
	background-image: url(bg-button.png);
	height: 36px;
	line-height:36px;
	width:180px;
	text-align: center;
	border: 1px solid;
	border-color: #FFFFFF #CBCBCB #CBCBCB #FFFFFF;
	display: block;
	color: #FFFFFF;	
}

.searchbutton:hover {
	color:#FFFFFF !important;
	cursor:pointer;
	background-color: #b80b38;
	background-image: url(bg-button-hover.png);	
}

.toimipistelist:link, .toimipistelist:visited {
margin-right:9px;
width:181px;
color:#fff;
cursor:pointer;
background:#b80b38 url(bg-button-grey.png);
height: 36px; text-align: center;
display: block;
margin-top: 9px;
border:1px solid;
border-color:#eaeaea #9b9b9b #9b9b9b #eaeaea;
line-height:36px;
float:left;
font-weight: normal;
}

.toimipistelist:hover {
	color: #FFFFFF !important;
	background:#b80b38 url(bg-button-hover.png);
	font-weight: normal;
}



#contents input {
	margin: 3px;
}


#quicksearch input
{padding:0;line-height:18px;padding:0 0 9px 3px;margin-bottom:0px;}




/* LOMAKKEET */

/** Lomakkeiden yleiset tyylit **/

input
{padding:0;line-height:18px;padding:0 0 0 0.5em;margin-bottom:9px;}
textarea 
{padding:0;line-height:18px;border:1px solid #e1e1e1;border-top:1px solid #aaa; background:#fff; padding:0 0 0 0.5em;margin-bottom:9px;}
/*
input:hover, textarea:hover { background:#d9e5fc; border:1px solid #fff; }
*/
input:focus, textarea:focus {background:#fff; border:1px solid #b80b38; }


textarea {width:500px; height:12em; border:1px solid #e1e1e1;border-top:1px solid #aaa;padding:10px; overflow:auto;}

 option {background:#fff;}
 optgroup {background:#fff;font-style:normal;color:#333; }
 optgroup option {background:#fff; }

 fieldset p, form p{margin:9px 0 9px 0;padding:0;}
 
/** Yleiset lomake-elementtien luokat **/

/* Lomakkeeseen kiinni tuleva kuva */
img.lomakekuvitus{padding:0;margin:0 auto;position:relative;display:block;text-align:center;}

h2.formtitle{clear:left;color:#fff;background:#760c02 url(bg-button.png) top repeat-x;text-transform:uppercase;font-family: "Courier New", Courier, mono;font-size:16px;line-height:36px;text-align:center;margin-bottom:36px;}

 p.kuvaus{margin:auto;width:100%;text-align:center;}

.required{color:#a5140c;font-weight:bold;}
.error{background:#e3c3be;color:#a5140c;border:1px solid #b80b38;margin-bottom:10px;}
.error p{padding:5px;margin:0;}

input.radio, input.cb{background:#f9f9f9;border:0;}

/** Lomakkeiden painikkeet **/

#button1, #button2 {color:#fff; cursor:pointer; background:#b80b38 url(bg-button.png); height: 36px;line-height:36px;text-align: center;display: inline;margin-top:18px;border:1px solid; border-color:#4f718a #003 #003 #4f718a;}
#button1:hover, #button2:hover {color:#fff; background:#b80b38 url(bg-button-hover.png);  }

#button1 {width:320px; margin-left:20px !important;}
#button2 {width:200px; margin-left:10px !important;}

/* Lomakekohtaiset tyylit */

/* Contact form - lomake ilman taulukkoa */


form#contactform {background:#f2f2f2 url(bg-form.png) top repeat-x;width:578px; margin:0 auto;  border:1px solid; border-color:#e5e5e5 #c7c7c7 #c7c7c7 #e5e5e5;clear:left;position:relative;}

form#contactform fieldset {background:#f9f9f9;width:520px; display:block;margin:18px auto; font-family:verdana, sans-serif; line-height:18px; border:1px solid #c2c2c2;color:#555;padding:10px;  font-style:italic;}

/*
form#contactform fieldset:hover, form#contactform fieldset:focus  {border:1px solid #fff;}
*/

form#contactform legend { border:1px solid #c2c2c2; color:#fff;  font-weight:normal; font-style:normal; font-family: "Courier New", Courier, mono;  width:254px;padding:4px;background:#008be8 url(bg-button-blue.png);text-transform:uppercase;font-size:14px; margin-bottom: 10px; }

form#contactform label, form#contactform .label {clear:left; display:block; float:left; width:120px; text-align:right; padding-right:10px;  font-size:11px; line-height:18px; font-style:normal;}

form#contactform div.radiogroup{line-height:18px;display:inline;}
form#contactform div.radiogroup .floated{margin-left:135px;}

/** Taulukko lomakkeiden tyylit **/

div#contactform{background:#f2f2f2 url(bg-form.png) top repeat-x;width:578px; margin:0 auto;border:1px solid; border-color:#e5e5e5 #c7c7c7 #c7c7c7 #e5e5e5;}

div.formblock{width:540px;background:#f9f9f9;border:1px solid #c2c2c2;margin:36px auto;}

table.inputbox{background:transparent;width:520px;margin:9px;display:block;font-family:verdana, sans-serif; line-height:18px; color:#555;font-size:10px;font-family:verdana;}

.inputvalue{}

table.inputbox td{line-height:18px;}

.formblock-h{border:1px solid #c2c2c2; display:block;width:200px;color:#fff;  font-weight:normal; font-style:normal; font-family: "Courier New", Courier, mono;padding:4px;margin:-13px 0 9px 10px;background:#008be8 url(bg-button-blue.png);text-transform:uppercase;font-size:14px;}


form.kohdenumero {
	color:			#b6b6b6;
	float:			right;
	margin-top:		52px;
	line-height:	18px;
}

form.kohdenumero input{line-height:18px;font:10px verdana,helvetica,sans-serif;padding:3px;margin-left:2px;}
 
form.kohdenumero input#kohdenumero{width:65px;border:1px solid #d1d1d1;background:#f7f7f7;}
 
form.kohdenumero input#kohdenumero:focus, form.kohdenumero input#kohdenumero:hover{width:65px;border:1px solid #a2a2a2;background:#fff;}
 
.kohdenumero input {padding:0 0 9px 3px;margin-bottom:0px;}

 
.hakunappi{padding: 0px;font:10px verdana,helvetica,sans-serif;background:#b61600;color:#fff;border:1px solid; border-color:#9f0000 #6e0000 #6e0000 #9f0000;}
 
.hakunappi:hover{background:#951104;color:#fff;border:1px solid; border-color:#6e0000 #9f0000 #9f0000 #6e0000;}

.henkilohakunappi{padding:0 15px 0 15px;color:#fff;background:#b80b38 url(s-bg-button.png);border:1px solid; border-color:#9f0000 #6e0000 #6e0000 #9f0000;line-height:18px;float:right;cursor:pointer;}
.henkilohakunappi:hover{background:#b80b38 url(s-bg-button-hover.png);border:1px solid; border-color:#6e0000 #9f0000 #9f0000 #6e0000;}


/** Ostotoimeksiantolistaus **/

table.otakohde{margin-bottom:18px;}
table.otakohde tr, td{line-height:18px;}
table.otakohde td{border:0;}
table.otakohde{width:100%;border:1px solid #c7c7c7;}

table.otakohde td.alue{color:#fff;background:#760c02 url(bg-button.png) top repeat-x;text-transform:uppercase;font-family: "Courier New", Courier, mono;font-size:16px;line-height:36px;text-align:center;}

td.otalabel{width:80px;padding-left:15px;padding-right:15px;font-weight:bold;text-align:right;}

tr.odd{background:#f9f9f9; border-top:1px dotted #c2c2c2;border-bottom:1px dotted #c2c2c2;}

a.otayhteys{display:block;color:#fff; cursor:pointer; background:#008be8 url(bg-button-blue.png); height: 36px;line-height:36px;text-align: center;float:right;padding-left:10px;padding-right:10px;}

a.otayhteys:hover {color:#fff; background:#008be8 url(bg-button-blue-h.png);  }
