/* CSS Document */

* {
padding: 0;
margin: 0;
}

body {
	background: #a99898 url(ruusutausta.jpg) no-repeat 50% 0%;
	scrollbar-3dlight-color:#c3a370; 
	scrollbar-arrow-color:#6f4f35; 
	scrollbar-base-color:#d9c198; 
	scrollbar-darkshadow-color:#c3a370; 
	scrollbar-face-color:#c3a370; 
	scrollbar-highlight-color:#d9c198; 
	scrollbar-shadow-color:#d9c198;
}
/* laatikon keskitys vanhemmille selaimille */
#keskitys {
	text-align: center;
}
#laatikko {
	background: url(laatikko.jpg) no-repeat bottom;
	width: 828px;
	height: 727px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#laatikko h1 {
	margin: 0px;
}

#sisalto {
	width: 100%;
	height: 600px;
	text-align: left;
	clear: left;
}

#isotekstikehys {
	position: relative;
	top: 30px;
	left: 60px;
	width: 710px;
	height: 550px;
	overflow: auto;
}
#isotekstikehys2 {
	position: relative;
	top: 0px;
	left: 60px;
	width: 710px;
	height: 500px;
	overflow: auto;
}
h3 {
	padding-left: 80px;
	margin-bottom: 25px;
	font-family: Arial Narrow, Arial, Verdana;
	font-size: 1.7em;
	color: #6f4f35;
	font-style: italic;
}
h4 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Arial Narrow, Arial, Verdana;
	font-size: 1.1em;
	color: #6f4f35;
}
p {
	font-family: Arial, Verdana;
	font-size: 0.9em;
	line-height: 130%;
	color: #6f4f35;
	margin-bottom: 10px;
}
#isotekstikehys2 ul {
	list-style: disc;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Arial, Verdana;
	font-size: 0.9em;
	line-height: 130%;
	color: #6f4f35;
}

/************ ETUSIVU *************/
h3#etusivunotsikko {
	position: relative;
	top: 20px;
	left: 110px;
	z-index: 400;
	margin: 0px;
}
#pikkukuvat {
	position: relative;
	top: 25px;
	left: 70px;
	float: left;
}
#isokuva {
	position: relative;
	top: 8px;
	left: 70px;
	margin-left: 200px;
}

/************ AJANKOHTAISTA *************/
#ajankohtaista {
	position: relative;
	top: -10px;
	left: 620px;
	width: 155px;
	height: 30px;
	background: url(ajankohtaista.gif) no-repeat;
	padding-top: 1px;
	text-align: center;
	font-family: Arial Narrow, Arial, Verdana;
	font-size: 14pt;
	font-weight: bold;
	color: #6f4f35;
}
#ajankohtaista a:link {
	color: #6f4f35;
	text-decoration: none;
}
#ajankohtaista a:hover, a:active {
	color: #fff;
	text-decoration: none;
}
#ajankohtaista a:visited {
	color: #4d3c2e;
	text-decoration: none;
}

/************ TUOTTEET *************/
#tuotteet {
	clear: left;
}
#tuotteet h3 {
	padding-left: 140px;
	padding-top: 30px;
	padding-bottom: 9px;
	margin: 0px;
	font-family: Arial Narrow, Arial, Verdana;
	font-size: 20pt;
	color: #6f4f35;
}
#tuotteet #vasen {
	width: 310px;
	float: left;
}
#tuotteet #teksti {
	position: relative;
	top: 10px;
	left: 60px;
	z-index: 400;
	width: 310px;
	height: 180px;
	font-family: Arial, Verdana;
	font-size: 10pt;
	line-height: 130%;
	color: #6f4f35;	
}
#tuotteet #pikkukuvat {
	position: relative;
	top: 0px;
	left: 65px;
	width: 250px;
	text-align: center;
	clear: left;
}
#tuotteet #pikkukuvat #kuva1 {
	width: 121px;
	height: 137px;
	float: left;
	cursor: pointer;
}
#tuotteet #pikkukuvat #kuva2 {
	position: relative;
	top: 0px;
	left: 8px;
	margin-left: 121px;
	width: 121px;
	height: 137px;
	cursor: pointer;
}
#tuotteet #pikkukuvat #kuva3 {
	position: relative;
	top: 9px;
	left: 0px;
	width: 121px;
	height: 137px;
	float: left;
	cursor: pointer;
}
#tuotteet #pikkukuvat #kuva4 {
	position: relative;
	top: 9px;
	left: 8px;
	margin-left: 121px;
	width: 121px;
	height: 137px;
	cursor: pointer;
}
#tuotteet #namikat {
	position: relative;
	top: 20px;
	left: 0px;
	clear: left;
}
#tuotteet #isokuva {
	position: relative;
	top: 0px;
	left: 24px;
	width: 436px;
	height: 493px;
	margin-left: 310px;
}

