@import url("reset.css");

body {
background-color: #bcd74a;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
}

a:link, a:visited, a:hover {
color: #96ac3b;
outline: none;
}

#logo {
background-image: url("../img/logotype.gif");
width: 274px;
height: 40px;
margin: 20px auto 15px auto;
}

#wrapper {
background-color: #fff;
width: 770px;
height: 432px;
border: 0;
padding: 0 15px 10px 15px;
margin: 0 auto 30px auto;
}

* html .clearfix {
  height: 1%;
  overflow: visible;
}

*+html .clearfix {
  min-height: 1%;
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

/* Hela menyn */

#menu {
height: 39px;
border-bottom: 1px solid #272727;
padding-left: 77px;
}

#menu ul li {
float: left;
margin: 10px 15px 10px 0;
height: 20px;
padding: 0;
list-style-type: none;
text-transform: uppercase;
text-indent: -999em;
cursor: pointer;
}

#menu ul li a:hover, #restaurang #m_restaurang, #menyer #m_menyer, #goaroijeforersjalva #m_goaroijeforersjalva, #catering #m_catering, #kontakt #m_kontakt {
background-position: 0 -20px;
}

/* Punkterna i menyn */

#m_restaurang, #m_menyer, #m_goaroijeforersjalva, #m_catering, #m_kontakt, #m_blogg {
height: 20px;
display: block;
}

#m_restaurang {
background-image: url("../img/menu/restaurang.gif");
width: 97px;
}

#m_menyer {
background-image: url("../img/menu/menyer.gif");
width: 63px;
}

#m_goaroijeforersjalva {
background-image: url("../img/menu/goaroije-for-er-sjalva.gif");
width: 181px;
}

#m_catering {
background-image: url("../img/menu/catering.gif");
width: 74px;
}

#m_kontakt {
background-image: url("../img/menu/kontakt.gif");
width: 69px;
}

#m_blogg {
background-image: url("../img/menu/blogg.gif");
width: 50px;
}

/* Innehållet, texten */

#content #text {
width: 350px;
height: 366px;
padding: 5px;
overflow: auto;
margin: 10px 0 20px 0;
float: right;
display: inline;
}

#content #text h2 {
height: 18px;
display: block;
text-indent: -999em;
}

#content #text h3 {
font-size: 13px;
margin: 20px 0 5px 0;
text-indent: -999em;
}

#content #text p {
padding: 5px 0;
}

#nyhetsbrev h2 {
width: 137px;
background-image: url("../img/headers/nyhetsbrev.gif");
}

#goaroijeforersjalva h2 {
width: 258px;
background-image: url("../img/headers/goaroijeforersjalva.gif");
}

#catering h2 {
width: 103px;
background-image: url("../img/headers/catering.gif");
}

#restaurang h2 {
width: 137px;
background-image: url("../img/headers/restaurang.gif");
}

#kontakt h2 {
width: 99px;
background-image: url("../img/headers/kontakt.gif");
}

#hittatilloss h2 {
width: 157px;
background-image: url("../img/headers/hittatilloss.gif");
}

#menyer h2 {
width: 86px;
background-image: url("../img/headers/menyer.gif");
}

#menyer h3 {
margin: 15px 0 0 !important;
}

#menyer h3#meny_lunch {
background-image: url("../img/headers/lunchmeny_menu.gif");
width: 108px;
}

#menyer h3#meny_helg {
background-image: url("../img/headers/helgmeny_menu.gif");
width: 95px;
}

#menyer h3#meny_goaroijeforersjalva {
background-image: url("../img/headers/goaroijeforersjalva_menu.gif");
width: 213px;
}

#menyer h3#meny_catering {
background-image: url("../img/headers/catering_menu.gif");
width: 86px;
}

#menyer h3#meny_jul {
background-image: url("../img/headers/julmeny_menu.gif");
width: 82px;
}

#menyer h3#meny_vinochdryck {
background-image: url("../img/headers/vin-och-dryck_menu.gif");
width: 136px;
}

#menyer h3#meny_popquiz {
background-image: url("../img/headers/popquiz_menu.gif");
width: 77px;
}

#menyer h3#meny_morsdag {
background-image: url("../img/headers/morsdag_menu.gif");
width: 88px;
}

