/* stylesheetdataid 84 */

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "201C" "201D" "2018" "2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* stylesheetdataid 85 */

html {font-size:62.5%;}
#editablecontent * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#editablecontent a:hover, #editablecontent div:hover, #editablecontent li:hover, #customcontent span:hover {-ms-transition: background 0.3s ease 0s, color 0.3s ease 0s, border-color 0.3s ease 0s;-moz-transition: background 0.3s ease 0s, color 0.3s ease 0s, border-color 0.3s ease 0s;-o-transition: background 0.3s ease 0s, color 0.3s ease 0s, border-color 0.3s ease 0s;transition: background 0.3s ease 0s, color 0.3s ease 0s, border-color 0.3s ease 0s;-webkit-transition: background 0.3s ease 0s, color 0.3s ease 0s, border-color 0.3s ease 0s;}
#contentarea table {border:1px solid #ddd;border-width:1px 1px 0 0;border-collapse:collapse} 
#contentarea td, #contentarea th {border:1px solid #ddd;border-width:0 0 1px 1px;padding:5px;} 
#contentarea th {font-weight:bold;background:#ddd;}
.pdf {padding:2px 0 2px 20px;background:url('https://cdn.hemsidadirekt.se/bildarkiv/pdfsmall.png') 0 50% no-repeat;}
.clearfix:after, #contentarea:after, .grid-12:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.contentBox {float:left;}
#nav ul {width:auto !important;}
.grid-100 {width:100% !important;}
.jgallery {height:auto !important;min-height:0 !important;}
#footer {width:930px;margin:0 auto;padding:20px 0;min-height:50px;}
#footer span {float:right;}
#footer span, #footer a {color:#000;}
#headresizer {position:relative;}
#customcontent img {display:block;} /*Remove 3px gap under images */
#customcontent img.left {float:left;margin:0 1em 1em 0;}
#customcontent img.right{float:right;margin:0 0 1em 1em;}

/* Mobile help classes */
.only-mobile {display:none;}
#mobile-menu, .icon-list {display:none !important;}

/* Make FB responsive */
#fb-root {display: none;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width: 100% !important;}

