/* CSS Document */ body { background: #767676; } #Top { position: absolute; top: 0px; right: 0px; width: 100%; background: url(../imagesv2/background-top.png) no-repeat right top; height: 10px; } #Body { background: url(../imagesv2/background.jpg); } #Body1 { width: 100%; min-height: 650px; height: auto !important; height: 650px; background: url(../imagesv2/background-blue.jpg) repeat-x; } #Body2 { width: 100%; min-height: 600px; height: auto !important; height: 600px; background: url(../imagesv2/background-no-repeat.jpg) no-repeat top center; } #Main-cont { width: 810px; margin:auto; position: relative; padding: 43px 0px 0px 0px; } #Logo { position: relative; left: 15px; } #Logo h1 a { display: block; width: 268px; height: 73px; background: url(../imagesv2/logo.gif) no-repeat; text-indent: -9999px; } #Main-top { width: 810px; background: url(../imagesv2/background-main-top2.png) no-repeat center top; height: 23px; margin: 7px 0px 0px 0px; } #Main { width: 799px; background: url(../imagesv2/background-main.png) repeat-y center; padding: 0px 6px 0px 5px; position: relative; } #Navigation { position: absolute; top: 77px; left: 315px; width: 467px; height: 52px; } #Navigation ul li a { display: block; float: left; background: url(../imagesv2/navig.png) no-repeat; height: 52px; text-indent: -9999px; } #Navigation ul li a:hover, #Navigation ul li a.current { background-image: url(../imagesv2/navig-hover.png); background-repeat: no-repeat; } #Navigation ul li a.hjem { width: 77px; background-position: 0px; } #Navigation ul li a.om { width: 81px; background-position: -77px; } #Navigation ul li a.tjenester { width: 100px; background-position: -158px; } #Navigation ul li a.showroom { width: 117px; background-position: -258px; } #Navigation ul li a.kontakt { width: 92px; background-position: -375px; } #Banner { width: 785px; margin: auto; height: 361px; background: url(../imagesv2/background-banner.jpg) no-repeat; position: relative; top: -10px; } #Ref { position: absolute; top: 54px; left: 48px; width: 458px; height: 233px; overflow: hidden; } a#Prev, a#Next { display: block; position: absolute; top: 12px; width: 58px; height: 27px; text-indent: -9999px; } a#Prev { left: 182px; background: url(../imagesv2/backgr-banner-prev.jpg) no-repeat; } a#Prev:hover { background: url(../imagesv2/backgr-banner-prev-hover.jpg) no-repeat; } a#Next { left: 275px; background: url(../imagesv2/backgr-banner-next.jpg) no-repeat; } a#Next:hover { background: url(../imagesv2/backgr-banner-next-hover.jpg) no-repeat; } #Teaser { position: absolute; top: -23px; left: 605px; width: 215px; height: 234px; background: url(../imagesv2/backgr-teaser.png) no-repeat; } #Teaser p.text { display: block; position: absolute; top: 50px; left: 23px; width: 163px; height: 131px; text-indent: -9999px; } #Teaser p.text.front { background: url(../imagesv2/backgr-teaser-text-front.gif) no-repeat; } #Teaser p.text.tjenester { background: url(../imagesv2/backgr-teaser-text-tjenester.gif) no-repeat; } #Teaser p.text.kontakt { background: url(../imagesv2/backgr-teaser-text-om.gif) no-repeat; } #Teaser p.mer a { display: block; position: absolute; top: 186px; left: 24px; width: 119px; height: 35px; text-indent: -9999px; } #Teaser p a:hover { background: url(../imagesv2/backgr-teaser-mer-hover.jpg) no-repeat; } #Teaser-showroom { position: absolute; top: 194px; left: 584px; width: 233px; height: 205px; background: url(../imagesv2/backgr-teaser-showroom.png) no-repeat; } #Teaser-showroom h2 a { display: block; position: absolute; top: 50px; left: 23px; width: 188px; height: 47px; text-indent: -9999px; } #Teaser-showroom h2 a:hover { background: url(../imagesv2/backgr-teaser-showroom-heading-hover.jpg) no-repeat; } #Teaser-showroom p.mer a { display: block; position: absolute; top: 164px; left: 76px; width: 41px; height: 21px; text-indent: -9999px; } #Teaser-showroom p.mer a:hover { background: url(../imagesv2/backgr-teaser-showroom-mer-hover.jpg) no-repeat; } #Content-front { width: 799px; padding: 20px 0px 0px 0px; } #Content-showroom { width: 799px; } .content-large-front { background: url(../imagesv2/backgr-content-large.jpg) no-repeat left bottom; } .content-box-large { width: 335px; float: left; min-height: 300px; height: auto !important; height: 300px; padding: 20px 30px 30px 30px; } #Content { width: 560px; } .content-box-small { width: 235px; padding: 15px 20px 10px 20px; background: url(../imagesv2/backgr-content-small.jpg) no-repeat left bottom; float: left; min-height: 175px; height: auto !important; height: 175px; margin: 0px 0px 10px 0px; } .content-box-small.low { min-height: 100px; height: auto !important; height: 100px; } .content-box-showroom { width: 355px; padding: 5px 20px 10px 20px; background: url(../imagesv2/backgr-content-small.jpg) no-repeat left bottom; float: left; min-height: 155px; height: auto !important; height: 155px; margin: 0px 0px 10px 0px; } .content-fullwidth { width: 520px; padding: 15px 20px 10px 20px; background: url(../imagesv2/backgr-content-fullwidth.jpg) left bottom no-repeat; min-height: 275px; height: auto !important; height: 275px; } #Sidebar { width: 200px; position: absolute; top: 420px; left: 605px; } #Sidebar ul li a { display: block; float: left; text-decoration: none; text-indent: -9999px; margin: 5px; } #Sidebar ul li a.hmf { width: 156px; height: 53px; background: url(../imagesv2/logos/hmf.jpg) no-repeat center center; } #Sidebar ul li a.hmf:hover { background: url(../imagesv2/logos/hmf-hover.jpg) no-repeat center center; } #Sidebar ul li a.odda-camping { width: 79px; height: 50px; background: url(../imagesv2/logos/odda-camping.jpg) no-repeat center center; } #Sidebar ul li a.odda-camping:hover { background: url(../imagesv2/logos/odda-camping-hover.jpg) no-repeat center center; } #Sidebar ul li a.vasstun { width: 70px; height: 50px; background: url(../imagesv2/logos/vasstun.jpg) no-repeat center center; } #Sidebar ul li a.vasstun:hover { background: url(../imagesv2/logos/vasstun-hover.jpg) no-repeat center center; } #Sidebar ul li a.opplev-odda { width: 60px; height: 77px; background: url(../imagesv2/logos/opplev-odda.jpg) no-repeat center center; } #Sidebar ul li a.opplev-odda:hover { background: url(../imagesv2/logos/opplev-odda-hover.jpg) no-repeat center center; } #Sidebar ul li a.tunvoll { width: 99px; height: 77px; background: url(../imagesv2/logos/tunvoll.jpg) no-repeat center center; } #Sidebar ul li a.tunvoll:hover { width: 99px; height: 77px; background: url(../imagesv2/logos/tunvoll-hover.jpg) no-repeat center center; } #Sidebar ul li a.morellfestival { width: 164px; height: 49px; background: url(../imagesv2/logos/morellfestival.jpg) no-repeat center center; } #Sidebar ul li a.morellfestival:hover { background: url(../imagesv2/logos/morellfestival-hover.jpg) no-repeat center center; } #Sidebar ul li a.ekspedisjonen { width: 164px; height: 50px; background: url(../imagesv2/logos/ekspedisjonen.jpg) no-repeat center center; } #Sidebar ul li a.ekspedisjonen:hover { background: url(../imagesv2/logos/ekspedisjonen-hover.jpg) no-repeat center center; } #Footer { border-top: 5px solid #B9DFEA; background: #767676 url(../imagesv2/backgr-footer.jpg) repeat-x; min-height: 220px; height: auto !important; height: 220px; width: 100%; padding: 25px 0px 0px 0px; } #Footer-content { width: 500px; margin: auto; position: relative; } #Footer .box { width: 40%; float: left; } /***** TYPOGRAPHY ****/ body { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; color: #4e4e4e; } #Content-front h1 { font-weight: bold; color: #4395D1; font-size: 17px; font-family: "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; padding: 5px 0px 0px 53px; display: block; height: 58px; margin: 0px 0px 10px 0px; } #Content-front h1 span { font-size: 14px; color: #9B9B9B; font-weight: bold; margin: 4px 0px 0px 0px; } #Content-front h1 span.typeface-js { font-family: Boopee; letter-spacing: 2px; } #Content h1, #Content-showroom h1 { font-size: 25px; font-weight: bold; color: #4395D1; font-family: "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; padding: 7px 0px 0px 65px; display: block; height: 65px; margin: 0px 0px 10px 20px; } #Content h1 span, #Content-showroom h1 span { font-size: 14px; color: #9B9B9B; font-weight: bold; margin: 6px 0px 0px 0px; } #Content h1 span.typeface-js, #Content-showroom h1 span.typeface-js { font-family: Boopee; letter-spacing: 2px; } #Content-front h1.hva-kan-jeg { background: url(../imagesv2/h1-hva-kan-jeg.jpg) no-repeat left bottom; } #Content-front h1.hvorfor-velge-meg { background: url(../imagesv2/h1-hvorfor-velge-meg.jpg) no-repeat left bottom; } #Content h1.tjenester { background: url(../imagesv2/h1-tjenester.jpg) no-repeat left bottom; } #Content h1.hvor-mye { background: url(../imagesv2/h1-hvor-mye-det-koster.jpg) no-repeat left bottom; margin-top: 10px; } #Content h1.om-jap { background: url(../imagesv2/h1-om-jap.jpg) no-repeat left bottom; } #Content h1.om-hvorfor-ikke { background: url(../imagesv2/h1-om-hvorfor-ikke.jpg) no-repeat left bottom; } #Content h1.hvordan-jobber-jeg { background: url(../imagesv2/h1-hvordan-jobber-jeg.jpg) no-repeat left bottom; } #Content h1.kontakt { background: url(../imagesv2/h1-kontakt.jpg) no-repeat left bottom; } #Content-showroom h1.showroom { background: url(../imagesv2/h1-showroom.jpg) no-repeat left bottom; } #Content-showroom h1.freelance { background: url(../imagesv2/h1-freelance.jpg) no-repeat left bottom; } h2 { display: block; width: 200px; min-height: 45px; height: auto !important; height: 45px; line-height: 45px; font-size: 17px; color: #4e4e4e; font-weight: bold; padding: 0px 0px 0px 50px; margin: 0px 0px 10px 0px; } h2.webdesign { background: url(../imagesv2/h2-webdesign.jpg) left center no-repeat; } h2.publisering { background: url(../imagesv2/h2-publisering.jpg) left center no-repeat; } h2.nettbutikk { background: url(../imagesv2/h2-nettbutikk.jpg) left center no-repeat; } h2.blog { background: url(../imagesv2/h2-blog.jpg) left center no-repeat; } h2.seo { background: url(../imagesv2/h2-seo.jpg) left center no-repeat; line-height: 24px; } h2.logo { background: url(../imagesv2/h2-logo.jpg) left center no-repeat; } h2.print { background: url(../imagesv2/h2-print.jpg) left center no-repeat; line-height: 24px; } h2.profil { background: url(../imagesv2/h2-profil.jpg) left center no-repeat; } h2.alene { background: url(../imagesv2/h2-om-alene.jpg) left center no-repeat; } h2.kunder { background: url(../imagesv2/h2-om-kunder.jpg) left center no-repeat; line-height: 24px; } h2.kunstner { background: url(../imagesv2/h2-om-kunstner.jpg) left center no-repeat; } h2.involvere { background: url(../imagesv2/h2-om-involvere.jpg) left center no-repeat; } h2.norsk { background: url(../imagesv2/h2-om-norsk.jpg) left center no-repeat; } h2.oppfolging { background: url(../imagesv2/h2-om-oppfolging.jpg) left center no-repeat; } h2.kart { background: url(../imagesv2/h2-kontakt-kart.jpg) left center no-repeat; } h2.skjema { background: url(../imagesv2/h2-kontakt-skjema.jpg) left center no-repeat; } h2.priseksempler { background: url(../imagesv2/h2-priseksempler.jpg) left center no-repeat; } h2.hvorfor-dyrt { background: url(../imagesv2/h2-hvorfor-dyrt.jpg) left center no-repeat; } #Content h3, .content-box-large h3, .text h3 { font-size: 13px; font-weight: bold; color: #4395D1; } .text h2, .text h3 { margin: 7px 30px; } h4 { font-size: 13px; font-weight: bold; margin: 7px 0px; } #Content-front p, #Content-front ul, #Content p, #Content ul, .content-box-large ul, .content-box-large p, #Content-front ol, #Content ol, .content-box-large ol, #Content-showroom p { margin: 7px 0px; } #Content p, #Content li { font-size: 12px; line-height: 19px; } #Content .content-box-small p { margin: 0px; } .text p { margin: 7px 30px !important; } #Content-front ul li, #Content ul li, .content-box-large ul li { margin: 3px 0px 3px 8px; padding: 0px 0px 0px 20px; list-style: none; background: url(../imagesv2/li.gif) no-repeat left 5px; } #Content-front ol li, #Content ol li, .content-box-large ol li { margin: 3px 0px 3px 25px; padding: 0px 0px 0px 5px; list-style: decimal outside; background: none; } #Content-front a, #Content a, .content-box-large a { background: #E5F2F6; text-decoration: none; color: #4e4e4e; border-bottom: 1px solid #A9D7E4; padding: 0px 2px; } #Content-front a:hover, #Content a:hover, .content-box-large a:hover { background: #D1E9F1; } #Content a.lesmer, #Content-front a.lesmer, .content-box-large a.lesmer { display: block; width: 91px; height: 12px; text-indent: -9999px; background: url(../imagesv2/backgr-link-more.png) no-repeat 0px 0px; border: none; margin: 10px 0px 0px 0px; } #Content-front a.lesmer, .content-box-large a.lesmer { margin: 25px 0px 0px 0px; } #Content a.lesmer:hover, #Content-front a.lesmer:hover, .content-box-large a.lesmer:hover { background: url(../imagesv2/backgr-link-more.png) no-repeat 0px -12px; } #Content-front a.mer, #Content a.mer, .content-box-large a.mer { display: block; width: 101px; height: 24px; background: transparent url(../imagesv2/link-mer.gif) no-repeat; text-decoration: none; padding: 5px 0px 0px 15px; color: #4e4e4e; border: none; } #Content-front a.mer:hover, #Content a.mer:hover, .content-box-large a.mer:hover { background: transparent url(../imagesv2/link-mer-hover.gif) no-repeat; border: none; } #Content-showroom img, iframe { /*background: #EFEFEF; padding: 5px;*/ border: 10px solid #EEEEEE; } #Content-showroom img:hover { border: 10px solid #DEDEDE; } .ref h3 { font-weight: bold; display: inline; } .ref p { display: inline; font-size: 90%; } #Footer h1 { display: block; text-indent: -9999px; width: 202px; height: 63px; background: url(../imagesv2/footer-kontakt.png) no-repeat; } #Footer p { color: #fff; margin-left: 70px; font-size: 90%; } #Footer p a { color: #fff; border-bottom: 1px solid #5E8EB3; text-decoration:none; padding: 0px 2px; } #Footer p a:hover { background: #555; } /**** FORM FOOTER ****/ #Footer form * { color: #fff; } #Footer form #EditableTextField1 { position: absolute; top: 65px; left: 10px; width: 240px; } #Footer form #EditableTextField3 { position: absolute; top: 96px; left: 10px; width: 240px; } #Footer form #EditableEmailField5 { position: absolute; top: 127px; left: 10px; width: 240px; } #Footer form #EditableTextField6 { position: absolute; top: 65px; left: 270px; width: 240px; } #Footer form #Form_Form_action_process { position: absolute; top: 70px; left: 540px; display: block; width: 53px; height: 82px; background: transparent url(../imagesv2/form-send.png) no-repeat; text-indent: -9999px; border: none; } #Footer form label { display: block; float: left; width: 65px; margin: 5px 0px; } #Footer form .field .middleColumn { display: block; width: 175px; float: left; margin: 5px 0px; } #Footer form input, #Footer form textarea { background: #888987; border: 1px solid #A2A2A2; padding: 2px; } /*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, #Content form .middleColumn .Actions input, #Content form .middleColumn textarea { padding: 5px; background: #eee; border: 1px solid #bbb; margin: 5px 0px; } .Actions { padding-left: 180px; }*/ /***** DIV CLASSES & STYLES ****/ strong { font-weight: bold; } .hide { text-indent: -9999px; } .clear { clear: both; } ::-moz-selection{ background:#CDECF1; } ::selection { background:#CDECF1; } #tooltip{ position:absolute; border:1px solid #C5D0D2; background:#f1f1f1; padding:2px 5px; color:#4e4e4e; z-index: 10; display:none; }