* { margin:0; padding:0; border: 0; } hr { width: 100%; clear: both; visibility: hidden; } body { background: #F1F9FC url(/sitefiles/36/design/body-bg.gif) top left repeat-x; font-size: 62.5%; font-family: Arial, Verdana, Helvetica, "Bitstream Vera Sans", sans-serif; line-height: 1.5; } #containerhome { width: 100%; background: #F5F9FB url(/sitefiles/36/design/body-bg-home.gif) top left repeat-x; } #container { width: 800px; margin: 0 auto; padding-bottom: 50px; } #logo { width: 236px; height: 127px; background: url(/sitefiles/36/design/logo.gif) top left no-repeat; float: left; } #logo a { display: block; width: 236px; height: 127px; } #menus { background: url(/sitefiles/36/design/menu-bg.gif) top left repeat-x; width: 564px; height: 126px; float: left; } /* * MAIN MENU */ #menu { list-style-type: none; margin: 48px 0 0 0; } #menu li, #submenu li { display: inline; } #menu a.menu-1134 { width: 111px; background: url(/sitefiles/36/design/forside.gif) top left no-repeat; } #menu a.menu-1135 { width: 112px; background: url(/sitefiles/36/design/datahall.gif) top left no-repeat; } #menu a.menu-1136 { width: 147px; background: url(/sitefiles/36/design/kontakt-oss.gif) top left no-repeat; } #menu a { display: block; height: 42px; text-indent: -9999px; overflow: hidden; float: left; } #menu a:hover, #menu a.active { background-position: bottom; } /* * SUBMENU */ #submenu { list-style-type: none; clear: left !important; clear: none; font-size: 1.2em; list-style-type: none; padding: 10px 0 0 0; height: 26px; width: 564px; } #submenu a { display: block; height: 18px; float: left; padding: 4px 16px; color: #000; text-decoration: none; letter-spacing: 0.1em; } #submenu a:hover, #submenu a.active { background-color: #F1F9FC; } /* * MAIN CONTENT */ #content { width: 800px; clear: both; } #content p, #content ul, #content ol { margin-bottom: 2em; } a { color:#000; } a:hover { color:#222; } #content ul { margin-left: 15px; list-style-type: square; } h3{ font-size: 1.6em; margin-bottom: 0.3em; } #containerhome #content { background: url(/sitefiles/36/design/safe.gif) top left no-repeat; clear: left; float: left; } #contentpicture { width: 236px; height: 355px; float: left; padding: 20px 0; } #containerhome #contentmain { margin: 70px 0 40px 256px !important; } #contentmain { margin: 20px 0 40px 0; width: 544px; font-size: 1.3em; float: right; } #contentmain img { margin-bottom: 0.5em; } #containerhome #contentmain h2 { background: url(/sitefiles/36/design/sikkert-serverrom.gif) top left no-repeat; width: 381px; height: 58px; overflow: hidden; text-indent: -100em; margin-bottom: 0.33em; } /* * FRONT PAGE COLUMN BOXES */ .frontbox { background: url(/sitefiles/36/design/hel-boks.gif) top left no-repeat; margin-top: 30px; width: 204px; height: 202px; float: left; padding: 40px 17px 15px 25px; color: #FFF; } #contentleft, #contentmiddle { margin-right: 31px; } #content .frontbox ul { list-style-type: none; margin-left: 0; } .frontbox ul li { background: url(/sitefiles/36/design/box-bullet.gif) center left no-repeat; padding-left: 15px; } .frontbox ul, .frontbox p { font-size: 12px; } .frontbox h2 { font-size: 18px; } .frontbox p.lesmer { text-align: right; } .frontbox a { text-transform: uppercase; text-decoration: none; text-align: right; color: #FFF; border-bottom: 1px solid #FFF; } .frontbox a:hover { color: #E5F4F9; border-bottom: 1px solid #E5F4F9; } /* * CONTACT FORM */ #contactemail input.fattext, #contactemail textarea { font-family: Arial, Verdana, Helvetica, "Bitstream Vera Sans", sans-serif; background: #FFF; border: 1px solid #CDECF6; padding: 3px; margin-bottom: 0.5em; width: 400px; float: right; font-size: 1em; } #contactemail textarea { overflow: hidden; } #contactemail label { width: 120px; padding: 4px; margin-bottom: 0.5em; float: left; } #contactemail .fatbutton { padding: 3px; background: #B8E1EF; font-size: 1.1em; float: right; margin: 2em 0 0 0; width: 15%; } #footer { width: 800px; clear: both; text-align: center; background: url(/sitefiles/36/design/footer.gif) 39px 0 no-repeat; padding-top: 7px; margin-top: 20px; } #footer a { text-decoration: none; color: #000; } #footer a:hover { border-bottom: 1px solid #000; }