menu /* -------------------------------------------------------------- Reset.css Meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ -------------------------------------------------------------- */ 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, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; color:#000000; } body { line-height: 1; font-family: Verdana, Arial, Helvetica, Trebuchet MS, sans-serif; color: #000000; background: #c0c0c0; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } /* Remove possible quote marks */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* ----------------------------------------------------------------- Layout ----------------------------------------------------------------- */ a { color: #333333; text-decoration: none;} a:hover {text-decoration:underline; } /******************* Legge på link-over effekt *********************/ p { color: #000000;font-size: 12px; } strong { font-weight: bold; } .wrapper { margin: 0 auto; width: 960px!important; width: 980px; background: #000; height: 50%; position:relative; } .wrapperIntro { margin: 0 auto; width: 100%; height: 100%; background: #000; position: absolute; } .header { width: 960px; height: 98px; margin: 0 0 0px 0; background: url(/sitefiles/1/design/header_bg.png) no-repeat bottom left; } .header h1 { width: 960px; display: block; height: 50px; } .header h1 a { display: block; height: 85px; width: 260px; text-indent: -9999px; } .bar { background: #000000; padding: 0px 0px 0px 0px; float: left; margin: 0 0px 0px 0; width: 960px; } .sidebar { width: 224px; clear: both; padding: 0 0 0 1px; float: left; overflow:hidden; height: 100%; background: #000; z-index: 2; } .sidebarpic { position: absolute; bottom: 100px; z-index: 3; } .contentpic { position: absolute; top: 100px; right: 0px; z-index: 0; } .content { float: right; width: 735px; min-height: 554px; overflow:auto; overflow-x:hidden; overflow-y:hidden; background: #fff url(/sitefiles/1/design/contentrightgrafikk.jpg) no-repeat top right; z-index: 2; } .footer { border-top: 1px solid #434343; background: #000 url(/sitefiles/1/design/logos.swf) no-repeat top left; height: 100px; clear: both; width: 960px; } /* ----------------------------------------------------------------- Navigation ----------------------------------------------------------------- */ .siteNav { display: block; height: 26px; margin: 20px 0 0 0; padding: 0 50px 0 50px; /*width: 860px;*/ float:right; font-weight: bold; } .siteNav li { display: inline; float: left; border-right: 1px solid #ffffff; } .siteNav li a { display: block; float: left; width: 110px; height: 18px; /**/ /*line-height: 12px;*/ padding: 4px 0 0 0; text-align: center; background: fff; font-weight: normal; background: url(/sitefiles/1/design/xxxsiteNav-bg.png) top left; margin: 0px 0px 0 0px; font-size: 12px; color: #fff; text-decoration: none; } .siteNav li a:hover { /*background: url(/sitefiles/1/design/xxxsiteNav-bg.png) bottom left;*/ font-size: 12px; color: #c0c0c0; /*font-weight: bold;*/ text-decoration: none; } .active a { color: #aabbcc !important; } /* ---- Menu Top --- */ .menuHeader { border-bottom: 1px solid #b3b3b3; width: 203px; clear: both; height: 28px; padding: 15px 20px 0 0px; text-align: right; /*font-weight: bold;*/ font-size: 14px; color: #000; background: #ededed; /*background: url(/sitefiles/1/design/leftmenu.jpg) repeat top left;*/ } .menuBottom { display: block; width: 225px; clear: both; background: url(/sitefiles/1/design/leftmenu.jpg) repeat top left; background: #000; height: 10px; } /* ---- Menu Bottom --- */ .productmenu { list-style-type: none; } .productmenu li a, submenu li a, submenu ul li a { height:19px; text-align: right; line-height: 14px; font-family: Verdana, Arial, Helvetica, Trebuchet MS, sans-serif; padding: 7px 20px 0 0; margin: 0 0 0 0!important; margin: -1px 0 -1px 0; width: 203px; display: block; font-size: 10px; font-weight: normal; text-decoration: none; color: #000000; background: #ededed; border-top: 1px solid #fff; border-bottom: 1px solid #b3b3b3; /*background: url(/sitefiles/1/design/leftmenu.jpg) repeat top left;*/ } .productmenu li a:hover, submenu li a:hover, submenu ul li a:hover{ background: #dedede; /*background: url(/sitefiles/1/design/leftmenuover.jpg) repeat top right;*/ } .submenu { list-style-type: none; } .submenu li a { font-family: Verdana, Arial, Helvetica, Trebuchet MS, sans-serif; /*font-size: 10px;*/ height: 19px line-height: 14px; padding: 7px 20px 0 0px; margin: 0 0 0 0!important; margin: -1px 0 0 0; width: 203px; /****** originalt 171px *******/ } .submenu ul { list-style-type: none; } .submenu ul li a { font-size: 12px; font-weight: normal; width: 151px; padding: 7px 0 0 40px; background: url(/sitefiles/1/design/leftmenu.jpg) no-repeat bottom left; } .submenu ul li a:hover{ background: url(/sitefiles/1/design/leftmenuover.jpg) no-repeat bottom right; } .breadcrumbs { float: left; margin: 4px 0 0 5px; } .breadcrumbs .info { font-size: 11px; color: #9e9e9e; font-weight: bold; margin-top: 1px; text-transform: uppercase; } .breadcrumbs ul { float: left; margin: 0 0 0 3px; list-style-type: none; display: inline; } .breadcrumbs ul li { display: inline; float: left; margin: 0 5px 0 3px; font-size: 12px; } .breadcrumbs ul li a { text-decoration: none; padding-right: 5px; border-right: 1px solid #ccc; color: #9e9e9e; } .breadcrumbs ul li a:hover { text-decoration: underline; } .breadcrumbs ul li a.current { font-weight: bold; color: #6a6a6a; border: none; } /* ----------------------------------------------------------------- Innlogging ----------------------------------------------------------------- */ .login { width: 245px; height: 25px; float: right; } .user, .pass { width: 75px; background: #fff; float: left; border: 1px solid #e8e9ea; margin: 0 2px 0 0; height: 14px; padding: 2px 2px 2px 5px; font-size: 11px; } .button, .form_button { border: 1px solid #e8e9ea; float: left; margin: 0 0 0 3px;} .button input, .button a, .form_button, .newsletter .fatbutton, .sok .fatbutton { font-size: 11px; height: 18px; padding: 0 7px 0 7px; float: left; border: 1px solid #fff; background: url(/sitefiles/1/design/button-bg.png) repeat-x top left; } .button a { padding:2px 3px 2px 3px; height: 11px; } /* ----------------------------------------------------------------- Søk ----------------------------------------------------------------- */ .sok { float: left; margin: 0px 0 10px 15px; } .sok .fattext { float: left; background: #fff; padding: 2px 2px 0 2px; margin-right: 5px; font-size: 12px; border: 1px solid #ccc; width: 110px; height: 16px; } /* ----------------------------------------------------------------- Nyhetsbrev ----------------------------------------------------------------- */ .newsletter { background: url(/sitefiles/1/design/newsletter-bg.png) no-repeat top left; margin: 10px 0 10px 0; height: 140px; width: 171px; padding: 6px 10px 0 10px; border-bottom: 1px solid #eee; } .newsletter h2 { margin: 0 0 15px 0; font-size: 12px; font-weight: bold; color: #595656; } .newsletter p { font-size: 11px; line-height: 16px; color: #595656; } .newsletter input { margin: 0 0 0 10px; } .newsletter .fattext { border: 1px solid #ccc; width: 152px; font-size: 12px; height: 14px; padding: 2px; margin: 10px 0 10px 0; } .newsletter .emailsubscription_adress_label, .emailsubscription_label_empty { display: none; } .newsletter label { font-size: 12px; margin: -10px 5px 0 5px; } .newsletter .fatbutton { margin: 7px 0 0 0; border: 1px solid #eee; } /* ----------------------------------------------------------------- Forsidebokser ----------------------------------------------------------------- */ .singleBox h2 a, .trippleBox .box h2 a { color: #959595; text-decoration: none; text-align: center; font-size: 20px; } .singleBox { margin: 10px 0 10px 10px!important; margin: 10px 0 10px 5px; } .small { margin: 10px 0 10px 10px!important; margin: 10px 0 10px 3px; float: left; } .singleBox h2 a{ padding: 256px 0 0 0; width: 739px; height: 45px; display:block; } .small h2 a { padding: 10px 0 0 0; height: 141px; } .trippleBox { margin: 4px 0 4px 6px!important; margin: 4px 0 4px 2px; float: left; width: 700px; } .trippleBox .box { float: left; width: 225px; margin-right: 10px; } .trippleBox .odd { margin-right: 0; } .trippleBox .box h2 a { display: block; height: 141px; padding: 11px 0 0 0; width: 240px; } /* ----------------------------------------------------------------- Nyheter ----------------------------------------------------------------- */ .newsContainer { clear: both; width: 735px; float: left; } .newsbox { width: 338px; padding: 10px 10px 0 10px; float: left; height: 120px; background: url(/sitefiles/1/design/news-bg.png) no-repeat top } .newsContainer .odd { margin: 0 10px 0 9px!important; margin: 0 10px 0 3px; } .newsbox h2 { font-size: 12px; font-weight: bold; color: #595656; margin: 0 0 5px 0; } .newsbox ul { list-style-type: none; } .newsbox ul li { line-height: 18px; font-size: 12px; margin: 0 0 1px 0; } .newsbox .date { color: #a5a5a5; } /* ----------------------------------------------------------------- Artikkel, detaljer ----------------------------------------------------------------- */ .article { border: 1px solid #e8e8e8; margin: 5px 0 20px 5px!important; margin: 5px 0 20px 0; float: left; } .main { background: url(/sitefiles/1/design/xxmain-bg.png) no-repeat top left; width: 500px; float: left; padding: 10px 0 0px 0px; margin: 0 0 0 15px; } .main h2 { font-family: Myriad, Myriad Pro, Arial, sans-serif; font-size: 16px; } .main .meta { font-size: 11px; color: #a5a5a5; margin: 0 0 0 0; } .main p { font-size: 12px; line-height: 15px; margin: 5px 0 10px 0px; color: #000000; } .main img { margin: 5px 10px 10px 0; } .woot{ border: 1px solid #e8e8e8; border-top: none; border-right: none; height: 200px; float: right; width: 270px!important; width: 260px; } /* ----------------------------------------------------------------- Artikkel, Arkiv ----------------------------------------------------------------- */ .item { clear: both; padding: 15px 0 5px 0; margin: 5px 0 5px 0; border-bottom: 1px solid #e6e6e6; } .item h3 { font-size: 14px; font-weight: bold; color: #444; margin: 0 0 10px 0; } .item h4 { /****************** STYLER HEADERE PÅ NYHETER *****************/ /*font-size: 14px; font-weight: bold; color: #444;*/ margin: 0 0 5px 0; } .item img { float: left; margin: 0px 10px 5px 0; } .wrap .arkiv-item p, .wrap .item_2kols p { margin: 0px 0px 15px 0px; } /*.wrap .arkiv-item p a { /************* linker i arkivet **************** color: #ff0000; }*/ /* ----------------------------------------------------------------- Singelside ----------------------------------------------------------------- */ .wrap { background: url(/sitefiles/1/design/xxtransparent_bg.png) repeat; width: 500px; float: left; padding: 10px 10px 10px 30px; margin: 10px 0 15px 10px; border: 0px solid #e6e6e6; } .wrap h2{ font-size: 16px; font-weight: normal; color: #333333; margin: 10px 0 5px 0px; } .wrap h2.arkiv { margin: 0 0 -10px 0; } .wrap h3 { font-size: 16px; font-weight: normal; color: #333333; } .wrap input { border: 1px solid #ccc; } .wrap p { font-size: 12px; line-height: 16px; margin: 20px 0 15px 0px; } .wrap ul { margin: 0 0 0 10px; } .wrap ul li { font-size: 12px; margin: 0 0 5px 0; } .wrap table { /*margin: 0 0 0 15px;*/ margin: 0; } .wrap table td { padding: 5px 3px 3px 3px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } /* ----------------------------------------------------------------- Produkter, listevisning ----------------------------------------------------------------- */ .product { width: 220px; float: left; padding:0 0 0 10px; margin: 15px 5px 0 0; } .product img { margin: 10px 0 0 0px; } .product h3 { margin: 10px 0 0 3px; } .product p { margin:5px 10px 10px 3px; } .product .buy { margin: 0 0 0 0px; } .cartitem { border: 1px solid #ddd; width: 200px; padding: 5px; margin: 5px 10px 5px 10px; } .cartitem img { margin: 0; } .cartitem p { margin: 5px 0 0 0; text-align: right; } .cartitem h3 { margin: 5px 0 5px 0; } .countValue { width: 15px; margin: 0 0 0 3px; padding: 0 2px 0 2px; text-align: center; } .cartitem span { float: right; margin: 5px 0 0 0; } .wrap .suminfo { margin: 10px 0 10px 0!important; margin: 10px 0 10px 30px; line-height: 18px; } /* ----------------------------------------------------------------- Utsjekking ----------------------------------------------------------------- */ #checkout legend { font-size: 12px; font-weight: bold; margin: 0 0 0 -6px; } #checkout { float: left; margin-left: 15px; width: 250px; } #checkout ul { list-style-type: none; } #checkout ul li { margin: 5px 0 5px 0; } #checkout ul li label { margin: 0 100px 0 0; font-size: 12px; } #checkout ul li input { margin: 3px 0 2px 0; font-size: 12px; padding: 2px 7px 2px 3px; } #checkout textarea { border: 1px solid #ccc; margin: 3px 0 2px 0; } #checkout ul li .radio { margin: 0 3px 0 0; } #checkout .submit { margin: 5px 0 0 0; background: #eee; padding: 2px 5px 2px 5px; font-size: 12px; } /* ----------------------------------------------------------------- Produkter, detaljer ----------------------------------------------------------------- */ .speclist { font-size: 12px; padding: 0 0 0 10px; margin: 15px 0 10px 0; } .prodinfo { margin: 0 0 50px 0; } .prodinfo img { float: left; } .prodinfo p, .price2 p { font-size: 13px; font-weight: bold; margin: 0 30px 10px 215px; color: #696969; line-height: 24px; } .prodinfo p strong { font-size: 15px; } .prodinfo .buyButton { background: #fff; font-weight: normal; color: #666; font-size: 11px; padding: 1px 3px 1px 3px; } .prodinfo input, .price2 input { color: #666; } .speclist ul { font-size: 12px; margin: 10px 0 10px 15px; } .speclist ul li { margin: 2px 0 2px 0; } .speclist { } .price2 { background: #f9f9f9; float: left; width: 100%; margin: 10px 0 0 0; padding: 6px 0 6px 0; border-top: 1px solid #e6e6e6; } .price2 input, .price2 p { float: left; } .price2 input, { margin:0 5px 0; } .price2 p { font-size: 14px; font-weight: bold; margin: 0 10px 0 10px; color: #696969; line-height: 24px; } /* customizer */ #prodconfig { } .valuebox { float: left; padding: 10px 0 0 110px; margin: 0 0 20px 0; border-top: 1px solid #e6e6e6; } #Skjerm_Values { } .valuebox img { float: left; margin:0 0 0 -110px; } .valuebox p { margin:5px 20px 10px 0; } .headline { clear: both; background: #f1f1f1; color: #595757; font-size: 12px; font-weight: bold; margin: 20px 0 0 0; padding: 6px 10px 6px 10px; } .valuebox ul { list-style-type: none; } .valuebox label { font-size: 12px; margin: 0 50px 0 0; } .valuebox input { margin: 0 5px 0 0; } /* -------------------------------------------------------------- Lightbox, ikke rør -------------------------------------------------------------- */ #lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img { border: none; } #outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer { padding: 10px; } #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav { left: 0; } #hoverNav a { outline: none; } #prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(/sitefiles/1/js/Lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left; } #nextLink { right: 0; float: right; } #prevLink:hover, #prevLink:visited:hover { background: url(/sitefiles/1/js/Lightbox/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/sitefiles/1/js/Lightbox/nextlabel.gif) right 15% no-repeat; } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% } #imageData { padding: 0 10px; color: #666; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1em; } #imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0; } #overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } #ansattTable tr td { padding-right: 20px; font-size: 12px; } .form_table tr td, .standard table tr td { font-size: 12px; border: 0; } .form_table tr { } .form_table input { width: 170px; } .form_table .form_button { width: auto; padding: 2px 5px 2px 5px; } .kurs-formwrapper { width:460px; padding-left:10px; font-size:12px; } .kurs-formwrapper h2 { color:black; margin:0; padding:0; padding:4px 0 10px 0; } .kurs-formwrapper label { width:120px; float:left; display:block; padding-top:2px; } .kurs-formwrapper inputtext { float:left; width:140px; } .kurs-formwrapper #submitform { float:right; margin-top:5px; margin-right:8px; } .kurs-formwrapper ul { margin:0; padding:0; list-style-type:none; } .kurs-formwrapper ul li { clear:both; padding:0px 0 0px 0; line-height:10px; } #errormsg { color:red; font-weight:bold; padding:4px 0px 10px 0px; } .wrap tr td { padding-right: 20px; font-size: 12px; } .image-container { width: 110px; float: left; margin-right: 10px; } .courseList { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; } .courseList li strong { float:left; width: 80px; height: 25px; display: block; } .courseList li p { float: left; height: 25px; padding: 0; margin: 0; line-height: 25px; } .courseList li { clear: both; height: 25px; line-height: 25px; margin: 0; padding: 0; } .innlogging { margin:0; padding:4px 0px 0px 0px; width:716px; } .innlogging ul { margin:0; padding:0; } .innlogging ul li { margin:0; padding:0; list-style:none; float:left; font-size:11px; } .innlogging input.fattext { margin:0px 2px 0px 0px; padding:3px 3px 0px 3px; width:78px; height:15px; float:left; font-size:11px; border: solid 1px #CCCCCC; } .innlogging input.fatbutton, .innlogging a.loggut { font-size: 11px; height: 18px; padding:0px 0px 3px 0px; float: left; text-align:center; width:60px; border: 1px solid #FFFFFF; background: url(/sitefiles/1/design/button-bg.png) repeat-x top left; cursor:pointer; margin-top:1px; } .innlogging span { margin:0; padding:0px 5px 0px 0px; line-height:18px; font-size:11px; float:left; color:#333333; } .innlogging a.loggut { margin:0; padding:0; display:block; float:left; line-height:18px; color:#333333; } .innlogging div.standard div { display:none; } .breadcrumbs { width:270px; } /*språkmeny*/ #spraakMeny{ position:absolute; top:10px; right:0px; } #spraakMeny ul{ height:10px; } #spraakMeny li{ list-style:none; display:inline; float:left; } #spraakMeny li a{ border-right:1px solid #FFFFFF; font-size:10px; font-weight:normal; text-align:center; padding:0 20px; text-decoration:none; color:#fff; } #spraakMeny li.last a{ border-right:none; } #spraakMeny li.notlast a{ border-left:1px solid #FFFFFF; } #spraakMeny li.currentS a{ color:#999; } #spraakMeny li a:hover{ text-decoration:none; color:#999; } /********/ .item_2kols{ width:317px; float:left; padding:0 10px 20px 10px; } .toppartimg{ float:right !important; padding:0 20px; } .filarkiv ul{ padding:10px; } .filendinger{ font-size:10px; color:#999; } #newsletter-subscription{ background:#EDEDED; width:223px; border-top:1px solid #FFFFFF; border-bottom:1px solid #B3B3B3; } #newsletter-subscription h2{ padding:10px; border-bottom:1px solid #B3B3B3; } #newsletter-subscription h3{ padding:6px 6px 6px 10px; font-size:11px; font-weight:bold; border-bottom:1px solid #B3B3B3; } #newsletter-subscription ul{ list-style:none; font-size:11px; padding:10px; border-top:1px solid #FFFFFF; } li.reverse-order{ float:left; padding-right:10px; } li.formcontrols{ clear:both; } li.formcontrols input{ cursor:pointer; } #newsletter-subscription input{ border:1px solid #999; margin:5px 0; } #newsletter-subscription p{ font-size:10px; padding:5px; border-top:1px solid #FFFFFF; border-bottom:1px solid #B3B3B3; } .banners{ padding-top:5px; width:223px; text-align:center; } .banners img{ margin-top:5px; border:2px solid #fff; border-bottom:40px solid #fff; } #change-account-details ul{ padding:10px 0; margin:0; list-style:none; } #change-account-details ul li{ padding:4px 0; margin:0; list-style:none; } #change-account-details ul li label{ width:240px; display:block; float:left; } #change-account-details ul li.no-label input{ margin-left:240px;} #change-account-details ul li input#email{width:200px;} .loginoutskjema .standard form input.fatbutton{clear:both; margin-left:10px;} .wrap form{ padding-top:10px; font-size:12px;} .wrap input{padding:2px;}