html,body{
  height: 100%;
}
/* Default stylesheet */
body{
  background-color: #F0EFEF;
  color: #000000;
  font-family: "Liberation Sans", Arial, Sans-serif;
  font-size: 75%; /* 12px */
  margin: 0px;
  background-image: url(/getfile.php/787604.1392.vptqspauqr/body-bakg.gif);
  background-position: top left;
  background-repeat: repeat-x;
}
table,caption,th,td{
  font-size: 1.0em;
}
h1, h2, h3, h4, h5, h6, #navbar, .dropdown, .dropdownframe, .dropdownsubframe{
  font-family: Calibri, GillSans, Trebuchet, "Liberation Sans", Arial, Sans-serif;
}
h1{
  margin: 4px 0px;
  padding: 0px;
  font-size: 1.67em;
}
h2{
  margin: 4px 0px;
  padding: 0px;
  font-size: 1.35em;
}
h3{
  margin: 4px 0px;
  padding: 0px;
  font-size: 1.17em;
}
h4{
  margin: 4px 0px;
  padding: 0px;
  font-size: 1.1em;
}
h5{
  margin: 4px 0px;
  padding: 0px;
  font-size: 1.0em;
}
h6{
  margin: 4px 0px;
  padding: 0px;
  font-size: 1.0em;
}
p{
  padding: 0px;
  margin: 4px 0px 16px 0px;
}
/* End General elements*/

/* Use class layout on images and tables used for layout */
img.layout, a img.layout{
  margin: 0px;
  padding: 0px;
  border: 0px;
}
table.layout{
  margin: 0px;
  padding: 0px;
}
td.layout{
  padding: 0px;
  text-align: left;
  vertical-align: top;
}



img.corner{
  position: absolute;
}
img.corner.tl{
  top: -1px;
  left: -1px;
}
img.corner.tr{
  top: -1px;
  right: -1px;
}
img.corner.br{
  bottom: -1px;
  right: -1px;
}
img.corner.bl{
  bottom: -1px;
  left: -1px;
} 


