/* GRUND */

body 
{ font-size: 0.75em; background: #000 ; margin: 0px; 
padding: 0px; color: #000; text-align: justify; 
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, "sans-serif"; 
}






h1 { font: 2.5em; color: #333; font-weight: bold; text-align: center; text-transform: uppercase;}  /* MENY */
h2 { font: 1.2em; color: #000; font-weight: bold; text-align: center; }
h3 { font: 1em; color: #900; font-weight: bold; text-align: center; margin-bottom: 0px; }
h4 { font-size: 1.2em; font-weight: normal; text-align: center; margin-bottom: 5px; }
h5 { font-size: 1em; font-weight: normal; text-align: center; margin-top: 10px; margin-bottom: 5px;}
h6 { font-size: 1.2em; color: #900; font-weight: bold; text-align: left; margin: 0px; padding: 0px; }

p { margin-top: 0px;  }
table { width: 340px; margin-bottom: 20px; align: center; margin-left: auto; margin-right: auto; }
td { vertical-align: top;  padding-right: 10px; }


/* ID */
#main { width: 1200px; height: 900px; background: url(../layout/bg1200x900.jpg); margin: auto; }
#meny { width: 950px; padding-top: 115px; overflow: auto; margin: auto; align: center; }
	#knapp1 { height: 62px; width: 188px; margin: 0px; padding: 0px; background: url(../layout/knappar/matodryck.png); overflow: auto; float: left; }
	#knapp1:hover { background: url(../layout/knappar/matodryck2.png); }
	#knapp2 { height: 62px; width: 178px; margin: 0px; padding: 0px; background: url(../layout/knappar/evenemang.png); overflow: auto; float: left; }
	#knapp2:hover { background: url(../layout/knappar/evenemang2.png); }

	#ds { height: 63px; width: 159px; margin: 0px; padding: 0px; overflow: auto; float: left; }

	#knapp3 { height: 62px; width: 149px; margin: 0px; padding: 0px; background: url(../layout/knappar/glassbar.png); overflow: auto; float: left; }
	#knapp3:hover { background: url(../layout/knappar/glassbar2.png); }
	#knapp4 { height: 62px; width: 125px; margin: 0px; padding: 0px; background: url(../layout/knappar/ovrigt.png); overflow: auto; float: left; }
	#knapp4:hover { background: url(../layout/knappar/ovrigt2.png); }


#bestick { width: 230px; height: 691px; margin-top: 50px; background: url(../layout/bestick.png); margin-left: 130px; overflow: auto; float: left;}
#text { width: 340px; height: 500px; margin-top: 110px; margin-left: -40px; float: left; border: solid 0px #f00; }
#foto { width: 343px; height: 393px; margin-top: 80px; margin-left: -10px; float: left; background: url(../layout/foto1.png); overflow: auto;  }
#sidfot{ width: 1200px; height: 50px; overflow: auto; vertical-align: left; text-align: center; color: #640; }
#reklam{ width: 900px; overflow: auto; margin: auto; color: #333; background: #111; margin-top: 100px; margin-bottom: 10px; padding: 25px; border: dotted 2px #600; }



#valkommen {width: 240px; height: 65px; background: url(../layout/rubriker/valkommen.png); overflow: auto; margin: auto; align: center; }
#dagens {width: 240px; height: 65px; background: url(../layout/rubriker/dagens.png); overflow: auto; margin: auto; align: center; }
#matodryck {width: 240px; height: 65px; background: url(../layout/rubriker/matodryck.png); overflow: auto; margin: auto; align: center; }
#fredag {width: 240px; height: 65px; background: url(../layout/rubriker/fredagsbuffe.png); overflow: auto; margin: auto; align: center; }
#rott {width: 240px; height: 65px; background: url(../layout/rubriker/rott.png); overflow: auto; margin: auto; align: center; }
#vitt {width: 240px; height: 65px; background: url(../layout/rubriker/vitt.png); overflow: auto; margin: auto; align: center; }
#catering {width: 240px; height: 65px; background: url(../layout/rubriker/catering.png); overflow: auto; margin: auto; align: center; }
#evenemang {width: 240px; height: 65px; background: url(../layout/rubriker/evenemang.png); overflow: auto; margin: auto; align: center; }
#glass {width: 240px; height: 65px; background: url(../layout/rubriker/glassbar.png); overflow: auto; margin: auto; align: center; }
#ovrigt {width: 240px; height: 65px; background: url(../layout/rubriker/ovrigt.png); overflow: auto; margin: auto; align: center; }
#om {width: 240px; height: 65px; background: url(../layout/rubriker/om.png); overflow: auto; margin: auto; align: center; }
#jobb {width: 240px; height: 65px; background: url(../layout/rubriker/jobb.png); overflow: auto; margin: auto; align: center; }
#lankar {width: 240px; height: 65px; background: url(../layout/rubriker/lankar.png); overflow: auto; margin: auto; align: center; }
#cookies {width: 240px; height: 65px; background: url(../layout/rubriker/cookies.png); overflow: auto; margin: auto; align: center; }





/* CLASS */

.left { text-align: left; }
.center { text-align: center; }
.vinlista { font-size: 0.85em; }
.nextprev { text-align: center; font-size: 1.3em; font-weight: bold; }
.cat1 { width: auto; }
.cat2 { width: 120px; text-align: right; }
.inforuta {border: 3px #900 dotted; padding: 10px 10px 0px 10px; } 

/* LÄNKAR */

a { font-variant: small-caps; text-decoration: none; }
a:link { color: #900; font-weight: bold; }
a:visited { color: #900; font-weight: bold; }
a:hover { color: #900; border-bottom: dotted 2px #900; font-weight: bold; }


a.sidfot { font-variant: normal; text-decoration: none; }
a.sidfot:link { color: #640; font-weight: bold; border: none; text-decoration: none;}
a.sidfot:visited { color: #640; font-weight: bold; border: none; text-decoration: none;}
a.sidfot:hover { color: #b95; border: none; text-decoration: none; }


a.mail { font-variant: normal; text-decoration: none; }
a.mail:link { color: #900; font-weight: normal; border: none; text-decoration: none;}
a.mail:visited { color: #900; font-weight: normal; border: none; text-decoration: none;}
a.mail:hover { color: #c33; border: none; text-decoration: none; }