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, 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; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } 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: "" ""; } /* End of reset */ p{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #262626; } a{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #262626; } h2{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; color: #262626; font-weight: bold; } body{ background: url(/sitefiles/28/design/background.jpg) 0 0px repeat-x; } .allContent{ position: relative; width: 780px; margin: 0 auto; } .logo{ float: left; display: block; width: 780px; height: 118px; margin: 20px 0 0 0; } .logo a{ float: left; display: block; width: 780px; height: 118px; text-indent: -99999px; background: url(/sitefiles/28/design/Htb-logo.jpg) 0 0 no-repeat; } .content{ float: left; width: 780px; margin: 0 0 10px 0; } .content .fader{ float: left; width: 780px; height: 330px; position: relative; } .content .fader li{ float: left; width: 780px; height: 330px; position: absolute; } .content .faderMenu{ float: left; width: 780px; background: #173886 url(/sitefiles/28/design/bullet.jpg) 14px 14px no-repeat; margin: 0 0 10px 0; } .content .faderMenu .faderMenuLeft{ float: left; width: 260px; padding: 0 0 0 40px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 39px; color: #fff; } .content .faderMenu .faderMenuRight{ float: left; width: 454px; height: 30px; padding: 9px 26px 0 0; } .content .faderMenu .faderMenuRight p{ float: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; color: #b7ccff; height: 28px; padding: 2px 0 0 0; margin: 0 11px 0 0; } .footer{ float: left; width: 780px; } .mainPageInfo{ float: left; width: 738px; padding: 0 21px 11px 21px; background: #dedede; } .mainPageInfo .mainPageInfoLeft{ float: left; width: 283px; margin: 11px 0 0 0; padding: 19px 15px 0 0; border-right: 1px solid #c3c3c3; } .mainPageInfo .mainPageInfoRight{ float: left; position: relative; width: 419px; margin: 23px 0 0 -1px; padding: 0 0 0 20px; border-left: 1px solid #c3c3c3; } .footer{ float: left; width: 780px; height: 45px; background: #f4f4f4; } .footer p{ text-align: center; line-height: 45px; vertical-align: middle; font-style: italic; color: #2f2f2f; } .info2Col{ float: left; width: 780px; padding: 23px 0 23px 0; background: #dedede; } .info2Col .info2ColLeft{ float: left; width: 442px; padding: 0 14px 0 19px; } .info2Col .info2ColRight{ float: left; width: 276px; padding: 0 12px 0 17px } .prosjekter{ float: left; width: 780px; padding: 23px 0 23px 0; background: #dedede; } .prosjekterLeft{ float: left; width: 442px; padding: 0 14px 0 19px; } .prosjekterRight{ float: left; width: 276px; padding: 0 12px 0 17px } .prosjekterH2{ margin: 0 0 20px 0; } .menyLvl3{ float: left; width: 276px; margin: 0 0 20px 0; } .menyLvl3 li{ float: left; width: 276px; list-style: none; margin: 0 0 8px 0; } .menyLvl3 li .arrow{ float: left; margin: 5px 5px 0 0; width: 8px; height: 9px; background: url(/sitefiles/28/design/arrow.png) 0 100% no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/28/design/arrow.png", sizingMethod="scale"); } .menyLvl3 li a{ float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-style: italic; text-decoration: none; color: #082f8e; list-style: none; } ul{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #262626; } ul li{ list-style-type: disc; margin: 0 0 13px 0; } .clear{ clear: both; } .content .topHeader{ float: left; width: 780px; position: relative; } .content .topHeader img{ float: left; } .content .topHeaderMenu{ float: left; width: 780px; height: 39px; background: #173886 url(/sitefiles/28/design/bullet.jpg) 14px 14px no-repeat; margin: 0 0 10px 0; } .content .topHeaderMenu .topHeaderMenuLeft{ float: left; width: 160px; height: 39px; padding: 0 0 0 40px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 39px; color: #fff; } .info2Col .info2ColLeft .kpgenerated, .info2Col .info2ColLeft .kpgenerated fieldset, .info2Col .info2ColLeft .kpgenerated fieldset ul{ float: left; width: 384px; } .info2Col .info2ColLeft .kpgenerated fieldset ul li{ float: left; width: 384px; list-style-type: none; margin: 0; } .info2Col .info2ColLeft .kpgenerated fieldset ul li label{ float: left; width: 384px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 28px; list-style-type: none; vertical-align: middle; margin: 0; } .info2Col .info2ColLeft .kpgenerated fieldset ul li input{ float: left; clear: left; width: 192px; height: 23px; padding: 7px 0 0 8px; background: url(/sitefiles/28/design/input.jpg) 0 0 no-repeat; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: italic; color: #262626; } .info2Col .info2ColLeft .kpgenerated fieldset ul li #field-3{ float: left; clear: left; width: 372px; height: 133px; padding: 7px 0 0 8px; background: url(/sitefiles/28/design/textarea.jpg) 0 0 no-repeat; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; color: #262626; } .info2Col .info2ColLeft .kpgenerated fieldset ul li .submit{ float: right; clear: left; width: 158px; height: 42px; padding: 0 0 6px 0; background: url(/sitefiles/28/design/sendBtn.jpg) 0 100% no-repeat; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; font-style: italic; color: #27407c; margin: 0; } .info2Col .info2ColLeft .kpgenerated fieldset ul .form-controls{ margin: 7px 0 0 0; } .employeeContainer{ float: left; width: 780px; color: #000; } .employeeContainer .resetBorder{ border: none; } .employeeContainer li{ float: left; width: 239px; list-style-type: none; background: #eaf0ff; padding: 10px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; margin: 0; } .employeeContainer li img{ float: left; border: 1px solid #efeff0; } .employeeContainer li .employeeInfo{ float: left; width: 150px; padding: 10px 0 0 9px; } .employeeContainer li .employeeInfo .employeeLeft{ width: 50px; font-size: 11px; } .employeeContainer li .employeeInfo .employeeRight{ width: 100px; font-size: 11px; } .employeeContainer li .employeeInfo li{ float: left; list-style-type: none; padding: 0; margin: 0 0 11px 0; border: 0; background: none; } .employeeContainer li .employeeInfo .header{ float: left; width: 150px; } .employeeContainer li .employeeInfo li h3{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; font-style: italic; } .employeeContainer li a{ float: left; clear: both; color: #1e3b81; } .employeeContainer .newColor{ background: #dee3ef; } .ourProjects{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #8096ce; font-weight: normal; padding: 5px 0 5px 5px; border-left: 1px solid #768bbf; } /* Menu SF */ #nav, #nav ul { /* all lists */ float: left; padding: 0; margin: 0; width: 780px; } #nav{ background: #1f3059; } #nav a{ display: block; width: 124px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; text-decoration: none; text-align: center; padding: 12px 0 12px 0; } #nav a:hover, #nav li .menuActive{ background: #173886; } #nav .hasChildren .menuActive{ background: #173886 url(/sitefiles/28/design/menuSeperator.jpg) 7px 43px no-repeat; } #nav .hasChildren a{ background: url(/sitefiles/28/design/menuSeperator.jpg) 7px 43px no-repeat; } #nav .menuArrow{ margin: 0 0 0 10px; } #nav li { /* all list items */ float: left; width: 124px; /* width needed or else Opera goes nuts */ list-style: none; padding: 0; margin: 0; border-right: 1px solid #4c597a; } #nav li ul { /* second-level lists */ position: absolute; width: 170px; z-index: 9999; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ padding: 0; margin: 0; } #nav li ul li{ padding: 0; margin: 0; border: none; } .allContent #nav li ul li a{ width: 114px; text-align: left; padding: 5px 0 4px 10px; background: #1f3059; font-size: 12px; } .allContent #nav li ul li a:hover, .allContent #nav li ul .menuActive a{ background: #173886; } #nav li ul ul { /* third-and-above-level lists */ margin: -1em 0 0 10em; padding: 0; } #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } /* PosterFader*/ #posterslider{ position: relative; } .textArea{ position: absolute; right: 0; top: 250px; padding: 10px; background: #2b488f; z-index: 9999; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: italic; color: #fff; } .btn_poster { float:left; margin-right: 3px; } #poster { position:relative; } #nextP { float:left; } #numberBtns{ float: right; height: 30px; } #numberBtns a.active, #numberBtns a:hover { background: url(/sitefiles/28/design/numBg.jpg) 0 0 repeat-x; color: #fff; } #numberBtns a { float: left; border: 1px solid #182d61; heigth: 20px; padding: 0 7px; line-height: 20px; vertical-align: middle; color: #fff; background: #203c80; color: #b7ccff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: 0 5px 0 0; text-decoration: none; } #btn_next { position:absolute; top: 200px; left: 150px; z-index: 2; visibility: hidden; } #btn_next { background: #fff; width: 22px; height: 22px; overflow: hidden; display: block; cursor: pointer; float: left; outline: none; } #btn_next:hover { background: #eee; } .info2ColLeft .infobox1 h2{ font-size: 14px; } .textMenu{ float: left; width: 419px; } .textMenu { width: 419px; text-align: center; padding: 14px 0 21px 0; } .textMenu a{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding: 0 15px; 0 0; } .h2Smal{ width: 419px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; text-align: center } .dot{ width: 13px; height: 13px; background: url(/sitefiles/28/design/dot.jpg) center center no-repeat; } .submenu{ float: left; width: 178px; padding: 0; margin: 20px 0 20px 30px; _margin: 20px 0 20px 15px; } /* Lightbox */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #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-image: url(data:image/gif;base64,AAAA); /* 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/28/design/prevlabel.png) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/sitefiles/28/design/nextlabel.png) 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: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }