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, dd,dl,dt,li,ol,ul, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; } table { border-collapse: collapse; border-spacing: 0; } ol,ul { list-style: none; } q:before,q:after, blockquote:before,blockquote:after { content: ""; } html, body{ height: 100%; } p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; } h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 22px; text-transform: uppercase; } a{ color: #000; } .container .containerTr #flashBackground{ position: fixed; _position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; z-index: 0; } .container { width: 100%; height: 100%; position: absolute; } .container .containerTd { width: 100%; height: 100%; } .container .containerTr .allContent{ position: relative; vertical-align: middle; width: 969px; margin: 0 auto; padding: 0 40px; } .topContent{ float: left; width: 969px; height: 75px; margin: 0 0 10px 0; background: #222327; } .topContent .logo{ /* leftField*/ display: block; width: 488px; height: 57px; margin: 10px 0 8px 10px; _margin: 10px 0 8px 5px; float: left; text-indent: -99999px; } .topContent .rightField{ width: 471px; height: 75px; float: left; } .firstPageFader{ width: 969px; height: 344px; position: relative; overflow: hidden; margin: 0 0 10px 0; float: left; clear: both; } .firstPageFader li{ width: 969px; height: 344px; position: absolute; } .introText{ float: left; width: 947px; border: 1px solid #cfcfcf; padding: 18px 0 20px 20px; margin: 0 0 10px 0; } .introText h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 18px; text-transform: uppercase; margin: 0 0 20px 0; } .introText .textCol{ float: left; width: 289px; margin: 0 20px 0 0; } .introText .textCol p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; } .chooseLanguage{ float: left; width: 949px; height: 24px; padding: 25px 0 26px 20px; background: #222327; } .chooseLanguage h2{ display: block; height: 24px; float: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #fff; line-height: 24px; text-transform: uppercase; margin: 0 27px 0 0; } .languageMenu{ float: right; padding: 10px 10px 0 0; } .searchForm{ float: right; clear: right; width: 400px; text-align: right; padding: 8px 10px 0 10px; } .searchForm .button{ display: block; float: right; height: 24px; padding: 0 10px; *padding: 0 0; _padding: 0 2px 0 1px; border: 1px solid #18181a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: #ffffff; text-transform: uppercase; width: 75px; } .searchForm .search{ display: block; float: right; width: 204px; height: 18px; padding: 4px 10px 0 10px; *height: 22px; *line-height: 22px; *padding: 0 10px; margin: 0 10px 0 0; border: 1px solid #18181a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; color: #808080; background: #ffffff; vertical-align: middle; width: 196px; *width: 200px; } .menuLvl2{ float: left; width: 969px; padding: 0 0 10px 0; } .menuLvl2 li{ float: left; } .content{ width: 969px; height: 586px; float: left; } .sideBarNextBtn{ position: absolute; top:0; right: 0; width: 50px; height: 100%; background: #000; } .btnLink{ display: block; float: left; height: 24px; line-height: 24px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; border: 1px solid #cfcfcf; background: #ffffff; padding: 0 10px; margin: 0 10px 0 0; text-decoration: none; text-transform: uppercase; } .btnLinkBorderOveride{ border: 1px solid #18181a; } .faderNumbers .active, .btnLinkActive, .btnLink:hover{ color: #fff; border: 1px solid #18181a; background: #222327; } .btnLinkActive2,.btnLinkBorderOveride:hover{ color: #fff; border: 1px solid #151619; background: #16191d; } .btnLink2{ display: block; float: left; height: 22px; line-height: 22px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; border: 1px solid #d4d4d4; background: #222327; padding: 0 10px; margin: 0 10px 0 0; text-decoration: none; text-transform: uppercase; } .menuLvl2 li .btnLink{ _margin: 0 5px 0 0; } .clear{ clear: both; } .resetMargin{ margin: 0; } .firstPageFaderContainer{ float: left; }
 .content .contentLeft{ float: left; width: 237px; height: 544px; background: #fff; padding: 20px 0 20px 19px; overflow: hidden; border: solid 1px #CFCFCF; } .content .contentLeft .contentLeftContainer{ width: 237px; height: 544px; overflow: hidden; } .content .contentLeft .menyLvl3{ float: left; width: 220px; } .content .contentLeft .menyLvl3 li{ float: left; width: 220px; padding: 0 0 9px 0; } .content .contentRight{ float: left; width: 692px; height: 584px; background: #fff; border: solid 1px #CFCFCF; } .btnLink3{ display: block; float: left; /*height: 22px;*/ width: 198px; line-height: 22px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; border: 1px solid #d4d4d4; background: #fff; padding: 0 10px; margin: 0 10px 0 0; text-decoration: none; text-transform: uppercase; } .btnLink3:hover, .btnLink3Active{ color: #fff; border: 1px solid #d4d4d4; background: #222327; } .aboutTeamTop{ float: left; overflow: hidden; height: 233px; padding: 27px 0 0 0; } .aboutTeamBottom{ float: left; } .aboutTeamLeftTop{ float: left; width: 448px; height: 233px; padding: 0 0 0 20px; overflow: hidden; } .aboutTeamLeftBottom{ float: left; width: 448px; height: 316px; padding: 0 0 0 20px; overflow: hidden; } .tabContainer .aboutTeamLeftBottomOverWrite{ height: 255px; } .aboutTeamLeftBottom ul{ float: left; width: 448px; height: 255px; position: relative; } .aboutTeamLeftBottom ul li{ float: left; position: absolute; width: 448px; height: 446px; } .aboutTeamLeftBottom .aboutTeamText{ float: left; width: 439px; height: 270px; padding: 0 0 0 9px; } .aboutTeamLeftBottom .teamSearch{ float: left; width: 439px; padding: 0 0 15px 9px; } .aboutTeamLeftBottom .standard{ float: left; } .aboutTeamLeftBottom .teamSearchText{ display: block; float: left; width: 439px; line-height: 22px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; } .aboutTeamLeftBottom .teamSearch .teamSearchInput, .aboutTeamLeftBottom .teamSearch .fattext{ display: block; float: left; width: 218px; height: 18px; padding: 4px 10px 0 10px; *height: 22px; *line-height: 22px; *padding: 0 10px; margin: 0 10px 0 0; border: 1px solid #d4d4d4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; color: #808080; background: #ffffff; vertical-align: middle; } .aboutTeamLeftBottom .teamSearch .teamSearchButton, .aboutTeamLeftBottom .teamSearch .fatbutton{ display: block; float: left; height: 24px; padding: 0 10px; *padding: 0 0; _padding: 0 2px 0 1px; border: 1px solid #d4d4d4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: #ffffff; text-transform: uppercase; } .aboutTeamLeftBottom .teamEmployeers{ float: left; width: 428px; height: 228px; overflow: hidden; } .aboutTeamLeftBottom .teamEmployeersSort{ float: left; width: 428px; margin: 0 0 5px 0; overflow: hidden; } .aboutTeamLeftBottom .teamEmployeers .employee{ float: left; width: 428px; padding: 4px 0; } .aboutTeamLeftBottom .teamEmployeers .employee div{ display: none; } .aboutTeamLeftBottom .teamEmployeers .employeeActive{ background: #e6e6e6; } .aboutTeamLeftBottom .teamEmployeers .employee .hiddenInfo{ display: none; } .aboutTeamLeftBottom .teamEmployeers .employee .employeeArrow{ float: left; width: 11px; height: 14px; display: block; } .aboutTeamLeftBottom .teamEmployeers .employeeActive .employeeArrow{ background: url(/sitefiles/1/design/employeeArrow.gif) 0 1px no-repeat; } .aboutTeamLeftBottom .teamEmployeers .employee .firstname, .aboutTeamLeftBottom .teamEmployeers .employee .lastname, .aboutTeamLeftBottom .teamEmployeersSort .employee .firstname, .aboutTeamLeftBottom .teamEmployeersSort .employee .lastname{ display: block; float: left; width: 100px; } .aboutTeamLeftBottom .teamEmployeers .employee .title, .aboutTeamLeftBottom .teamEmployeersSort .employee .title{ display: block; float: left; width: 137px; } .aboutTeamLeftBottom .teamEmployeers .employee .team, .aboutTeamLeftBottom .teamEmployeersSort .employee .team{ display: block; float: left; width: 80px; } .aboutTeamRight{ float: left; width: 220px; padding: 0 0 0 0; } .teamName{ float: left; padding: 24px 0 15px 21px; } .teamName .teamNameRight{ float: left; padding: 5px 10px; color: #ffffff; text-transform: uppercase; } .employeePicture{ float: left; position: relative; margin: 0 0 0 21px; _margin: 0 0 0 10px; width: 175px; height: 235px; border: solid 10px #222327; background: url(/sitefiles/1/bilder/employee.png) 0 0 no-repeat; } .employeePicture .employeeinfo{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; position: absolute; top: 183px; left: 0; width: 170px; height: 45px; padding: 7px 0 0 5px; background: url('/sitefiles/1/design/employeeAlpha.png') 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/employeeAlpha.png", sizingMethod="scale"); } .employeePicture .employeeinfo .employeePhone{ float: left; width: 145px; height: 15px; } .employeePicture .employeeinfo .employeeEmail{ float: left; width: 165px; height: 30px; } .employeePicture .employeeinfo .employeeEmail a{ float: left; color: #000; margin: 0 0 3px 0; } .employeePicture .employeeinfo .logoDiv{ float: left; width: 14px; height: 15px; } .employeePicture .employeeinfo .logoDiv .logoLine1{ float: left; width: 14px; _width: 13px; height: 3px; font-size: 0; } .employeePicture .employeeinfo .logoDiv .logoLine2{ float: left; margin: 0 0 0 11px; _margin: 0 0 0 5px; width: 3px; height: 3px; font-size: 0; } .employeePicture .employeeinfo .logoDiv .logoLineColor{ background: #000; } .teamName .teamNameLeft{ float: left; position: relative; padding: 5px 10px; background: #222327; color: #ffffff; text-transform: uppercase; } .aboutTeamMap{ float: left; width: 213px; height: 233px; background: url(/sitefiles/1/design/teamMap.jpg) 22px 0 no-repeat; overflow: hidden; position: relative; } .teamAddress{ padding: 0 0 0 21px; width: 199px; height: 255px; overflow: hidden; } .mapLocation{ position: absolute; width: 14px; height: 14px; background: url('/sitefiles/1/design/flag.png') 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/flag.png", sizingMethod="scale"); } .mapLocationLink{ display: block; text-indent: -99999px; position: absolute; width: 14px; height: 14px; background: url('/sitefiles/1/design/flag.png') 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/flag.png", sizingMethod="scale"); } .tabMenu{ float: left; padding: 24px 0 0 20px; width: 448px; } .tabMenu li{ float: left; } #map{ float: left; } .tabMapGoogle{ padding: 0 0 0 20px; } .btnLink4{ display: block; float: left; height: 22px; line-height: 22px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; background: #fff; padding: 0 10px; text-decoration: none; } .btnLink4:hover, .btnLink4Active{ color: #fff; background: #222327; } .pointer{ cursor: pointer; } .infoContent{ float: left; width: 637px; height: 524px; padding: 0 17px 0 20px; _padding: 0 10px 0 20px; margin: 20px 0; } .infoTabMenu{ float: left; width: 644px; margin: 0 0 15px 0; } .infoTabMenu li{ margin-bottom: 10px; } .infoTabContainer{ float: left; width: 644px; } /* CUSTOM SCROLL BY CHRISTIAN ØSTREM COPYRIGHT KEYTEQ AS*/ #content { float: left; width: 200px; height: 200px; overflow: hidden; } .infoTabContent{ float: left; width: 644px; height: 507px; overflow: hidden; } /* VERTICAL BAR */ .scrollContainerVL { float: left; width: 17px; height: 546px; } .scrollContainerVR{ margin: 20px 0 0 0; float: left; width: 17px; height: 546px; } #scrollTrackVL { float: left; width: 17px; height: 586px; background: #ffffff; } #scrollTrackVR{ float: left; width: 15px; height: 546px; border-left: solid 1px #cfcfcf; border-right: solid 1px #cfcfcf; } #scrollTrackVLTop{ position: relative; width: 17px; height: 17px; border-top: solid 1px #cfcfcf; border-bottom: solid 1px #cfcfcf; background: url(/sitefiles/1/design/scrollTrackVTopBig.jpg) 0 0 no-repeat; cursor: pointer; } #scrollTrackVRTop{ position: relative; width: 15px; height: 17px; border-top: solid 1px #cfcfcf; border-bottom: solid 1px #cfcfcf; background: url(/sitefiles/1/design/scrollTrackVTop.jpg) 0 0 no-repeat; cursor: pointer; } #scrollTrackVLBottom{ position: relative; width: 17px; height: 17px; border-top: solid 1px #cfcfcf; border-bottom: solid 1px #cfcfcf; background: url(/sitefiles/1/design/scrollTrackVBottomBig.jpg) 0 0 no-repeat; cursor: pointer; } #scrollTrackVRBottom{ position: relative; width: 15px; height: 17px; border-top: solid 1px #cfcfcf; border-bottom: solid 1px #cfcfcf; background: url(/sitefiles/1/design/scrollTrackVBottom.jpg) 0 0 no-repeat; cursor: pointer; } #scrollTrackVLBar{ position: relative; width: 17px; } #scrollTrackVRBar{ position: relative; width: 15px; } #scrollTrackVLBarHandle{ width: 17px; height: 40px; background: #333333; cursor: pointer; border-top: solid 1px #cfcfcf; border-bottom: solid 1px #cfcfcf; background: url(/sitefiles/1/design/scrollTrackVBarHandleBig.jpg) 0 0 no-repeat; } #scrollTrackVRBarHandle{ width: 15px; height: 40px; background: #333333; cursor: pointer; border-top: solid 1px #cfcfcf; border-bottom: solid 1px #cfcfcf; background: url(/sitefiles/1/design/scrollTrackVBarHandle.jpg) 0 0 no-repeat; } #scrollTrackVLBar .scrollTrackVLBarHandleActive{ background: url(/sitefiles/1/design/scrollTrackVBarHandleActiveBig.jpg) 0 0 no-repeat; } #scrollTrackVRBar .scrollTrackVRBarHandleActive{ background: url(/sitefiles/1/design/scrollTrackVBarHandleActive.jpg) 0 0 no-repeat; } /* VERTICAL BAR */ .scrollContainerV { float: left; width: 17px; height: 546px; } #scrollTrackV { float: left; width: 15px; height: 228px; border-left: solid 1px #cfcfcf; border-right: solid 1px #cfcfcf; background: #ffffff; } #scrollTrackVTop{ position: relative; width: 15px; height: 17px; border-top: solid 1px #cfcfcf; border-bottom: solid 1px #cfcfcf; background: url(/sitefiles/1/design/scrollTrackVTop.jpg) 0 0 no-repeat; cursor: pointer; } #scrollTrackVBottom{ position: relative; width: 15px; height: 17px; border-top: solid 1px #cfcfcf; border-bottom: solid 1px #cfcfcf; background: url(/sitefiles/1/design/scrollTrackVBottom.jpg) 0 0 no-repeat; cursor: pointer; } #scrollTrackV{ position: relative; width: 15px; } #scrollTrackVBarHandle{ width: 15px; height: 40px; background: #333333; cursor: pointer; border-top: solid 1px #cfcfcf; border-bottom: solid 1px #cfcfcf; background: url(/sitefiles/1/design/scrollTrackVBarHandle.jpg) 0 0 no-repeat; } #scrollTrackVLBar .scrollTrackVBarHandleActive{ background: url(/sitefiles/1/design/scrollTrackVBarHandleActive.jpg) 0 0 no-repeat; }