/* * * * * Index start * * * * *
 * Global
 * Productmenu
 * sIFR
 * System edit box
 * Blurbs
 * Boxes
 * Fliker
 * Pagemenu
 * Snippets
 * Typography
 * * * * *  Index end  * * * * */
/* * * * * Here comes "Global" * * * * */
html, body, h1, h2, h3, h4, h5, h6, form, p, blockquote, th, td, fieldset {
   margin:0;
   padding:0;
}

html { background:#f2f0e4; } /* Hi, Chrome */

body {
   font:normal 76%/1.4 'Verdana',sans-serif;
   background:#f2f0e4 url(/uploads/chrome/bg_body.png) repeat-x top;
}

form {
   background:url(/uploads/chrome/bg_form.png) no-repeat center top;
   padding:9px 0;
}

input, select, textarea {
   font:1em 'Verdana',sans-serif;
}

p, fieldset, table {
   margin:0 0 1em;
}

fieldset {
   border:0;
   display:block;
}

h1 {
   color:#2da944;
   font:normal 2em 'Georgia',serif;
   margin:0 0 0.75em;  
}

h1 a {
   color:#2da944;
}

h2 {
   color:#656562;
   font:normal 1.6em 'Georgia',serif;
   margin:1em 0 0.5em;  
}

h2 a {
   color:#656562;
}

h2 a:hover {
   color:#2da944;
}

h3 {
   font-size:1.1em;
}

h3 a {
   color:#2da944;
}

h4 {
   font-size:1em;
}

h1 a, h2 a, h3 a, h4 a {
   text-decoration:none;
} 

img, a {
   border:0;
   outline:0;
}

ul {
   list-style-type:square;
}

.page {
   width:952px;
   margin:0 auto;
   background:#fff url(/uploads/chrome/bg_page.png) repeat-y 1px top;
}

.header {
   background:#FCFBF8 url(/uploads/chrome/bg_header.png) no-repeat left 25px;
   float:left;
}

.b-nameplate {
   padding:18px 25px 19px;
}

.b-nameplate a {
   display:block;
   text-indent:-9999em;
   overflow:hidden;
   text-decoration:none;
   height:45px;
   width:188px;
   background:url(/uploads/chrome/logo_header.png) no-repeat;
}

.header small {
   display:none;
}

.sectionmenu, .globalmenu ul {
   list-style-type:none;
   margin:0;
   padding:0;
}

.globalmenu {
   float:right;
   padding:12px;
   font-family:'Arial',sans-serif;
}

.globalmenu li {
   display:inline;
}

.globalmenu li a {
   text-decoration:none;
   color:#2da944;
   padding:0 10px;
}

.localemenu 
{
   float:right;
   position:relative;
}

.localemenu ul {
   margin:0;
   padding:0;
}

.localemenu li 
{
   display:inline;
}

.localemenu a 
{
   text-decoration:none;
   color:#555;
   background:url(/uploads/chrome/flag_bg.png) no-repeat left top;
   display:block;
   float:left;
}

.localemenu img 
{
   padding:4px;
}

.localemenu span 
{
   display:none;
   width:200px;
   position:absolute;
   right:110%;
   font:normal 0.925em 'Arial',sans-serif;
   text-align:right;
   line-height:20px;
}

.localemenu a:hover
{
   background-position:center;
   height:auto;
}

.localemenu a:hover span 
{
   display:inline;
}

.localemenu li.active a, .localemenu li.active a:hover 
{
   background-position:bottom;
}

.sectionmenu {
   height:28px;
   padding-left:10px;
}

.sectionmenu li {
   background:url(/uploads/chrome/smenu_tab.png) no-repeat left top;
   width:110px;
   text-align:center;
   margin-right:2px;
   height:100%;
   display:block;
   float:left;
   line-height:25px;
}

.sectionmenu li.active {
   background-image:url(/uploads/chrome/smenu_tab_active.png);
   line-height:28px;
}

.sectionmenu a {
   color:#999;
   text-decoration:none;
   font-family:'Arial',sans-serif;
   font-weight:bold;
}

.sectionmenu li.active a {
   color:#2da944;
}

.pageframe {
   background:url(/uploads/chrome/bg_pageframe_gray.png) no-repeat left bottom;
   clear:both;
   border:1px solid #E8E6DE;
   border-top:0;
   width:950px;
   float:left;
}

* html .pageframe {
   width:950px;
}

#wrapper {
   background:url(/uploads/chrome/bg_wrapper.png) no-repeat left top;
   padding:15px;
   width:920px;
   float:left;
   min-height:242px;
}

