/* --------------------------------------------- HTML-element */

body {
background: #37131F url(pics/body-bg-2X.gif) top left no-repeat;
margin: 14px auto 14px auto;
text-align: center;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 140%;
}

h1 {
font-family: Arial, Verdana, sans-serif;
font-size: 15px;
text-transform: uppercase;
color: #B68959;
line-height: 150%;
margin: 0px;
padding: 0px;
}

/*h2 {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
text-transform: uppercase;
color: #B68959;
line-height: 150%;
width: 100%;
border-bottom: 1px dotted #C4C3BF;
margin: 40px 0px 0px 0px;
}*/

h2 {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
text-transform: uppercase;
color: #B68959;
line-height: 130%;
margin: 0px;
padding: 0px;
}

h3 {
margin: 0px;
padding: 0px;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
text-transform: uppercase;
}

a {
/*color: #F43776;*/
color: #000;
}

p {
margin: 7px 0px 10px 0px;
padding: 0px;
}

table td {
vertical-align: top;
padding: 2px;
}

/* --------------------------------------------- Layout-element */

#content {
width: 770px;
min-height: 300px;
background-color: #fff;
overflow: auto;
margin: auto;
text-align: center;
}

#head {
background: url(pics/headpics/ristorante.jpg) center center no-repeat;
width: 770px;
height: 165px;
text-align: left;
margin: 0px;
padding: 0px;
line-height: 0px;
vertical-align: top;
}

#menu {
width: 770px;
border-right: 4px solid #fff;
border-left: 4px solid #fff;
height: 44px;
background: url(pics/menu-bg.gif) top left repeat-x;
}

#left {
width: 144px;
float: left;
text-align: left;
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
color: #8A877F;
}

#right {
width: 593px;
float: right;
margin: 7px 0px 25px 0px;
text-align: left;
}

#footer {
width: 530px;
color: #8A877F;
font-size: 10px;
margin: 10px auto 30px auto;
}

#footer a {
color: #8A877F;
}

/* --------------------------------------------- Head */

#head img {
padding: 4px 0px 0px 0px;
margin-left: 30px;
}

/* --------------------------------------------- Menu */

#menu ul {
margin: 0px;
padding: 0px;
height: 35px;
padding-top: 9px;
}

#menu ul li {
display: inline;
text-transform: uppercase;
font-size: 14px;
color: #fff;
padding: 0px 20px 0px 20px;
border-right: 1px dotted #CFB292;
}

#menu ul li#last {
border-right: none;
}

#menu a {
text-decoration: none;
color: #fff;
}

#menu a:hover {
color: #fc3;
}

#menu li.current a {
color: #fc3;
}

/* --------------------------------------------- Left */

#left ul {
list-style-type: none;
margin: 25px 0px 0px 8px;
padding: 0px;
}

#left ul li {
border-bottom: 1px dotted #C4C3BF;
line-height: 170%;
padding-left: 5px;
}

#left a {
text-decoration: none;
color: #8A877F;
}

/* --------------------------------------------- Right */

#right #r-col-1 {
width: 390px;
height: 400px;
min-height: 400px;
float: left;
margin: 18px 17px 0px 0px;
}

#right #r-col-2 {
width: 158px;
float: right;
border-left: 1px dotted #C4C3BF;
/* height: 400px; TAS BORT INNAN LANSERING */
padding: 0px 0px 10px 12px;
margin-top: 8px;
}

#right #r-col-2 img {
padding: 0px 0px 6px 0px;
margin-right: 8px;
}

#right img.lang {
margin-right: 5px;
}

#lagselection {
float: right;
width: 162px;
text-align: right;
margin-right: 9px;
margin-bottom: 2px;
}

/* --------------------------------------------- .menu */

div.menu p {
margin: 8px 0px 20px 0px;
padding: 0px;
}

div.menu h2 {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
text-transform: uppercase;
color: #fff;
margin: 30px 0px 15px 0px;
padding: 1px 0px 1px 5px;
background-color: #CEAA83;
border-right: 1px solid #AE7F4D;
border-bottom: 1px solid #AE7F4D;
}


/* --------------------------------------------- Hacks */

#menu {
voice-family: "\"}\"";
voice-family: inherit;
width: 762px;
}

#right #r-col-1 {
voice-family: "\"}\"";
voice-family: inherit;
height: auto;
}
