html,body { 
  height: 100%;
}
/* Default stylesheet */
body { 
  background-color: #F1F1F1;
  color: #000000;
  font-family: "Liberation Sans", FreeSans, "Nimbus Sans L", Arial, Sans-serif;
  font-size: 75%; /* 12px */
  margin: 0px;
  background-image: url(/getfile.php/814876.1424.xdppstcuas/body-bakg.gif);
  background-position: top left;
  background-repeat: repeat-x;
  padding: 0px;
}
table,caption,th,td { 
  font-size: 1.0em;
}
h1, h2, h3, h4, h5, h6, #navbar, .dropdown, .dropdownframe, .dropdownsubframe { 
  font-family: Calibri, GillSans, Trebuchet, FreeSans, "Liberation Sans", "Nimbus Sans L", Arial, Sans-serif;
  color: #4F4F4F;
}
div.magebelte, div.magebelte .headline { 
  font-family: "MyriadPro Regular", "Myriad Pro", "Lucida Grande", "Liberation Sans", FreeSans, "Nimbus Sans L", Arial, Sans-serif;
}
h1 { 
  margin: 4px 0px;
  padding: 0px;
  font-size: 1.5em;
}
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: #20500b; }
a:visited { color: #20500b; }
a:hover { color: #20500b; }

#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, .tagcloud a:link {  text-decoration: none; }
.headlinelink:visited, .tagcloud a:visited {  text-decoration: none; }
.headlinelink:hover, .tagcloud a:hover {  text-decoration: underline; }

/* Linked headlines on listing pages */
.headline .headlinelink { }
.headline .headlinelink:link { color: #4F4F4F; text-decoration: none; }
.headline .headlinelink:visited { color: #4F4F4F; text-decoration: none; }
.headline .headlinelink:hover { color: #4F4F4F; 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 { }

/* 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-weight: bold;
  margin: 0px;
  padding: 0px;
}

.articleblock.article0 h1.headline { 
  font-size: 1.67em;
}
h2.headline { }
h3.headline { font-size: 1.2em; }
h4.headline { 
}
.headlineview, h1.headlineview  { 
  font-size: 1.67em; 
  font-weight: bold; 
  margin: 0px;
  padding: 0px;
  color: #4F4F4F;
}
.subheadline, h2.subheadline  { 
  font-size: 1.0em; 
  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;
}
div.pagebar, p.pagebar { 
  clear: both;
}
/* SECTION: viewarea block/spacing elements */
.block, .articleblock { 
  margin-bottom: 15px;
}
.listingarea .articleblock div.imgwrap { 
  float: left;
  width: 80px;
}
.listingarea.twocol .articleblock { 
  width: 464px;
  float: left;
  clear: both;
}
.listingarea.twocol div.imgwrap { 
  float: left;
  width: 80px;
}
.listingarea.twocol div.ingress { 
  float: right;
  width: 380px;
}

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

div.articlelist.productlist div.articleblock { 
  width: 300px;
  float: left;
  clear: none;
  margin-right: 15px;
}

/* Drastic IE-fix */

* { 
  position: relative;
  zoom: 1;
}
div.articlelist.productlist div.ingress { 
  float: right;
  width: 210px;
}
div.articlelist.productlist div.imgwrap { 
  float: left;
  width: 80px;
}
div.articlelist.productlist div.productbar, div.productbar { 
  clear: both;
}
div.articlelist.productlist div.articleblock.num2 { 
  margin-right: 0;
}
div.articlelist.productlist div.articleblock.num3 { 
  float: right;
  margin-right: 0;
}



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;
}


/* midtskygge */
div.s1 { 
  background-position: top left;
  background-repeat: repeat-y;
  background-image: url(/getfile.php/814868.1424.rvfwcetfcu/page-shadow-mid.gif);
  background-color: #FFFFFF;
}
/* toppskygge */
div.s2 { 
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(/getfile.php/814869.1424.aqerbyuddt/page-shadow-top.gif);  
  padding: 0px 24px 0px 22px;
}

/* bunnskygge */
div.s3 { 
  background-position: bottom left;
  background-repeat: no-repeat;
}


/* CSS code for (rounded) corners. Remember position: relative; on container element */
div.corner { 
  background-repeat: no-repeat;
  position: absolute;
  /* Set width/height to size of corner images */
  width: 7px;
  height: 7px;
}
div.corner.tl { 
  background-position: top left;
  left: -1px;
  top: -1px;
}
div.corner.tr { 
  background-position: top right;
  right: -1px;
  top: -1px;
}
div.corner.br { 
  background-position: bottom right;
  bottom: -1px;
  right: -1px;
}
div.corner.bl { 
  background-position: bottom left;
  bottom: -1px;
  left: -1px;
} 


#page, div.s1.spage { 

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

/* SECTION: page containers */ 
#page { 
  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: 111px;
  background-image: url(/getfile.php/814875.1424.wwcuetxtqp/topp-bakg.jpg);
  background-position: top left;
  background-repeat: repeat;
  background-color: #999999;
  border-bottom: 1px solid #657581;
}
#topnav { 
}
#middle { 
  padding: 12px 16px 0px 29px;
  background-image: url(/getfile.php/814867.1424.sxayqtwyyb/navbar-shadow.gif);
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  zoom: 1; /* IE-fix for background positioning */
}
#navbar { 
  border-top: 1px solid #C5C4C5;
  border-bottom: 1px solid #C5C4C5;
  background-color: #6BADDF;
  background-image: url(/getfile.php/814866.1424.srqbcpuusu/navbar-bakg.gif?return=hkgbokhandel.custompublish.com);
  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;
  position: relative;
  zoom: 1;
}

