div, img {
	border:0;
	margin:0;
	padding:0;
	}

body {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px; 
	color:#555555;
	margin:0;
	padding:0;
	background: #f7f7f7 url(../images/bg.jpg) repeat-x; 
}

/* Headings
-------------------------------------------------------------- */
h1, 
h2, 
h3, 
h4, 
h5, 
h6 { 
  clear: both;
  margin:15px 0 0 0;
  padding:0;
  }

h1{ font-size: 2.6em; margin-top: 0; margin-bottom: 15px; }
h1.large {font-size: 3.0em; font-weight: normal;}
h2{ font-size: 1.5em; margin-top: 0; }
h3{ font-size: 1.3em;}
h4{ font-size: 1.1em;}
h5{}
h6{}


a, h2 a, h3 a, h4 a, h5 a, h6 a{ color: #404040;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{ color: #696868; }


/* Links
-------------------------------------------------------------- */
a{ color: #e95a00; text-decoration: none; }
a:hover{ text-decoration: underline; }

a.read-more{ color: #fff; padding: 2px 6px; background: #9ecd5e; }

a img{ border: 0;}


/*///////////// Rammeverk //////////////*/

.wrapper {
	width: 952px;
	margin: 0 auto;
	}

.wrapper-inner {}
	

.brand-ekspress {background: url(../images/bg-element-top.jpg) top no-repeat;}
.brand-basis {}
.brand-pluss {}
.brand-nettbutikk {}
.brand-sms {}
.brand-pluss {}

.wrapper-content {
	margin: 0 0 50px 0;
	border-bottom: 1px solid #e8e8e8;
	}



/*///////////// Header //////////////*/

.header {
	margin: 2px 0 0 0;
	}

.logo {
	margin: 0 0 7px 0;
	}




/*///////////// Navigasjon //////////////*/

.navigation {
	width: 952px;
	height: 95px;
	background: url(../images/bg-nav.png) no-repeat;
	
	}

.breadcrumb {
	margin: 15px 0 10px 5px; 
	font-size: 11px;
	color: #acacac;
	}

.breadcrumb a {
	color: #acacac;
	}

.breadcrumb a:hover {
	color: #000;
	}

.main-menu {
	width: 800px;
	float:left;
	}

.main-menu ul {
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
	}

.main-menu ul li {
	list-style:none;
	margin:0 5px 0 4px;
	padding:0;
	float:left;
	height: 55px;
	line-height: 55px;
	}

.main-menu ul li a {
	display:block;
	color: #d9d9d9;
	font-size: 14px;
	padding: 0 0 0 25px;
	}

.main-menu ul li a span {
	display:block;
	padding: 0 25px 0 0;
	}

.main-menu ul li.active a {
/*	background: url(../images/bg-nav-li.png) no-repeat; */
	color: #fff;
	}

.main-menu ul li.active a span {
	}

.main-menu ul li.active a {
	background: url(../images/bg-nav-li.png) top left no-repeat;
	text-decoration:none;
	}

.main-menu ul li.active a span {
	background: url(../images/bg-nav-li.png) top right no-repeat;
	color: #fff;
	}


.main-menu ul li a:hover {
	background: url(../images/bg-nav-li.png) bottom left;
	color: #fff;
	text-decoration:none;
	}

.main-menu ul li a:hover span {
	background: url(../images/bg-nav-li.png) bottom left;
	}

.main-menu ul li.active a:hover {
	background: url(../images/bg-nav-li.png) top left no-repeat;
	}

.main-menu ul li.active a:hover span {
	background: url(../images/bg-nav-li.png) top right no-repeat;
	}

.sub-menu {
	clear:left;
	}

.sub-menu ul {
	margin: 0;
	padding:0;
	list-style:none;
	}

.sub-menu ul li {
	margin: 0 15px 0 15px;
	padding:0;
	list-style:none;
	float:left;
	height: 38px;
	line-height:38px;
	}

.sub-menu ul li a span {
	display:block;
	}

.sub-menu ul li a {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	}

.sub-menu ul li a:hover {
	color: #b8b8b8;
	text-decoration:none;
	}

.sub-menu ul li.active a {
	text-decoration:underline;
	}


.social {
	float:right;
	padding:6px;
	}


/*///////////// Cols //////////////*/

/* Layout sections and boxes 
  The layout section class defines how many cols fits in the section
*******************************************************************************************************/
.layout-section{}
	.layout-section-1-col,
	.layout-section-2-col,
	.layout-section-3-col,
	.layout-section-4-col{ display: inline-block; width: 100%; margin: 0 0 20px 0; padding: 0; overflow: hidden; }

.row-last, div.row-last, .last-row, div.last-row{ margin-right: 0;}
		
/*  
  one-col = one section col 
  [n]-col = [n] section cols
  
  The width of each col depends on it's context (parent / layout section) 
*/
.one-col,
.two-col,
.three-col,
.four-col
{ display: inline; float: left; _zoom: 1; margin-right: 20px; }

	
/* Layout section - take three cols *******************************************************************************************************/
.layout-section-3-col{}
	.layout-section-3-col .one-col{ width: 304px; float:left; }
	.layout-section-3-col .two-col{ width: 628px; float:left; }
    .layout-section-3-col .three-col{ width: 100%; margin-right: 0; }

/* Layout section - take four col  *******************************************************************************************************/
.layout-section-4-col{}
  .layout-section-4-col .one-col { width: 223px; }
  .layout-section-4-col .two-col { width: 466px; }
  .layout-section-4-col .three-col { width: 709px; }
  .layout-section-4-col .four-col{ width: 100%; margin-right: 0; }




/*///////////// Footer //////////////*/

.footer {
	width: 932px;
	height: 57px;
	background: url(../images/bg-footer.gif) no-repeat;
	line-height: 50px;
	padding: 0 0 0 20px;
	}

.footer a {
	color: #252525;
	}

.usedby {
	margin: 10px 0 0 0;
	font-size: 11px;
	color: #808080;
	}

.usedby ul {
	margin: 7px 0 0 0;
	padding: 0;
	list-style:none;
	}

.usedby ul li {
	margin: 0 49px 0 0;
	padding: 0;
	list-style:none;
	float:left;
	opacity: 0.7;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}

.usedby ul li:hover {
	opacity: 1;
	}

.usedby ul li.logo1 {padding:6px 0 0 0}
.usedby ul li.logo2 {padding:4px 0 0 0}
.usedby ul li.logo3 {padding:8px 0 0 0}
.usedby ul li.logo4 {padding:8px 0 0 0}
.usedby ul li.logo5 {padding:6px 0 0 0}
.usedby ul li.logo6 {padding:1px 0 0 0; margin-right: 0;}


/*///////////// Frontpage banner //////////////*/

.cf-container {
	width: 992px;
	heigth: 300px;
	margin-left: -20px;
	margin-top: -15px;  
	}


.frontpage-text {
	display: none;}


/*///////////// Intro //////////////*/

.intro {
	width: 100%;
	margin: 15px 0 25px 0;
	}

.intro h1 {
	font-size: 24px;
	font-weight: normal;
	color: #0f0e0e;
	}

.intro h2 {
	font-size: 16px;
	font-weight: normal;
	}



/*///////////// Produkter //////////////*/

.product {}

.product-display {}

.product-price {
	width: 100%;
	padding: 10px 0 10px 0;
	float:left;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	height: 50px;
	line-height: 50px;
	margin: 20px 0 20px 0;
	}

.product h2 {
	font-size: 1.9em;
	font-weight:normal;
	}

.product h3 {
	float:left;
	font-size: 1.7em;
	margin:0;
	}

.product h4 {
	font-size: 1.2em;
	}

.product-text {
	margin: 20px 0 0 0
	}








.product-matrix {
	width: 951px;
	min-height: 584px;
	background: url(../images/bg-product-tbl.png) no-repeat;	
	padding-top:8px;
	padding-bottom:8px;
	}

table.product-table { width: 951px; padding:0; border: none;}
table.product-table th { height: 43px;color: #fff;font-size: 13px;}
table.product-table td { height: 30px;color: #000; padding: 0 0 0 15px;}

table.product-table td.product-table-footer {
	height: 46px;
	color: #595959;
	font-size: 15px;
	}

/*
table.product-table td { font-size: 11px; border: none; vertical-align: middle; padding: 4px 6px 2px 6px; font-weight: normal; border: 1px solid #ccc;}
table.product-table tr.special td { border: 1px solid #789DB3;  }
table.product-table {width: 100%; padding: 0px; border: none; border: 1px solid #ccc;}

table.product-table .style1
    {
        height: 22px;
    }	
*/



/*///////////// Buttons //////////////*/

.btn-logginn a {
	display:block;
	width: 176px;
	height: 26px;
	background: transparent url(../images/btn-logginn.gif) no-repeat;
	float:right;
	margin: 5px 11px 0 0;
	}

.btn-logginn a:hover {
	background-position:-176px 0;
	}

.btn-pristilbud a {
	display:block;
	width: 228px;
	height: 51px;
	background: transparent url(../images/btn-pristilbud.png) no-repeat;
	margin: 40px 0 0 40px;
	}

.btn-pristilbud a:hover {
	background-position:-228px 0;
	}

.btn-lesmerogbestill a {
	display:block;
	width: 174px;
	height: 45px;
	background: transparent url(../images/btn-lesmerogbestill.gif) no-repeat;
	margin: 4px 0 0 40px;
	float:right;
	}

.btn-lesmerogbestill a:hover {
	background-position:-174px 0;
	}


.btn-lesmer a {
	display:block;
	width: 104px;
	height: 47px;
	background: transparent url(../images/btn-lesmer.png) no-repeat;
	margin: 4px 0 0 20px;
	float:right;
	}

.btn-lesmer a:hover {
	background-position:bottom;
	}




/*///////////// Boxes //////////////*/

.dialog {
	 position:relative;
	 margin: 0px auto;
	 min-width: 223px;
	 max-width: 1000px;
	 color:#000;
	 z-index:1;
	 margin-left: 5px; 
	 margin-bottom: 0.5em;
}

.dialog .content, .dialog .t, .dialog .b, .dialog .b div { background:transparent url(../images/box.png) no-repeat top right;}
.dialog .nohead, .dialog .nohead .t, .dialog .nohead .b, .dialog .nohead .b div { background:transparent url(../images/box-nohead.png) no-repeat top right;}

.dialog .content { position:relative; zoom:1; _overflow-y:hidden;padding:0;}


.dialog .t {
 position:absolute;
 left:0px;
 top:0px;
 width: 5px;
 margin-left: -5px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left; }

.dialog .nohead .t { background-position:top left; }

.dialog .b { position:relative; width:100%; }
.dialog .b, .dialog .b div { height: 5px; font-size: 1px;  }

.dialog .b { background-position:bottom right; }
.dialog .b div { position:relative; width: 5px; /* bottom corner width */ margin-left:-5px; background-position: bottom left; }


.dialog-header {height: 37px; line-height: 37px;padding: 0 0 0 15px;}
.dialog-body {min-height:165px; padding:20px 0px 0 10px;margin: 0 5px 0 0; }

.dialog-body p {margin:0;}
.dialog-body-content {margin: -10px 10px 0 10px;font-size: 14px;padding-right:10px;}

.dialog .content img {float:left; margin:0 15px 0 0;}
.dialog .content h3, .dialog .content.nohead h2 {clear:none; margin-top:0;}

.dialog .content ul {margin:10px 0 0 0;padding:0; list-style:none;}
.dialog .content ul li {margin:0 0 0 0;padding:0; list-style:none;}
.dialog .content ul li a {display:block;padding:2px 0 3px 0;}

.dialog p {margin-top:10px;padding:0;}
.dialog h2 {color: #fff; font-weight: 100; font-size: 14px; }
.dialog h3 {color: #0f0e0e; font-weight: 700; font-size: 16px; }
.dialog .nohead h2 {color: #0f0e0e; font-weight: 700; font-size: 16px; display:inline;padding: 0 0 10px 0;}

.box-ref a, .box-for a {
	font-family: "facitweb";
	color: #eb6c00;
	font-size: 12px;
	background: url(../images/box-bullet.png) no-repeat 0 2px;
	padding: 0 0 0 11px;
	}


/*///////////// Clearfix //////////////*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/*///////////// Plukk //////////////*/

.lightgrey { color: #8d8d8d; }
.normal { font-weight: normal; }

div.hr {
  height: 1px;
  background: #e8e8e8 no-repeat scroll center;
}
div.hr hr {
  display: none;
}

.cr {clear:both:}

p {
	line-height: 20px;
	}
	
	
	
	
	
	
	
	
	
	
	


/* the overlayed element */

.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../images/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../images/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}






/*///////////// Frontpage banner //////////////*/

.banner {
	height: 353px;
	margin-bottom: 20px;
	}

#container {
	width:952px;
	height: 353px;
	padding:0;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-3px;
	z-index:500;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:952px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:952px;
	height:353px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:140px;
	left:-5px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
	opacity: 0.1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#slides .next {
	left:910px;
}

#slides .next:hover, #slides .prev:hover {
	opacity: 1.0;
}

.slideimg {
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
/*	width:100px; */
	position:absolute;
	top:300px;
	right:20px;
	z-index: 9999999;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:0px;
	left:555px;
	width:305px;
	height:287px;
	padding:66px 45px 0 47px;
	background:#000;
	background:rgba(0,0,0,.5);
	background: url(../images/bg-caption.png) no-repeat;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
/*	border-top:1px solid #000; */
	text-shadow:none;
}

.caption h2 {
	font-size: 28px;
	font-weight: normal;
	color: #000;	
	margin:0;
	padding:0 0 8px 0;
	}

.caption p {
	font-size: 16px;
	font-weight: normal;
	color: #8d8d8d;	
	margin:0 0 15px 0;
	padding:0;
	}

.caption a.btn-banner {
	display:inline-block;
	padding: 0 0 0 25px;
	height: 39px;
	line-height: 39px;
	color: #fff;
	font-family: "facitweb";
	font-size: 13px;
	background: url(../images/btn-banner.png) no-repeat top left;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	}

.caption a.btn-banner span {
	padding: 0 25px 0 0;
	background: url(../images/btn-banner.png) no-repeat top right;
	}

.caption a.btn-banner:hover {
	background-position:bottom left;
	text-decoration:none;
	}

.caption a.btn-banner:hover span {
	background-position:bottom right;
	}



/*///////////// Affiliates //////////////*/

.map {
	width: 440px;
	height: 531px;
	position:absolute;
	left:-150px;
	background: url(../images/forhandler-map.png) no-repeat;
	}

.office {
	width:23px;
	height:30px;
	position:absolute;
	cursor:pointer;
	background: url(../images/map-marker.png) no-repeat;
	z-index:1;
	}
	
.office:hover {
	background-position: 0 -30px;
	}

.office h2 {font-size:15px;color: #333333;font-weight:bold;margin: 0 0 4px 0;}

.office-info-item:first-child {
	margin: 0;
	padding:0;
	border:0;
	}

.office-info {
	width:140px;
	position:absolute;
	bottom:30px;
	left:-85px;
	display:none;
	font-size:12px;
	padding:20px;
	background: #fff;
	opacity: 0.8;
	border-radius: 5px;
	-moz-box-shadow: 0 0 5px #a4a6a6;
	-webkit-box-shadow: 0 0 5px #a4a6a6;
	box-shadow: 0 0 5px #a4a6a6;
	color: #808080;
	border:1px solid #d0d0d0;
	}

.office-info a {
	color: #d8670a;
	}

.office-info:hover {
	cursor:auto;
	}

.office:hover .office-info {
	display:block;
	}

.office-info-item {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #d0d0d0;
	}
	
	
/*///////////// Referanser //////////////*/

.ref-list-item{
	margin-bottom: 30px;
	padding: 5px;
	min-height: 210px;
	}

.ref-list-item-img {
	width: 255px;
	height: 191px;
	float:left;
	position:relative;
	display:inline-block;
	margin-right: 40px;
/*	-moz-box-shadow: 0 0 10px #888;
	-webkit-box-shadow: 0 0 10px #888;
	box-shadow: 0 0 10px #888; */
	}

.ref-list-item-img img {
	position:absolute;
	top:20px;
	left:28px;
	}

.ref-list-item-overlay {
	position:absolute;
	top:0;
	left:0;
	width: 255px;
	height: 191px;
	background: url(../images/ref-overlay-ipad.png) no-repeat;
	}

.ref-list-item-img a {
	width: 258px;
	height: 194px;
	position:absolute;
	top:0;
	left:0;
	display:block;
	}

.ref-list-item-content {
	float:left;
	width: 600px;
	display:inline-block;
	}

.ref-list-item h2 {
	font-size: 28px;
	font-weight: normal;
	margin:0 0 13px 0;
	padding:0;
	}

.ref-list-item-weburl a {
	background: url(../images/bullet-weburl.png) 0 0;
	padding-left: 10px;
	}