/* CSS Document */

body { background: #999 url(../images/backgr_page.jpg); }

#Page { background: url(../images/backgr_page-top.jpg) repeat-x; width: 100%; padding: 6px 0px; }

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

#Banner-top h1 { text-indent: -9999px; }
#Banner-top h1 a { display: block; position: relative; top: 49px; left: 27px; width: 444px; height: 74px; }

#Flags { position: absolute; top: 120px; left: 35px; }
#Flags ul li { display: block; float: left; }
#Flags ul li a { display: block; width: 31px; height: 19px; margin: 3px 3px 0px 0px; text-indent: -9999px; }
#Flags ul li a:hover { margin: 2px 3px 0px 0px; }
#Flags ul li a.nor { background: url(../images/flag_nor.jpg) no-repeat; }
#Flags ul li a.eng { background: url(../images/flag_eng.jpg) no-repeat; }

#Menu2 { position: absolute; top: 46px; left: 494px; width: 530px; height: 72px; }
#Menu2 ul li { display: block; float: left; padding: 4px 0px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; }
#Menu2 ul li a { text-decoration: none; color: #FFF; display: block; padding: 50px 14px 5px 15px; border-right: 1px solid #6695D0; }
#Menu2 ul li a:hover { color: #C2D9F1; }

#Menu2 ul li a.roldal { background: url(../images/backgr_b_menu2-roldal.jpg) center top no-repeat; }
#Menu2 ul li a.roldal:hover { background: url(../images/backgr_b_menu2-roldal-f2.jpg) center top no-repeat; }

#Menu2 ul li a.vaer { background: url(../images/backgr_b_menu2-vaer.jpg) center top no-repeat; }
#Menu2 ul li a.vaer:hover { background: url(../images/backgr_b_menu2-vaer-f2.jpg) center top no-repeat; }

#Menu2 ul li a.reise-til { background: url(../images/backgr_b_menu2-reise-til.jpg) center top no-repeat; }
#Menu2 ul li a.reise-til:hover { background: url(../images/backgr_b_menu2-reise-til-f2.jpg) center top no-repeat; }

#Menu2 ul li a.kart { background: url(../images/backgr_b_menu2-kart.jpg) center top no-repeat; }
#Menu2 ul li a.kart:hover { background: url(../images/backgr_b_menu2-kart-f2.jpg) center top no-repeat; }

#Menu2 ul li a.webkamera { background: url(../images/backgr_b_menu2-webkamera.jpg) center top no-repeat; border: none; }
#Menu2 ul li a.webkamera:hover { background: url(../images/backgr_b_menu2-webkamera-f2.jpg) center top no-repeat; border: none; }




#Banner-b { width: 1008px; margin: auto; background: url(../images/backgr_banner-b.png) repeat-y; min-height: 338px; height: auto !important; height: 338px; padding: 0px 0px 0px 27px; }




#Banner { width: 100%; background: url(../images/backgr_banner-main.jpg) no-repeat; min-height: 337px; height: auto !important; height: 337px; padding: 0px 0px 0px 8px; }


#Menu1 { }
#Menu1 ul li a { display: block; width: 110px; height: 45px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 45px; padding: 0px 0px 0px 49px; border-bottom: 1px solid #747474; }

#Menu1 ul li a.hjem { background: url(../images/backgr_b_menu1-hjem.jpg) left center no-repeat; height: 40px; line-height: 40px; }
#Menu1 ul li a.leilighetene { background: url(../images/backgr_b_menu1-leilighetene.jpg) left center no-repeat; }
#Menu1 ul li a.priser { background: url(../images/backgr_b_menu1-priser.jpg) left center no-repeat; }
#Menu1 ul li a.beliggenhet { background: url(../images/backgr_b_menu1-beliggenhet.jpg) left center no-repeat; }
#Menu1 ul li a.bilder { background: url(../images/backgr_b_menu1-bilder.jpg) left center no-repeat; }
#Menu1 ul li a.foresporsel { background: url(../images/backgr_b_menu1-foresporsel.jpg) left center no-repeat; }
#Menu1 ul li a.kontakt { background: url(../images/backgr_b_menu1-kontakt.jpg) left center no-repeat; }
#Menu1 ul li a.default { background: url(../images/backgr_b_menu1-default.jpg) left center no-repeat; }


#Menu1 ul li a:hover { background-position: 2px center; width: 108px; padding: 0px 0px 0px 51px; color: #D1D1D1; }

#Menu1 ul li a.last { border: none; }



#Banner-bottom { width: 1035px; margin: auto; height: 55px; background: url(../images/backgr_banner-bottom.png) no-repeat; }


#Content-main { width: 1035px; margin: auto; background: url(../images/backgr_content.png) repeat-y; z-index: 1; }
#Content-top { width: 1035px; background: url(../images/backgr_content-top.jpg) 27px top no-repeat; z-index: 2; }
#Content-bottom { width: 920px; background: url(../images/backgr_content-bottom.jpg) 27px bottom no-repeat; padding-bottom: 40px; padding: 5px 55px 25px 60px; z-index: 3; }


#Sidebar { width: 320px; float: right; }
#Sidebar-content { width: 220px; float: right; padding-top: 20px; margin-top: 55px; }
#Sidebar .typography img { margin: 10px 0px; }

#Sidebar span.foto { display: block; font-size: 10px; margin-top: -15px; }

#Content { width: 520px; }
#Content-content { width: 620px; }
#Content-galleri { width: 850px; }



.typography h1.title { width: 450px; padding: 5px 5px 5px 70px; background: url(../images/backgr_h1-title.png) left center no-repeat; }

.typography h1.title-content { width: 520px; padding: 15px 5px 20px 80px; background: url(../images/backgr_h1-title.png) left center no-repeat; }

.typography h1.title-galleri { width: 750px; padding: 15px 5px 20px 80px; background: url(../images/backgr_h1-title.png) left center no-repeat; }

.typography h1.title2 { width: 250px; padding: 5px 5px 5px 60px; background: url(../images/backgr_h1-title-sidebar.jpg) left center no-repeat; }

.typography h1 { font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #3F68B0; line-height: 160%; font-size: 20px; font-weight: bold; display: block; width: 100%; border-bottom: 5px solid #E2E2E2; padding: 5px 5px 5px 0px; margin: 10px 0px; }

.typography h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #000; font-size: 17px; display: block; border-bottom: 1px solid #E2E2E2; line-height: 160%; padding: 5px 0px; margin: 10px 0px; }

.typography p, .typography li, .typography td, .typography tr, .typography pre { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 13px; line-height: 180%; }
.typography p, .typography ul, .typography ol { margin: 10px 0px; }
.typography ul { list-style: disc outside; margin: 0px 0px 0px 30px; }

.typography a { font-weight: bold; color: #000; text-decoration: none; border-bottom: 1px solid #3F68B0; }
.typography a:hover { color: #444; }

.typography img { border: 3px solid #CCCCCC; margin: 5px 0px; }
.typography #Content-galleri img { margin: 10px; }

.typography .right { text-align: right; }
.typography .left { text-align: left; }
.typography .floatright { float: right; }
.typography .floatleft { float: left; }
.typography b, .typography strong { font-weight: bold; }
.typography em, .typography i { font-style: italic; }

form * { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #1F1F1F; line-height: 180%; }
form label.left { display: block; float: left; width: 120px; margin: 5px 0px 5px 60px; }
form .middleColumn { margin: 10px 0px; }
form .middleColumn input, form .middleColumn .Actions input, form .middleColumn textarea { padding: 5px; background: #eee; border: 1px solid #bbb; margin: 5px 0px; }
.Actions { padding-left: 180px; }


.clear { clear: both; }


#Footer { width: 1035px; margin: auto; height: 61px; background: url(../images/backgr_footer.png) no-repeat; padding: 20px 0px 0px 0px; position: relative; z-index: 4; }
#Footer p { font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 12px; text-align: center; line-height: 130%; }
#Footer p strong { font-weight: bold; }
#Footer p a { color: #FFF; }
#Footer p a:hover { color: #CCC; }

#Footer #JaP { position: absolute; top: 23px; left: 934px; width: 79px; height: 42px; background: url(../images/ja.p-logo.jpg) no-repeat; }
#Footer #JaP h2 { text-indent: -9999px; }
#Footer #JaP h2 a { display: block; width: 79px; height: 42px; }

#gallerySet a { border: none; }