/* General links */
a:link{color: #125584;}
a:visited{color: #125584;}
a:hover{color: #125584;}

#navbar a:link{color: #FFFFFF;}
#navbar a:visited{color: #FFFFFF;}
#navbar a:hover{color: #FFFFFF;}

/* read more.. links */
.link {}
a.link:link{}
a.link:visited{}
a.link:hover{}

/* Standard navigation links */
a.menu, span.menu{}
a.menu:link{text-decoration: none;}
a.menu:visited{text-decoration: none;}
a.menu:hover{text-decoration: underline;}

a.menuselected, span.menuselected{}
a.menuselected:link{text-decoration: underline;}
a.menuselected:visited{text-decoration: underline;}
a.menuselected:hover{text-decoration: underline;}

a.topmenu, span.topmenu{}
a.topmenu:link{}
a.topmenu:visited{}
a.topmenu:hover{}

/* Printable/tell a friend links  */
.toollink{}
a.toollink:link{}
a.toollink:visited{}
a.toollink:hover{}

/* Copyright, CustomPublish powered link etc.  */
.cp{color: #bebdbd;}
a.cp:link{color: #bebdbd; text-decoration: none;}
a.cp:visited{color: #bebdbd; text-decoration: none;}
a.cp:hover{color: #bebdbd; text-decoration: none;}


/* Linked headlines (normally inside LIST-sections) */ 
.headlinelink{}
.headlinelink:link{}
.headlinelink:visited{}
.headlinelink:hover{}

/* Linked headlines on listing pages */
.headline .headlinelink{}
.headline .headlinelink:link{text-decoration: none;}
.headline .headlinelink:visited{text-decoration: none;}
.headline .headlinelink:hover{text-decoration: underline;}

/* Navigation path links */
.path {color: #727171; }
a.path:link{color: #727171; text-decoration: none;}
a.path:visited{color: #727171; text-decoration: none;}
a.path:hover{color: #727171; text-decoration: underline;}

/* Sitemap links */
.tree{font-weight: normal;}
a.tree:link{text-decoration: none; color: #000000;}
a.tree:visited{text-decoration: none; color: #000000;}
a.tree:hover{text-decoration: underline; color: #000000;}

.sitetree{font-weight: normal;}
a.sitetree:link{text-decoration: none; color: #000000;}
a.sitetree:visited{text-decoration: none; color: #000000;}
a.sitetree:hover{text-decoration: underline; color: #000000;}


/* SECTION: Standard CP classes*/
.default{}
.date{color: #6c6c6c; font-size: 0.85em}
.author{color: #6c6c6c; font-size: 0.85em}
.feedback{}
.copyright{}
div.price{
 text-align: right;
 width: 300px;
  margin-bottom: 10px;
  float: left;
}
span.price{
  font-size: 1.2em;
  font-weight: bold;
}
div.price span.avgift{
  display: block;
}
div.buy{
  float: right;
  width: 300px;
  text-align: center;
}
div.buy table.productbartable, div.buy table.productbartable tbody, div.buy table.productbartable tr, div.buy table.productbartable td{
  display: inline;
  text-align: left;
  vertical-align: middle;
}
div.buy table.productbartable td.prodprice{
  display: none;
}
span.avgift{}
/* Standard tools */
div.tools{margin: 15px 0px;}
div.tool{margin: 2px 0px;}
#skiplink{display: none;}
/* SECTION: listing/view styles */
div.pagedescription{}
.pagedescription{}
.headline, h1.headline {
  font-size: 1.35em;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
h2.headline{}
h3.headline{}
h4.headline{
  font-size: 1.2em;
}
.headlineview, h1.headlineview {
  font-size: 1.67em; 
  font-weight: bold; 
  margin: 0px;
  padding: 0px;
  color: #4F4F4F;
}
.subheadline, h2.subheadline {
  font-size: 1.17em; 
  font-weight: normal; 
  margin: 5px 0px 0px 0px;
  padding: 0px;
  line-height: 1.0;
}
.ingress{
}
div.ingress{
  margin: 6px 0px; 
  padding: 0px;
}
.ingressview{
}
div.ingressview{
  margin: 6px 0px; 
  padding: 0px;
}
p.byline, .byline{
  margin: 0px; padding: 0px;
}
/* SECTION: viewarea block/spacing elements */
.block, .articleblock{
  margin-bottom: 15px;
}
.listingarea.twocol .articleblock{
  width: 474px;
  float: left;
  clear: both;
}

.listingarea.twocol .articleblock.odd1{
  float: right;
  clear: right;
}

div.imgwrap{
  width: 150px;
  float: left;
}

div.textwrap{
  width: 322px;
  float: right;
}

hr{
  clear: both;
}
div.hr{/* Replacement for hr. This is easier to style */
font-size: 1px;
clear: both;
height: 10px;
margin-bottom: 10px;
}
div.body{
  clear: both; 
  margin: 0px 0px 22px 0px;
}
.clearfix{clear: both; font-size: 1px; height: 0px;}
/* SECTION ARTPICS */
td.artpic{
  padding: 5px;
  vertical-align: top;
  text-align: left;
}



/* artxml */
h2.artxmlhead{
  background-color: #F0F0F0;
  color: #4c4c4c;
  padding: 4px 9px;
}
.buy span.caption{
  color: #4c4c4c;
  font-family: Calibri, GillSans, Trebuchet, "Liberation Sans", Arial, Sans-serif;
  font-size: 1.35em;
  font-weight: bold;
}
h2.artxmlhead span.firstword, .caption span.firstword{
  color: #154363;
}
div.artxmlsection{
  margin: 4px 0px 16px;
  padding: 0px 9px;
}
table.artxml{
  border-spacing: 0;
  width: 100%;
}
table.artxml th{
  background-color: #F0F0F0;
  text-align: left;
  padding: 2px 7px;
}
table.artxml td{
  text-align: left;
  vertical-align: top;
  padding: 2px 7px;
}
table.artxml td.notlast{
  width: 75px;
}

.artxmlsection ul{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 16px;
  list-style-position: inside;
}
.artxmlsection ul li, .artxmlsection ol li{
  padding: 0px 0px 0px 0px;
  margin: 0px;
}

.artxmlsection .odd0{
  float: left;
  width: 49%;
  clear: both;
}
.artxmlsection .odd1{
  float: right;
  width: 49%;
  clear: right;
}


/* midtskygge */
div.s1{
  background-position: top left;
  background-repeat: repeat-y;
  background-image: url(/getfile.php/787588.1392.dusppxeqrs/page-shadow-middle.gif);
  background-color: #FFFFFF;
}
/* toppskygge */
div.s2{
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(/getfile.php/787589.1392.rauttyqvqv/page-shadow-top.gif);  
  padding: 0px 24px 0px 22px;
}
#page, div.s1.spage{

}
#page, div.s1.spage, div.s2.spage{
  min-height: 100%;
}

/* SECTION: page containers */ 
#page{
  background-image: url(/getfile.php/787604.1392.vptqspauqr/body-bakg.gif);
  background-position: top left;
  background-repeat: repeat-x;
  background-color: #FFFFFF;
  width: 1041px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
  min-height: 100%;
}
#top{
  margin: 0px;
  padding: 0px 0px 0px 17px;
  height: 140px;
  background-image: url(/getfile.php/787598.1392.qwuvcryuap/topp-bakg.gif);
  background-position: top left;
  background-repeat: repeat;
  background-color: #999999;
  border-bottom: 1px solid #FFFFFF;
}
#topnav{
}
#middle{
  padding: 12px 16px 0px 29px;
  background-image: url(/getfile.php/787612.1392.spduvdwuvc/navbar-skygge.gif);
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  zoom: 1; /* IS-fix for background positioning */
}
#navbar{
  border-top: 1px solid #C5C4C5;
  border-bottom: 1px solid #C5C4C5;
  background-color: #333032;
  background-image: url(/getfile.php/787611.1392.febevsveyr/navbar-bakg.gif);
  background-position: top left;
  background-repeat: repeat-x;
  color: #FFFFFF;
  min-height: 18px;
  padding-top: 6px;
  padding-right: 15px;
  padding-left: 7px;
}
#main{
  min-height: 500px;
  width: 603px;
  float: left;
}
#page.listing #main{
  width: auto;
  float: none;
}
#footer{
  clear: both;
  color: #6c6c6c;
  text-align: center;
  font-size: 0.85em;
  padding-bottom: 10px;
}
#mainsidebar{
  float: right;
  width: 326px;
}

/* SECTION: Sidebar */
.sidebar{
}

.box{
  padding: 0px;
  margin: 0px 0px 15px 0px;
  position: relative;
}
.box .head{
}
.box .cell{
  padding: 5px;
}
.box ul{
  padding: 0px;
  margin: 0px 0px 0px 0px;
  list-style-type: none;
}
.box ul li{
  margin: 0px 0px;
  padding: 0px;
}
.box p{
  padding: 0px;
  margin: 0px 0px 5px 0px;
}
.box h2.caption, .box h3.caption{
  padding: 0px;
  margin: 0px;
  background-color: #EBEAEA;
  color: #125584;
  border-width: 1px 1px 0px;
  padding: 1px 6px;
  border-style: solid;
  border-color: #C5C4C5;
  position: relative;
}
.sidebar .box h4.headline{
  padding: 0px;
  margin: 0px 0px 16px;
}
.sidebar .box .cell{
  clear: both;
  margin-bottom: 10px;
  padding: 0px 0px 0px 5px;
}
.sidebar .box .textwrap{
  float: right;
  width: 158px;
  border-bottom: 1px dotted #59086F;
 padding-bottom: 10px;
}
.sidebar .box .imgwrap{
  float: left;
  width: 150px;
  padding-top: 4px;
}

/* SECTION: page elements */ 

#logo{
  float: left;
  width: 260px;
}
#logo img{
  margin-top: 14px;

}
#toppbilder{
  float: right;
  overflow: hidden;
  width: 709px;
  height: 140px;
  white-space: nowrap;
}
#toppbilder img{
  margin-right: 1px;
}
#top div.contactinfo{
  clear: left;
  float: left;
  color: #303030;
  font-size: 0.9em;
  padding-left: 2px;
  width: 260px;
}
#top div.admlink{
  clear: left;
  float: left;
}
ul.menu{
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}
ul.menu li{
  margin: 0px;
  padding: 1px 0px;
}
#topmenu{
  list-style-type: none;
}
#topmenu li{
  display: inline;
}
#iconmenu{
  float: right;
  text-align: right;
}
#iconmenu li{
  display: inline;
  vertical-align: middle;
  line-height: 20px;
  margin-left: 15px;
}
#iconmenu li img{
  vertical-align: middle;
  border: none;
} 
#tools{
  list-style-type: none;
}
#tools li{
  background-position: center left;
  background-repeat: no-repeat;
}
#tools li#tips{
}
#tools li#printable{
}
#hkglink{
  float: right;
  margin-left: 30px;
  text-decoration: none;
}
#search{
}

