@charset "UTF-8";
/* CSS Document */

@import "easyslider.css";

* {
	margin: 0 auto;
	padding: 0 auto;
}
body {
	background-color: #FFFFFF;
	font-family: Times, "Times New Roman", Georgia, serif;
	color: #22201d;
}
img {
	padding: 0px;
	margin: 0px;
	border: none;
}
p {
	font-family: Times, "Times New Roman", Georgia, serif;
	font-size: 0.9em;
	text-align: left;
	padding: 0px 0px 0px 0px;
}
p.oikeepalstap {
	margin-right: 50px;
	margin-top: 10px;
}
span.smallcaps {
	font-variant: small-caps;
	letter-spacing: 1px;
	color: #003a00;
	font-size: 1.1em;
}
em.valilla {
	padding-left: 14px;
}
h2 {
	font-family: Times, "Times New Roman", Georgia, serif;
	font-size: 1.4em;
	text-align: center;
}
h2.ravintolah2 {
	padding: 16px 0px 20px 0px;
	margin-left: -6px;
}
img.aterimet{
	padding: 20px 0px 0px 0px;
}
#h2sello {
	text-indent: -9999px;
	width: 300px;
	height: 36px;
	background: url(images/classicsello.gif) no-repeat center;
}
#h2isomena {
	text-indent: -9999px;
	width: 365px;
	height: 37px;
	background: url(images/classicisomena.gif) no-repeat center;
}
#h2hanko {
	text-indent: -9999px;
	width: 319px;
	height: 36px;
	background: url(images/classichanko.gif) no-repeat left;
}
#h2itakeskus {
	text-indent: -9999px;
	width: 355px;
	height: 37px;
	background: url(images/classicitakeskus.gif) no-repeat center;
}
#h2jumbo {
	text-indent: -9999px;
	width: 312px;
	height: 45px;
	background: url(images/classicjumbo.gif) no-repeat center;
}
#h2katinkulta {
	text-indent: -9999px;
	width: 312px;
	height: 45px;
	background: url(images/classickatinkulta.gif) no-repeat center;
}
#h2skanssi {
	text-indent: -9999px;
	width: 334px;
	height: 37px;
	background: url(images/classicskanssi.gif) no-repeat center;
}
#h2ruka {
	text-indent: -9999px;
	width: 309px;
	height: 29px;
	background: url(images/classicruka.gif) no-repeat center;
}
h2.toihinh2 {
	font-size: 1.6em;
	padding: 20px 0px 20px 0px;
}
#h2toihin {
	text-indent: -9999px;
	width: 161px;
	height: 50px;
	background: url(images/h2toihin.gif) no-repeat center;
}
#h2yhteystiedot {
	text-indent: -9999px;
	width: 178px;
	height: 49px;
	background: url(images/h2yhteystiedot.gif) no-repeat center;
}
#h2laatutonni {
	text-indent: -9999px;
	width: 171px;
	height: 36px;
	background: url(images/h2laatutonni.gif) no-repeat center;
	margin-top: 34px;
}
h1 {
	padding: 0;
	margin: 0;
	border: none;
}
#h2kiitos {
	text-align: left;
	font-size: 1.2em;
	margin-top: 86px;
}
#h2toimitilaa {
	text-indent: -9999px;
	width: 330px;
	height: 27px;
	background: url(images/haemmetoimitilaa.gif) no-repeat left;
	margin-top: 20px;
}
#container {
	position: absolute;
	width: 900px;
	height: 564px;
	top: 50%;
	margin-top: -282px;
	left: 50%;
	margin-left: -450px;
	background-image: url(images/pohja.jpg);
	background-repeat: no-repeat;
}
/* Laput */
#classiclappu {
	position: absolute;
	left: 50px;
	top: -60px;
}
#classiclappujuomat {
	position: absolute;
	left: 100px;
	top: -10px;
}
#classiclappulahjakortti {
	position: absolute;
	left: 70px;
	top: 0px;
}
#classiclappu1996 {
	position: absolute;
	left: 100px;
	top: -25px;
}
#classiclappuravintolat {
	position: absolute;
	left: 100px;
	top: -80px;
}
#classiclappupizzat {
	position: absolute;
	left: 476px;
	top: -46px;
}
#classiclappuviinit {
	position: absolute;
	left: 473px;
	top: -34px;
}
#classiclappupalaute {
	position: absolute;
	left: 453px;
	top: -80px;
}
#classiclappukiitos {
	position: absolute;
	left: 460px;
	top: -10px;
}
#classiclappuidea {
	position: absolute;
	left: 50px;
	top: 40px;
}
#classiclappusalads {
	position: absolute;
	left: 74px;
	top: 44px;
}
#pizzatotsikko {
	position: absolute;
	top: 74px;
	left: 82px;
}
h1#saladsotsikko {
	text-indent: -9999px;
	background-image:url(images/saladsotsikko.gif);
	background-repeat:no-repeat;
	height: 43px;
	width: 147px;
}
h1#winesotsikko {
	text-indent: -9999px;
	background-image:url(images/winesotsikko.gif);
	background-repeat:no-repeat;
	height: 38px;
	width: 122px;
}
h1#drinksotsikko {
	text-indent: -9999px;
	background-image:url(images/classicdrinks.gif);
	background-repeat:no-repeat;
	height: 34px;
	width: 216px;
}
h1#palauteotsikko {
	text-indent: -9999px;
	background-image:url(images/palauteotsikko.gif);
	background-repeat:no-repeat;
	height: 44px;
	width: 414px;
}
#roiske1 {
	position: absolute;
	left: -60px;
	top: 350px;
}
#roiske2 {
	position: absolute;
	left: 813px;
	top: 115px;
}
#header {
	height: 60px;
	width: 780px;
	text-align: right;
	padding-top: 60px;
}
#headerpalaute {
	height: 0px;
	width: 900px;
	text-align: right;
	padding-top: 60px;
}
#sisalto {
	height: 354px;
	width: 900px;
	text-align: center;
}
#sisalto2 {
	height: 338px;
	width: 900px;
	text-align: center;
}
#slider {
	margin-left: 66px;
}

