/* CSS Document */

body { background: url(../images/backgr.jpg) fixed; }



/***** LAYOUT *****/


#Main { background: url(../images/backgr_page.png) repeat-y; width: 1073px; position: relative; margin:auto; padding: 0px 0px 40px 0px; }

#Banner-frontpage { width: 1045px; margin: auto; height: 761px; position: relative; background: url(../images/backgr_banner.png) no-repeat; }

#Banner-page { width: 1045px; margin: auto; height: 761px; position: relative; background: url(../images/backgr_banner-page.png) no-repeat; }

#Logo { position: absolute; top: 15px; left: 29px; width: 694px; height: 211px; background: url(../images/backgr_logo.jpg) no-repeat; }
#Logo h1 { text-indent: -9999px; }
#Logo h1 a { display: block; width: 694px; height: 211px; }

#Mikrobryggeri { position: absolute; top: 34px; left: 723px; width: 289px; height: 191px; background: url(../images/backgr_mikrobryggeri.jpg) no-repeat; }
#Mikrobryggeri h3 { text-indent: -9999px; }
#Mikrobryggeri h3 a { display: block; width: 289px; height: 191px; }
#Mikrobryggeri h3 a:hover { background: url(../images/backgr_mikrobryggeri-hover.jpg) no-repeat; }

#Hovedbilde-frontpage { position: absolute; top: 244px; left: 397px; width: 613px; height: 454px; background: url(../images/backgr_hovedbilde.jpg) no-repeat; }
#Hovedbilde-page { position: absolute; top: 244px; left: 397px; width: 613px; height: 270px; background: url(../images/backgr_hovedbilde-page.jpg) no-repeat; }


#PageNumbers { display: none; }
#Next { display: none; }


/** #Menu below **/


#Facebook { position: absolute; top: 244px; left: 772px; width: 240px; height: 110px; background: url(../images/backgr_facebook.jpg) no-repeat; }
#Facebook h3 { text-indent: -9999px; }
#Facebook h3 a { display: block; width: 240px; height: 110px; }
#Facebook h3 a:hover { background: url(../images/backgr_facebook-hover.jpg) no-repeat; }

#Kva-skjer-tittel { position: absolute; top: 328px; left: 63px; width: 334px; height: 58px; background: url(../images/backgr_kva-skjer-tittel.jpg) no-repeat; }
#Kva-skjer-tittel h1 { text-indent: -9999px; }

#Kva-skjer { position: absolute; top: 386px; left: 20px; width: 377px; height: 357px; background: url(../images/backgr_kva-skjer.jpg) no-repeat; overflow: hidden; }


#Kva-skjer-hugs-tittel { position: absolute; top: 328px; left: 63px; width: 334px; height: 58px; background: url(../images/backgr_kva-skjer-hugs-tittel.jpg) no-repeat; }
#Kva-skjer-hugs-tittel h1 { text-indent: -9999px; }

#Kva-skjer-hugs { position: absolute; top: 386px; left: 20px; width: 377px; height: 400px; background: url(../images/backgr_kva-skjer.jpg) no-repeat; overflow: hidden; }


/** kva skjer li - see typography **/

#Content-frontpage { position: relative; width: 1045px; background: url(../images/backgr_content-frontpage.png) repeat-y; margin: auto; }
#Content-page { position: relative; width: 1045px; background: url(../images/backgr_content-page.png) repeat-y; margin: auto; }

#Content-frontpage-top { position: relative; width: 525px; /*1045-420 padding */ background: url(../images/backgr_content-frontpage-top.png) top no-repeat; padding: 0px 50px 0px 470px; min-height: 365px; height: auto !important; height: 365px; }
#Content-page-top { position: relative; width: 525px; /*1045-420 padding */ background: url(../images/backgr_content-page-top.png) top no-repeat; padding: 0px 50px 0px 470px; min-height: 432px; height: auto !important; height: 432px; }


#Content-frontpage-bottom { position: relative; width: 1045px;  background: url(../images/backgr_content-frontpage-bottom.png) 422px 0px no-repeat; height: 73px;  }

