body {
	background-color: #9e9d9d;
   	font-family: Verdana, Arial, Helvetica, sans-serif;
   	font-size: 10px;
    text-align: justify;
	color: #390404;
	margin: 0px;
}
h3{  font-size: 12px;}
*html h3{  margin-top: 10px;}
input, textarea  {  background-color:#eee;
                    color:#000;
   	font-size: 10px;
                    border: 1px dotted #333}

a   {color: #8d2b33; text-decoration: none; font-weight:normal; }
a:hover {color: #8d2b33; font-weight:bold; text-decoration: underline}
a:visited { color: #666; text-decoration: none }

#intro{
    position: absolute;
    top: 20px;
	left: 50%;
    width: 700px;
	margin-left: -350px;
    height:25px;
}
#container{
    z-index:3;
	background-color: #eee;
	position: absolute;
    top: 50px;
	left: 50%;
    width: 700px;
	margin-left: -350px;
    height:450px;
    border: 1px dashed #000;
}
#content{
    width:590px;
    height:450px;
    position:absolute;
    margin-left: 91px;
	overflow: auto;
    padding: 0 9px 0 10px;
    background: #fff url(background2.jpg) top left no-repeat;

}
#menu{
    position: absolute;
    left: 0;
    width:90px;
    border-right: 1px dashed #000;
    height:448px;
}
#random a{
    position: absolute;
    background: transparent url(random.gif) top right no-repeat;
    left:530px;
    width:50px;
    height:50px;
    text-decoration: none;
}

#menu ul{
    list-style: none;
    margin:0;
    padding:0;
}
#menu ul li a{
    display:block;
    padding:15px 5px;
    text-align:center;
    width:80px;
	text-indent: -10001px;
}

.extras li.head{font-weight: bold;}
.extras li{
	text-align:left;
	background-color:transparent;
}
.extras ul{margin:0; padding:0; list-style: none;}

ul li.drinks a{background: transparent url(drinks.png) no-repeat center center;text-decoration: none;}
ul li.beverages a{background: transparent url(beverage.png) no-repeat center center;text-decoration: none;}
ul li.entre a{background: transparent url(plates.png) no-repeat center center;text-decoration: none;}
ul li.main a{background: transparent url(plates2.png) no-repeat center center;text-decoration: none;}
ul li.dessert a{background: transparent url(dessert.png) no-repeat center center;text-decoration: none;}
ul li.baking a{background: transparent url(baking.png) no-repeat center center;text-decoration: none;}
ul li.search a{background: transparent url(search.png) no-repeat center center;text-decoration: none;}
ul li.menu a{background: transparent url(menu.png) no-repeat center center;text-decoration: none;}
ul li.mobile a{background: transparent url(mobile.png) no-repeat center center;text-decoration: none;}
ul li.info a{background: transparent url(info.png) no-repeat center center; text-decoration: none;}

ul li.drinks a:hover{background-image: url(drinkar.png);}
ul li.beverages a:hover{background-image: url(alkoholfritt.png);}
ul li.entre a:hover{background-image: url(forratt.png);}
ul li.main a:hover{background-image: url(varmratt.png);}
ul li.dessert a:hover{background-image: url(efterratt.png);}
ul li.baking a:hover{background-image: url(bak.png);}
ul li.search a:hover{background-image: url(sok.png);}
ul li.menu a:hover{background-image: url(matsedel.png);}
ul li.mobile a:hover{background-image: url(mobilt.png);}
ul li.info a:hover{background-image: url(faq.png);}

*html ul li{
    background-color:#ddd;
}

#matsedel{
    width:550px;
}

table#search td{
  padding-bottom: 15px;
  padding-right: 15px;
}
table#matsedel td, table#receptInfo td{
  padding-bottom: 3px;
  padding-right: 3px;
}
.extras{
  width: 200px;
  border: #000 dotted 1px;
  padding:5px;
  clear:right;
  margin: 1em 0 0 2em;
  float:right;
}
.extras h4{
  margin-top: 0px;
}
.extras p{
  margin-bottom: 0px;
}


td{
    padding: 0 1px;
}

td.left{
    font-weight: bold;
}
.caption{
    font-weight: bold;
    text-decoration: underline;
}
.right{
    width: 25px;
    text-align: right;
}
#footer a   {
    z-index:2;
	position: absolute;
    top: 451px;
	left: 50%;
    width: 700px;
	margin-left: -350px;
    height:15px;
    display:block;
    text-decoration: none;
    background: transparent url(copyOn.gif) top center no-repeat;}
#footer a:hover{background-image: url(copyOff.gif);}
#extraDiv1{
    z-index:1;
	position: absolute;
    top: 400px;
	left: 50%;
    width: 856px;
	margin-left: -428px;
    height:176px;
    display:block;
    background: transparent url(deco.gif) top right no-repeat;}
#extraDiv4 {display:none;}