#footer { 
  clear: both;
  color: #6c6c6c;
  text-align: center;
  font-size: 0.85em;
  padding-bottom: 10px;
}

/* 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;
  padding: 1px 6px;
  position: relative;
}
.sidebar .box h4.headline { 
  padding: 0px;
  margin: 0px 0px 16px;
}
.sidebar .box .cell { 
  clear: both;
  margin-bottom: 10px;
  padding: 0px;
}


/* SECTION: page elements */ 

#logo { 
  position: relative;
  top: 25px;
}
#slagord { 
  position: relative;
  top: 50px;
  left: 50px;
}

#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 { 

  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: 173px;
  float: right;
  position: relative;
  top: -2px;
}
#searchform { 
  background: url(/getfile.php/814870.1424.xwyxxbcdrf/searchform-bakg.gif) top left repeat-x;
  background-color: #F6F6F6;
  padding: 0 0 0 10px;
  margin: 0px;
  position: relative;
  border: 1px solid #424444;
}
#searchform div.corner { 
  height: 7px;
}

#searchform div.corner.tl, #searchform div.corner.tl { 
  width: 10px;
}
#searchform div.corner.bl, #searchform div.corner.bl { 
  width: 7px;
}
#searchform div.corner.tl { 
  background-image: url(/getfile.php/814873.1424.sfwuqtrvxx/searchform-corner-tl.gif);
}
#searchform div.corner.tr { 
  background-image: url(/getfile.php/814874.1424.dwssaeyatb/searchform-corner-tr.gif);
}
#searchform div.corner.br { 
  background-image: url(/getfile.php/814872.1424.evsuqqetfc/searchform-corner-br.gif);
}
#searchform div.corner.bl { 
  background-image: url(/getfile.php/814871.1424.tasfyvsfus/searchform-corner-bl.gif);
}

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;
}

div.magebelte { 
  border: 1px solid #185578;
  background-color: #59A0C3;
  background-image: url(/getfile.php/814880.1424.usdsxwaxbx/magebelte-bkg.gif);
  background-position: top left;
  background-repeat: repeat-x;
  min-height: 156px;
  position: relative;
  zoom: 1;
  margin-bottom: 25px;
  margin-left: 15px;
  margin-right: 15px;
  clear: both;
}
div.magebelte div.inner { 
  background-image: url(/getfile.php/814865.1424.yxpbbsrfst/magebelte-vr-x2.gif);
  background-position: 317px 5px;
  background-repeat: no-repeat;
  padding: 9px 5px;

}
div.magebelte div.corner { 
  height: 10px;
}
div.magebelte div.corner.tl, div.magebelte div.corner.tr { 
  width: 12px;
}
div.magebelte div.corner.bl, div.magebelte div.corner.br { 
  width: 9px;
}
div.magebelte div.corner.tl { 
  background-image: url(/getfile.php/814884.1424.ecwyqbecvs/magebelte-corner-tl.gif);
}
div.magebelte div.corner.tr { 
  background-image: url(/getfile.php/814885.1424.ywayfvvbdd/magebelte-corner-tr.gif);
}
div.magebelte div.corner.br { 
  background-image: url(/getfile.php/814883.1424.vfbcdutwww/magebelte-corner-br.gif);
}
div.magebelte div.corner.bl { 
  background-image: url(/getfile.php/814882.1424.wyataecucb/magebelte-corner-bl.gif);
}
div.magebelte div.box { 
  float: left;
  margin-right: 25px;
  width: 281px;
  background-color: #8DBCD2;
  background-image: url(/getfile.php/814881.1424.yradtbawvd/magebelte-box-bkg.gif);
  background-position: top left;
  background-repeat: repeat-x;
  border: 1px solid #155274;
  padding: 6px 8px;
  margin-bottom: 0px;
}
div.magebelte div.box.num2 { 
  margin-right: 0;
}
div.magebelte div.box.num3 { 
  float: right;
  margin-right: 0;
}
div.magebelte div.box .caption { 
  background-image: none;
  background-color: transparent;
  border: none;
  color: #282828;
  text-align: center;
}
div.magebelte div.box .cell { 
  background-color: #FFFFFF;
  min-height: 104px;
}


/* 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, #CPM_ANCHOR_0 { 
  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; }



div.tagcloud { 
  font-size: 0.85em;
}

/* 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/467246.1083.rdqaeyefyx/handlekurv-bg-opt-2.jpg);
  /*background-image: url(/getfile.php/435415.1083.tybautydtb/handlekurv-bg-opt.jpg);*/
  background-position: top right;
  background-repeat: no-repeat;
  width: 600px;
}
#shopcartcontent b { 
  font-size: 1.1em;
}
#shopcartcontent .summary { 
  font-size: 12px;
}
#shopcartcontent .summary .price { 
}

.boughtbaloon {
	background-color: #FFFF99;
	color: #000000;
	padding: 5px;
	border: 1px solid gray;
}
.productbar { position: relative; }