#menyer h3#meny_allahjartansdag {
background-image: url("../img/headers/allahjartansdag_menu.gif");
width: 172px;
}
alla-hjartans-dag.gif

#hittatilloss #vag23 {
width: 106px;
background-image: url("../img/headers/franvag23.gif");
}

#hittatilloss #almhult {
width: 132px;
background-image: url("../img/headers/franalmhult.gif");
}

#goaroijeforersjalva #content #text {
width: 370px;
}

#catering #content #text {
width: 370px;
}

#hittatilloss #content #text {
margin-top: 10px;
width: 200px;
}

#kontakt #content #text {
width: 388px;
height: 388px;
overflow: hidden;
padding: 0;
}

#nyhetsbrev #content #text input {
margin-top: 5px;
}

/* Innehållet, bilderna */

#start #content img {
margin-top: 10px;
}

#content #image {
margin: 20px 0 0 20px;
width: 300px;
float: left;
display: inline;
}

#menyer #content #image {
margin: 15px 0 0 45px;
width: 320px;
height: 370px;
background-image: url("../img/image-menyer.jpg");
}

#goaroijeforersjalva #content #image {
margin: 15px 0 0 45px;
width: 320px;
height: 370px;
background-image: url("../img/image-goaroijeforersjalva.jpg");
}

#catering #content #image {
margin: 15px 0 0 45px;
width: 320px;
height: 370px;
background-image: url("../img/image-catering.jpg");
}

#kontakt #content {
background: url("../img/oppettider.gif") no-repeat 10px 338px;
height: 395px;
}

#kontakt #content #image {
margin: 10px 0 0 20px;
width: 325px;
height: 298px;
}

#kontakt #content.martin, #kontakt #content.mats {
background-image: none;
}

#kontakt #content.martin #text {
background-image: url("../img/text_martin.gif");
height: 260px;
float: right;
margin: 50px 0 0 20px;
width: 460px;
text-indent: -999em;
}

#kontakt #content.mats #text {
background-image: url("../img/text_mats.gif");
float: right;
margin: 50px 0 0 20px;
width: 460px;
height: 260px;
text-indent: -999em;
}

#kontakt #content.martin #image {
background-image: url("../img/foto_martin.jpg");
width: 240px;
float: left;
margin: 25px 0 0 40px;
}

#kontakt #content.mats #image {
background-image: url("../img/foto_mats.jpg");
width: 240px;
float: left;
margin: 25px 0 0 40px;
}

#hittatilloss #content #image {
margin: 0px 0 0 5px;
width: 500px;
height: 370px;
background-image: url("../img/karta.jpg");
}

/* Navigeringen på restaurang-sidan */

#restaurang #content #image {
width: 375px;
}

#restaurang #content #image #picture {
position: relative;
height: 277px;
width: 370px;
background-image: url("../img/laddar.gif");
}

#restaurang #content #image #picture img {
position: absolute;
top: 0;
left: 0;
z-index: 1;
cursor: pointer;
}

#restaurang #content #image #picture img.active {
z-index: 2;
}

#restaurang #content #image #picture img.last-active {
z-index: 3;
}


/* Popup-notis */

#popup {
width: 300px;
height: 115px;
padding: 20px 10px 10px;
background-color: #f0358e;
position: absolute;
top: 227px;
left: 50%;
margin-left: -160px; 
color: #fff;
border: 5px solid #fff;
font-size: 12px;
display: block;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 0px 3px 5px #000;
-moz-box-shadow: 0px 3px 5px #000;
-webkit-box-shadow: 0px 3px 5px #000;
text-align: center;
}

#popup p {
margin: 10px 0;
}

#popup img.header {
padding-bottom: 5px;
width: 224px;
height: 20px;
}

#popup .close {
position: absolute;
top: -28px;
left: 246px;
cursor: pointer;
}

#popup a:link, #popup a:visited, #popup a:hover {
color: #fff;
text-decoration: underline;
}

#popup .signatur {
margin: 24px auto 0;
width: 135px;
height: 45px;
background-image: url("../img/popup_signatur2.gif");
text-indent: -999em;
}

#popup .menylank {
width: 248px;
margin: 17px 20px 0 20px;
}

#popup .las-mer {
	background: transparent url("../img/popup-las-mer.gif") center center no-repeat;
	display: block;
	text-indent: -9999em;
	height: 12px;
	margin-top: 20px;
}

/* Slut */