/* Palstat */
#vp {
	float: left;
}
#op {
	float: right;
	text-align: left;
	width: 500px;
}
#vprav {
	float: left;
	width: 360px;
	padding: 0px 30px 0px 80px;
}
#vprav2 {
	float: left;
	width: 360px;
	padding: 0px 30px 0px 80px;
	margin-top: 90px;
}
#oprav {
	float: right;
	width: 370px;
	padding: 0px 60px 0px 0px;
}
#opyht {
	float: right;
	width: 370px;
	padding: 28px 60px 0px 0px;
}
#optoihin {
	float: right;
	width: 430px;
	padding: 0px 0px 0px 0px;
}
#optoihin2 {
	float: left;
	width: 390px;
	padding: 0px 0px 0px 0px;
	border: solid 0px;
	margin-top: 10px;
}
#oprav p, #vprav p, #vprav2 p {
	padding: 0px 0px 16px 0px;
}
#oplk {
	float: right;
	text-align: left;
	width: 460px;
}
#vplk {
	float: left;
	margin-left: 80px;
	margin-top: 80px;
	width: 360px;
	text-align: left;
}
#vpp {
	float: left;
	margin-left: 60px;
	margin-top: 260px;
	width: 420px;
	text-align: left;
}
#vpk {
	float: left;
	margin-left: 60px;
	margin-top: 204px;
	width: 420px;
	text-align: left;
}
p.palautep {
	padding: 0px 6px 0px 20px;
}
#opp {
	float: right;
	text-align: left;
	width: 420px;
}
#vpsalad {
	float: left;
	width: 369px;
	text-align: left;
}
#opsalad {
	float: right;
	text-align: left;
	padding-right: 20px;
	width: 511px;
}
#vpid {
	float: left;
	width: 450px;
}
#ideaflash {
	margin-left: -56px;
}
#opid {
	float: right;
	text-align: left;
	width: 414px;
}
#juomatpullo {
	position: absolute;
	top: 220px;
	left: 90px;
}
#champagnekorkki {
	margin-top: 144px;
	margin-left: 74px;
}
#whitekorkki {
	margin-top: 150px;
	margin-left: 74px;
}
#redkorkki {
	padding-top: 150px;
	padding-left: 76px;
}
#saladskuva {
	margin-top: 50px;
	margin-left: 40px;
}
#ideakuva {
	margin-top: 20px;
	margin-left: 50px;
}
#lahjakorttikuva {
	margin-top: 20px;
	margin-left: 20px;
}
#palautekuva {
	position: absolute;
	margin-top: 64px;
	margin-left: 90px;
}
#palautekuvakiitos {
	position: absolute;
	margin-top: 130px;
	margin-left: 90px;
}
#laatutonnikuva {
	margin-top: 80px;
}
#juomavalikko {
	padding-top: 20px;
}
#juomavalikko li {
	float: left;
	list-style-type: none;
	margin-left: 33px;
	font-weight: bold;
	font-size: 0.9em;
}
#juomavalikko2 li {
	float: left;
	list-style-type: none;
	margin-left: 33px;
	font-weight: bold;
	font-size: 0.9em;
}
#palautetaulu {
	text-align: left;
	font-size: 0.8em;
	margin-left: 20px;
	margin-top: 20px;
}
#toihintaulu {
	text-align: left;
	font-size: 0.8em;
	margin-left: 20px;
	margin-top: 0px;
}
#juomataulu td, #juomataulured td {
	vertical-align: top;
}
#juomataulu, #juomataulured {
	margin-left: 5px;
}
#juomataulu p {
	padding: 0;
	margin: 10px 0px 10px 0px;
}
#juomataulured p {
	font-size: 0.9em;
	padding: 0;
	margin: 2px 0px 0px 0px;
}
#footernavi {
	height: 200px;
	width: 900px;
	padding-left: 135px;
	padding-top: 14px;
	font-size: 1.2em;
	letter-spacing: 1px;
}
#footernavipalaute {
	height: 200px;
	width: 900px;
	padding-left: 135px;
	padding-top: 74px;
	font-size: 1.2em;
	letter-spacing: 1px;
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#nav a {
	display: block;
	width: auto;
	margin-right: 15px;	
}
#nav li { /* all list items */
	float: left;
	margin-right: 15px;
	width:auto;  /*width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 7em;
	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;
}
#clearer {
	clear: left;
	color: #ccc;
}
li.linkkili {
	font-size:13px;
}
li:hover ul, li.over ul {
	display: block; }
A:link {
	text-decoration: none; color:#22201d;
}
A:visited {
	text-decoration: none; color:#22201d;
}
A:active {
	text-decoration: none; color:#22201d;
}
A:hover {
	text-decoration: none;
	font-weight: bold;
	color:#004B00;
}


.table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 7pt;
	font-weight: normal;
	letter-spacing: normal;
	font-size: 7pt;
	color: #000000;
	margin-left: 0px;
	text-align: left;
}

.text { 
	width: 208px;
	color: #000000;
	background: #f0f0f0;
	
}

.att { 
	width: 214px;
	color: #000000;
	background: #f0f0f0;
	margin-left: 0px;
	
}

.text_area { 
	width: 210px;
	height: 30px;
	color: #000000;
	background: #f0f0f0;
}

#leima {
	position: absolute;
	left: 700px;
	top: 360px;
}