/* -------------------------------------------------------------- Reset.css -------------------------------------------------------------- */ 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 { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1; font-family: Arial, Helvetica, sans-serif; background: #fefefb url(/sitefiles/58/design/body-bg.png) top center repeat-y;} /* 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 -------------------------------------------------------------- */ strong { font-weight: bold; } em { font-style: italic; } .wrapper { width: 800px; margin: 0 auto; background: #6d6f71; } .header { display: block; height: 90px; width: 800px; background: url(/sitefiles/58/design/h1-bg.png) no-repeat; } .header a { display: block; height: 90px; width: 800px; text-indent: -9999px; } .navigation { width:800px; float:left; height: 65px; background: url(/sitefiles/58/design/nav-bg.png) repeat-x; } .search { float: right; width: 142px; margin: 12px 10px 0 0; height: 24px; } .content { clear: both; padding:0 0 50px 0; } .footer { clear: both; height: 35px; background: #6d6f71; width: 800px; } .single { padding: 0 0 0 20px; margin: 10px 0 0; color: #fff; float: left; background: url(/sitefiles/58/design/bg_col_seperator.png) 400px 0 repeat-y; } .full-width-content .single, .full-width-content .infobox1 { padding: 0 20px; background: none; color: #FFF; } .full-width-content .infobox1 .infobox1 { padding: 0; } .col1, .col2{ float: left; } .col1 { width: 370px; padding: 0 10px 0 0; } .col2 { padding: 0 0 0 15px; width: 365px; height: 500px; } /* -------------------------------------------------------------- Navigasjon (Suckerfish) -------------------------------------------------------------- */ #nav, #nav ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1; } #nav li a{ font-size: 12px; padding:14px 0 0 0; height: 22px; border-right: 1px solid #bd1817; background: url(/sitefiles/58/design/nav-bg.png) repeat-x; color: #fff; text-decoration: none; width: 100px; text-align: center; } #nav li a:hover, #nav .active a { background: url(/sitefiles/58/design/nav-bg.png) bottom left repeat-x; } #nav a { display: block; width: 100px; } #nav li { /* all list items */ float: left; width: 101px; /* width needed or else Opera goes nuts */ } #nav li ul { /* second-level lists */ position: absolute; width: 400px; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #nav li ul li{ float:left; margin:0; width:75px; } #nav li ul li a { padding: 8px 0 0 0; font-size: 11px; height: 20px; width: 75px; border: none; background: none!important; background: url(/sitefiles/58/design/ul-ie-fix.png) repeat-x; /* IE */ } #nav li ul li a:hover{ color: #ff9998; } #nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto; font-size:14px; } /* -------------------------------------------------------------- Typografi -------------------------------------------------------------- */ .footer p { color: #fff; font-size: 12px; text-align: center; padding: 10px 0 10px 0; } .single h2 { font-size: 20px; margin:0 0 10px 0; } .single h3 { font-size: 14px; margin: 14px 0 4px 0; font-weight: bold; } .single p { font-size: 12px; margin:0 0 8px 0; line-height: 18px; } .single ul { font-size: 12px; margin: 0 0 15px 15px; } .single ul li { margin: 5px 0 5px 0; } .single a { color: #ffb1b1; text-decoration: none; } .single a:hover { color: #ff3838; } .single a:visited { color:# ff3838; } .single table { margin: 0 0 15px 0; font-size: 12px; } .single table tr {} .single table td { padding: 5px 10px 3px 10px; } /* -------------------------------------------------------------- Søk -------------------------------------------------------------- */ .search .searchInput{ width: 105px; height: 24px; float: left; background: url(/sitefiles/58/design/searchInput-bg.png) no-repeat; border: 0; } .search .searchSubmit{ height: 24px; float: right; text-indent: -9999px; color: #999; font-size:10px; width: 27px; background: url(/sitefiles/58/design/searchSubmit-bg.png) no-repeat; border: 0; } /* -------------------------------------------------------------- Nyheter -------------------------------------------------------------- */ .newsWrap{ width: 800px; float: left; background: #c2c2c2; border-bottom: 2px solid #606262; } .newsWrap h2 { color: #d11c1b; text-transform: uppercase; font-size: 20px; margin:10px 0 0 10px; } .newsContainer { width: 790px; margin: 0 auto; } .newsItem { float: left; width: 370px; padding:10px; margin: 10px 10px 0 0; background: #eee; font-size: 12px; } .even { margin:10px 0 0 0; } .newsItem h3 { margin: 5px 0 5px 0; color: #d11c1b; font-weight: bold;} .newsItem p { line-height: 16px; color:#000; } .readmore { float: right; text-transform: uppercase; } .newsItem .readmore a { color: #d11c1b; text-decoration: none; } .readmore a:hover { text-decoration: underline; } /* -------------------------------------------------------------- Front box -------------------------------------------------------------- */ .front { width: 800px; height: 385px; background: url(/sitefiles/58/design/front-bg.png) no-repeat; } .box { margin: 0 0 0 0; float: right; width: 383px; height: 385px; background: url(/sitefiles/58/design/box-bg.png); } .login { float: right; background: #771212; border-left: 1px solid #560c0c; width: 228px; padding: 19px 0 0 20px; height: 80px; margin: 0 0 0 0; } .login label { float: left; font-size: 11px; color: #fff; text-transform: uppercase; } .login input { float: left; width: 105px; height: 18px; border: 0; } .login .passwordLabel { margin: -16px 0 -10px 5px; } .login .passwordInput { margin: -16px 0 0 5px; } .login .fatbutton { float: right; background: #999; width: 66px; height: 24px; color: #fff; margin: 5px 10px 0 0; } .box2 { float: right; width: 383px; height: 250px; margin: 32px 0 0 0; border-bottom: 1px solid #9c3c3c; color: #fff; } .box2 h2 { margin: 20px 0 0 10px; font-size: 26px; } .box2 p { font-size: 14px; margin: 15px 0 0 10px; } .box2 .more { margin: 10px 0 0 13px; } .box2 .more a { text-decoration:none; font-weight: bold; color: #eee; } .box2 .more a:hover { color: #fff; } .textbox { width: 133px; height: 99px; background: #690f0f; float: left; text-align: center; color: #fff; } .textbox h3 { font-size: 20px; padding: 30px 0 0 0; font-weight: bold; }