/* 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('http://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://bestteams1.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 87 */

#headresizer {position:relative;}
	#nav ul {list-style:none;padding:0;margin:0;min-height:30px;}
	#nav li {float:left;display:block;overflow:hidden;margin-right:15px;}
	#nav li.last {margin-right:0;}
	#nav a {display:block;float:left;text-decoration:none;color:#000;height:30px;line-height:30px;}
	#nav a:hover {text-decoration:none;-ms-transition: background 0.3s ease 0s, color 0.3s ease 0s;-moz-transition: background 0.3s ease 0s, color 0.3s ease 0s;-o-transition: background 0.3s ease 0s, color 0.3s ease 0s;transition: background 0.3s ease 0s, color 0.3s ease 0s;-webkit-transition: background 0.3s ease 0s, color 0.3s ease 0s;}
	#nav ul ul li {margin:0;border-top:1px solid #ddd;position:relative;}
	#nav > ul > li.dropdownmenu {position:relative;overflow:visible;}  
	#nav ul ul a {white-space:nowrap;background:#fff;min-width:120px;max-height:30px;line-height:30px;padding:0 15px;} 
	#nav ul ul a:hover {background:#ddd;}
	#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;}
	#nav > ul > li.dropdownmenu:hover > ul {margin-top:0;opacity:1;}
	#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_30 lang = 1*/

#navwrap {border-width: 0px; padding: 0px;}
#nav {border-width: 0px; padding: 0px 15px;}
#headresizer {border-width: 0px; padding: 20px 15px; height:auto; _height: auto; min-height: auto;}
#defaultelm10 {float: right;}
#defaultelm11 {font-size: 2rem ! important; margin-right: 10px;}
#defaultelm12 {font-size: 2rem ! important; margin-right: 10px;}
#defaultelm13 {font-size: 2rem ! important; margin-right: 10px;}
#defaultelm14 {font-size: 2rem ! important; margin-right: 20px;}
#defaultelm16 {margin-left: 10px;}
#defaultelm19 {width: auto; height: auto;}
#footresizer {border-width: 0px; padding: 20px 0px; width: 960px; height:auto; _height: 105px; min-height: 105px; background-image: none; background-repeat: no-repeat;}
#defaultelm20 {border-width: 0px; padding: 0px;}
#defaultelm18 {color: white; font-family: Bebas Neue; font-size: 2.4rem;}
#defaultelm1 {border-width: 0px; padding: 0px;}
#defaultelm2 {color: white; font-family: Bebas Neue; font-size: 2.4rem;}
#defaultelm17 {border-width: 0px; padding: 0px;}
#defaultelm3 {float: right;}
#defaultelm4 {font-size: 2rem ! important; margin-right: 10px;}
#defaultelm5 {font-size: 2rem ! important; margin-right: 10px;}
#defaultelm6 {font-size: 2rem ! important; margin-right: 10px;}
#defaultelm7 {font-size: 2rem ! important; margin-right: 20px;}
#defaultelm9 {margin-left: 10px;}
#contentarea {border-width: 0px; padding: 0px;}
#elm4 {border-width: 0px; padding: 0px 0px 20px;}
#elm5 {margin-top: 0px; margin-bottom: 0px;}
#elm1 {border-width: 0px; padding: 0px 0px 20px; margin-top: 30px;}
#elm2 {border-width: 0px; padding: 0px; height:auto; _height: 435px; min-height: 435px; overflow: hidden;}
#elm3 {border-width: 0px; padding: 0px;}
#elm6 {border-width: 0px; padding: 0px; height:auto; _height: 465px; min-height: 465px; overflow: hidden;}
#elm9 {border-width: 0px; padding: 0px;}
#elm7 {border-width: 0px; padding: 0px 0px 20px; height:auto; _height: 330px; min-height: 330px; overflow: hidden;}
#elm8 {border-width: 0px; padding: 0px 0px 20px; margin-top: 30px;}
#elm10 {margin-top: 0px; margin-bottom: 0px;}
#elm11 {border-width: 0px; padding: 0px; height:auto; _height: 345px; min-height: 345px; overflow: hidden;}
#elm14 {border-width: 0px; padding: 0px;}
#elm12 {border-width: 0px; padding: 0px 0px 20px; height:auto; _height: 335px; min-height: 335px; overflow: hidden;}
#elm13 {border-width: 0px; padding: 0px 0px 20px; margin-top: 30px;}
#elm15 {margin-top: 0px; margin-bottom: 0px;}
#elm16 {border-width: 0px; padding: 0px; height:auto; _height: 345px; min-height: 345px; overflow: hidden;}
#elm19 {border-width: 0px; padding: 0px;}
#elm17 {border-width: 0px; padding: 0px 0px 20px; height:auto; _height: 335px; min-height: 335px; overflow: hidden;}
#elm18 {border-width: 0px; padding: 0px 0px 20px; margin-top: 30px;}
#elm20 {margin-top: 0px; margin-bottom: 0px;}