* html #wrapper {
   height:242px;
}

div.left {
   float:left;
   width:185px;
   min-height:1px;
}

* html div.left {
   height:1px;
}

.contentframe, .contentwrapper {
   float:left;
   width:100%;
}

.contentframe {
   width:auto;
}

.center {
   width:490px;
   float:left;
}

.right {
   width:235px;
   float:right;
   margin-left:10px;
}

.contentfooter {
   clear:both;
   padding:15px 0;
   float:left;
   width:100%;
}

.footer {
   padding:0.75em 6px;
   font:normal 0.925em 'Arial',sans-serif;
   color:#555;
   background:#F2F0E4;
   width:940px;
   clear:both;
}

.footer p {
   margin:0;
   float:left;
}

.footer a {
   color:#555;
   text-decoration:none;
}

.footer a:hover {
   text-decoration:underline;
}

p.copyright {
   float:right;
}

.footer p span {
   padding:0 0.75em;
}
/* * * * * Here comes "Productmenu" * * * * */
div.productmenu {
   height:33px;
   float:left;
   width:950px;
   background:url(/uploads/chrome/bg_smenu.png) repeat-x left top;
   font:normal 1em/30px 'Arial',sans-serif;
   border-width:0 1px;
   border-style:solid;
   border-color:#E8E6DE;
}
div.productmenu ul {
   padding:0;margin:0;
   list-style-type:none;
}

div.productmenu li ul {
   display:none;
}

div.productmenu li {
   display:inline;
}
div.productmenu li a {
   text-decoration:none;
   background:url(/uploads/chrome/bg_smenu.png) repeat-x left top;
   height:30px;
   display:block;
   color:#656562;
   padding:3px 16px 0;
   float:left;
}
div.productmenu li a:hover {
   background-position:left -33px;
}
div.productmenu li.current a,
div.productmenu li.active a:hover, div.productmenu li.active a {
   background-position:bottom;
   color:#fff;
}

.productmenu .hide {display:none}
/* * * * * Here comes "sIFR" * * * * */
/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0; 
  padding: 0; 
  overflow: auto; 
  letter-spacing: 0; 
  float: none;
}

.sIFR-dummy { 
  width: 0;
  height: 0;
  margin-left: 42px;
  z-index: 0;
}

/*---- Header styling ---*/

.sIFR-active h1, .sIFR-active .document h1 {
   visibility:hidden;
   line-height:1em;
   font-size:32px;
}

.sIFR-active h2, .sIFR-active .document h2, .sIFR-active .teaser h2 {
   visibility:hidden;
   line-height:1em;
   font-size:20px;
}
/* * * * * Here comes "System edit box" * * * * */
.b-editbox {
   background-color: #333;
   border: 1px solid #111;
   color: #eee;
   padding: 5px;
   font: 9px Verdana, sans-serif;
   position: fixed;
   top: 5px;
   right: 5px;
   z-index: 999;
   opacity: 0.75;
   filter: alpha(opacity=75);
}

* html .b-editbox {
   position:absolute;
}

.b-editbox input {
   font: 9px Verdana, sans-serif;
   color: #222;
   vertical-align:middle;
}

.b-editbox ul {
   list-style: none;
   padding: 0;
   margin: 0;
}

.b-editbox li {
   display: inline;
   padding: 0 5px;
   border-left: 1px solid #666;
}

.b-editbox li.first {
   padding-left: 0;
   border-left: none;
}

.b-editbox li.last {
   padding-right: 0;
}
/* * * * * Here comes "Blurbs" * * * * */
.blurbs div {
   float:left;
   width:45%;
   padding:2% 0;
   font-size:0.925em;
   margin:0 4% 0 0;
}

div.blurbs div h2 {
   margin-top:0;
}

.blurbs a {
   padding-left:10px;
}

.blurbs br {
   clear:both;
}
/* * * * * Here comes "Boxes" * * * * */
.box, .box input, .box select, .box textarea
{
   font-family:'Arial',sans-serif;
}

