/* Project: PSI facelift Version: 0.1 Last changed: work in progress Design: Odinmedia xhtml/css: Ole-Marius L. Mathiassen, Recommended Interaktiv (C) 2008 Recommended Norway --------- reset.css (recommended version) is in use */ body {font-family: verdana, arial, sans-serif; color: #4b5257; background: #fff url(../img/bg-body2.png) left top repeat-x } p {font-size: 1.1em; line-height: 1.4em;} #contentdiv p, #contentdiv ul, #contentdiv b {font-size: 1.1em; } a {color: #4b5257} a:hover {color: red} a.current {color: #fff;} h1, h2, h3, h4, h5, h6 { color: #810e55; font-size: 1em; line-height: 1.2em;} h2 {font-size: 1.6em; padding-bottom: 0.5em;} h3, .pagelistheading {font-size: 1.6em; padding: 0.5em 0; display: block; font-weight: normal; text-decoration: none;} h2 a { color: #810e55; text-decoration: none; cursor: pointer; display: block; } body a {color: #810e55; } .emptyclear { clear: both; height: 0; overflow: hidden; } /* ------------------------------------------------------------------------------------------------ */ #containerdiv { width: 1058px; margin: 0 auto; background: transparent url(../img/bg-body.png) left top repeat-y} /* HEADER ------------------------------------------------------------------------------------------------ */ #headerdiv { height: 151px; padding: 0 50px; background: #fff url(../img/bg-header.png) left top repeat-y; position: relative;} h1#logo a { display: block; background: #fff url(../img/logo_payoff.gif) no-repeat; width: 473px; height: 86px; text-indent: -9999px; position: absolute; top: 30px; left: 60px; } #shop { display: block; text-indent: -9999px; background: #fff url(../img/nettbutikk.jpg) no-repeat; width: 185px; height: 74px; position: absolute; top: 15px; right: 50px; } /* FOOTER ------------------------------------------------------------------------------------------------ */ #footer { width: 1058px; margin: 0 auto; background: #fff url(../img/bg-body.png) left top repeat-y; height: 50px; } #footer p {float: left; padding-left: 38px; text-align: center; padding-bottom: 0;} #footer {padding: 30px 50px 0 50px; clear: both; font-size: 10px; } /* ICONS ------------------------------------------------------------------------------------------------ */ #topmenuicon { display: block; height: 26px; background: #fff url(../img/bg-helpmenu.png) left top no-repeat;} #topmenuicon ul, #topmenuicon ul li { padding: 0; margin: 0; list-style-type: none; } #topmenuicon ul { padding: 3px 44px 0 0; text-align: right; } #topmenuicon ul li { display: inline; position: relative; } #topmenuicon ul a { text-decoration: none; } #topmenuicon ul a span { display: none; position: absolute; top: -25px; left: -35px; width: 100px; text-align: center; color: #000; text-decoration: none; } #topmenuicon ul a:hover span { display: block; z-index: 1; } #topmenuicon ul a { width: 29px; height: 17px; display: inline-block; } #topmenuicon ul a span.printlink, #topmenuicon ul a span.sitemaplink, #topmenuicon ul a span.tipafriend, #topmenuicon ul a span.loginlink, #topmenuicon ul a span.logoutlink { display: block; top:-7px; left: 0; text-indent: -9999px; float: left; width: 29px; height: 17px; z-index: 100; } #topmenuicon ul a span.printlink { background: url(../img/icon_menu_print.gif) no-repeat 0 0; } #topmenuicon ul a span.sitemaplink { background: url(../img/icon_menu_sitemap.gif) no-repeat 0 0; } #topmenuicon ul a span.tipafriend { background: url(../img/icon_menu_email.gif) no-repeat 0 0; } #topmenuicon ul a span.loginlink { background: url(../img/icon_menu_login.gif) no-repeat 0 0; } #topmenuicon ul a span.logoutlink { background: url(../img/icon_menu_logout.gif) no-repeat 0 0; } /* NAV ------------------------------------------------------------------------------------------------ */ #topmenudiv { display: block; position: relative; height: 54px; background: #fff url(../img/bg-nav.png) left top no-repeat; overflow: hidden;} #topmenudiv ul {list-style-type: none; margin: 0 74px; padding: 0 0 0 1px; height: 54px; background: transparent url(../img/nav-div.png) left top no-repeat } #topmenudiv ul li {float: left; margin: 0; padding: 0;} #topmenudiv ul a {color: #fff; font-size: 11px; text-decoration: none;padding: 14px 18px 13px 18px; margin: 0;line-height: 40px; background: transparent url(../img/nav-div.png) right top no-repeat} #topmenudiv ul a:hover {background-color: #000; } #crumbs a { color: #494949; } #crumbs a:hover { color: #000; } #topmenudiv .search { position: absolute; top: 10px; right: 50px; } #topmenudiv .search input.txt { padding: 3px; border: 1px solid #494949; font-size: 10px; } #topmenudiv .search input.btn { background-color: #000; padding: 2px; border: 1px solid #494949; color: #fff; font-size: 10px;} #topmenudiv .search input.btn:hover { cursor: pointer; background-color: #222; } /* Frontpage ------------------------------------------------------------------------------------------------ */ .frontpageupperdiv { padding: 15px 50px; } .frontpagelowerdiv { padding: 0 0 0 16px; clear: both;} .frontpageupperdiv {height: 330px;} .frontpageposter {float: right; width: 689px;} .frontpageinfo {float: left; width: 262px;} .businessarea {width: 317px; float: left; background: #fff url(../img/bg-businessarea.png) left top no-repeat; margin-left: 19px; } .businessarea div { padding: 15px; background: transparent url(../img/bg-businessarea-bottom.png) left bottom no-repeat;min-height: 400px;} .businessarea h2 { padding: 1em 0;} .businessarea h2 a { text-decoration: none; font-weight: normal; color: #820e57; } .businessarea h2 a:hover {text-decoration: underline;} .businessarea img { width: 285px; height: 220px;} .businessarea p { padding: 0; } /* div ------------------------------------------------------------------------------------------------ */ .readmore {text-transform: uppercase; color: #000; display: block; float: right; width: 50px;text-decoration: none; padding-left: 15px; background: transparent url(../img/readmore.gif) left 2px no-repeat; } .readmore:hover {font-weight: bold; color: #000} .frontpagedivshadow {clear: both;} /* icons ------------------------------------------------------------------------------------------------ */ ul#lefticons, .frontpageupperdiv ul {list-style-type: none; margin: 0; padding: 0; padding-bottom: 2em;} ul#lefticons li, .frontpageupperdiv ul li {margin: 0 0 10px 0; padding: 0;} ul#lefticons a {display: block; text-indent: -9999px;height: 68px; width: 166px;} .frontpageupperdiv ul a {display: block; text-indent: -9999px;height: 67px; width: 262px;} .frontpageupperdiv a#support {background: transparent url(../img/support_icons_wide.gif) left top no-repeat} .frontpageupperdiv a#rma {background: transparent url(../img/rma_icons_wide.gif) left top no-repeat} .frontpageupperdiv a#products {background: transparent url(../img/prod_tjeneste_icons_wide.gif) left top no-repeat} ul#lefticons a#support {background: transparent url(../img/support_icon.gif) left top no-repeat;} ul#lefticons a#rma {background: transparent url(../img/rma_icon.gif) left top no-repeat} ul#lefticons a#products{background: transparent url(../img/prod_tjeneste_icon.gif) left top no-repeat; margin-top: 40px; } /* Login ------------------------------------------------------------------------------------------------ */ .cookieBox { width: 300px; margin: 0 auto; padding: 20px 0;} .loginBox { width: 300px; margin: 0 auto; } /* Skjema ------------------------------------------------------------------------------------------------ */ .xformview { width: 740px; } .xformview input, .xformview textarea { width: 175px; border: 1px solid #ddd; padding: 2px; } .xformview td { padding-bottom: 5px; padding-right: 5px; } /* sitemap ------------------------------------------------------------------------------------------------ */ .fullwidth .sitemap { font-size: 8px; } .fullwidth .sitemap table { margin-bottom: 2em; } /* Undersider ------------------------------------------------------------------------------------------------ */ .contactcardimage { padding: 4em 0 0 0; clear: both; } .contactcardimage img { margin-bottom: 0 } .leftbackground2 { background: transparent url(../img/line.gif) repeat-y 240px 0 } .threecolumn_bg { background: transparent url(../img/line_d.gif) repeat-y 240px 0 } #maincontainerdiv, .fullwidth {padding: 10px 50px;} #mainareadiv h2 { color: #810e55; font-size: 2.4em; line-height: 1.2em; display: block; font-weight: normal; } #mainareadiv b { padding-top: 20px; display: block; } #mainareadiv { float: left; } #mainareadiv img { margin-bottom: 15px; } #leftmenudiv {width: 180px; float: left; } #leftmenudiv ul {list-style-type: none; padding: 0; margin: 0; } #leftmenudiv li {padding-top: 0.8em; line-height: 1.6em; } #leftmenudiv li a {text-decoration: none; color: #494949; font-size: 1.2em; padding: 0; margin: 0;} #leftmenudiv li.current a {color: #810e55; } #leftmenudiv li a:hover, #leftmenudiv li.current a:hover { color: #000; } #leftmenudiv li.lvl2 { padding-left: 15px; font-size: 0.9em; } #leftmenudiv li.lvl3 { padding-left: 30px; font-size: 0.9em; } #leftmenudiv h2 { font-size: 1.8em; font-weight: normal; } #maincontainerdiv #contentdiv {width: 750px; float: right; margin: 0; padding: 0;} .normalwidth { width: 525px; border-right: 1px solid #ccc; padding-right: 8px; } #rightmenudiv { width: 200px; float: right; }