div.shadows { background:none; }
div.botshadow, div.topshadow { background:none; }

* html div.shadows, * html div.botshadow, * html div.topshadow { filter:none; background:none; }


/*  */

/* v2 Fontstorlek Mellan */
#editablecontent * {font-size:15px;}
h1 {font-size:2.8em !important;}
h2 {font-size:2em !important;}
h3 {font-size:1.6em !important;}
h4 {font-size:1.2em !important;}
.hero h1 {font-size:4em !important;}

/* v2 Position Mobil Meny Knapp */
#mobile-menu  {top:20px!important;}


/* v2 Responsiv Styling */

@media only screen and (min-width: 768px) and (max-width: 959px) {

  #mobile-menu {color:#fff;background:#1e1e1e;}
  .fa fa-instagram {margin-right:0px!important;}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

	#mobile-menu {color:#fff;background:#1e1e1e;}
}

@media screen and (max-width: 479px) {

  #mobile-menu {color:#fff;background:#1e1e1e;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	h1 {font-size:2.5em !important;}
	h2 {font-size:1.8em !important;}
	h3 {font-size:1.45em !important;}
	h4 {font-size:1.15em !important;}
	.hero h1 {font-size:3.5em !important;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	h1 {font-size:2.2em !important;}
	h2 {font-size:1.6em !important;}
	h3 {font-size:1.3em !important;}
	h4 {font-size:1.15em !important;}
	.hero h1 {font-size:3em !important;}
  
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
	h1 {font-size:2em !important;}
	h2 {font-size:1.5em !important;}
	h3 {font-size:1.3em !important;}
	h4 {font-size:1.1em !important;}
	.hero h1 {font-size:2.75em !important;}
 
}

@font-face {
	font-family: Fira Sans Light;
	src:  url('http://cdn.hemsidadirekt.se/fonts/FiraSansOTLight.eot'),
	 url('http://cdn.hemsidadirekt.se/fonts/FiraSansOTLight.otf'),
	 url('http://cdn.hemsidadirekt.se/fonts/FiraSansOTLight.svg'),
	 url('http://cdn.hemsidadirekt.se/fonts/FiraSansOTLight.woff');

}

h2,h3,h4,h5,h5,h6 {font-family:Fira Sans Light;}
#customcontent p, #customcontent ul {font-family:Fira Sans Light;}

@font-face {
	font-family: Bebas Neue;
	src:  url('http://cdn.hemsidadirekt.se/fonts/BebasNeue-webfont.eot'),
	 url('http://cdn.hemsidadirekt.se/fonts/BebasNeue-webfont.svg'),
	 url('http://cdn.hemsidadirekt.se/fonts/BebasNeue-webfont.ttf'),
	 url('http://cdn.hemsidadirekt.se/fonts/BebasNeue-webfont.woff');

}

h1 {font-family:Bebas Neue;}

/*Img-widht*/
img {max-width:100%}

/* v2 Bakgrunder Bred Layout */
#header {background:#252525;}
#body {background:#fff;}
#pagefoot {background:#252525;color:white;font-family:Fira Sans Light;}
body {background-color:#252525;}
#navwrap {background:#212121;}

/*Meny*/
#nav {font-family:Fira Sans Light;font-size:1.3rem!important;text-transform:uppercase;color:white;}
#nav ul {display:inline-block;}
#nav {text-align:right;}
#nav, #nav a, #nav a span {height:40px;line-height:40px;}
#nav a {color:white;}
#nav a:active, #nav a:hover {color:#809fbb!important;}

/*textskugga*/
.textskugga a {text-shadow: 0 0 40px #454545;font-family:Bebas Neue,impact!important;font-size:3.7rem!important;color:white;text-decoration:none;text-align:center;margin-right:0;margin-left:0;}
.textskugga a:hover, .textskugga a:active {
  font-family:Bebas Neue,impact!important;
  font-size:3.7rem!important;color:white;
  text-decoration:none;text-align:center;
  margin-right:0;margin-left:0;
  text-shadow: 0 0 40px #000000;}

/*Ikoner2*/
.ikoner2 {margin-top:25px;}
a .ikoner2 {color:#fff!important;}
a:hover .ikoner2, a:active .ikoner2 {color:#809fbb!important;}

/*Ikoner1*/
.ikoner1 {margin-top:25px;}
a .ikoner1 {color:#fff!important;}
a:hover .ikoner1, a:active .ikoner2 {color:#809fbb!important;}

/* v2 Lankfarger */
a {color:#767676;text-decoration:none;}
a:hover {color:#809fbb;text-decoration:none;}

/* v2 Bygg Med Farger */
#footer a {color:#fff;}
#footer a:hover {color:#809fbb;}
#footer span {color:#fff;}
#footer {color:#fff;}

/* Mobilmeny-tablet */
@media screen and (min-width: 300px) and (max-width: 959px) {
#nav * {
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
#nav {
	display: block;
	position: fixed !important;
	overflow: visible;
	box-shadow: 0px 0 20px rgba(0,0,0,1.7) inset;
	top: 0 !important;
	right: 0 !important;
	height: 100%;
	background-color: #3E3C3D;
	max-width: 0!important;
	cursor: pointer;
	width: auto !important;
	padding: 0 !important;
	z-index:999;
}
#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav ul li {
	padding: 0 !important;
	display: block !important;
	float: none !important;
}
#nav ul li a {
	color: #ddd;
	display: block !important;
	text-decoration: none;
	padding: 0 15px;
	max-width: 100%;
	border-bottom: 1px solid rgba(0,0,0,0.3);
	border-top: 1px solid rgba(255,255,255,0.1);
	min-width: 200px;
	float: none !important;
	height: 40px !important;
	line-height: 32px !important;
  text-align:left!important;
}
#nav ul li a.selected {
	font-weight: bold;
}
#nav ul li ul li a {
	padding-left: 30px;
	color:#999;
}
#nav ul li a:active {
	background-color: #000;
	color:#fff;
}
#nav > ul {
	overflow-y: auto;
	height: 100%;
	-webkit-overflow-scrolling: touch
}
#nav[data-active=true] {
	max-width: 320px!important;
	cursor: pointer;
}
#nav {
	transition: max-width 0.8s ease-in-out 0.2s;
	-moz-transition: max-width 0.8s ease-in-out 0.2s;
	-webkit-transition: max-width 0.8s ease-in-out 0.2s;
	-o-transition: max-width 0.8s ease-in-out 0.2s;
}
#nav:not([data-active=true]) {
	transition: max-width 0.5s ease-in-out 0s;
	-moz-transition: max-width 0.5s ease-in-out 0s;
	-webkit-transition: max-width 0.5s ease-in-out 0s;
	-o-transition: max-width 0.5s ease-in-out 0s;
}
#mobile-menu, .icon-list {display:block !important;}
	#mobile-menu[data-active=true] {top:18px;right:20px;color:#fff;z-index:1000;position:fixed;}
	#mobile-menu:hover[data-active=true] {background:none;}
}