#searchform{
  width: 183px;
  float: right;
  position: relative;
  top: -2px;
}
#searchform div.inner{
  background: url(/getfile.php/787591.1392.purqbxdwta/soek-boks-topp.gif) top left no-repeat;
  padding: 2px 1px 2px 5px;
}
#searchform{
  background: url(/getfile.php/787590.1392.cdrpyuwffa/soek-boks-bunn.gif) bottom left no-repeat;
  background-color: #FAFAFA;
  padding: 0px;
  margin: 0px;
}
input.searchinput{
  margin: 0px;
  padding: 0px;
  border: none;
  background-color: #FAFAFA;  
  width: 145px;
  vertical-align: top;
}	
input.searchsubmit{
  margin: 0px;
  padding: 0px;
  vertical-align: top;
}

input.searchinput, input.searchsubmit{
  vertical-align: middle;
}

#path{
  color: #727171;
  margin: 0px 0px 12px;
}

/* SECTION: banner locations */
.bannerlocation{
  clear: both;
  text-align: center;
}
.bannerlocation table{
  margin-left: auto;
  margin-right: auto;
}
.bannerlocation td{
  text-align: center;
  padding: 5px 0px;
}
.bannerlocation img{
  border-width: 0px;
}

.icalendardayhead { background-color: gray; }
.monthlycalendartable { width: 100%;}
.calendardate{ color:#333333; font-size: 85%; }

/* Utseende på kontaineren til dropdownmenyen */
div.dropdownframe {
  padding: 0 0 0 0;
  text-align: left;
  width: 700px;
  float: left;
}

/* Sett padding og margin på menyknappene her */
div.dropdown, div.dropdownhover{
  padding: 0px 0px 3px 0px;
  font-size: 1.2em;
  white-space: nowrap;
}
div.dropdown a, div.dropdownhover a{ 
  border-left: 1px solid #FFFFFF;
  padding: 0px 10px;
}
div.dropdown:first-child a, div.dropdownhover:first-child a{
  border-left: none;
}
/* Utseende på menyknapper */
div.dropdown{
}
/* Utseende på menyknapper i aktiv tilstand her */
div.dropdownhover{
}

/* Utseende på linker */
.dropdown a:link{text-decoration: none; color: #FFFFFF;}
.dropdown a:visited{text-decoration: none; color: #FFFFFF;}
.dropdown a:hover{text-decoration: none; color: #FFFFFF;}

/* Utseende på aktive linker */
.dropdownhover a:link{text-decoration: none; color: #FFFFFF;}
.dropdownhover a:visited{text-decoration: none; color: #FFFFFF;}
.dropdownhover a:hover{text-decoration: none; color: #FFFFFF;}

/* Utseende på kontainerne til undermenyer */
div.dropdownsubframe {
  text-align: left;
  background-color: #91939E;
  background-image: url(/getfile.php/787605.1392.sexewdwwqu/dropdown-bakg.gif);
  background-position: top left;
  background-repeat: repeat-x;
  color: #333333; 
  border-bottom: 1px solid #333032; 
  border-left: 1px solid #333032;
  border-right: 1px solid #333032;
  padding: 0px 0px 3px;
}
/* Sett padding og margin på undermenyknapper her */
div.dropdownsub, div.dropdownsubhover{
  padding: 2px 5px;
  font-size: 1.2em;
}

/* Utseende på undermenyknapper */
div.dropdownsub{
}

/* Utseende på aktive undermenyknapper */
div.dropdownsubhover{
}

/* Utseende på linker i undermenyer */
.dropdownsub a:link{text-decoration: none; color: #FFFFFF;}
.dropdownsub a:visited{text-decoration: none; color: #FFFFFF;}
.dropdownsub a:hover{text-decoration: none; color: #FFFFFF;}

/* Utseende på aktive linker i undermenyer */
.dropdownsubhover a:link{text-decoration: none; background-color: #FFFFFF; color: #91939E;}
.dropdownsubhover a:visited{text-decoration: none; background-color: #FFFFFF; color: #91939E;}
.dropdownsubhover a:hover{text-decoration: none; background-color: #FFFFFF; color: #91939E;}



/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
  background-image: url(/getfile.php/787596.1392.dxwqbtdtdw/tabs-bakg-bottom.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
  margin:0;
  padding: 3px 0 13px 5px;
/*  border-bottom: 1px solid #C6C6C6;*/
 font-family: Calibri, GillSans, Trebuchet, "Liberation Sans", Arial, Sans-serif;
 font-size: 1.35em;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
  padding: 3px 0.5em;
  margin-left: 0px;
  margin-right: 1px;
  border: 1px solid #C6C6C6;
  border-bottom: none;
  text-decoration: none;
  background-color: #FFFFFF;
  color: #2D2D2D;
  background-position: top left;
  background-repeat: repeat-x;
}

ul.tabbernav li a:link {  color: #2D2D2D; }
ul.tabbernav li a:visited {  color: #2D2D2D; }

ul.tabbernav li a:hover
{
  background-color: #E7E7E7;
  color: #125584;
  background-image: url(/getfile.php/787597.1392.xpvdfpsesw/tab-selected-bakg.gif);
}

ul.tabbernav li.tabberactive a
{
 /*background-color: #fff;*/
 border-bottom: 1px solid #fff;
  background-color: #E7E7E7;
  color: #125584;
  background-image: url(/getfile.php/787597.1392.xpvdfpsesw/tab-selected-bakg.gif);

}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height ' */

	/* height:300px;*/
 /* max-height */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 overflow:auto;
}

.tabberlive .tabbertab h2.caption{
  display: none;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/* USED BY THE ARTICLEMEDIA KEYWORD */
/* CP modified, Aug 08 */

.gallerycontainer{
	position: relative;
	/*Add a height attribute and set to largest image's height to prevent overlaying  ' */
  padding-left: 308px;
  min-height: 210px;
}
.firstimage {
	margin-bottom: 2px;
}
.thumbnail{
	text-decoration: none;
}
.thumbnail img.thumb {
	border: 1px solid white;
	margin: 0px 5px 5px 0px;
  width: 75px;
  height: auto;
}

.thumbnail:hover{
	background-color: transparent;
}

.thumbnail:hover img.thumb {
	border: 1px solid #125584;
}

.thumbnail span, .gallerycontainer .firstimage { /*CSS for enlarged image*/
	position: absolute;
	padding: 0px;
	left: -1000px;
	visibility: hidden;
	color: black;
	text-decoration: none;
  width: 300px;
}

.gallerycontainer .firstimage { 
	position: absolute;
  left: 0px;
	visibility: visible;
}
.thumbnail span img, .gallerycontainer .firstimage img { /*CSS for enlarged image*/
	border-width: 0px;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 0px;
	left: 0px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}


/* Bildegalleri i sidebar */
div.imagegalleryblock{
  float: left;
  width: 75px;
  margin-right: 5px;
  overflow: hidden;
}
div.imagegalleryblock.image0{
  clear: both;
}
div.imagegalleryblock.image2{
  margin-right: 0px;
}
div.imagegalleryblock.image3{
  float: right;
  margin-right: 0px;
}

/* Bildegalleri i sidebar */
div.imagegalleryblock img{
  margin-bottom: 10px;
}

/* SECTION: Shop */

#shopcartcontent{
  border-top: 2px solid #277AC3;
  border-bottom: 1px solid #AFCDE9;  
  background-color: #F1F7FB;
  padding: 6px 6px 12px 6px;
  margin-bottom: 5px;
  background-image: url(/getfile.php/801346.1392.bdxvpwayax/handlekurv-bg-opt-2.jpg);
  background-position: top right;
  background-repeat: no-repeat;
}
#shopcartcontent b{
  font-size: 1.1em;
}
#shopcartcontent .summary{
  font-size: 12px;
}
#shopcartcontent .summary .price{
}