/* Buttons And Icons */
.button, .icon {display:inline-block;text-decoration:none;}
.button:hover, .icon:hover {text-decoration:none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.icon {color:#000;}
.icon:hover {color:#000;cursor:pointer;}

/* Forms */
.fielddiv {padding:0 0 12px;}
.instructions {margin-top:5px;padding:4px 0 0 22px;background:url('http://feark.hemsidadirekt.se/forms/about.gif')
 0px 4px no-repeat;height:16px;}
.fielddiv label {font-weight:bold;display:block;margin-top:5px;}
.fielddiv label.left {margin-left:4px;display:inline;font-weight:normal;}
.fielddiv input {display:inline;}

/* Pagefoot Nav */
#nav-footer ul {list-style:none;padding:0;margin:0;}
#nav-footer li {display:inline;padding:0 10px;border-left:1px solid #ccc;margin-right:-2px;}
#nav-footer li.first {padding-left:0;border:0;}
#nav-footer li.last {padding-right:0;}
#nav-footer a, #footresizer a, #footer a, #footer {text-decoration:none;}
#nav-footer a:hover, #footresizer a:hover, #footer a:hover {text-decoration:none;}

body {
  min-width: 960px;
}

#body, #header, #pagefoot, #customcontent, #contentarea {width:100% !important;}
#nav, #headresizer, #footresizer {width:960px !important;margin:0 auto !important;}
#nav, #headresizer, #footresizer {padding-left:15px;padding-right:15px;}

/* `Containers
----------------------------------------------------------------------------------------------------*/
.container-12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px !important;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12 {
  display: inline;
  float: left;
  margin-left: 15px;
  margin-right: 15px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container-12 .grid-1 {
  width: 50px;
}

.container-12 .grid-2 {
  width: 130px;
}

.container-12 .grid-3 {
  width: 210px;
}

.container-12 .grid-4 {
  width: 290px;
}

.container-12 .grid-5 {
  width: 370px;
}

.container-12 .grid-6 {
  width: 450px;
}

.container-12 .grid-7 {
  width: 530px;
}

.container-12 .grid-8 {
  width: 610px;
}

.container-12 .grid-9 {
  width: 690px;
}

.container-12 .grid-10 {
  width: 770px;
}

.container-12 .grid-11 {
  width: 850px;
}

.container-12 .grid-12 {
  width: 930px;
}

/* Admin Junk */
#footresizer, #customcontent, #contentarea, #headresizer, #header, #nav, #pagefoot, #footer {float:none !important;}

/* stylesheetdataid 86 */

#headresizer {position:relative;}
	#header #nav {position:absolute;width:auto !important;}
	#nav ul {list-style:none;padding:0;margin:0;min-height:30px;}
	#nav li {float:left;display:block;overflow:hidden;}
	#nav a {display:block;float:left;text-decoration:none;color:#000;padding:0 15px;height:30px;line-height:30px;}
	#nav a:hover {text-decoration:none;}
	#nav ul ul li {margin:0;border-top:1px solid #ddd;position:relative;}

	#nav ul ul a {white-space:nowrap;background:#fff;min-width:120px;max-height:30px;line-height:30px;} 
	#nav ul ul a:hover {background:#ddd;}
	#nav > ul > li.dropdownmenu {position:relative;overflow:visible;}  
	#nav > ul > li.dropdownmenu > ul {top:30px;left:0;z-index:50;position:absolute;overflow:hidden;opacity:0;box-shadow:2px 2px 4px rgba(0,0,0,0.08);margin-top:10px;height:0px}
	#nav > ul > li.dropdownmenu:hover > ul {margin-top:0;opacity:1;height:auto}
	#nav:hover > ul > li > ul {-ms-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s;-moz-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s;-o-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s;transition: opacity 0s ease 0s, margin-top 0.3s ease 0s;-webkit-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s;}

/* stylesheetdataid 94 */

@font-face {
	font-family: 'HSDfont-1';
	src:url('http://cdn.hemsidadirekt.se/fonts/HSDfont-1.eot?fbdy4v');
	src:url('http://cdn.hemsidadirekt.se/fonts/HSDfont-1.eot?#iefixfbdy4v') format('embedded-opentype'),
		url('http://cdn.hemsidadirekt.se/fonts/HSDfont-1.woff?fbdy4v') format('woff'),
		url('http://cdn.hemsidadirekt.se/fonts/HSDfont-1.ttf?fbdy4v') format('truetype'),
		url('http://cdn.hemsidadirekt.se/fonts/HSDfont-1.svg?fbdy4v#HSDfont-1') format('svg');
	font-weight: normal;
	font-style: normal;
}

#editablecontent .icon {
	font-family: 'HSDfont-1' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-phone:before {
	content: "\e600";
}
.icon-mobile:before {
	content: "\e601";
}
.icon-mail:before {
	content: "\e602";
}
.icon-pencil:before {
	content: "\e603";
}
.icon-paperclip:before {
	content: "\e604";
}
.icon-reply:before {
	content: "\e605";
}
.icon-forward:before {
	content: "\e606";
}
.icon-user:before {
	content: "\e607";
}
.icon-users:before {
	content: "\e608";
}
.icon-user-add:before {
	content: "\e609";
}
.icon-location:before {
	content: "\e60a";
}
.icon-house:before {
	content: "\e60b";
}
.icon-search:before {
	content: "\e60c";
}
.icon-link:before {
	content: "\e60d";
}
.icon-lifebuoy:before {
	content: "\e60e";
}
.icon-statistics:before {
	content: "\e60f";
}
.icon-lock:before {
	content: "\e610";
}
.icon-lock-open:before {
	content: "\e611";
}
.icon-checkmark:before {
	content: "\e612";
}
.icon-cross:before {
	content: "\e613";
}
.icon-minus:before {
	content: "\e614";
}
.icon-plus:before {
	content: "\e615";
}
.icon-list:before, #mobile-menu[data-active=true] {
	content: "\e616";
}
.icon-pictures:before {
	content: "\e617";
}
.icon-folder:before {
	content: "\e618";
}
.icon-trash:before {
	content: "\e619";
}
.icon-disk:before {
	content: "\e61a";
}
.icon-navbullet:before {
	content: "\f10c";
}
.icon-navbulletav:before {
	content: "\f111";
}
.icon-stop:before {
	content: "\e61c";
}
.icon-arrow-left:before {
	content: "\e61d";
}
.icon-arrow-down:before {
	content: "\e61e";
}
.icon-arrow-up-upload:before {
	content: "\e61f";
}
.icon-arrow-right:before {
	content: "\e620";
}
.icon-arrow-left2:before {
	content: "\e621";
}
.icon-arrow-down2:before {
	content: "\e622";
}
.icon-arrow-up:before {
	content: "\e623";
}
.icon-arrow-right2:before {
	content: "\e624";
}
.icon-arrow-left3:before {
	content: "\e625";
}
.icon-arrow-down3:before {
	content: "\e626";
}
.icon-arrow-up2:before {
	content: "\e627";
}
.icon-arrow-right3:before {
	content: "\e628";
}
.icon-arrow-left4:before {
	content: "\e629";
}
.icon-arrow-down4:before {
	content: "\e62a";
}
.icon-arrow-up3:before {
	content: "\e62b";
}
.icon-arrow-right4:before {
	content: "\e62c";
}
.icon-arrow-left5:before {
	content: "\e62d";
}
.icon-arrow-down5:before {
	content: "\e62e";
}
.icon-arrow-up4:before {
	content: "\e62f";
}
.icon-arrow-right5:before {
	content: "\e630";
}
.icon-arrow-left6:before {
	content: "\e631";
}
.icon-arrow-down6:before {
	content: "\e632";
}
.icon-arrow-up5:before {
	content: "\e633";
}
.icon-arrow-right6:before {
	content: "\e634";
}
.icon-arrow-left7:before {
	content: "\e635";
}
.icon-arrow-down7:before {
	content: "\e636";
}
.icon-arrow-up6:before {
	content: "\e637";
}
.icon-uniE638:before {
	content: "\e638";
}
.icon-twitter:before {
	content: "\e639";
}
.icon-twitter2:before {
	content: "\e63a";
}
.icon-facebook:before {
	content: "\e63b";
}
.icon-facebook2:before {
	content: "\e63c";
}
.icon-facebook3:before {
	content: "\e63d";
}
.icon-googleplus:before {
	content: "\e63e";
}
.icon-googleplus2:before {
	content: "\e63f";
}
.icon-pinterest:before {
	content: "\e640";
}
.icon-pinterest2:before {
	content: "\e641";
}
.icon-tumblr:before {
	content: "\e642";
}
.icon-tumblr2:before {
	content: "\e643";
}
.icon-linkedin:before {
	content: "\e644";
}
.icon-linkedin2:before {
	content: "\e645";
}

/* stylesheetdataid 103 */

.productindex .product .productimage {display:inline-block}
.productindex .product .productinfo {display:inline-block}
.productindex {display:block}



/* this is from colorStyleSheet */



/* this is from texttemplates */

body { font-family:Tahoma, Geneva, sans-serif;font-size:1.1em;font-style:normal;font-weight:normal;text-decoration:none; }
h1 { font-family:Tahoma, Geneva, sans-serif;font-size:2.0em;font-style:normal;font-weight:normal;text-decoration:none; }
h2 { font-family:Tahoma, Geneva, sans-serif;font-size:1.8em;font-style:normal;font-weight:normal;text-decoration:none; }
h3 { font-family:Tahoma, Geneva, sans-serif;font-size:1.6em;font-style:normal;font-weight:normal;text-decoration:none; }
h4 { font-family:Tahoma, Geneva, sans-serif;font-size:1.4em;font-style:normal;font-weight:normal;text-decoration:none; }
h5 { font-family:Tahoma, Geneva, sans-serif;font-size:1.4em;font-style:normal;font-weight:normal;text-decoration:none; }
h6 { font-family:Tahoma, Geneva, sans-serif;font-size:1.4em;font-style:normal;font-weight:normal;text-decoration:none; }


/* this is extra css page_13 lang = 1*/

#headresizer {background: url('https://cdn.hemsidadirekt.se/feark/mina_bilder/logo2.png?t=1410952957173?t=1556264051') no-repeat 0% 50%; border-width: 0px; padding: 20px 15px; height: 135px; overflow: visible; margin-right: 15px; margin-left: 15px;}
#defaultelm1 {margin-top: 10px; margin-left: 37px;  }
#navwrap {border-width: 0px; padding: 0px;}
#nav {border-width: 1px 0px; border-style: dashed; padding: 10px 0px 0px; left: 328px; top: 31px; width: 636px; height: 51px; margin-bottom: 0px;}
#contentarea {border-width: 0px; padding: 0px;}
#elm1 {border-width: 0px; padding: 0px;}
#elm2 {border-width: 0px; padding: 0px;}
#elm38 {border-width: 0px; padding: 0px;}
#elm28 {border-width: 0px; padding: 0px; width: 100%;}
#elm39 {border-width: 0px; padding: 0px;}
#elm29 {border-width: 0px; padding: 0px 0px 20px; width: 100%; text-align: center;}
#elm40 { }
#elm41 {border-width: 0px; padding: 0px;}
#elm30 {border-width: 0px; padding: 0px 0px 20px; width: 100%; text-align: center;}
#elm42 { }
#elm43 {border-width: 0px; padding: 0px;}
#elm31 {border-width: 0px; padding: 0px 0px 20px; width: 100%; text-align: center;}
#img3 { }
#elm32 {border-width: 0px; padding: 0px;}
#elm33 {border-width: 0px; padding: 0px 0px 20px; width: 100%; text-align: center;}
#elm34 { }


/*  */

#nav a{font-family: Lato Regular;text-transform:uppercase;font-size:1.5em;color:#333333;padding:0px;}
#nav a.active {color:#e0642e;}

/* v2 Fyllda Block Meny 1 */
@media only screen and (min-width: 960px) {

#nav ul ul li {border-width:0 1px 1px;position:relative;width:100%;}
#nav a {height:30px;line-height:30px;padding:0 7px;color:#000;}
#nav .last a {border-right:0;}
#nav ul ul a:hover {width:100%;}
#nav > ul > li.dropdownmenu > ul{background:#fff;}
#navwrap {background:#fff;}
}


h1 {font-family: Lato Regular;font-size:3em;text-transform:uppercase;}
h2 {font-family: Lato Regular;font-size:2em;text-transform:uppercase;}
p {font-family: Lato Regular;font-size:15px;}



@font-face {
	font-family: Lato Regular;
	src:  url('http://feark.hemsidadirekt.se/fonts/Lato-Reg-webfont.eot')
,
	 url('http://feark.hemsidadirekt.se/fonts/Lato-Reg-webfont.svg')
,
	 url('http://feark.hemsidadirekt.se/fonts/Lato-Reg-webfont.ttf')
,
	 url('http://feark.hemsidadirekt.se/fonts/Lato-Reg-webfont.woff')
;

}


/* v2 Lankfarger */
a {color:#898989;text-decoration:none;}
a:hover {color:#e0642e;}

/* v2 Bygg Med Farger */
#footer a {font-family:Lato Regular;color:#333;}
#footer a:hover {color:#000;}
#footer span {color:#333;}
#footer {color:#000;} /* Fargen pa avdelaren */



/* module specific styles */