﻿/* TRANSPARENCY-FIX FOR IE6 */

img, #formularbg, #copyright, #galleriet_bakgrund, #kreditkort, .menynamn, .menypris, #lankb, #drake, #indexrutan, #linje_1, #linje_2, #menybg, #menyn, #leilanilogo { behavior: url("iepngfix.htc"); }

	/* This can be used to make transparent PNGs work on CSS backgrounds as well. Say you have this code:
		#header { background:url(header.png); }
	All you have to do is apply the background behavior to the #header element:
		img, #header { behavior: url(iepngfix.htc); }
	You can do this with every element you’e using PNG-transparency on:
		img, #header, .class, blockquote { behavior: url(iepngfix.htc); }
	The asterisk also works, but I don’t know what it does to rendering time:
	* { behavior: url(iepngfix.htc); } */

		a.ho.link 				{ color: #FF00A8; }
		a.ho.visited			{ color: #FF00A8; }
		a.ho.active			{ color: #FF00A8; }
		a.ho.hover 			{ color: #FFFFFF; }

	 	a.kontakt:link 		{ color: #FFF0A8; text-decoration:none; } 
		a.kontakt:visited	{ color: #FFF0A8; text-decoration:none; }
		a.kontakt:active	{ color: #FFF0A8; text-decoration:none; }
		a.kontakt:hover		{ color: #FFFFFF; text-decoration:none; }

		a.menylank:link 	{ color: #FFF0A8; text-decoration:none; }
		a.menylank:visited	{ color: #FFF0A8; text-decoration:none; }
		a.menylank:active	{ color: #FFF0A8; text-decoration:none; }
		a.menylank:hover	{ color: #FFFFFF; text-decoration:none; }



body {margin: 0; height: 100%; text-align: center; background: #ae9b4a url('bilder/background2.jpg') no-repeat center top; }

#leilanilogo {background: url('bilder/leilani_logo.png') no-repeat;	position: absolute; width: 314; height: 191;
	margin-top: 0; margin-left: 60;}
	
#drake {background: url('bilder/drake.png') no-repeat; position: absolute; width: 83px; height: 168;
	margin-top: 5; margin-left: 631;}

#kontaktinfo_tel {position: absolute; height: auto; width: auto; margin-top: 5; margin-left: 395; font-size: 200%; font-family: tahoma,arial,verdana; color: #FFF0A8;}

#kontaktinfo_adress {position: absolute; width: auto; height: auto; margin-top: 60; margin-left: 400;
	font-size: 70%; font-family: tahoma,arial,verdana; color: #FFF0A8;}

#kontaktinfo_email_och_hitta {position: absolute; width: auto; height: auto; margin-top: 40; margin-left: 400;
	font-size: 75%; font-weight: bold; font-family: tahoma,arial,verdana; color: #FFF0A8;}

#kontaktinfo_email {position: absolute; width: auto; height: auto; margin-top: 40; margin-left: 525;
	font-size: 110%; font-family: tahoma,arial,verdana; color: #FFF0A8;}

#kontaktinfo_hitta {position: absolute; width: auto; height: auto; margin-top: 58; margin-left: 525;
	font-size: 110%; font-family: tahoma,arial,verdana; color: #FFF0A8;}

#oppettider	{position: absolute; width: auto; height: auto; padding-top: 4px; padding-bottom: 4px;
	margin-top: 85px; margin-left: 400;}

.oppettider {text-align: left; font-size: 75%; font-family: tahoma,arial,verdana; color: #FFF0A8;}

#kreditkort	{background: url('bilder/kreditkort2.png') no-repeat; position: absolute; width: 53; height: 240; margin-top: 7; margin-left: 765; z-index: 5;}

#linje_1 {position: absolute; background-image: url('bilder/linje_1.png'); margin-top: 265; margin-left: 132; height: 20px; width: 728px;}

#linje_2 {position: absolute; background-image: url('bilder/linje_2.png'); margin-top: 205;	margin-left: 180; height: 20px;	width: 728px;	}

#lunchinfo {position: absolute; margin-top: 227; margin-left: 188; font-size: 70%; font-family: tahoma,arial,verdana;
	color: #FFF0A8; width: 240;}

#lunchinfo2 {position: absolute; margin-top: 303; margin-left: 192; font-size: 60%; font-family: tahoma,arial,verdana;
	color: #FFF0A8; width: 515;}

#titel_lunchmeny {position: absolute; margin-top: 215; margin-left: 405; text-align: right; font-size: 310%; font-family: tahoma,arial,verdana; color: #FFFFFF;}
#titel_pizzor {position: absolute; margin-top: 215; margin-left: 524; text-align: right; font-size: 310%; font-family: tahoma,arial,verdana; color: #FFFFFF;}
#titel_alacarte {position: absolute; margin-top: 215; margin-left: 447; text-align: right; font-size: 310%; font-family: tahoma,arial,verdana; color: #FFFFFF;}
#titel_boka {position: absolute; margin-top: 215; margin-left: 477; text-align: right; font-size: 310%; font-family: tahoma,arial,verdana; color: #FFFFFF;}
#titel_start {position: absolute; margin-top: 215; margin-left: 247; text-align: right; font-size: 310%; font-family: tahoma,arial,verdana; color: #FFFFFF;}
#titel_galleri {position: absolute; margin-top: 215; margin-left: 447; text-align: right; font-size: 310%; font-family: tahoma,arial,verdana; color: #FFFFFF;}

#skrivut {position: absolute; border-width: 1px; border-color: #FCCE81;	border-style: solid;
	padding-top: 1; padding-bottom: 1; padding-left: 3;	padding-right: 3; margin-top: 238; margin-left: 663;
	text-align: right; font-size: 70%; font-family: tahoma,arial,verdana; color: #FFCC00;}

#menyval_lunch {position: absolute; margin-top: 274; margin-left: 410;
	text-align: right; font-size: 75%; font-family: tahoma,arial,verdana; font-weight: bold; color: #FFCC00;}

#menyval_alacarte {position: absolute; margin-top: 274; margin-left: 225;
	text-align: right; font-size: 75%; font-family: tahoma,arial,verdana; font-weight: bold; color: #FFCC00;}

#copyright {background: url('bilder/copyright.png') no-repeat; position: absolute; margin-top: 5; margin-left: 2; width: 10; height: 72;}

#menylogovidutskrift {position: absolute; margin: 0;}

#galleribanner {width: 400; text-align: right; font-size: 70%; font-family: tahoma,arial,verdana; color: B65F11;}

#gallery {position: absolute; margin-top: 490; width: 400; margin-left: 250;}


/* LÄNKARNA TILL HÖGER */
#lank {position: absolute; width: 130px; height: 26px; text-align: left; font-size: 105%; font-family: tahoma,arial,verdana; z-index: 25;}
#lankb {position: absolute;	width: 13px; height: 26px; background: url("bilder/pil.png"); background-position: top right; background-repeat: no-repeat; z-index: 20;}


/* MENYNDIVARNA BÖRJAR HÄR*/
#ingar {color: #822E00; font-size: 60%; font-family: tahoma,arial,verdana;}
.nyapizzor {color: #822E00; font-size: 130%; font-family: tahoma,arial,verdana; height: 45;}

#middagar, #varmratter, #forratter, #vegetariskt, #thai, #alacartemenu, #barnmeny, #hotnspicy, #pizzor, #kinamat, #affarslunch
{font-size: 200%; font-family: tahoma,arial,verdana; color: #822E00;}

#menyn {position: absolute; width: 515; height: 435; margin-top: 317; margin-left: 191; overflow: auto;
	border-width: 1px; border-color: #FCCE81; border-style: solid; padding-left: 4px;
	text-align: left; font-size: 90%; font-family: tahoma,arial,verdana; color: #822E00; letter-spacing: 0px; 
		scrollbar-3dlight-color:	FF7400 !important;
		scrollbar-arrow-color:		FFCC00 !important;
		scrollbar-base-color: 		FF7400 !important;
		scrollbar-darkshadow-color: ff9b38 !important;
		scrollbar-face-color: 		FF7400 !important;
		scrollbar-highlight-color: 	ff9b38 !important;
		scrollbar-shadow-color: 	FF7400 !important;
		scrollbar-track-color:		e95e02 !important;}

#menybg	{position: absolute; width: 515px; height: 435px; margin-top: 317; margin-left: 191;
	background: url('bilder/menybakgrund4.png')	repeat-x top left;}
.menyrad {text-align: left; padding: 3px;
	font-size: 70%; font-family: tahoma,arial,verdana; font-weight: bold; color: #822E00;}
.menynamn {width: 80%; background: url("bilder/rattbakgrund.png")}
.menypris {width: 20%; background: url("bilder/rattbakgrund.png")}
.menybeskr {text-align: left; padding: 3px; font-size: 70%;	font-family: tahoma,arial,verdana; color: #822E00; width: 100%;}
.alacartebeskr {text-align: left; padding: 3px; font-size: 70%;	font-family: tahoma,arial,verdana; color: #822E00;}
.menytabell {width: 490;}



#galleriet_bakgrund	{position: absolute; width: 515px; height: 500; margin-top: 317; margin-left: 191;
	border-width: 1px; border-color: #FCCE81; border-style: solid;
	background: url('bilder/menybakgrund4.png'); background-repeat: repeat-x; background-position: top left;}

#galleriet {position: absolute; width: 515px; height: 500; margin-top: 317; margin-left: 191; padding: 4;
	text-align: left;  font-size: 70%;  font-family: tahoma,arial,verdana; color: #822E00;}

#indexrutan
	{position: absolute; width: 515px; height: 500; margin-top: 317; margin-left: 191; padding: 4;
	border-width: 1px; border-color: #FCCE81; border-style: solid;
	text-align: left; font-size: 80%; font-family: tahoma,arial,verdana; color: #822E00;
	background: url('bilder/menybakgrund4.png'); background-repeat: repeat-x; background-position: top left; 
		scrollbar-3dlight-color: 	FF7400 !important;
		scrollbar-arrow-color: 		FFCC00 !important;
		scrollbar-base-color: 		FF7400 !important;
		scrollbar-darkshadow-color: ff9b38 !important;
		scrollbar-face-color: 		FF7400 !important;
		scrollbar-highlight-color: 	ff9b38 !important;
		scrollbar-shadow-color: 	FF7400 !important;
		scrollbar-track-color:		e95e02 !important;}

table.formular {text-align: left; font-size: 105%; font-family: tahoma,arial,verdana; color: #822E00;}

#galleribild
	{
	position: absolute;
	padding: 2px;
	width: 595px;
	height: 200px;
	margin-top: 450px;
	margin-left: 150px;
	text-align: center;
	font-size: 60%;
	font-family: tahoma,arial,verdana;
	color: #822E00;
	}
	
#formular {border:1px solid #FCCE81; position: absolute; width: 515; margin-top: 317; margin-left: 191; padding-left: 4px;
	text-align: left; font-size: 90%; font-family: tahoma,arial,verdana; color: #822E00;}

#formularbg {position: absolute; width: 515; height: 475; margin-top: 317; margin-left: 191;
	background: url('bilder/menybakgrund4.png') repeat-x left top;}
