/**************************** 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, 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; background-color:#DBD2CC; } /**************************** Typografi ****************************/ body { font-family: arial, sans-serif; } h1 { font-weight: bold; } h2 { margin-bottom: 25px; font-weight: normal; font-size: 36px; color: #f26521; } h3, h4, h5, h6 { font-size: 16px; font-weight: normal; margin-top: 5px; margin-bottom: 10px; } h4 { font-size: 14px; } h5,h6 { font-size: 12px; font-weight: bold; } p { margin-bottom: 15px; line-height: 14px; font-size: 11px; } div#content a { color: #f26521; } div#content ul li { padding-left: 15px; background-image: url(/sitefiles/1/design/list_style.png); background-repeat: no-repeat; background-position: 0 50%; line-height: 14px; font-size: 11px; } div#content ol li { margin-left: 15px; list-style-type: decimal; line-height: 14px; font-size: 11px; } /*************************** Design ***************************/ .clear { clear: both; } div#container { width: 900px; margin: 0 auto; border:solid 1px #000000; border-top:0; overflow:hidden; background-color:#FFFFFF; } div#branding { margin: 15px 20px 20px 20px; } div#branding div#logo { float: left; } div#branding div#logo a { display: block; width: 300px; height: 15px; padding-top: 45px; background-image: url(/sitefiles/1/design/logo_top.png); background-repeat: no-repeat; text-transform: uppercase; text-decoration: none; word-spacing: -0.25em; font-family: Courier, monospace; font-size: 16px; color: #000; } div#branding div#logo a span { color: #f26521; } div#branding div#quickmenu { float: right; clear: right; padding-top: 15px; } div#branding div#language_switch { float: right; margin-right: 5px; font-size: 10px; text-decoration: none; word-spacing: 7px; color: #f26521; } div#branding div#language_switch a { text-decoration: none; color: #f26521; } div#branding div#quickmenu a, div#branding div#quickmenu span { text-transform: uppercase; text-decoration: none; font-size: 10px; color: #000; } div#branding div#quickmenu span { padding: 0 15px; } div#branding div#quickmenu div, form.search, form.search fieldset { display: inline; clear: none; } form.search .search_text { width: 150px; height: 19px; margin-left: 25px; padding: 0 3px; border: 0; background-image: url(/sitefiles/1/design/input_text_background.png); background-repeat: no-repeat; } form.search .search_button { border: 0; width: 26px; height: 19px; margin-right: 5px; text-indent: -9999px; background-image: url(/sitefiles/1/design/button_small_arrow.png); cursor: pointer; } div#mainmenu { height: 26px; background-image:url("/sitefiles/1/design/tabmenu_background.png"); background-repeat:repeat-x; background-position:0px 1px; } div#mainmenu ul { margin: 0 18px; } div#mainmenu li { float: left; width: 16.6%; } div#mainmenu a { display: block; position: relative; top: 1px; height: 17px; margin: 0 3px; padding-top: 8px; border-bottom: 1px solid #000; background-image: url(/sitefiles/1/design/tabmenu_background.png); list-style-type: none; text-decoration: none; text-transform: uppercase; text-align: center; font-size: 12px; color: #FFF; border:0; } div#mainmenu a#selected { height: 16px; margin: 0 2px; background-image: none; border: 1px solid #000; border-bottom: 1px solid #FFF; color: #000; border:0; } div#nav { width: 635px; } div#nav div#breadcrumbs { position: relative; top: -20px; padding-bottom: 125px; background-position: 0 20px; background-repeat: no-repeat; font-size: 11px; } div#nav div#breadcrumbs a { text-decoration: none; color: #000; } div#nav div#breadcrumbs span, div#nav div#breadcrumbs .current { color: #f26622; } div#nav.teknikk div#breadcrumbs { /*background-image: url(/sitefiles/1/bilder/kategorier/technique_small.jpg);*/ } div#nav.sikkerhet div#breadcrumbs { /*background-image: url(/sitefiles/1/bilder/kategorier/security_small.jpg);*/ } div#content_wrapper { float: left; overflow: hidden; width: 860px; padding: 0 20px 15px 20px; /* border: 1px solid #000;*/ } div#content_menu { float: left; width: 190px; } div#content_menu a { display: block; width: 140px; padding: 5px 0 6px 15px; margin-top: 5px; background-image: url(/sitefiles/1/design/content_menu_arrow.png); background-repeat: no-repeat; background-position: 0 7px; text-decoration: none; font-size: 11px; color: #666666; } div#content_menu .expanded a { background-image: url(/sitefiles/1/design/content_menu_arrow_down.png); } div#content_menu li { width: 155px; border-bottom: 1px dotted #666666; } div#content_menu ul.children li { border: 0; } div#content_menu ul.children li a { background: 0; margin: 0; } div#content_main { float: left; margin-top: 32px; } div#content_main.size-s { width: 635px; } div#content_main.size-xs { width: 635px; } div#content { float: left; width: 420px; margin-top: 5px; } div#content_articles { float: right; clear: right; width: 195px; margin-top: 32px; } #content_articles .logo { margin:0px 0px 35px 0px; padding:0; width:195px; } div#content_extra { float: left; clear: both; width: 860px; } div.infobox { margin: 22px 15px 0 0; padding: 12px 8px; background-color: #bebba3; } div.banner { float: left; width: 219px; height: 125px; margin: 30px 0 0 5px; /* background-image: url(/sitefiles/1/design/highlight_box_background.png); background-repeat: repeat-x; background-color: #afad8e; */ background-color:#DBD2CC; } div.banner img { display: block; margin: 20px auto 0 auto; text-align: center; } div#site_info { float: left; clear: both; width: 820px; margin-top: 15px; padding: 20px; /* background-image: url(/sitefiles/1/design/footer_background.png); background-repeat: repeat-x; background-color: #b9b79e; */ background-color:#DBD2CC; color: #666666; } div#site_info p { margin: 0; } /*************************** Artikler ***************************/ div#article_view .mainimage { float: left; margin: 0 10px 10px 0; } div.article_list { font-size: 11px; } div.article_list h2 { display: inline; clear: both; padding-right: 30px; background-image: url(/sitefiles/1/design/rss_medium.png); background-repeat: no-repeat; background-position: 100% 3px; text-transform: uppercase; font-size: 24px; } div.article_list ul { margin-top: 5px; border-top: 1px dotted #988f86; padding-top: 25px; } div.article_list li { margin-bottom: 15px; } div.article_list h3 { font-size: 12px; color: #666666; } div.article_list .created { font-weight: bold; color: #f26622; } div.article_list .link { text-decoration: none; font-weight: bold; color: #000; } div.article_list .link span { font-weight: normal; color: #f26622; } a.article_list_link { display: block; padding: 7px 0; border-top: 1px dotted #988f86; border-bottom: 1px dotted #988f86; text-decoration: none; text-transform: uppercase; font-size: 11px; color: #000; } a.article_list_link span { color: #f26622; } div#content div.article_list_big h2 { margin: 0; text-transform: uppercase; } div#content div.article_list_big h3 { margin: 0 0 3px 0; font-weight: bold; } div#content div.article_list_big .image { float: right; } div#content div.article_list_big .created { margin-bottom: 10px; color: #f26622; } div#content div.article_list_big ul li { width: 630px; padding-bottom: 15px; padding-left: 0; margin-top: 15px; border-bottom: 1px dotted #988f86; background-image: none; } div#content div.article_list_big { } /*************************** Høydepunkt-bokser ***************************/ div.highlight_box { float: left; width: 274px; height: 91px; margin-top: 30px; margin-right: 10px; padding: 17px; /* background-image: url(/sitefiles/1/design/highlight_box_background.png); background-repeat: repeat-x; background-color: #afad8e; */ background-color:#DBD2CC; } div.highlight_box img { float: left; margin-right: 15px; } div.highlight_box h3 { margin-top: 10px; font-weight: normal; font-size: 14px; } div.highlight_box div { font-size: 11px; } div.highlight_box a { display: block; margin-top: 15px; text-decoration: none; font-weight: bold; font-size: 11px; color: #f26622; } /*************************** Hovedkategori ***************************/ div#category_index_content { padding-top: 15px; padding-left: 20px; } div#category_index_title { font-size: 24px; margin-bottom: 5px; } /*************************** Intro ***************************/ div#intro { width: 900px; height: 445px; overflow: hidden; background-image: url(/sitefiles/1/design/intro_image.jpg); } div#intro h1 { display: none; } div#intro_box_wrapper { border: 1px solid #000; border-top: 5px solid #f26622; } div.intro_box { float: left; position: relative; top: -145px; left: 65px; width: 263px; margin-right: 50px; padding: 8px; border: 1px solid #000; background-image: url(/sitefiles/1/design/intro_box_background.jpg); background-repeat: no-repeat; background-color: #b9b58f; font-size: 12px; line-height: 120%; } div.intro_box h2 { margin: 10px 0 17px 0; padding-top: 45px; background-image: url(/sitefiles/1/design/intro_box_logo.png); background-repeat: no-repeat; text-transform: uppercase; font-family: Courier, monospace; font-size: 17px; font-weight: bold; color: #000; } div.intro_box h2 span { color: #f26521; } ul.intro_box_links { margin-top: 15px; } ul.intro_box_links a { display: block; margin-top: 3px; padding-right: 14px; background-image: url(/sitefiles/1/design/black.png); /*background-color: #000;*/ line-height: 35px; text-align: right; text-decoration: none; text-transform: uppercase; color: #FFF; }