* {margin:0; padding:0}
#hideme {display: none;}

hr {border:1px dashed #ddd; margin:10px 0}

/* sisältötaulu */
.content {margin-top: 10px; font-weight: normal; padding:0}
.content td { padding:0 10px; border-bottom:1px solid #eee}
.content h3 { margin-top:25px; font-weight:bold}

body {
	background:#fff299 url(kuvat/bg2.jpg) repeat-x center top;
	text-align: center;
	color: #7b1919;
	font-family: Trebuchet, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
}

img {border: 0;}

#container {
	margin: 0 auto;
	width: 809px;
	text-align: left;
	background:url(kuvat/header1.jpg) no-repeat;
}

#header {
height:210px 

}

#logo img {display:none; float:left; margin-left:20px}
#logo a {display:block; margin-left:30px; height:100px; width:200px; float:left; margin-top:30px}

#menu { margin-top:210px; padding:0 0 0 70px; height:28px }

#menu ul, #menu li {margin:0; padding: 0; list-style-type: none;}

#menu li {
	border-left: 1px solid #ababaa;
	float: left;
	overflow: visible;
	text-align: center;
}

#menu li.first { border-left: 0px; }

#menu a {
font-size: 13px;
line-height:28px;
color: #999;
text-decoration: none;
display: block;
padding: 0 10px;
font-weight:bold;
}
#menu a:hover { color: #ea0; }
#menu li.current a { color:#f80; }


#contact_box {
font-family: trebuchet, "trebuchet ms", verdana, arial, sans-serif;
font-size: 12px;
color: #99624e;
font-weight: bold;
padding:0 10px;
display:none
}

#contact_box a {color:#a39484;text-decoration: none; font-weight: bold; margin: 0px; padding: 0px;}
#contact_box a:hover {color:#333; text-decoration: underline;}

#contact_box p {
font-family: trebuchet, "trebuchet ms", verdana, arial, sans-serif;
float: left;
font-size: 12px;
padding:0 20px;
color:#a39484;
}

.ajankohtainen {padding-top:60px}


#content_container {padding:0px 20px}
#content { clear:both; padding-top:20px; }
#content #text img { margin: 0 0 8px 8px }
#left {
color: #49261a;
font-size: 11px;
float: left;
width: 200px;
padding-left: 20px;
}

#text {
position: relative;
float: right;
width: 500px;
color: #5c5e60;
font-size: 11px;
line-height: 1.4em;
padding-right: 25px;
display: inline;
}


h2 {
color: #aaa;
font-size: 1.3em;
margin: 0px;
font-weight: bold;
padding:10px 0 5px;
}

h1 {
font-size: 1.8em;
font-weight: normal;
margin: 0px;
padding-bottom: 5px;
padding-top: 0px;
line-height:normal;
color:#A8875B
}
h1 span {
color:#7A9BCD;
display:block;
padding-left:40px;
font-size:140%;
font-style:oblique
}

h3 {
font-size: 1.2em;
font-weight: bold;
margin: 0px;
padding-bottom: 0px;
padding-top: 15px;
color:#7e4343;
}

p {
margin: 0px;
padding: 5px 0;
font-family: Verdana, trebuchet, "trebuchet ms", arial, "sans serif";
}
ul, ol {
margin: 0 0 0 20px;
padding: 5px 0;
font-family: Verdana, trebuchet, "trebuchet ms", arial, "sans serif";
}
.hinnasto p {
margin: 0px;
padding: 6px 0 0;
font-family: Verdana, trebuchet, "trebuchet ms", arial, "sans serif";
}
.hinnasto ul {
margin: 0px;
padding: 0;
font-family: Verdana, trebuchet, "trebuchet ms", arial, "sans serif";
}

table p {
padding: 0px;
font-family: Verdana, trebuchet, "trebuchet ms", arial, "sans serif";
}

#text a {
	text-decoration: underline;
	color:inherit;
}
#left a {
	text-decoration: underline;
	color:inherit;
}