#Hugs-tittel { position: absolute; top: 9px; left: 76px; width: 339px; height: 52px; background: url(../images/backgr_hugs-tittel.jpg) no-repeat; }
#Hugs-tittel h1 { text-indent: -9999px; }

#Hugs { position: absolute; top: 61px; left: 16px; width: 416px; height: 264px; background: url(../images/backgr_hugs.jpg) no-repeat; padding: 0px 0px 0px 13px; }

/** hugs li - see typography **/


#Bilete-tittel { position: absolute; top: 9px; left: 76px; width: 339px; height: 52px; background: url(../images/backgr_bilete-tittel.jpg) no-repeat; }
#Bilete-tittel h1 { text-indent: -9999px; }

#Bilete { position: absolute; top: 61px; left: 16px; width: 416px; height: 360px; background: url(../images/backgr_bilete.jpg) no-repeat; padding: 0px 0px 0px 13px; }

#Bilete #Galleri { width: 350px; margin: auto; padding: 34px 0px 34px 0px; }

#Foliage-frontpage { position: absolute; top: 336px; left: 0px; width: 408px; height: 100px; background: url(../images/backgr_foliage.png) no-repeat; }
#Foliage-page { position: absolute; top: 432px; left: 0px; width: 408px; height: 100px; background: url(../images/backgr_foliage.png) no-repeat; }


#Content { position: relative; top: -192px; width: 490px; }



/****** MENU **************/

#Menu { position: absolute; top: 244px; left: 20px; width: 942px; height: 47px; /*width+height+paddings below*/ background: url(../images/backgr_meny.jpg) no-repeat; }

#Menu { padding: 9px 30px 5px 20px; }
#Menu ul li { display: block; float: left; }
#Menu ul li a { display: block; float: left; height: 47px; text-indent: -9999px; padding: 0px 7px; border-right: 1px solid #BC8403; }

#Menu ul li a.heim { background: url(../images/backgr_b-heim.jpg) no-repeat center center; width: 67px; }
#Menu ul li a.heim:hover { background: url(../images/backgr_b-heim-f2.jpg) no-repeat center center; }

#Menu ul li a.om-oss { background: url(../images/backgr_b-om-oss.jpg) no-repeat center center; width: 85px; }
#Menu ul li a.om-oss:hover { background: url(../images/backgr_b-om-oss-f2.jpg) no-repeat center center; }

#Menu ul li a.kva-skjer { background: url(../images/backgr_b-kva-skjer.jpg) no-repeat center center; width: 125px; }
#Menu ul li a.kva-skjer:hover { background: url(../images/backgr_b-kva-skjer-f2.jpg) no-repeat center center; }

#Menu ul li a.meny { background: url(../images/backgr_b-meny.jpg) no-repeat center center; width: 70px; }
#Menu ul li a.meny:hover { background: url(../images/backgr_b-meny-f2.jpg) no-repeat center center; }

#Menu ul li a.biletgalleri { background: url(../images/backgr_b-biletgalleri.jpg) no-repeat center center; width: 157px; }
#Menu ul li a.biletgalleri:hover { background: url(../images/backgr_b-biletgalleri-f2.jpg) no-repeat center center; }

#Menu ul li a.kontakt { background: url(../images/backgr_b-kontakt.jpg) no-repeat center center; width: 101px; border: none; }
#Menu ul li a.kontakt:hover { background: url(../images/backgr_b-kontakt-f2.jpg) no-repeat center center; }



/****** TYPOGRAPHY **************/

#Content h1, #Content-home h1 { display: block; width: 465px; height: 43px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 25px; color: #868B0D; padding: 0px 0px 0px 60px; line-height: 43px; position: relative; top: -2px; margin: 0px 0px 0px 0px; }

#Content h1.heim, #Content-home h1.heim { background: url(../images/backgr_h1-hjem.gif) no-repeat left center; }
#Content h1.om-oss { background: url(../images/backgr_h1-om-oss.gif) no-repeat left center; }
#Content h1.kva-skjer { background: url(../images/backgr_h1-kva-skjer.gif) no-repeat left center; height: 68px; }
#Content h1.meny { background: url(../images/backgr_h1-meny.gif) no-repeat left center; }
#Content h1.biletgalleri { background: url(../images/backgr_h1-biletgalleri.gif) no-repeat left center; }
#Content h1.kontakt { background: url(../images/backgr_h1-kontakt.gif) no-repeat left center; }
#Content h1.mosstove { background: url(../images/backgr_h1-mosstove.gif) no-repeat left center; }

