/************************************* CSS reset *************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } ol, ul {list-style: none;} /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after,q:before, q:after {content: "";} blockquote, q {quotes: "" "";} body { line-height: 1; color: black; background: white; } .clear { clear: both; } /************************************* Typografi *************************************/ div#container { font-family: Trebuchet MS, arial, sans-serif; font-size: 11px; line-height: 16px; color: #808080; } h2, h3 { text-transform: uppercase; font-size: 13px; font-weight: bold; color: #1162a9; } .content_style h2, .infobox1 h2 { margin-bottom: 15px; font-size: 20px; } .infobox1 { padding: 25px; } p { margin-bottom: 15px; } a { text-decoration: none; font-weight: bold; color: #1162a9; } a:hover { text-decoration: underline; } /************************************* Design *************************************/ div#container_wrapper { background: #FFF url(/sitefiles/19/design/header_background.png) repeat-x; } div#container { width: 978px; margin: 0 auto; } div#head { position: relative; height: 120px; padding: 0 0 6px 10px; float: left; clear: both; width: 970px; } div#branding { float: left; background: url(/sitefiles/19/design/logo.png) no-repeat 0 96px; } div#branding h1 a { display: block; position: absolute; width: 220px; height: 79px; bottom: 6px; background: url(/sitefiles/19/design/logo.png) no-repeat; text-indent: -9999px; } div#branding em { position: absolute; z-index: 100; left: 215px; bottom: 15px; font-size: 15px; font-weight: bold; font-style: normal; color: #1162a9; } div#mainmenu { position: absolute; right: 0; bottom: 6px; background: url(/sitefiles/19/design/mainmenu/middle.png) repeat-x 125px; } div#mainmenu ul { float: left; height: 45px; } div#mainmenu li { position: relative; float: left; height: 35px; padding-top: 10px; } div#mainmenu li a { float: left; display: block; padding: 12px 12px 0 10px; height: 23px; background: url(/sitefiles/19/design/mainmenu/border.png) no-repeat right; text-decoration: none; text-transform: uppercase; font-size: 11px; font-weight: bold; color: #1162a9; } div#mainmenu li a:hover { background: #5195bd; color: #FFF; } div#mainmenu li#first { background: url(/sitefiles/19/design/mainmenu/left.png) no-repeat; padding-left: 10px; } div#mainmenu li#last { background: url(/sitefiles/19/design/mainmenu/right.png) no-repeat right; padding-right: 10px; } div#mainmenu li#last a { background-image: none; } div#mainmenu li li { padding: 0; } div#mainmenu li li a { margin: 0; background: #1162a9; width: 120px; color: #FFF; } div#mainmenu li ul { /* second-level lists */ float: left; position: absolute; margin: 0; padding-top: 6px; top: 45px; width: 120px; visibility: hidden; z-index: 99; /*left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } div#mainmenu li:hover ul, div#mainmenu li.sfhover ul { /* lists nested under hovered list items */ left: 0; visibility: visible; } div#body { clear: both; padding: 0 10px; background: url(/sitefiles/19/design/main_background.png) repeat-y; float: left; clear: both; width: 960px; } div#intro { float: left; overflow: hidden; width: 633px; height: 329px; /*background: url(/sitefiles/19/design/tjenester.jpg) no-repeat;*/ } div#news { float: left; width: 327px; height: 329px; background: url(/sitefiles/19/design/content_right_shadow.png) repeat-y; } div#news li { margin-bottom: 10px; } div#news ul, div#news h3 { padding: 20px 0 0 25px; font-size: 12px; font-weight: bold; color: #1162a9; } div#news h3 { text-transform: uppercase; font-size: 16px; } div#news div.date { font-style: italic; } div#news div.heading { padding-left: 15px; background: url(/sitefiles/19/design/news_list_box.png) no-repeat; } div#news a { text-decoration: none; color: inherit; } div#news a:hover { text-decoration: underline; } div#content { padding-top: 6px; background: url(/sitefiles/19/design/content_border_top.png) repeat-x; } div#footer { height: 40px; padding: 12px 0 0 35px; background: url(/sitefiles/19/design/footer.png) no-repeat; font-size: 12px; color: #FFF; float: left; clear: both; width: 943px; } div#footer a { color: #FFF; } div#footer div.infobox1 { margin: 0; padding: 0; } div#signature { text-align: center; } div#signature a { color: #CCC; } div.infobox3 { float: right; width: 270px; padding: 25px 35px 0 0; } div.content_right { float: right; width: 270px; padding: 25px 35px 0 0; } /************************************* Forside infoboks *************************************/ div.infobox_wrapper { margin: 25px 0 40px 0; } li.infobox { width: 280px; margin: 0 2px 0 28px; float: left; } li.infobox div { padding: 10px 10px 0 10px; font-size: 11px; color: #808080; } li.infobox div.image { padding-top: 160px; background-repeat: no-repeat; } li.infobox h2 { padding: 5px; background: #468eb8 url(/sitefiles/19/design/frontpage_infobox_title_background.png) bottom repeat-x; text-transform: uppercase; font-size: 13px; font-weight: bold; color: #FFF; } li.infobox a.link { float: right; padding-right: 10px; text-align: right; font-size: 11px; } /************************************* Bildeslide *************************************/ div#fadeBoxContainer, div.fadeBox { width: 633px; height: 329px; } div#fadeBoxContainer { position: relative; } div.fadeBox { position: absolute; background-color: #FFF; } div.fadeBox div.text { padding: 25px; color: #FFF; } a#fadeNext { z-index: 10; position: absolute; right: 25px; bottom: 25px; text-transform: uppercase; font-size: 14px; color: #FFF; } /************************************* Bildegalleri *************************************/ div#gallery { padding: 10px 0 10px 10px; } div#gallery div#thumbs { float: left; width: 320px; } div#gallery div#thumbs li { float: left; margin: 0 10px 8px 0; } div#gallery div#thumbs a { opacity: 0.7; } div#gallery div#thumbs a:hover { opacity: 1.0; } div#gallery div#thumbs img { padding: 1px; border: 1px solid #CCC; } div#imageview { position: relative; display: block; float: left; width: 600px; height: 320px; } div#imageview img { position: absolute; } /************************************* Tjenester og produkter *************************************/ ul.product_list { float: left; width: 605px; margin: 25px 0 0 0; } ul.product_list li { margin: 0 0 15px 25px; } ul.product_list img { float: left; margin-right: 10px; padding: 1px; border: 1px solid #999999; } ul.product_list h2 { margin-bottom: 4px; text-transform: uppercase; font-size: 13px; } ul.product_list div { width: 500px; font-size: 11px; color: #808080; } ul.product_list a.link { float: right; } div#product_view { padding: 25px; } div#product_view h2 { font-size: 20px; }