p.kuvateksti {
font-weight:bold;
font-size: 9px;
padding-bottom: 0px;
line-height:normal
}
p.boksi {width:132px; height:128px; background:url(boksi.gif) no-repeat center; text-align:center; padding:20px;font-weight:bold; color:#333366; line-height:16px}

#colNormal ul {margin-top:0px;}

#colNormal a:hover {color: #333;}

.clearer {
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px; 
}

/* Footers */

#footer {
font-family: Verdana, trebuchet, "trebuchet ms", arial, "sans serif";
border-top:1px solid #e8d5c3;
color: #c3a68a;
text-align: center;
font-size:9px;
}
#footer a {color: #dccbba; text-decoration: none;}





/* lomake */
fieldset {
	margin-bottom: 10px;
	border: #ddd;
	border-style: solid;
	border-width: 1px;
	padding-right: 10px;
}
legend {
	font-family: "trebuchet ms", trebuchet;
	font-size: 1.3em;
	padding: 0 2px;
	font-weight: normal;
    color: #888;
}
input.text {width:300px}
textarea {width:300px}

left img {margin:0 !important}

span.hinta {color:#8e5353; font-weight:bold; font-size:120%}
ul.uutta {padding:10px; margin:0px; color:#c40; list-style:none; font-size:12px;}
ul.uutta li {padding:6px 20px; background:url(star.png) no-repeat 0 6px; line-height:1.4em; list-style:none;}
ul.uutta li .hinta {font-size:14px; font-style:oblique; padding-left:3px; color:#F63}

/* Tuotevalikko */

.menu2 {line-height:1.5em; margin-left:0px; width:200px}
.menu2 a {float:left; clear:left; padding:10px}
.menu2 a.current {text-decoration:none !important; font-weight:bold }

form#mlite {margin:0; padding:10px 0; width:200px}
form#mlite fieldset {border:none; margin:0; padding:0;}
form#mlite legend {display:none}
form#mlite .sc { width:0; height:0; margin:0; padding:0; visibility:hidden;	}
form#mlite .text {width:200px; color:#333}
form#mlite label {width:200px; display:block; padding-top:3px}
form#mlite .submit {clear:both; color:#333; cursor:pointer; font-size:10px}


.thumbnails {padding:20px 0; width:100%}
.thumbnails a {
	width:90px;
	height:90px;
	display:block;
	float:left;
	margin:0 10px 10px 0;
	background-position:center; 
	background-repeat:no-repeat;
	border:2px solid #eee;
}
.thumbnails a img {display:none}
.thumbnails a:hover {border:2px solid #ccc}

a.video {background:url(video.png) no-repeat left center; padding:3px 0 3px 20px; line-height:20px}
a.pdf {background:url(pdf.png) no-repeat left center; padding:3px 0 3px 20px; line-height:20px}
a.kuva {background:url(image.png) no-repeat left center; padding:3px 0 3px 20px; line-height:20px}

table.etusivu td { }
table.etusivu td p {padding:5px 10px 5px 0;}

/* tuotteet */
.laatikko {border:1px solid #7A9BCD; padding:12px; margin:20px; background:#FFF }
.laatikko strong {}
.laatikko ul {list-style-type:none; padding: 0px; margin: 0px; font-size:14px; line-height:22px}
.laatikko li { list-style-type:none; background: url(bullet-plus.gif) 0px 9px no-repeat; padding-left: 9px; color:#2158ad }
.laatikko h2 {color:#2158ad }
.laatikko h3 {color:#2158ad }
.laatikko img {}

ul.tuotteet li {padding-bottom:4px}
table.hoito-ohjelma {color:#444}
table.hoito-ohjelma td {width:200px; padding:5px; vertical-align:top}
table.hoito-ohjelma td.vasen {font-style:oblique; text-align:right; font-size:14px; color:#777}

p.takaisin {margin-top:20px; border-top:1px dashed #ddd}