#Content h2, #Content-home h2 { display: block; width: 100%; height: 66px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #1A80B7; padding: 0px 0px 0px 60px; line-height: 66px; background: url(../images/backgr_h2-info.gif) no-repeat left 11px; margin: 22px 0px -22px 0px; }

#Content h3, #Content-home h3 { font-family: Georgia, "Times New Roman", Times, serif; color: #CFAC0C; line-height: 22px; font-size: 17px; margin: 0px 0px 0px 60px; }

#Content p, #Content-home p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #333; line-height: 22px; margin: 22px 0px 0px 60px; }

#Content li, #Content-home li { list-style: outside circle; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #333; line-height: 22px; margin: 0px 0px 0px 90px; }

#Content strong, #Content-home strong, #Content b, #Content-home b { font-weight: bold; }
#Content i, #Content-home i, #Content em, #Content-home em { font-style: italic; }

#Bilete #Galleri p a { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #F4DF7B; font-weight: bold; }
#Bilete #Galleri p a:hover { color: #D8C249; }
#Bilete #Galleri img { border: 5px solid #A6AAB3; margin: 5px; }

#Content a, #Content-home a { color: #CB9405; }
#Content a:hover, #Content-home a:hover { color: #856103; }

#Content img.om-oss { margin: 2px 0px 0px 20px; }

#Content .artikkel img { float: right; margin: 5px; border: 5px solid #EFEFEF; }
.clear { clear: both; }

#Content #Galleri { padding: 0px 0px 0px 20px; }
#Content #Galleri img { margin: 5px; border: 5px solid #EFEFEF; }



form * { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #333; line-height: 22px; }
form label.left { display: block; float: left; width: 120px; margin: 11px 0px 11px 60px; }
form .middleColumn { margin: 11px 0px; }
form .middleColumn input, #Content form .middleColumn .Actions input, #Content form .middleColumn textarea { padding: 5px; background: #eee; border: 1px solid #bbb; margin: 11px 0px; }
.Actions { padding-left: 180px; }



#Kva-skjer ul li a { display: block; width: 262px; height: 98px; /** width and height plus paddings **/ background: url(../images/backgr_kva-skjer-li.jpg) no-repeat 320px center; padding: 15px 85px 7px 30px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; line-height: 130%; color: #FFF; text-decoration: none; }
#Kva-skjer ul li a:hover { background: url(../images/backgr_kva-skjer-li-f2.jpg) no-repeat 323px center; }

#Kva-skjer ul li a span.title { }
#Kva-skjer ul li a span.date { display: block; font-family: Arial, Helvetica, sans-serif; color: #F0D44B; font-size: 16px; line-height: 40px; font-weight: bold; }


#Hugs ul li, #Bilete ul li { display: block; width: 327px; height: 85px; border-bottom: 1px solid #8F95A1; background: url(../images/backgr_hugs-li.jpg) no-repeat left center; padding: 0px 0px 0px 75px; }
#Hugs ul li.last, #Bilete ul li.last { border: none; }
#Bilete ul li { height: 95px; padding: 20px 0px 0px 75px; }
#Hugs ul li span.title, #Bilete ul li span.title { display: block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 35px; color: #FFF; font-weight: bold; line-height: 50px; padding: 5px 0px 0px 0px; }
#Hugs ul li span.detail, #Bilete ul li span.detail { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; line-height: 25px; }

#Kva-skjer-hugs ul li { display: block; width: 330px; height: 110px; background: url(../images/backgr_kva-skjer-hugs-li.jpg) no-repeat left center; padding: 10px 0px 0px 55px; margin: 0px 0px 0px 15px; }
#Kva-skjer-hugs ul li span.title { display: block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 35px; color: #FFF; font-weight: bold; line-height: 50px; padding: 5px 0px 0px 0px; }
#Kva-skjer-hugs ul li span.detail { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; line-height: 25px; }