.left .box, .contentfooter .box {
   width:175px;
}

.gray 
{
   background:url(/uploads/chrome/bg_box_heading_gray.png) repeat-x left top;
   color:#656562;
}

.left .quote {
   background:#949181 url(/uploads/chrome/bg_box_dark_gray.png) repeat-x left top;
   color:#fff;
   padding:15px;
   height:295px;
   width:155px;
   font-size:1em;
}

.gray a {
   color:#656562;
   background:url(/uploads/chrome/bg_link_gray.png) no-repeat left 3px;
   padding-left:7px;
   white-space:nowrap;
}

.gray li a {
   background:0;
   padding:0;
   text-decoration:none;
}

.news a {white-space:normal}

.green 
{
   background-image:url(/uploads/chrome/bg_smenu.png);
   background-position:left -66px;
}

.box h3 
{
   height:30px;
   line-height:30px;
   padding:0 10px;
   font-size:1.1em;
   font-weight:normal;
   letter-spacing:1px;
}

.gray h3 
{
   border-bottom:solid 1px #cac9c9;
   color:#434341;
}

.green h3 
{
   color:#fff;
}

.left .gray h3 
{
   background:url(/uploads/chrome/bg_box_heading_gray_left.png) no-repeat left top;
}

.right .gray h3 
{
   background:url(/uploads/chrome/bg_box_heading_gray_right.png) no-repeat right top;
}

.right .lower h3 {
   background:0;
}

.left .green h3 
{
   background:url(/uploads/chrome/bg_box_heading_greenleft.png) no-repeat left top;
}

.right .green h3 
{
   background:url(/uploads/chrome/bg_box_heading_green_right.png) no-repeat right top;
}

.box h4 
{
   font-size:1em;
}

.box h4 a {
   background:0;
   padding:0;
}

.box div 
{
   border:solid 1px #e4e4e4;
   border-top:0;
   border-bottom:solid 1px #ccc;
   padding:10px;
}

.strict {float:left}

.news div, .strict div {
   min-height:273px;
}

* html .news div, * html .strict div {
   height:273px;
}

.gray div 
{
   background:#fcfbfa url(/uploads/chrome/bg_box_grayish.png) repeat-x left bottom;
}

.box ul 
{
   list-style-type:none;
   padding:0;
   margin:0;
}

.box ul li 
{
   padding-left:10px;
   margin:0.5em 0;
}

.gray ul li 
{
   background:url(/uploads/chrome/bg_link_gray.png) no-repeat left 4px;
}

.box p, .box dl, .box select, .box input
{
   font-size:0.925em;
}

.box dl {
   margin:0 0 1em;
}

.loginMenu {
   float:left;
}
.payments {
   margin-bottom:15px;
}

.loginMenu h3 {
   background:url(/uploads/chrome/bg_box_heading_gray.png) repeat-x left top;
}

.loginMenu div {
   min-height:0;
   padding:10px;
}

* html .loginMenu div {
   height:auto;
}

.mainPromo, .promo {
   background:url(/uploads/chrome/shadow_image.png) no-repeat left bottom;
}

.promo {
   float:left;
}

.mainPromo img, .promo img {
   background:url(/uploads/chrome/shadow_image_corner.png) no-repeat right bottom;
   padding-bottom:4px;
}
/* * * * * Here comes "Fliker" * * * * */
.obsion .right {
   background:url(/uploads/gui/flik_obsion.jpg) no-repeat right top;
   padding-top:150px;
}

.fakturaservice .right {
   background:url(/uploads/gui/flik_fakturaservice.jpg) no-repeat right top;
   padding-top:150px;
}

.billingcrm .right {
   background:url(/uploads/gui/flik_billingcrm.jpg) no-repeat right top;
   padding-top:150px;
}

.inkasso .right {
   background:url(/uploads/gui/flik_inkasso.jpg) no-repeat right top;
   padding-top:150px;
}

.omkonsernet .right {
   background:url(/uploads/gui/flik_omkonsernet_no.jpg) no-repeat right top;
   padding-top:150px;
}

.onlinebetaling .right {
   background:url(/uploads/gui/flik_onlinebetaling.jpg) no-repeat right top;
   padding-top:150px;
}