/************ TILAUSLOMAKE *************/

#lomake {
	position: relative;
	top: 20px;
	left: 60px;
	width: 710px;
	height: 550px;
	margin: 0px;
	overflow: auto;
}
#lomake h3 {
	padding-left: 80px;
	margin-bottom: 10px;
	font-family: Arial Narrow, Arial, Verdana;
	font-size: 1.7em;
	color: #6f4f35;
}
#tilaaja {
	padding-left: 80px;
	font-family: Arial, Verdana;
	font-size: 0.9em;
	color: #6f4f35;
	margin-bottom: 15px;
}
#muutkentat {
	position: relative;
	top: 0px;
	left: 0px;
	font-family: Arial, Verdana;
	font-size: 0.9em;
	color: #6f4f35;
}
#kiitos {
	position: relative;
	top: 20px;
	left: 140px;
	margin-bottom: 10px;
	font-family: Arial, Verdana;
	font-size: 0.9em;
	color: #6f4f35;
}
.inputtext {
	font-family: Arial, Verdana;
	font-size: 0.9em;
	color: #6f4f35;
	margin-bottom: 3px;
	background: #f0e3cf;
	border: 1px solid #815427;
}
.inputbutton {
	font-family: Arial, Verdana;
	font-size: 0.9em;
	font-weight: bold;
	color: #6f4f35;
	background: #f0e3cf;
	border: 1px solid #815427;
}

/************ YHTEYSTIEDOT *************/

a.confetti {
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 5px;
	background: #fff;
}

/************ LINKIT *************/

a:link {
	color: #000;
	text-decoration: underline;
}
a:visited {
	color: #6f4f35;
	text-decoration: underline;
}
a:hover, a:active {
	color: #000;
	text-decoration: none;
}

/************ PÄÄVALIKKO *************/

#paavalikko {
	display: block;
	margin-top: 17px;
	text-align: left;
	width: 100%;
	float: left;
}
#paavalikko ul {
	list-style: none;
	float: left;
	padding-left: 13px;
	padding-right: 13px;
}
#paavalikko h2 {
	font-family: Arial Narrow, Arial, Verdana;
	font-size: 14pt;
	color: #6f4f35;
	display: block;
	padding-bottom: 5px;
}
#paavalikko ul.etusivu {
	width: 60px;
	padding-left: 160px;
}
#paavalikko ul.tuotteet {
	width: 67px;
}
#paavalikko ul.yritysesittely {
	width: 100px;
}
#paavalikko ul.tilaus {
	width: 48px;
}
#paavalikko ul.toimitusehdot {
	width: 113px;
}
#paavalikko ul.yhteystiedot {
	width: 113px;
	padding-right: 0px;
}
#paavalikko ul ul {
	position: absolute;
	z-index: 500;
	padding: 5px 7px 5px 7px;
	background: #d9c198;
	width: 180px;
}
#paavalikko ul ul li {
	font-family: Arial, Verdana;
	font-size: 10pt;
	padding: 2px 0 2px 0;
}
div#paavalikko ul ul,
div#paavalikko ul li:hover ul ul,
div#paavalikko ul ul li:hover ul ul
{display: none;}

div#paavalikko ul li:hover ul,
div#paavalikko ul ul li:hover ul,
div#paavalikko ul ul ul li:hover ul
{display: block;}

#paavalikko a:link {
	color: #6f4f35;
	text-decoration: none;
}
#paavalikko a:visited {
	color: #4d3c2e;
	text-decoration: none;
}
#paavalikko a:hover, a:active {
	color: #fff;
	text-decoration: none;
}