/* v2 Responsiv Meny 1 */

@media screen and (min-width: 300px) and (max-width: 767px) {
#nav * {
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
#nav {
	display: block;
	position: fixed !important;
	overflow: visible;
	box-shadow: 0px 0 20px rgba(0,0,0,1.7) inset;
	top: 0;
	right: -15px;
	height: 100%;
	background-color: #3E3C3D;
	max-width: 0;
	cursor: pointer;
	width: auto !important;
	padding: 0 !important;
	z-index:999;
}
#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav ul li {
	padding: 0 !important;
	display: block !important;
}
#nav ul li a {
	color: #ddd;
	display: block !important;
	text-decoration: none;
	padding: 0 15px;
	max-width: 100%;
	border-bottom: 1px solid rgba(0,0,0,0.3);
	border-top: 1px solid rgba(255,255,255,0.1);
	min-width: 200px;
	height: 30px;
	line-height: 32px;
}
#nav ul li a.selected {
	font-weight: bold;
}
#nav ul li ul li a {
	padding-left: 30px;
	color:#999;
}
#nav ul li a:active {
	background-color: #000;
	color:#fff;
}
#nav > ul {
	overflow-y: auto;
	height: 100%;
	-webkit-overflow-scrolling: touch
}
#nav[data-active=true] {
	max-width:320px!important;
	top:0px!important;
	cursor: pointer;
}
#nav {
	transition: max-width 0.8s ease-in-out 0.2s;
	-moz-transition: max-width 0.8s ease-in-out 0.2s;
	-webkit-transition: max-width 0.8s ease-in-out 0.2s;
	-o-transition: max-width 0.8s ease-in-out 0.2s;
}
#nav:not([data-active=true]) {
	transition: max-width 0.5s ease-in-out 0s;
	-moz-transition: max-width 0.5s ease-in-out 0s;
	-webkit-transition: max-width 0.5s ease-in-out 0s;
	-o-transition: max-width 0.5s ease-in-out 0s;
}
}



/* v2 Responsiv Grid */

#contentarea img {max-width:100%;height:auto}
.icon-list {display:none;position:absolute;top:50%;right:50px;width:30px;height:30px;margin-top:-15px;font-size:30px !important;}
#mobile-menu {right:10px;}