.pos .right {
   background:url(/uploads/gui/flik_pos.jpg) no-repeat right top;
   padding-top:150px;
}

.visjoner .right {
   background:url(/uploads/gui/flik_visjoner_no.jpg) no-repeat right top;
   padding-top:150px;
}

.finansiering .right {
   background:url(/uploads/gui/flik_finansiering.jpg) no-repeat right top;
   padding-top:150px;
}

.integrasjon .right {
   background:url(/uploads/gui/flik_integrasjon.jpg) no-repeat right top;
   padding-top:150px;
}

.faktura .right {
   background:url(/uploads/gui/flik_faktura_no_se_dk.jpg) no-repeat right top;
   padding-top:150px;
}
/* * * * * Here comes "Pagemenu" * * * * */
div.pagemenu {
   background:url(/uploads/chrome/bg_pagemenu_top.png) no-repeat left top;
   width:176px;
}
div.pagemenu ul {
   width:176px;
   list-style:none;
   margin:0;
   padding:0;
   font:normal 1em 'Arial',sans-serif;
   background:url(/uploads/chrome/bg_pagemenu_bottom.png) no-repeat left bottom;
   padding-bottom:60px;
}

div.pagemenu ul li {
   min-height:0;
}

* html div.pagemenu ul li {
   height:0;
}

div.pagemenu li ul {
   background-image:none;
   padding-bottom:0;
}

div.pagemenu a {
   text-decoration:none;
   padding:0.25em 0 0.25em 1em;
   display:block;
   color:#656562;
}

div.pagemenu li {
   display:none;
}

div.pagemenu li.active, div.pagemenu li.active li {
   display:list-item;
}

div.pagemenu li.lvl1 a {
   display:none;
}

div.pagemenu li.lvl2 {
   background:url(/uploads/chrome/bg_pagemenu_subsection.png) no-repeat left top;
   padding:6px 0 3px;
}

div.pagemenu li.lvl2 a {
   font-weight:bold;
   display:block;
}

div.pagemenu li.lvl1 li.active a {
   color:#2da944;
}

div.pagemenu li.lvl1 li.active li a {
   color:#656562;
}

div.pagemenu li.lvl3 a {
   font-weight:normal;
   padding-left:1.5em;
}

div.pagemenu li.lvl3 a:hover {
   background:url(/uploads/chrome/bg_smenu.png) repeat-x left -36px;
}

div.pagemenu li.lvl2 ul li.active a {
   background:#2da944 url(/uploads/chrome/bg_smenu.png) repeat-x left -66px;
   color:#fff;
}

div.pagemenu li.lvl4 a {
   color:red;
   font-weight:normal;
   padding-left:2.5em;
}

div.pagemenu li.hide, div.pagemenu li.active li.hide {display:none}
/* * * * * Here comes "Snippets" * * * * */
ul.snippets {
   list-style-type:none;
   padding:15px 20px;
   margin:0 0 15px;
   border:solid 1px #e4e4e4;
   border-top:0;
   border-bottom:solid 1px #ccc;
   font-size:0.925em;
   font-family:'Arial',sans-serif;
   color:#3c3c3c;
   min-height:90px;
   background:#e7e7e7 url(/uploads/chrome/bg_kundecase.png) no-repeat left top;
}

* html ul.snippets{
   height:90px;
}

ul.snippets li {
   margin:0;
   height:90px;
   text-align:center;
   line-height:90px;
}

* html ul.snippets li {font-size:90px}

ul.snippets li img {
   vertical-align:middle;
}
/* * * * * Here comes "Typography" * * * * */
.document {
   padding:0 15px;
}

.document h1 {
   color:#2da944;
   font:normal 2em 'Georgia',serif;
   margin:0 0 0.75em;  
}

.document h2 {
   color:#656562;
   font:normal 1.5em 'Georgia',serif;
   margin:1em 0 0.5em;  
}

.document h3 {
   font-size:1.1em;
}

.document h4 {
   font-size:1em;
}

p.lead {
   font-weight:bold;
}

dd {
   margin:0.1em 0 0.5em 1em;
}

.document a {
   padding-left:8px;
   background:url(/uploads/chrome/bg_link.png) no-repeat left 3px;
   color:#2da944;
   text-decoration:none;
}
