* { margin: 0px; padding: 0px; text-align: left; }

body { height: 100%; text-align: center; font-family: Arial, sans-serif; font-size: 14px; background: #cccccc url(pattern.jpg) repeat; color: #000000; }
html { height: 100%; }

  #page { position: relative; min-height: 100%; width: 659px; margin: 0 auto; background: url(bgpattern.gif) top center repeat-y; }
  * html #page { height: 100%; }
	#header { position: relative; width: 614px; height: 185px; margin-left: 27px; }
	  h1 { position: relative; width: 614px; height: 185px; background: url(header.jpg) no-repeat; }
	  h1 span { display: none; }
	  .mainnav { position: absolute; top: 57px; right: 81px; font-size: 12px; line-height: 18px; }
	  .modnav { position: absolute; top: 67px; right: 85px; font-size: 12px; line-height: 18x; }
	    .mainnav a, .modnav a { text-decoration: none; color: #4E4E4E; }
	    .mainnav a:hover { border-bottom: 1px solid #000000; color: #000000; }
	    .modnav a:hover { color: #000000; }
	  .osoite { position: absolute; top: 160px; left: 117px; font-size: 10px; font-family: trebuchet ms, sans-serif; color: #B49A72; }
	#woodbar { position: relative; left: 27px; height: 43px; width: 614px; background: url(woodbar.jpg); }
	  h2 { position: absolute; left: 25px; margin-top: 7px; font-size: 17px; font-weight: bold; letter-spacing: -1px; text-align: left; text-decoration: none; color: #E8E5D2; }
	  #langselector { position: absolute; height: 30px; top: 3px; right: 35px; text-decoration: none; color: #E9E6D3; font-size: 13px; letter-spacing: -1px; line-height: 19px; }
	    #langselector a { text-decoration: none; color: #ABA281; }
	    #langselector a:hover { color: #D2C7A1; }
	#contents { position: relative; width: 520px; margin-top: 10px; padding-bottom: 40px; left: 70px; text-align: left; }
	  #etusivu { width: 360px; font-family: Trebuchet MS,sans-serif; font-size: 12px; text-align:justify; color: #EDEAD9; }
	  #runo { position: absolute; width: 115px; right: 0px; border: 2px solid #554D3A; padding: 10px;
		   text-align: left; font-family: Trebuchet MS,sans-serif; font-size: 10px; line-height: 11px; color: #DAD3C5; }
	    * html #runo { width: 135px; }
	    #runo span { font-weight: 900; }
	    #runo .sign { display: block; width: 100%; margin-right: 16px; font-style: italic; text-align: right; }
	  .vtour { position: relative; width: 398px; height: 87px; margin-left: 50px; padding-top: 2px; display: block; background: url(aloitanappi.gif) no-repeat; }
	  .vtour:hover { background: url(aloitanappi.gif) 0px -1px no-repeat; }
	   .vtour span { display: none; }
	  .aukioloajat { margin: 20px 0px 0px 105px; font-size: 11px; color: #D4CCBF; }
	    .tummaotsikko { font-size: 14px; color: #8C7F65; }
	    .vaalea { background: #433826; }

	  #yhteis { position: relative; width: 500px; height: 50px; margin-top: 40px; border-top: 1px solid #554D3A; font-size: 11px; padding: 10px 0px 0px 60px; color: #DAD3C5; }
	  * html #yhteis { width: 520px; }
	    #yhteis img { border: none; }
	    #yhteis a { float: left; text-decoration:none; }
		#yhteis a img { margin: 2px; border: 1px solid #FFFFFF; }
	    #yhteis a:hover { border: none; }
		#yhteis a:hover img { border: 1px solid #AA9F8F; }


	#foodnavi { position: absolute; top: 20px; padding: 10px; border: solid 2px #3B3320; color: #D5B385; background: #2F2714;
		     text-align: left; letter-spacing: -1px; line-height: 19px; font-size: 13px; font-family: Arial,sans-serif; }
	  * HTML #foodnavi { }
	  #foodnavi a { text-decoration: none; color: #F6F5F0; }
	  #foodnavi a:hover { color: #D2C7A1; }

	h3 { position: relative; text-align: right; font-size: 32px; color: #685F3F; }
	#ruokalista { position: relative; left: 155px; width: 370px; font-size: 11px; color: #E7D8BB; }
	#ruokalista * { font-family: Trebuchet MS,sans-serif; }
	  .ruoka { position: relative; width: 370px; margin-top: 30px; }
	    .ruoka th { width: 100%; font-variant: small-caps; font-weight: 900; font-size: 20px; font-family: Trebuchet MS,sans-serif; color: #EEE9D8; }
	    * html .ruoka th { font-size: 18px; }
	    .ruoka .hinta { font-size: 24px; text-align: right; font-weight: 900; color: #D2C7A1; }
	    .ruoka .hinta2 { font-size: 14px; text-align: right; padding-right: 12px; color: #D2C7A1; }
	    .ruoka .spec { font-size: 10px; color: #D2C7A1; }
	    .ruoka .kuvaus { border-top: solid 1px #EEE9D8; padding-top: 5px; font-size: 14px; color: #D2C7A1; text-align: justify; }
	  .note { margin-top: 30px; border-top: solid 1px #88857B; padding-top: 5px; width: 370px; text-align: justify; text-justify: distribute; font-size: 11px; font-family: Arial, sans-serif; color: #989075; }

	#juomalista { position: relative; margin-top: 20px; width: 520px; }
	  .juoma { width: 520px; margin-bottom: 30px; border-bottom: 1px solid #685F3F; }
	    .juoma th { vertical-align: bottom; font-weight: 900; font-size: 16px; font-family: Trebuchet MS,sans-serif; color: #EEE9D8; }
	    .juoma .hinta { text-align: right; color: #CDC4A3; }

	.juomadl { width: 520px; margin-top: 20px; font-family: Trebuchet MS; }
	 .juomadl .jn { position: absolute; vertical-align: bottom; color: #EEE9D8; font-weight: 900; font-size: 16px; }
	 .juomadl .jh { position: relative; display: block; width: 520px; left: 0px; margin-bottom: 30px; padding-bottom: 5px; border-bottom: 1px solid #685F3F; text-align: right; color: #CDC4A3; }

	#yhteystiedot { position: relative; top: 100px; left: 12px; width: 400px; color: #E7D8BB; }
	#yhteystiedot a { color: #EDEAD9; }
	#yhteystiedot a:hover { text-decoration: none; color: #CBC8B7; }
	  h4 { margin-left: 50px; font-size: 16px; font-family: Arial; color: #EEE9D8; }
	  h5 { margin-bottom: 10px; font-size: 16px; font-family: Arial; color: #EEE9D8; }
	  #aukiolotable { width: 400px; margin: 15px 0px 50px 50px; font-size: 11px; color: #D4CCBF; }
	  #aukiolotable th { font-size: 14px; font-weight: 100; color: #9B8F6F; }
	    #aukiolotable .d { background: #433826; }

	  #lb { position: relative; left: 60px; }
	  #cb { position: absolute; top: 168px; left: 265px; width: 200px; }
	  #rb { position: relative; top: 50px; left: 60px; }

	#tarjoustaulu { position: absolute; top: 30px; right: -220px; width: 202px; height: 301px; padding-top: 66px; font-size: 10px; background: url(tarjoustaulu.gif) no-repeat; font-family: Trebuchet MS; }
	 #tarjoustaulu span { width: 120px; margin-left: 37px; color: #463d1d; }
	 #tarjoustaulu p { width: 130px; margin-left: 37px; line-height: 13px; margin-bottom: 7px; text-align: justify; }
	



	#statsit { color: #D4CCBF; }
	h6 { font-size: 24px; margin: 10px; }
	#statsit ul { margin-left: 30px; line-height: 22px; }
	#statsit span { font-weight: 900; color: #FFFAE9; }

	.newtarjous { width: 520px; background: #9B8F6F; }
	.newtarjous * { margin: 8px; font-family: Trebuchet MS, sans-serif; }
	  .newtarjous input { width: 360px; border: 2px solid #433826; background: #FFFBFA; }
	  .newtarjous .sub { width: 120px; text-align: center; border-top: 2px solid #766B59; border-bottom: 2px solid #100503; background: #D4CCBF; }
	  .newtarjous .txtarea { width: 500px; border: 2px solid #433826; background: #FFFBFA; }

	.tarjous { position: relative; margin-top: 30px; width: 520px; border: 3px solid #796d4d; background: #685c3c; }
	.tarjous * { margin: 10px; font-family: Trebuchet MS, sans-serif; color: #FFFAE9; }
	  .tarjous h6 { padding: 0px 10px 0px 10px; font-size: 20px; border-bottom: 1px solid #FFFAE9; }
	    .tarjous a { position: absolute; top: 0px; right: 0px; font-size: 12px; color: #FFAA99; text-decoration: none; }
	    .tarjous a:hover { color: #FF7766; }
	  .tarjous p { padding: 0px 20px 0px 20px; }


	.editruoka { position: relative; display: block; margin: 3px; border: 1px solid #521; padding: 5px; background: #543; }
	.editruoka h4 { margin: 0px; padding: 0px; }
	.editruoka h4 a { text-decoration: none; color: #ca5; }
	.editruoka h4 a:hover { text-decoration: underline; color: #fc7; }
	.editruoka dl dt { margin-top: 5px; padding-left: 8px; font-size: 12px; color: #fc9; }
	.editruoka dl dd { margin: 2px; border: 1px solid #931; padding: 3px; color: #a73; }
	.editruoka dl dd input, .editruoka dl dd select { border: none; background: #fec; }
	.editruoka dl dd textarea { width: 100%; height: 150px; border: none; background: #fec; }
	.editruoka .delruoka { position: absolute; display: block; top: 7px; right: 10px; text-decoration: none; color: #600; }
	.editruoka .delruoka:hover { text-decoration: underline; color: #a00; }