/* Screen Size Specific Styling */
@media only screen and (min-width: 960px) {
	.hide-on-desktop {display:none!important}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
        body {min-width:768px;}
	#headresizer, #footresizer {width:768px !important;margin:0 auto !important;}
	#nav {max-width:768px}
	#header, #pagefoot, #body {width:100% !important;}
	#headresizer {padding-left:10px !important;padding-right:10px !important;}
	#footer {width:748px;}
	#contentarea div {height:auto;} 
	.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: 10px;
	  margin-right: 10px;
	  height:auto !important;
	}
	
	.container-12 {
	  margin-left: auto;
	  margin-right: auto;
	  width: 768px !important;
	}
	
	.container-12 .grid-1 {
	  width: 44px;
	}
	
	.container-12 .grid-2 {
	  width: 108px;
	}
	
	.container-12 .grid-3 {
	  width: 172px;
	}
	
	.container-12 .grid-4 {
	  width: 236px;
	}
	
	.container-12 .grid-5 {
	  width: 300px;
	}
	
	.container-12 .grid-6 {
	  width: 364px;
	}
	
	.container-12 .grid-7 {
	  width: 428px;
	}
	
	.container-12 .grid-8 {
	  width: 492px;
	}
	
	.container-12 .grid-9 {
	  width: 556px;
	}
	
	.container-12 .grid-10 {
	  width: 620px;
	}
	
	.container-12 .grid-11 {
	  width: 684px;
	}
	
	.container-12 .grid-12 {
	  width: 748px;
	}
	.hide-on-tablet {display:none!important}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	body {min-width:480px;}
	#header, #pagefoot, #headresizer, #footresizer, #body, #navwrap {width:480px !important;margin:0 auto !important;}
	#header, #pagefoot, #body {width:100% !important;}
	#headresizer, #footresizer, #footer {padding-left:10px !important;padding-right:10px !important;}
	#footer {width:480px;margin:0 auto;text-align:center;}
	#contentarea div {height:auto;} 
	.hide-mobile {display:none !important;}
	#mobile-menu, .icon-list {display:block !important;}
	#mobile-menu[data-active=true] {top:18px;right:20px;color:#fff;z-index:1000;position:fixed;}
	#mobile-menu:hover[data-active=true] {background:none;}
	.grid-1,
	.grid-2,
	.grid-3,
	.grid-4,
	.grid-5,
	.grid-6,
	.grid-7,
	.grid-8,
	.grid-9,
	.grid-10,
	.grid-11,
	.grid-12 {height:auto !important;width:100% !important;padding-left:10px !important;padding-right:10px !important;margin-left:0 !important;margin-right:0 !important;}
	.container-12 {width:480px !important;margin:0 auto;}
	#footresizer .grid-12, #footresizer .grid-11, #footresizer .grid-10, #footresizer .grid-9, #footresizer .grid-8, #footresizer .grid-7, #footresizer .grid-6, #footresizer .grid-5, #footresizer .grid-4, #footresizer .grid-3, #footresizer .grid-2, #footresizer .grid-1 {padding-left:0 !important;padding-right:0 !important;}
	.facebook-wrap {padding-left:0 !important;padding-right:0 !important;}
	.hide-on-mobile {display:none!important}
}

@media screen and (max-width: 479px) {

	body {
	  min-width: 320px;
	}
	.logo {max-width:80%;}
	#header, #pagefoot, #body, #headresizer, #footresizer, #customcontent, #footer {width:100% !important;margin:0 auto !important;}
	#headresizer, #footresizer, #footer {padding-left:10px !important;padding-right:10px !important;min-width:320px !important;}
	#footer {padding:20px 10px;text-align:center;}
	#contentarea div {height:auto;}
	.hide-mobile {display:none !important;}
	#mobile-menu, .icon-list {display:block !important;}
	#mobile-menu[data-active=true] {top:18px;right:20px;color:#fff;z-index:1000;position:fixed;}
	#mobile-menu:hover[data-active=true] {background:none;}
	.grid-1,
	.grid-2,
	.grid-3,
	.grid-4,
	.grid-5,
	.grid-6,
	.grid-7,
	.grid-8,
	.grid-9,
	.grid-10,
	.grid-11,
	.grid-12 {
	  width:100% !important;
	  padding-left:10px !important;
	  padding-right:10px !important;
	  height:auto !important;
	  margin-left:0 !important;
	  margin-right:0 !important;
	}
	
	.container-12 {width:100% !important;}
	#footresizer .grid-12, #footresizer .grid-11, #footresizer .grid-10, #footresizer .grid-9, #footresizer .grid-8, #footresizer .grid-7, #footresizer .grid-6, #footresizer .grid-5, #footresizer .grid-4, #footresizer .grid-3, #footresizer .grid-2, #footresizer .grid-1 {padding-left:0 !important;padding-right:0 !important;}
	.facebook-wrap {padding-left:0 !important;padding-right:0 !important;}
	.hide-on-mobile{display:none!important}
}



/* module specific styles */