/*
Theme Name: sunet
Theme URI: http://w4.se
Author: W4 Webbyrå Stockholm
Author URI: http://w4.se/
*/

/**
 * Table of Contents:
 * -----------------------------------------------------------------------------
 */

/**
 * 1.0 Fonts
 *
 * Typsnitten.
 *
 * -----------------------------------------------------------------------------
 */
@font-face {
  font-family: "LLAkkuratMonoWeb-Regular";
  src: url("fonts/lineto-akkuratmono-regular-c.eot");
  src: url("fonts/lineto-akkuratmono-regular-c.eot?#iefix") format("embedded-opentype"), url("fonts/lineto-akkuratmono-regular-c.woff") format("woff"), url("fonts/lineto-akkuratmono-regular-c.ttf") format("truetype"), url("fonts/lineto-akkuratmono-regular-c.svg#LLAkkuratMonoWeb-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AkkuratStd-Regular';
  src: url(fonts/AkkuratStd-Regular.eot);
  src: url(fonts/AkkuratStd-Regular.eot?#iefix) format("embedded-opentype"), url(fonts/AkkuratStd-Regular.woff) format('woff'), url(fonts/AkkuratStd-Regular.ttf) format('truetype'), url(fonts/AkkuratStd-Regular.svg) format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'AkkuratStd-Bold';
  src: url(fonts/AkkuratStd-Bold.eot);
  src: url(fonts/AkkuratStd-Bold.eot?#iefix) format("embedded-opentype"), url(fonts/AkkuratStd-Bold.woff) format('woff'), url(fonts/AkkuratStd-Bold.ttf) format('truetype'), url(fonts/AkkuratStd-Bold.svg) format('svg');
  font-weight: 400;
  font-style: normal;
}

@font-face {
    font-family: 'proxima_novasemibold_italic';
    src: url('fonts/proximanova-semibolditalic-webfont.eot');
    src: url('fonts/proximanova-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-semibolditalic-webfont.woff2') format('woff2'),
         url('fonts/proximanova-semibolditalic-webfont.woff') format('woff'),
         url('fonts/proximanova-semibolditalic-webfont.ttf') format('truetype'),
         url('fonts/proximanova-semibolditalic-webfont.svg#proxima_novasemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novasemibold';
    src: url('fonts/proximanova-semibold-webfont.eot');
    src: url('fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-semibold-webfont.woff2') format('woff2'),
         url('fonts/proximanova-semibold-webfont.woff') format('woff'),
         url('fonts/proximanova-semibold-webfont.ttf') format('truetype'),
         url('fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('fonts/proximanova-regular-webfont.eot');
    src: url('fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-regular-webfont.woff2') format('woff2'),
         url('fonts/proximanova-regular-webfont.woff') format('woff'),
         url('fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novalight';
    src: url('fonts/proximanova-light-webfont.eot');
    src: url('fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-light-webfont.woff2') format('woff2'),
         url('fonts/proximanova-light-webfont.woff') format('woff'),
         url('fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novalight_italic';
    src: url('fonts/proximanova-lightitalic-webfont.eot');
    src: url('fonts/proximanova-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/proximanova-lightitalic-webfont.woff') format('woff'),
         url('fonts/proximanova-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/proximanova-lightitalic-webfont.svg#proxima_novalight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novaregular_italic';
    src: url('fonts/proximanova-regitalic-webfont.eot');
    src: url('fonts/proximanova-regitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-regitalic-webfont.woff2') format('woff2'),
         url('fonts/proximanova-regitalic-webfont.woff') format('woff'),
         url('fonts/proximanova-regitalic-webfont.ttf') format('truetype'),
         url('fonts/proximanova-regitalic-webfont.svg#proxima_novaregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('fonts/proximanova-bold-webfont.eot');
    src: url('fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-bold-webfont.woff2') format('woff2'),
         url('fonts/proximanova-bold-webfont.woff') format('woff'),
         url('fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novaextrabold';
    src: url('fonts/proximanova-extrabold-webfont.eot');
    src: url('fonts/proximanova-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-extrabold-webfont.woff2') format('woff2'),
         url('fonts/proximanova-extrabold-webfont.woff') format('woff'),
         url('fonts/proximanova-extrabold-webfont.ttf') format('truetype'),
         url('fonts/proximanova-extrabold-webfont.svg#proxima_novaextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_rgbold_italic';
    src: url('fonts/proximanova-boldit-webfont.eot');
    src: url('fonts/proximanova-boldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-boldit-webfont.woff2') format('woff2'),
         url('fonts/proximanova-boldit-webfont.woff') format('woff'),
         url('fonts/proximanova-boldit-webfont.ttf') format('truetype'),
         url('fonts/proximanova-boldit-webfont.svg#proxima_nova_rgbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

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

audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body,
button,
input,
select,
textarea {
	color: #2b2b2b;
	font-family: 'LLAkkuratMonoWeb-Regular', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

body {
	background: #e3e3e3;
	padding-top: 53px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	color: black;
	text-decoration: none;
}

a:focus {
	outline: none;
}

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

a:active,
a:hover {
	color: #e37423;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: normal;
	margin: 36px 0 12px;
}

h1 {
	font-size: 26px;
	line-height: 1.3846153846;
}

h2 {
	font-size: 24px;
	line-height: 1;
}

h3 {
	font-size: 22px;
	line-height: 1.0909090909;
}

h4 {
	font-size: 20px;
	line-height: 1.2;
}

h5 {
	font-size: 18px;
	line-height: 1.3333333333;
}

h6 {
	font-size: 16px;
	line-height: 1.5;
}

address {
	font-style: italic;
	margin-bottom: 24px;
}

abbr[title] {
	border-bottom: 1px dotted #2b2b2b;
	cursor: help;
}

b,
strong {
	font-weight: 700;
}

cite,
dfn,
em,
i {
	font-style: italic;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

p {
	margin-bottom: 24px;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: monospace, serif;
	font-size: 15px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	line-height: 1.6;
}

pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	color: #767676;
	font-size: 19px;
	font-style: italic;
	font-weight: 300;
	line-height: 1.2631578947;
	margin-bottom: 24px;
}

blockquote cite,
blockquote small {
	color: #2b2b2b;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

big {
	font-size: 125%;
}

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

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

dl {
	margin-bottom: 24px;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 24px;
}

ul,
ol {
	list-style: none;
	margin: 0 0 24px 20px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin: 0 0 0 20px;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}

figure {
	margin: 0;
}

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 11px 12px 0;
}

legend {
	white-space: normal;
}

button,
input,
select,
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}

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

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

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

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

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

textarea {
	overflow: auto;
	vertical-align: top;
}

table,
th,
td {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}

td {
	border-width: 0 1px 1px 0;
}

del {
	color: #767676;
}

hr {
	background-color: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 23px;
}

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See https://core.trac.wordpress.org/ticket/25898.
 */
::selection {
	background: #e37423;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #e37423;
	color: #fff;
	text-shadow: none;
}


/**
 * 2.0 Repeatable Patterns
 * -----------------------------------------------------------------------------
 */

/* Input fields */

input,
textarea {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	color: #2b2b2b;
	padding: 13px 10px 11px;
	font-family: 'proxima_novalight';
}

textarea {
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid rgba(0, 0, 0, 0.3);
	outline: 0;
}

/* Buttons */

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #e37423;
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-size: 18px;
	letter-spacing: 0.025em;
	font-weight: normal;
	padding: 12px 30px 16px;
	text-transform: uppercase;
	vertical-align: bottom;
	display: inline-block;
	font-family: "LLAkkuratMonoWeb-Regular",sans-serif;
	
	-webkit-transition : background 250ms ease-out;
  	-moz-transition : background 250ms ease-out;
  	-o-transition : background 250ms ease-out;
  	transition : background 250ms ease-out;
  	
}
button .arr,
.button .arr,
input[type="button"] .arr,
input[type="reset"] .arr,
input[type="submit"] .arr {
	display: inline-block;
	height: 26px;
	width: 14px;
	margin-left: 30px;
	background-image: url("images/sprites.png");
	background-position: -303px -240px;
	position: relative;
	top: 6px;
}
.arr.down{
	width: 26px;
	height: 26px;
	top: 6px;
	background-position: -357px -238px;
}
.active .arr.down{
	background-position: -423px -244px;
}
.arr.down.gray{
	background-position: -357px -194px;
}
.active .arr.down.gray{
	background-position: -423px -194px;
}
.visa_fler.button.active .arr.down.gray, .visa_fler.button:hover .arr.down.gray{
	background-position: -357px -238px;
}
button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: black;
	color: #fff;
}

button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: black;
}

.button.visa_fler{
	margin-top: 20px;
	border-radius: 2px;
	padding-left: 100px;
	padding-right: 100px;
	background-color: #f7f7f7;
	color: black;  	
  	
  	-webkit-transition : background 250ms ease-out;
  	-moz-transition : background 250ms ease-out;
  	-o-transition : background 250ms ease-out;
  	transition : background 250ms ease-out;
}
.button.visa_fler:hover{
	background-color: #e37423;
	color: white;
}
.button.visa_fler.active:hover{
	color: inherit;
	background-color: white;
	-webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
.button.visa_fler.active{
	-webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
	
	text-indent: -999999px;
	padding-right: 0;
	padding-left: 0;
	width: 50px;
	background-image: url("images/loadertest.gif");
	background-position: center center;
	background-repeat: no-repeat;

}
.button.visa_fler.hidebutton{
	display: none;
}

.search-field {
	width: 100%;
}

.search-submit {
	display: none;
}

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
	color: #939393;
}

:-moz-placeholder {
	color: #939393;
}

::-moz-placeholder {
	color: #939393;
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #939393;
}

/* Responsive images. Fluid images for posts, comments, and widgets */

.comment-content img,
.entry-content img,
.entry-summary img,
#site-header img,
.widget img,
.wp-caption {
	max-width: 100%;
}

/**
 * Make sure images with WordPress-added height and width attributes are
 * scaled correctly.
 */

.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
#site-header img {
	height: auto;
}

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
	height: auto;
	max-width: 100%;
}

/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object,
video {
	margin-bottom: 24px;
	max-width: 100%;
}

p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {
	margin-bottom: 0;
}

/* Alignment */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {
	margin: 0px 50px 40px 0;
}

.wp-caption.alignleft {
	margin: 0px 50px 40px 0;
}

blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {
	margin: 0px 0 40px 50px;
}

.wp-caption.alignright {
	margin: 0px 0 40px 50px;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
	margin-top: 0px;
	margin-bottom: 35px;
	display: block;
	clear: both;
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
	margin-bottom: 17px;
}

.wp-caption {
	margin-bottom: 24px;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption {
	color: #767676;
}

.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
}

div.wp-caption .wp-caption-text {
	padding-right: 10px;
}

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
	padding-right: 0;
}

.wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Assistive text */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	text-transform: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

.hide {
	display: none;
}

/* Clearing floats */

.footer-sidebar:before,
.footer-sidebar:after,
.hentry:before,
.hentry:after,
.gallery:before,
.gallery:after,
.slider-direction-nav:before,
.slider-direction-nav:after,
.contributor-info:before,
.contributor-info:after,
.search-box:before,
.search-box:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
	content: "";
	display: table;
}

.footer-sidebar:after,
.hentry:after,
.gallery:after,
.slider-direction-nav:after,
.contributor-info:after,
.search-box:after,
[class*="content"]:after,
[class*="site"]:after {
	clear: both;
}

/* Genericons */

.bypostauthor > article .fn:before,
.comment-edit-link:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.contributor-posts-link:before,
.menu-toggle:before,
.search-toggle:before,
.slider-direction-nav a:before,
.widget_twentyfourteen_ephemera .widget-title:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	text-decoration: inherit;
	vertical-align: text-bottom;
}

/* Separators */

.site-content span + .entry-date:before,
.full-size-link:before,
.parent-post-link:before,
span + .byline:before,
span + .comments-link:before,
span + .edit-link:before,
.widget_twentyfourteen_ephemera .entry-title:after {
	content: "\0020\007c\0020";
}




/**
 * 6.4 Entry Content
 * -----------------------------------------------------------------------------
 */

.entry-content,
.entry-summary,
.page-content {
	/*
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;
	*/
}
.entry-content .bloggerpuff{
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	word-wrap:normal;
	border-style: none;
}

.site-content .entry-content,
.site-content .entry-summary,
.page-content {
	background-color: #fff;
	padding: 12px 10px 0;
}

.page .entry-content {
	padding-top: 0;
}

.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.page-content h1:first-child,
.page-content h2:first-child,
.page-content h3:first-child,
.page-content h4:first-child,
.page-content h5:first-child,
.page-content h6:first-child {
	margin-top: 0;
}

.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a {
	text-decoration: underline;
}
.entry-content a{
	text-decoration: none;
	border-bottom: dotted 1px #999;
	padding-bottom: 1px;
}

.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover,
.entry-content a.button,
.entry-summary a.button,
.page-content a.button,
.comment-content a.button {
	text-decoration: none;
}

.entry-content table,
.comment-content table {
	font-size: 14px;
	line-height: 1.2857142857;
	margin-bottom: 24px;
}

.entry-content th,
.comment-content th {
	font-weight: 700;
	padding: 8px;
	text-transform: uppercase;
}

.entry-content td,
.comment-content td {
	padding: 8px;
}

.entry-content .edit-link {
	clear: both;
	display: block;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.3333333333;
	text-transform: uppercase;
}

.entry-content .edit-link a {
	color: #767676;
	text-decoration: none;
}

.entry-content .edit-link a:hover {
	color: #41a62a;
}

.entry-content .more-link {
	white-space: nowrap;
}

/* Mediaelements */

.hentry .mejs-container {
	margin: 12px 0 18px;
}

.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
	background: #000;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: #fff;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #e37423;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background: rgba(255, 255, 255, .33);
}

.hentry .mejs-container .mejs-controls .mejs-time {
	padding-top: 9px;
}

.hentry .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	border-radius: 0;
}

.hentry .mejs-overlay-loading {
	background: transparent;
}

.hentry .mejs-overlay-button {
	background-color: #fff;
	background-image: none;
	border-radius: 2px;
	box-shadow: 1px 1px 1px rgba(0,0,0,.8);
	color: #000;
	height: 36px;
	margin-left: -24px;
	width: 48px;
}

.hentry .mejs-overlay-button:before {
	-webkit-font-smoothing: antialiased;
	content: '\f452';
	display: inline-block;
	font: normal 32px/1.125 Genericons;
	position: absolute;
	top: 1px;
	left: 10px;
}

.hentry .mejs-controls .mejs-button button:focus {
	outline: none;
}

.hentry .mejs-controls .mejs-button button {
	-webkit-font-smoothing: antialiased;
	background: none;
	color: #fff;
	display: inline-block;
	font: normal 16px/1 Genericons;
}

.hentry .mejs-playpause-button.mejs-play button:before {
	content: '\f452';
}

.hentry .mejs-playpause-button.mejs-pause button:before {
	content: '\f448';
}

.hentry .mejs-volume-button.mejs-mute button:before {
	content: '\f109';
	font-size: 20px;
	position: absolute;
	top: -2px;
	left: 0;
}

.hentry .mejs-volume-button.mejs-unmute button:before {
	content: '\f109';
	left: 0;
	position: absolute;
	top: 0;
}

.hentry .mejs-fullscreen-button button:before {
	content: '\f474';
}

.hentry .mejs-fullscreen-button.mejs-unfullscreen button:before {
	content: '\f406';
}

.hentry .mejs-overlay:hover .mejs-overlay-button {
	background-color: #e37423;
	color: #fff;
}

.hentry .mejs-controls .mejs-button button:hover {
	color: #41a62a;
}

.content-sidebar .wp-playlist-item .wp-playlist-caption {
	color: #000;
}



/**
 * 6.14 Comments
 * -----------------------------------------------------------------------------
 */

.comments-area {
	margin: 48px auto;
	max-width: 474px;
	padding: 0 10px;
}

.comment-reply-title,
.comments-title {
	font: 900 16px/1.5 Lato, sans-serif;
	margin: 0;
	text-transform: uppercase;
}

.comment-list {
	list-style: none;
	margin: 0 0 48px 0;
}

.comment-author {
	font-size: 14px;
	line-height: 1.7142857142;
}

.comment-list .reply,
.comment-metadata {
	font-size: 12px;
	line-height: 2;
	text-transform: uppercase;
}

.comment-list .reply {
	margin-top: 24px;
}

.comment-author .fn {
	font-weight: 900;
}

.comment-author a {
	color: #2b2b2b;
}

.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
	color: #767676;
}

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
	color: #41a62a;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 24px;
	padding-top: 24px;
}

.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child {
	border-top: 0;
}

.comment-author {
	position: relative;
}

.comment-author .avatar {
	border: 1px solid rgba(0, 0, 0, 0.1);
	height: 18px;
	padding: 2px;
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
}

.bypostauthor > article .fn:before {
	content: "\f408";
	margin: 0 2px 0 -2px;
	position: relative;
	top: -1px;
}

.says {
	display: none;
}

.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata {
	padding-left: 30px;
}

.comment-edit-link {
	margin-left: 10px;
}

.comment-edit-link:before {
	content: "\f411";
}

.comment-reply-link:before,
.comment-reply-login:before {
	content: "\f412";
	margin-right: 2px;
}

.comment-content {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 24px 22px;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

.comment-content > :last-child {
	margin-bottom: 0;
}

.comment-list .children {
	list-style: none;
	margin-left: 15px;
}

.comment-respond {
	margin-bottom: 24px;
	padding: 0;
}

.comment .comment-respond {
	margin-top: 24px;
}

.comment-respond h3 {
	margin-top: 0;
	margin-bottom: 24px;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
	color: #767676;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
	font-size: 14px;
	line-height: 1.7142857142;
}

.no-comments {
	font-size: 16px;
	font-weight: 900;
	line-height: 1.5;
	margin-top: 24px;
	text-transform: uppercase;
}

.comment-form label {
	display: block;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	width: 100%;
}

.form-allowed-tags,
.form-allowed-tags code {
	font-size: 12px;
	line-height: 1.5;
}

.required {
	color: #c0392b;
}

.comment-reply-title small a {
	color: #2b2b2b;
	float: right;
	height: 24px;
	overflow: hidden;
	width: 24px;
}

.comment-reply-title small a:hover {
	color: #41a62a;
}

.comment-reply-title small a:before {
	content: "\f405";
	font-size: 32px;
}

.comment-navigation {
	font-size: 12px;
	line-height: 2;
	margin-bottom: 48px;
	text-transform: uppercase;
}

.comment-navigation .nav-next,
.comment-navigation .nav-previous {
	display: inline-block;
}

.comment-navigation .nav-previous a {
	margin-right: 10px;
}

#comment-nav-above {
	margin-top: 36px;
	margin-bottom: 0;
}



/**
 * 	GRID + MODULER
 */

/*DESSA REGLER BLIR APPLICERADE AV IE 8*/
.gridholder{
	width: 1020px;
	margin: 0 auto;
}
.gridholderpadding{
	padding-left: 0;
	padding-right: 0;	
}
.centerit{
	text-align: center;
	display: block;
	clear: both;
}
.fixfloat{
	clear: both;
}


/**
 * 	HUVUD
 */
#header{
	height: 51px;
	border-bottom: solid 2px #e37423;
	background-color: white;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1010;
}
.englishlinkhead{
    color: black;
    display: inline-block;
    float: right;
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 14px;
    margin-right: 0;
    position: relative;
    text-transform: uppercase;
    top: 20px;
}


.admin-bar #header{
	top: 32px;
}
.bx-controls-direction{
	display: none;
}
#header .logocont{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
#header #bread{
	display: none;
	position: relative;
	top: 17px;
	text-transform: uppercase;
	float: left;
	margin-left: 20px;
	color: #c0bdbf;
	font-size: 16px;
	line-height: 16px;
	padding-left: 20px;
}
#header #bread .leftline{
	background-color: #f2f2f2;
	position: absolute;
	left: 0;
	top: 3px;
	height: 11px;
	width: 2px;
}
#header .logo{
	top: 7px;
	position: relative;
	display: block;
	width: 30px;
	height: 40px;
	background-image: url("images/sprites.png");
	background-position: -40px -53px;
	margin: 0 auto;
}
#header #headersearch{
	float: right;
	position: relative;
	display: none;
	z-index: 1;
	top: -4px;
	/**
	 * 	DETTA ÄR FÖR ATT VISA IKONEN INNAN MAN KLICKAT PÅ DEN!
	 */
	min-width: 18px;
}
#header .engorswe{
	float: right;
	text-transform: uppercase;
	z-index: 1;
	position: relative;
	color: #252425;
	font-size: 14px;
	top: 37px;
	line-height: 14px;
	padding-left: 20px;
	margin-left: 20px;
}
#header .engorswe .leftline{
	background-color: #f2f2f2;
	position: absolute;
	left: 0;
	top: 1px;
	height: 11px;
	width: 2px;
}
#rightinid .insideright #mobilesearch{
	background-color: #505050;
    display: none;
    margin-bottom: 20px;
    margin-left: 0;
    padding: 20px;
    padding-top: 13px;
    padding-bottom: 13px;
    position: relative;
    width: auto;	
}
#header #headersearch input.searchfield{
	background: none;
	border-style: none;
	-webkit-appearance: none;
	padding-left: 30px;
	padding-bottom: 17px;
	font-size: 20px;
	line-height: 20px;
	padding-top: 22px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-appearance: none;
    border-radius: 0;
    color: black;
    background-color: #e3e3e3;
}
#rightinid .insideright #mobilesearch input.searchfield{
	border-style: none;
	-webkit-appearance: none;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    -webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    border-style: none;
    color: white;
    font-size: 17px;
    line-height: 17px;
    padding: 0;
    padding-top: 5px;
    text-align: center;
}
#header #headersearch input.searchfield{
	width: 0;
	overflow: hidden;
	padding: 3px 0;
	border-radius: 5px;
	height: 43px;
	-webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    
    -webkit-transition : width 250ms ease-out;
  	-moz-transition : width 250ms ease-out;
  	-o-transition : width 250ms ease-out;
  	transition : width 250ms ease-out;
	background-color: #e3e3e3; 
}
#header #headersearch.clicked input.searchfield{
    margin-right: 23px;
    padding: 3px 18px;
    position: relative;
    text-indent: 0;
    text-transform: none;
    top: 7px;
    width: 250px;
}

#header #headersearch input.submitsearch, #rightinid .insideright #mobilesearch input.submitsearch{
	display: block;
	width: 18px;
	height: 16px;
	background: none;
	background-image: url("images/sprites.png");
	background-position: -38px -327px;
	position: absolute;
	padding: 0;
	right: 0px;
	top: 22px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-appearance: none;
    border-radius: 0;
    color: white;
    opacity: 1;
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
#rightinid .insideright #mobilesearch input.submitsearch{
	right: 22px;
	top: 18px;
}
#header #headersearch input.submitsearch:hover, #rightinid .insideright #mobilesearch input.submitsearch:hover{
	background-position: -94px -327px;
}
#header #headersearch input.searchfield::-webkit-input-placeholder{
	color: #252425;
	opacity: 0.5;
	padding-top: 3px;
}

#header #headersearch input.searchfield:-moz-placeholder{
	color: #252425;
	opacity: 0.5;
}

#header #headersearch input.searchfield::-moz-placeholder{
	color: #252425;
	opacity: 0.5; /* Since FF19 lowers the opacity of the placeholder by default */
}

#header #headersearch input.searchfield:-ms-input-placeholder{
	color: #252425;
	opacity: 0.5;
}


/**
 * 	INPUTFÄLT VÄNSTERMENYN LITEN SKÄRM
 */
#rightinid .insideright #mobilesearch input.searchfield::-webkit-input-placeholder{
	color: white;
	opacity: 0.5;
}

#rightinid .insideright #mobilesearch input.searchfield:-moz-placeholder{
	color: white;
	opacity: 0.5;
}

#rightinid .insideright #mobilesearch input.searchfield::-moz-placeholder{
	color: white;
	opacity: 0.5; /* Since FF19 lowers the opacity of the placeholder by default */
}

#rightinid .insideright #mobilesearch input.searchfield:-ms-input-placeholder{
	color: white;
	opacity: 0.5;
}


/**
 * 	MENYKNAPPEN
 */
#header #showmenubtn{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    width: 20px;
    position: relative;
    float: left;
    margin-top: 19px;
    cursor: pointer;
    z-index: 10000;
}

#header #showmenubtn .lines{
	display: block;
	height: 3px;
	background-color: black;
	margin-bottom: 2px;
	-webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

#header #showmenubtn:hover .lines{
	background-color: #e37423;
}

#header #showmenubtn.clicked:hover .lines{
	background-color: #e37423;
}
#header #showmenubtn .lines.l2{
	-webkit-transition-duration: 0.10s;
    -moz-transition-duration: 0.10s;
    -o-transition-duration: 0.10s;
    transition-duration: 0.10s;	
}

#header #showmenubtn.clicked{
	bottom: 1px; 
	width: 20px;
}
#header #showmenubtn.clicked .lines{
	margin-bottom: 0px;
	background-color: #e37423;
}
#header #showmenubtn.clicked .lines.l1{
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); /* IE 9 */
	-webkit-transform:rotate(45deg); /* Safari and Chrome */
	margin-top: 6px;
}
#header #showmenubtn.clicked .lines.l2{
	height: 0;
	margin: 0;
}
#header #showmenubtn.clicked .lines.l3{
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); /* IE 9 */
	-webkit-transform:rotate(-45deg); /* Safari and Chrome */
	margin-top: -3px;
}
#closemenubutton .lines.l3{
	margin-top: -9px;
}
#closemenubutton{
	cursor:pointer;
}
#header #showmenubtn:hover{
	cursor: pointer;
}

/**
 * 	UTKLICKBARA MENYN
 */
#inskjutning{
	overflow: hidden;
}
.paddingwhenpressed{
	position: relative;
}
#inskjutning .leftin{
	display: inline-block;
	float: right;
	width: 100%;
}
#inskjutning .rightin{
	width: 3500px;
	display: inline-block;
	float: left;
	background-color: white; 
	overflow: hidden;
	height: 100%;
    overflow: scroll;
    position: fixed;
    left: 0;
    top: 0;
    /*top: 65px;*/
    z-index: 1011;
}
#inskjutning .rightin .insideright{
	padding-top: 40px;
	padding-bottom: 0px;
	width: 350px;
}

#inskjutning .rightin .insideright .widget{
	padding-left: 30px;
	padding-right: 30px;
}

#inskjutning .rightin .insideright .menu{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 30px;
	padding: 0;
}
#inskjutning .rightin .insideright .menu li{
	display: block;
}
#inskjutning .rightin .insideright .menu li.menu-item-has-children .sub-menu{
	display: none;
	margin-left: 20px;
	margin-right: 20px;
}
#inskjutning .rightin .insideright .menu li.menu-item-has-children.current-menu-item .sub-menu,
#inskjutning .rightin .insideright .menu li.menu-item-has-children.current-menu-ancestor .sub-menu{
	display: block;
}

#inskjutning .rightin .insideright .menu li.menu-item-has-children .sub-menu a{
	padding-left: 20px;
	padding-top: 12px;
	padding-bottom: 11px;
	font-size: 12px;
	line-height: 12px;
	border-bottom: 1px solid #f3f3f3;
}
#inskjutning .rightin .insideright .menu li.menu-item-has-children > a{
	position: relative;
}
#inskjutning .rightin .insideright .menu li.menu-item-has-children > a:before{
	display: none;
}
#inskjutning .rightin .insideright .menu li a .up{
	color: #a4a4a4;
    position: relative;
    float: left;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
}
#inskjutning .rightin .insideright .menu li a .up:hover{
	color: #e37423;
}
#inskjutning .rightin .insideright .menu li.clicked{
	
}
#inskjutning .rightin .insideright .menu li.clicked a .up{
	
}
#inskjutning .rightin .insideright a{
	text-decoration: none;
	outline: none;
	text-transform: uppercase;
}
#inskjutning .rightin .insideright .gridholder{
	width: inherit;
}
#inskjutning .rightin .insideright .menu li a{
	display: block;
	color: #252425;
	font-size:16px;
	letter-spacing: 0em;
	line-height: 16px;
	font-weight: 400;
	padding: 16px 0px;
	-webkit-transition-duration: 0.10s;
    -moz-transition-duration: 0.10s;
    -o-transition-duration: 0.10s;
    transition-duration: 0.10s;
    position: relative;
    border-bottom: solid 1px #eaeaea;
    padding-left: 20px;
}
#inskjutning .rightin .insideright .menu li a:before{
	content: "›";
	color: #a4a4a4;
	margin-right: 10px;
}
#inskjutning .rightin .insideright .menu li.current-menu-item > a:before{
	color: #e37423;
}

#inskjutning .rightin .insideright #menu-andrawebbar li a{
	font-size: 16px;
	letter-spacing: 0em;
	padding-top: 6px;
	padding-bottom: 6px;
	font-weight: 400;
	color: #252425;
	border-style: none;
	padding-left: 0;
}
#inskjutning .rightin .insideright #menu-andrawebbar li a:hover{
	color: #e37423;
	-webkit-transition-duration: 0.10s;
    -moz-transition-duration: 0.10s;
    -o-transition-duration: 0.10s;
    transition-duration: 0.10s;
}
#inskjutning .rightin .insideright #menu-andrawebbar li a:before{
	margin-right: 5px;
}
.insideright #execphp-2{
	margin-bottom: 30px;
}

.insideright #execphp-2 .execphpwidget{
	border-bottom: solid 1px #eaeaea;
	padding-bottom: 30px;

}

.insideright #execphp-2 h3{
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 0em;
	color: #252425;
	margin: 0;
	text-align: center;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-weight: normal;
}
.insideright .newsletterform{
	text-align: center;
}
.insideright .newsletterform .email{
	display: inline-block;
	border-color: #dadada;
	text-transform: uppercase;
	color: #252425;
	width: 100%;
}
.insideright .newsletterform .email::-webkit-input-placeholder {
	color: #c0bdbf;
}

.insideright .newsletterform .email:-moz-placeholder {
	color: #c0bdbf;
}

.insideright .newsletterform .email::-moz-placeholder {
	color: #c0bdbf;
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

.insideright .newsletterform .email:-ms-input-placeholder {
	color: #c0bdbf;
}

.insideright .newsletterform .button{
	display: none;
	padding: 12px 30px 9px;
	font-weight: normal;
	margin-top: 10px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.insideright .widget_nav_menu h3{
	margin: 0; 
	margin-bottom: 20px;
	color: #a4a7a7;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 0em;
	line-height: 16px;
}

#inskjutning .rightin .insideright .menu li a:hover{
	-webkit-transition-duration: 0.10s;
    -moz-transition-duration: 0.10s;
    -o-transition-duration: 0.10s;
    transition-duration: 0.10s;
    color: #e37423;
}


#inskjutning .rightin .insideright .menu li.current-menu-item > a{
	color: #e37423;
}

#inskjutning .rightin .insideright .menu-social-container{
	text-align: center;
	border-bottom: solid 1px #eaeaea;
	margin-bottom: 30px;
}
#inskjutning .rightin .insideright #menu-social{
	text-align: center;
	display: inline-block;
	padding-bottom: 25px;
	margin-bottom: 0;
}
#inskjutning .rightin .insideright #menu-social li{
	display: inline-block;
	margin-right: 7px;
	margin-left: 7px;
	border-style: none;
	float: left;
	
}
#inskjutning .rightin .insideright #menu-social li a{
	border-radius: 2px;
	text-indent: -99999px;
	display: block;
	width: 30px;
	height: 30px;
	background-image: url("images/sprites.png");
	background-color: black;
	-webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    border-style: none;
    padding: 0;
    position: relative;
    -webkit-transition : background 250ms ease-out;
  	-moz-transition : background 250ms ease-out;
  	-o-transition : background 250ms ease-out;
  	transition : background 250ms ease-out;
}
#inskjutning .rightin .insideright #menu-social li a:hover{
	background-color: #e37423;
}
#inskjutning .rightin .insideright #menu-social li a:before{
	display: none;
}
#inskjutning .rightin .insideright #menu-social li.twitter a{
	background-position: -508px -430px;
}
#inskjutning .rightin .insideright #menu-social li.facebook a{
	background-position: -464px -430px;
}
#inskjutning .rightin .insideright #menu-social li.linkedin a{
	background-position: -594px -431px;
}
#inskjutning .rightin .insideright #menu-social li.google a{
	background-position: -551px -430px;
}


/**
 * 	SLUT
 */


/**
 * 	TOPSPLASH
 */
.toppsplashes{
	
}

.sunetprintlogo{
	display: none;
}
.splash.slideelement .backgroundimage{
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}
.singlepagetopimage .backgroundimage{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}
.random_case{
	display: block;
	width: 100%;
}
.random_case .backgroundimage{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}
.random_case .gridholderpadding{
	padding-left: 20px;
	padding-right: 20px;
}
.random_case .backgroundimage .maxwidththing{
	padding-top: 100px;
	padding-bottom: 100px;
}
.splash.slideelement .backgroundimage img.splashimg{
	width: 100%;
	height: auto;
	min-height: 400px;
	max-height: 560px;
}
.singlepagetopimage .backgroundimage img.splashimg{
	width: 100%;
	height: auto;
	min-height: 320px;
	max-height: 320px;
}
.random_case .backgroundimage img.splashimg{
	width: 100%;
	height: auto;
}
.backgroundimage .tablecont{
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}

.backgroundimage .raster{
	background-image: url("images/rastersecond.png");
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.backgroundimage .tablecont .table{
	display: table;
    height: 100%;
    width: 100%;	
}
.backgroundimage .tablecont .table .cell{
	display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.backgroundimage .tablecont .table .cell .inside{
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
 .backgroundimage .tablecont .table .cell .inside img{
	
}
.splash.slideelement .backgroundimage .tablecont .table .cell .inside .splashheadline{
	margin-top: 0;
	color: white;
	display: inline-block;
    font-size: 80px;
    letter-spacing: 0.025em;
    line-height: 90px;
    font-family: 'proxima_nova_rgbold';
    text-transform: uppercase;
    text-decoration: underline;
}
.singlepagetopimage .backgroundimage .tablecont .table .cell .inside .splashheadline{
	color: #f7f7f7;
	display: inline-block;
    font-size: 60px;
    letter-spacing: 0.025em;
    line-height: 62px;
    text-transform: uppercase;
    font-family: 'proxima_nova_rgbold';
}
.random_case .tablecont .table .cell .inside .randomwidth{
	max-width: 770px;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}
.random_case .backgroundimage .tablecont{
	position: relative;
}
.random_case .tablecont .table .cell .inside .splashheadline{
	font-size: 36px;
	line-height: 40px;
	letter-spacing: 0.020em;
	color: white;
	margin: 0;
	margin-bottom: 60px;
}
.splash.slideelement .backgroundimage .tablecont .table .cell .inside .text{
	margin: 0 auto;
	margin-top: 20px;
	font-size: 18px;
	line-height: 26px;
	color: white;
	letter-spacing: 0.025em;
	max-width: 620px;
}
.splash.slideelement .button{
	background: none;
	border: solid 1px white;
	margin-top: 20px;
	color: white;
	border-radius: 0;
	padding-top: 8px;
	padding-bottom: 7px;
	padding-left: 20px;
	padding-right: 20px;
}
.splash.slideelement .button:hover{
	background-color: white;
	color: #e37423;
}


/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 0px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	left: 0px;
	background: none;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 10px;
	width: 100%;
	z-index: 100;
}
.entry-content .bx-wrapper .bx-pager, .entry-content .bx-wrapper .bx-controls-auto{
	bottom: -40px;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 0px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	opacity: 0.3;
	background: white;
	text-indent: -9999px;
	border: solid 1px white;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.entry-content .bx-wrapper .bx-pager.bx-default-pager a {
	background: #999;
	border: solid 1px #999;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: none;
	opacity: 1;
}
.entry-content .bx-wrapper .bx-pager.bx-default-pager a:hover,
.entry-content .bx-wrapper .bx-pager.bx-default-pager a.active{
	background-color: #e37423;
	border: solid 1px #e37423;
}



/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: -0px;
	background: url(images/sprites.png) no-repeat -195px -230px;
}
.home .bx-wrapper .bx-prev {
	left: -1px;
}
.bx-wrapper .bx-next {
	right: -0px;
	background: url(images/sprites.png) no-repeat -287px -230px;
}
.home .bx-wrapper .bx-next {
	right: -1px;
}


.bx-wrapper .bx-prev:hover {
	background-position: -195px -144px;
	background-color: rgba(255, 255, 255, 0.9);
}

.bx-wrapper .bx-next:hover {
	background-position: -287px -144px;
	background-color: rgba(255, 255, 255, 0.9);
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -13px;
	outline: 0;
	width: 46px;
	height: 46px;
	border: solid 1px white;
	text-indent: -9999px;
	z-index: 999;
	background-color: rgba(153, 153, 153, 0.2);
	border-radius: 2px;
	-webkit-transition : background-color 250ms ease-out;
  	-moz-transition : background-color 250ms ease-out;
  	-o-transition : background-color 250ms ease-out;
  	transition : background-color 250ms ease-out;
}
.home .bx-wrapper .bx-controls-direction a {
	opacity: 0.4;
	background-color: rgba(153, 153, 153, 0.1);
}
.home .bx-wrapper .bx-controls-direction a:hover{
	opacity: 1;
	background-color: rgba(255, 255, 255, 0.9);
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}





/**
 * 	INFOTEKNIKER
 */
#tekniker{
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #252425;
}
#tekniker .text{
	color: white;
	font-size: 19px;
	line-height: 19px;
	letter-spacing: 0.05em;
}
#tekniker .text a{
	color: #e37423;
	position: relative;
}
#tekniker .text a .line{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	width: 0%;
	background-color: #e37423;
	-webkit-transition : width 250ms ease-out;
  	-moz-transition : width 250ms ease-out;
  	-o-transition : width 250ms ease-out;
  	transition : width 250ms ease-out;		
}

#tekniker .text a:hover .line{
	width: 100%;
}


/**
 * 	TRE INGÅNGAR
 */
#tre_ingangar{
	
}
#tre_ingangar .gridholder{
	width: 100%;
}
#tre_ingangar .gridholder .gridholderpadding{
	padding-left: 0;
	padding-right: 0;
}
#tre_ingangar .ingang{
	width: 25%;
	display: inline-block;
	float: left;
}
#tre_ingangar .ingang.nr2{
	background-color: #e9e8e8;
}
#tre_ingangar .ingang.nr4{
	background-color: #e9e8e8;
}
#tre_ingangar .ingang a.mainlink{
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 70px;
	padding-bottom: 70px;
	display: block;
	color: #252425;
}
#tre_ingangar .ingang a.mainlink h2{
	margin-bottom: 30px;
	text-transform: uppercase;
	font-size: 24px;
	letter-spacing: 0.025em;
	line-height: 32px;
}
#tre_ingangar .ingang a.mainlink .text{
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 40px;
}
#tre_ingangar .ingang a.mainlink .button{
	
}
#tre_ingangar .ingang a.mainlink:hover .button{
	background-color: black;
}

/**
 * 	SUNET I SIFFROR
 */
#sunet_siffror{
	background-color: black;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;	
	padding-top: 90px;
	padding-bottom: 90px;
	color: #f7f4ed;
}
#sunet_siffror .toptext{
	text-transform: uppercase;
	margin-bottom: 30px; 
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 16px;
}
#sunet_siffror .line{
	margin: 0 auto;
	margin-bottom: 50px;
	background-color: #f7f4ed;
	display: block;
	width: 60px;
	height: 3px;
}
#sunet_siffror .numberslide{
	
}
#sunet_siffror .numberslide .large{
	font-size: 150px;
	line-height: 150px;
	letter-spacing: 0;
	margin-bottom: 20px;
}
#sunet_siffror .numberslide .medium{
	font-size: 30px;
	line-height: 32px;
	letter-spacing: 0;
	margin-bottom: 15px;
}
#sunet_siffror .numberslide .small{
	font-size: 20px;
	line-height: 22px;
}

/**
 * 	FLÖDET
 */
#flodet{
	padding-top: 50px;
	padding-bottom: 50px;	
}
#flodet .gridholderpadding{
	max-width: 1600px;
	margin: 0 auto;
}
#flodet ul.filter{
	display: inline-block;
	margin: 0 auto;
}
#flodet ul.filter li{
	display: inline-block;
	float: left;
	color: #252425;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0.025em;
	margin-left: 20px;
	margin-right: 20px;
	text-transform: uppercase;
}
#flodet ul.filter li.info .filtertext{
	display: none;
}
#flodet ul.filter li.info .mobilemenubtn{
	display: none;	
	bottom: 8px;
    color: #666;
    font-size: 12px;
    margin-top: 0;
    padding: 5px 10px;
    position: relative;
    background: none;
    cursor: pointer;
}
#flodet ul.filter li.info .mobilemenubtn .arr{
	 display: block; 
	 margin: 5px auto;
}
#flodet ul.filter li.info{
	color: #888686;
}
#flodet ul.filter li.info .colon{
	
}
#flodet ul.filter li a{
	color: #252425;
	border-bottom: solid 1px black;
	padding-bottom: 10px;
	display: inline-block;
	width: 100%; 
	-webkit-transition : border 250ms ease-out;
  	-moz-transition : border 250ms ease-out;
  	-o-transition : border 250ms ease-out;
  	transition : border 250ms ease-out;
}
#flodet ul.filter li a.active{
	border-bottom: solid 1px #e37423;
	color: #e37423;
}
#flodet ul.filter li a:hover{
	border-bottom: solid 1px #e37423;
}
#flodet .centerit.maxwidth{
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
#flodet #viewselector{
	float: right;
	display: inline-block;
	position: relative;
	bottom: 14px;
}
body.search #flodet #viewselector{
	top: -36px;
}
#flodet #viewselector .el{
	cursor: pointer;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}
#flodet #viewselector .el .inner{
	width: 40px;
	height: 40px;
	background-color: #e9e9e9;
	border-radius: 2px;
	position: relative;
	display: block;
	-webkit-transition : background-color 250ms ease-out;
  	-moz-transition : background-color 250ms ease-out;
  	-o-transition : background-color 250ms ease-out;
  	transition : background-color 250ms ease-out;
}
#flodet #viewselector .el:hover{
	cursor: pointer;
}
#flodet #viewselector .el:hover .inner{
	background-color: #b2b2b2;
	
}
#flodet #viewselector .el .icon{
	position: absolute;
	display: block;
	width: 24px;
	height: 24px;
	left: 8px;
	top: 8px;
	background-image: url("images/sprites.png");
}
#flodet #viewselector .el .text{
	text-transform: uppercase;
	font-size: 12px;
	line-height: 12px;
	color: #252425;
	margin-top: 10px;
	display: block;
	text-align: center;
	letter-spacing: 0.05em;
}
#flodet #viewselector .el.active{
	
}
#flodet #viewselector .el.active .inner{
	background-color: #e37423;
}
#flodet #viewselector .el.active:hover{
	
}
#flodet #viewselector .el.grid .icon{
	background-position: -108px -371px;
}
#flodet #viewselector .el.lista .icon{
	background-position: -40px -370px;
}
#flodet #viewselector .el.grid.active{
	
}
#flodet #viewselector .el.lista.active{
	
}
#flodet .flodpuff{
	width: 25%;
	display: inline-block;
	float: left;
}


#flodet .flodpuff.scale{
	-webkit-transition: all 0.3s ease; /* Safari and Chrome */
    -moz-transition: all 0.3s ease; /* Firefox */
    -o-transition: all 0.3s ease; /* IE 9 */
    -ms-transition: all 0.3s ease; /* Opera */
    transition: all 0.3s ease;

	-webkit-transform:scale(0); /* Safari and Chrome */
	-moz-transform:scale(0); /* Firefox */
	-ms-transform:scale(0); /* IE 9 */
	-o-transform:scale(0); /* Opera */
	 transform:scale(0);
}






#flodet .flodpuff .innerborder{
	padding: 15px;
	display: block;
}
#flodet .flodpuff .innerborder .moreinnerwhite{
	background-color: white;
	display: block;
}
#flodet .flodpuff .innerborder .mainlink{
	display: block;
}
#flodet .flodpuff .innerborder .mainlink.orangeborder{
	border-top: solid 3px #e37423;
}
#flodet .flodpuff .innerborder .mainlink .outsideimagecont{
	position: relative;
	line-height: 0;
}
#flodet .flodpuff .innerborder .mainlink .outsideimagecont img.hidden{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
#flodet .flodpuff .innerborder .mainlink .outsideimagecont .imagecontainer{
	line-height: 0;
	overflow: hidden;
	position: relative;
}
#flodet .flodpuff .innerborder .mainlink .outsideimagecont .imagecontainer .dateevent, .whitecont .dateevent{
	position: absolute;
	right: 10px;
	top: 10px;
	background-color: #333;
	color: white;
	text-transform: uppercase;
	padding: 10px 15px;
	text-align: center;
	z-index: 1;
}
#flodet .flodpuff .innerborder .mainlink .outsideimagecont .imagecontainer .dateevent.gray, .whitecont .dateevent.gray{
	background-color: #d7d4d4;
}
#flodet .flodpuff .innerborder .mainlink .outsideimagecont .imagecontainer .dateevent .day, .whitecont .dateevent .day{
	font-size: 36px;
	line-height: 36px;
	letter-spacing: -0.05em; 	
}
#flodet .flodpuff .innerborder .mainlink .outsideimagecont .imagecontainer .dateevent .month, .whitecont .dateevent .month{
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0.025em;
}
#flodet .flodpuff .innerborder .mainlink .outsideimagecont .imagecontainer .abs{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#flodet .flodpuff .innerborder .mainlink .outsideimagecont .imagecontainer .table{
	width: 100%;
	height: 100%;
	display: table;
}
#flodet .flodpuff .innerborder .mainlink .outsideimagecont .imagecontainer .table .cell{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
#flodet .flodpuff .innerborder .mainlink .outsideimagecont .imagecontainer .table .cell .inside{
	text-align: center;
	padding: 10px;	
}
#flodet .flodpuff .innerborder .mainlink .outsideimagecont .imagecontainer .table .cell .inside h2{
	font-family: 'proxima_nova_rgbold';
	color: white;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 0.025em;
	margin: 0;
}
#flodet .flodpuff .innerborder .mainlink .outsideimagecont .imagecontainer img{
	width: 100%;
	height: auto;
	-webkit-transition: all 0.3s ease; /* Safari and Chrome */
    -moz-transition: all 0.3s ease; /* Firefox */
    -o-transition: all 0.3s ease; /* IE 9 */
    -ms-transition: all 0.3s ease; /* Opera */
    transition: all 0.3s ease;
}
#flodet .flodpuff .innerborder .mainlink:hover .outsideimagecont .imagecontainer img{
	-webkit-transform:scale(1.25); /* Safari and Chrome */
	-moz-transform:scale(1.25); /* Firefox */
	-ms-transform:scale(1.25); /* IE 9 */
	-o-transform:scale(1.25); /* Opera */
	 transform:scale(1.25);
}

#flodet .flodpuff .innerborder .moreinnerwhite .whitecont{
	padding-top: 25px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	position: relative;
}
#flodet .flodpuff .innerborder .moreinnerwhite .whitecont .date{
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0.025em;
	color: #858585;
	margin-bottom: 15px;
	text-transform: uppercase;
	
	-webkit-transition : color 250ms ease-out;
  	-moz-transition : color 250ms ease-out;
  	-o-transition : color 250ms ease-out;
  	transition : color 250ms ease-out;
}
#flodet .flodpuff .innerborder .moreinnerwhite .whitecont h2{
	color: black;
    font-size: 22px;
    font-weight: normal;
    letter-spacing: 0.025em;
    line-height: 28px;
    margin: 0;
    text-transform: uppercase;
    
    -webkit-transition : color 250ms ease-out;
  	-moz-transition : color 250ms ease-out;
  	-o-transition : color 250ms ease-out;
  	transition : color 250ms ease-out;         
}
#flodet .flodpuff .innerborder .moreinnerwhite .whitecont h2.paddingright{
	padding-right: 68px;
}
#flodet .flodpuff .innerborder .moreinnerwhite .mainlink:hover .whitecont h2,
#flodet .flodpuff .innerborder .moreinnerwhite .mainlink:hover .whitecont .date{
	color: #e37423;
}

#flodet .flodpuff .innerborder .moreinnerwhite .social_and_cat{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
#flodet .flodpuff .innerborder .moreinnerwhite .social_and_cat .type{
	display: inline-block;
	float: left;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 13px;
	letter-spacing: 0.05em;
	color: #858585;
	position: relative;
	top: 4px;
}
#flodet .flodpuff .innerborder .moreinnerwhite .social_and_cat .type .slash{
	margin-right: 2px;
}
#flodet .flodpuff .innerborder .moreinnerwhite .social_and_cat .likes, 
 .insidec .bloggposts a .likes, .listpuffnew .social_and_cat .likes{
	display: inline-block;
	float: right;
	position: relative;
}
#flodet .flodpuff .innerborder .moreinnerwhite .social_and_cat .likes .hiddeninfo, #contact .insidec .bloggposts a .likes .hiddeninfo, .listpuffnew .social_and_cat .likes .hiddeninfo{
	color: black;
    display: block;
    position: absolute;
    right: 100%;
    overflow: hidden;
    height: 25px;
    background-color: white;
}
.hiddeninfo .moreicon{
	display: inline-block;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}
.hiddeninfo .moreicon .icon{
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url("images/sprites.png");
	background-color: black;
	margin-right: 5px; 
	float: left;
	border-radius: 2px;
}
.hiddeninfo .moreicon.twitter .icon{
	background-position: -510px -487px;
}
.hiddeninfo .moreicon.googleplus .icon{
	background-position: -554px -486px;
}
.hiddeninfo .moreicon.facebook .icon{
	background-position: -468px -486px;
}
.hiddeninfo .moreicon.linkedin .icon{
	background-position: -596px -487px;
}


.hiddeninfo .moreicon .number{
	display: inline-block;
	float: left;
}	

#flodet .flodpuff .innerborder .moreinnerwhite .social_and_cat .likes .iconandnumber{
	 
}
#flodet .flodpuff .innerborder .moreinnerwhite .social_and_cat .likes .iconandnumber .iconcont, #contact .insidec .bloggposts a .likes .iconandnumber .iconcont, .listpuffnew .social_and_cat .likes .iconandnumber .iconcont{
	border-radius: 2px;
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #b2b2b2;
	float: left;
	cursor: pointer;
	-webkit-transition : background-color 250ms ease-out;
  	-moz-transition : background-color 250ms ease-out;
  	-o-transition : background-color 250ms ease-out;
  	transition : background-color 250ms ease-out;
}
#flodet .flodpuff .innerborder .moreinnerwhite .social_and_cat .likes .iconandnumber .iconcont:hover, #contact .insidec .bloggposts a .likes .iconandnumber .iconcont:hover, .listpuffnew .social_and_cat .likes .iconandnumber .iconcont:hover{
	background-color: #e37423;
	cursor: pointer;
}
#flodet .flodpuff .innerborder .moreinnerwhite .social_and_cat .likes .iconandnumber .iconcont .icon, #contact .insidec .bloggposts a .likes .iconandnumber .iconcont .icon, .listpuffnew .social_and_cat .likes .iconandnumber .iconcont .icon{
	position: absolute;
	top: 5px;
	left: 5px;
	background-image: url("images/sprites.png");
	background-position: -314px -378px;
	display: block;
	width: 10px;
	height: 11px;
}
#flodet .flodpuff .innerborder .moreinnerwhite .social_and_cat .likes .iconandnumber .number, #contact .insidec .bloggposts a .likes .iconandnumber .number, .listpuffnew .social_and_cat .likes .iconandnumber .number{
	display: inline-block;
	margin-left: 10px;
	font-size: 15px;
	line-height: 15px;
	letter-spacing: 0.05em;
	color: #b2b2b2;
	float: left;
	position: relative;
	top: 3px;
}

#flodet .mainloader{
	display: block;
	margin: 50px auto;
	width: 136px;
	height: 136px;
	background-image: url("images/w4-preloader2.gif");
}


/**
 * 	LISTVYN
 */
#flodet .flodpuff.lista, .flodpuff.lista{
	width: 100%;
	float: left;
}
#flodet .flodpuff.lista .mainlink, .flodpuff.lista .mainlink{
	padding: 15px;
	display: block;
	-webkit-transition : background 250ms ease-out;
  	-moz-transition : background 250ms ease-out;
  	-o-transition : background 250ms ease-out;
  	transition : background 250ms ease-out;
  	border-bottom: solid 1px #d4d3d3;
}
#flodet .flodpuff.lista .mainlink:hover, .flodpuff.lista .mainlink:hover{
	background-color: white;
}
#flodet .flodpuff.lista .mainlink .rightfloat,.flodpuff.lista .mainlink .rightfloat{
	float:right;
	display: inline-block;	
	width: 30%;
}
#flodet .flodpuff.lista .mainlink h2,.flodpuff.lista .mainlink h2{
	color: black;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0.025em;
    line-height: 32px;
    margin: 0;
    text-transform: uppercase;
    display: inline-block;
    float: left;
    width: 70%;
    -webkit-transition : color 250ms ease-out;
  	-moz-transition : color 250ms ease-out;
  	-o-transition : color 250ms ease-out;
  	transition : color 250ms ease-out;
}
#flodet .flodpuff.lista .mainlink .date,.flodpuff.lista .mainlink .date{
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0.025em;
	color: #858585;
	margin-bottom: 0px;
	text-transform: uppercase;
	margin-right: 20px;
	
	-webkit-transition : color 250ms ease-out;
  	-moz-transition : color 250ms ease-out;
  	-o-transition : color 250ms ease-out;
  	transition : color 250ms ease-out;    
  	
  	position: relative;
  	top: 9px;
  	
  	display: inline-block;
	float: left;	
}
#flodet .flodpuff.lista .mainlink .type,.flodpuff.lista .mainlink .type{
	display: inline-block;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 13px;
	letter-spacing: 0.05em;
	color: #858585;
	position: relative;
	top: 10px;
	
	-webkit-transition : color 250ms ease-out;
  	-moz-transition : color 250ms ease-out;
  	-o-transition : color 250ms ease-out;
  	transition : color 250ms ease-out;
  	
  	display: inline-block;
	float: left;
	margin-right: 20px;
	text-align: left;
}

#flodet .flodpuff.lista .mainlink:hover h2,
#flodet .flodpuff.lista .mainlink:hover .type,
#flodet .flodpuff.lista .mainlink:hover .date,
.flodpuff.lista .mainlink:hover h2,
.flodpuff.lista .mainlink:hover .type,
.flodpuff.lista .mainlink:hover .date{
	color: #e37423;
}

#flodet .flodpuff.lista .mainlink .type .slash,.flodpuff.lista .mainlink .type .slash{
	
}
#flodet .flodpuff.lista .mainlink .social_and_cat,.flodpuff.lista .mainlink .social_and_cat{
	display: inline-block;
	float: right;
	position: relative;
	top: 6px;
}

.flodpuff.lista .mainlink .social_and_cat .likes{
	display: inline-block;
	float: right;
	position: relative;
	min-width: 50px;
}
.flodpuff.lista .mainlink .social_and_cat .likes .hiddeninfo{
	color: black;
    display: block;
    position: absolute;
    right: 100%;
    overflow: hidden;
    height: 25px;
    background-color: white;
}

.flodpuff.lista .mainlink .social_and_cat .likes .iconandnumber{
	 
}
.flodpuff.lista .mainlink .social_and_cat .likes .iconandnumber .iconcont{
	border-radius: 3px;
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #b2b2b2;
	float: left;
	cursor: pointer;
}
.flodpuff.lista .mainlink .social_and_cat .likes .iconandnumber .iconcont:hover{
	background-color: #e37423;
	cursor: pointer;
}
.flodpuff.lista .mainlink .social_and_cat .likes .iconandnumber .iconcont .icon{
	position: absolute;
	top: 5px;
	left: 5px;
	background-image: url("images/sprites.png");
	background-position: -314px -378px;
	display: block;
	width: 10px;
	height: 10px;
}
.flodpuff.lista .mainlink .social_and_cat .likes .iconandnumber .number{
	color: #b2b2b2;
    display: inline-block;
    float: left;
    font-size: 15px;
    letter-spacing: 0.05em;
    line-height: 15px;
    margin-left: 10px;
    position: relative;
    top: 3px;
}



/**
 * 	FILMEN
 */
#filmen{
	/*max-height: 600px;*/
	background-size: cover;
	background-position: center center;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
}
#filmen .mw{
	max-width: 900px;
	padding-right: 15px;
	padding-left: 15px;
	margin: 0 auto;
}
#filmen #moviecont{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
#filmen #moviecont iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#filmen #showhidemovie{
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}
#filmen #showhidemovie.closethis{
	position: absolute;
	top: 0px;
	right: 0px;
}
#filmen #showhidemovie .icon{
	display: block;
	width: 144px;
	height: 144px;
	margin: 0 auto 20px;
	background-image: url("images/sprites.png");
	background-position: -38px -708px;
}
#filmen #showhidemovie.closethis .icon{
	width: 50px;
	height: 50px;
	background-position: -647px -823px;
}
#filmen #showhidemovie .text{
	font-family: "LLAkkuratMonoWeb-Regular";
	color: #f7f4ed;
	text-transform: uppercase;
	display: block;
}
#filmen #showhidemovie.closethis .text{
	display: none;
}
#filmen #showhidemovie .text .large{
	font-size: 26px;
	line-height: 28px;
}
#filmen #showhidemovie .text .small{
	font-size: 22px;
	line-height: 24px;
}
#filmen #showhidemovie:hover{
	cursor: pointer;
}
#filmen #showhidemovie:hover .icon{
	background-position: -223px -708px;
}
#filmen #showhidemovie.closethis:hover .icon{
	background-position: -713px -823px;
}
#filmen #showhidemovie:hover .text{
	color: #e37423;
}
/*
#filmen img{
	max-width: 100%;
	width: 100%;
	height: auto;
}
*/


/**
 * 	HISTORIEN OM INTERNET
 */
#sunets_historia{
	padding-top: 90px;
	padding-bottom: 90px;
	background-color: #f7f7f7;
	position: relative;
}
#sunets_historia .topinfo{
	margin-bottom: 10px;
}
#sunets_historia .topinfo h2{
	margin: 0;
	text-transform: uppercase;
	color: #252425;
	font-weight: normal;
	margin-bottom: 15px;
}
#sunets_historia .topinfo h2 .small{
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0.05em;
	margin-bottom: 20px;
	display: block;
}
#sunets_historia .topinfo h2 .large{
	font-size: 40px;
	line-height: 40px;
	letter-spacing: 0em;
	display: block;
}


#sunets_historia .maxwidthsunethistoria{
	margin: 0 auto;
}

#sunets_historia .thing{
	width: 100%;
	display: inline-block;
	float: left;
	position: relative;
	/*
	left: 0 !important;
	right: inherit !important;
	*/
	display: none;
}

/**
 * 	NYHETSBREV INNAN SIDFOTEN
 */
#nyhetsbrevs_prenumeration{
	padding-top: 80px;
	padding-bottom: 80px;
}
#nyhetsbrevs_prenumeration .sunet_news{
	display: inline-block;
	background-color: #252425;
	color: #f7f4ed;
	padding: 25px 50px;
	position: relative;
}
#nyhetsbrevs_prenumeration .sunet_news .arrowdown{
	position: absolute;
	left: 150px;
	bottom: -39px;
	height: 40px;
	width: 80px;
	display: block;
	background-image: url("images/sprites.png");
	background-position: -490px -254px;
}
#nyhetsbrevs_prenumeration .sunet_news .inlineelement{
	display: inline-block;
	float: left;
	text-align: left;
}
#nyhetsbrevs_prenumeration .sunet_news .headline{
	font-size: 44px;
	line-height: 44px;
	letter-spacing: -0.03em;
	text-transform: uppercase;
}
#nyhetsbrevs_prenumeration .sunet_news .aftertext{
	font-size: 13px;
	line-height: 13px;
	letter-spacing: 0.025em;
	text-transform: uppercase;
	position: relative;
	bottom: 10px;
	margin-left: 15px;
	display: inline-block;
}
#nyhetsbrevs_prenumeration .sunet_news .theform{
	margin-left: 25px;
	position: relative;
	top: 2px;
}
#nyhetsbrevs_prenumeration .sunet_news .theform .email{
	font-size: 16px;
	display: inline-block;
	width: 240px;
}

#nyhetsbrevs_prenumeration .sunet_news .theform .email::-webkit-input-placeholder {
	color: #c0bdbf;
	text-transform: uppercase;
}

#nyhetsbrevs_prenumeration .sunet_news .theform .email:-moz-placeholder {
	color: #c0bdbf;
	text-transform: uppercase;
}

#nyhetsbrevs_prenumeration .sunet_news .theform .email::-moz-placeholder {
	color: #c0bdbf;
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
	text-transform: uppercase;
}

#nyhetsbrevs_prenumeration .sunet_news .theform .email:-ms-input-placeholder {
	color: #c0bdbf;
	text-transform: uppercase;
}

#nyhetsbrevs_prenumeration .sunet_news .theform .button{
	padding: 15px 30px 12px;
	font-size: 14px;
	display: inline-block;
	margin-left: 10px;
}

/**
 * 	SIDFOTEN
 */
#footer{
	background-color: white;
	padding-top: 80px;
	padding-bottom: 80px;
}
/**
 * 	TEXTMENY SIDFOT
 */
#footer .menu-sidfotsmeny-container{
	margin-bottom: 80px;
	text-align: center;
}
#footer #menu-sidfotsmeny{
	list-style: none;
	margin: 0;	
	display: inline-block;
}
#footer #menu-sidfotsmeny li{
	display: inline-block;
	border-right: 1px solid #252425;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}
#footer #menu-sidfotsmeny li:last-child{
	border-style: none;
}
#footer #menu-sidfotsmeny li a{
    color: #252425;
    display: block;
    padding-bottom: 10px;
    padding-top: 13px;
    -webkit-transition : color 150ms ease-out;
  	-moz-transition : color 150ms ease-out;
  	-o-transition : color 150ms ease-out;
  	transition : color 150ms ease-out;
  	text-transform: uppercase;
}
#footer #menu-sidfotsmeny li a:hover{
	color: #e37423;
}

/**
 * 	INFOMENYN
 */
#footer .menu-footerinfotop-container{
	text-align: center;
	display: block;
	margin-bottom: 50px;
}
#footer .menu-footerinfotop-container .menu{
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
}
#footer .menu-footerinfotop-container .menu li{
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}
#footer .menu-footerinfotop-container .menu li a{
	display: block;
	text-transform: uppercase;
	color: #252425;
	font-size: 15px;
	line-height: 15px;
	letter-spacing: 0.025em;
	-webkit-transition : color 150ms ease-out;
  	-moz-transition : color 150ms ease-out;
  	-o-transition : color 150ms ease-out;
  	transition : color 150ms ease-out;
}
#footer .menu-footerinfotop-container .menu li a .text{
	position: relative;
	bottom: 17px;
}
#footer .menu-footerinfotop-container .menu li a:hover{
	color: #e37423;	
}
#footer .menu-footerinfotop-container .menu li a .icon{
	display: inline-block;
	margin-right: 20px;
	height: 51px;
	width: 51px;
	background-image: url("images/sprites.png");
}
#footer .menu-footerinfotop-container .menu li.map a .icon{
	background-position: -346px -358px;
}
#footer .menu-footerinfotop-container .menu li.medarbetare a .icon{
	background-position: -676px -358px;
}
#footer .menu-footerinfotop-container .menu li.tel a .icon{
	background-position: -401px -358px;
}
#footer .menu-footerinfotop-container .menu li.mail a .icon{
	background-position: -456px -358px;
}
#footer .menu-footerinfotop-container .menu li.map a:hover .icon{
	background-position: -510px -358px;
}
#footer .menu-footerinfotop-container .menu li.medarbetare a:hover .icon{
	background-position: -731px -358px;
}
#footer .menu-footerinfotop-container .menu li.tel a:hover .icon{
	background-position: -565px -358px;
}
#footer .menu-footerinfotop-container .menu li.mail a:hover .icon{
	background-position: -621px -358px;
}
#footer .sidebarfooter .textwidget{
	max-width: 670px;
	margin: 0 auto;
	text-align: left;
}
#footer .widget_text .fcol{
	display: inline-block;
	width: 50%;
	text-align: left;
	position: relative;
	float: left;
}
#footer .widget_text .fcol .inside{
	padding-left: 20px;
	padding-right: 20px;	
}
#footer .widget_text .fcol .inside a{
	font-family: "proxima_novasemibold";
}
#footer .widget_text .textwidget h3{
	text-transform: uppercase;
	margin: 0;
	padding-top: 15px;
	margin-bottom: 5px;
	font-size: 18px;
	color: #252425;
	letter-spacing: 0.025em;
	line-height: 22px;
	position: relative;
	margin-top: 15px;
	font-family: 'LLAkkuratMonoWeb-Regular', sans-serif;
}
#footer .widget_text .line{
	position: absolute;
	top: 0;
	left: 0;
	width: 55px;
	height: 1px;
	background-color: #e37423;
}
#footer .widget_text .textwidget{
	color: #252425;
    font-size: 15px;
    line-height: 22px;
    margin: 0 auto;
    text-align: left;
    font-family: 'proxima_nova_rgregular';
}

#footer .menu-footersocialbottom-container{
	clear: both;
	display: inline-block;
	width: 100%;
	margin-top: 50px;
	text-align: center;
}
#footer .menu-footersocialbottom-container .menu{
	display: inline-block;
	margin: 0;
	margin-bottom: 20px;
	text-align: center;
}

#footer .menu-footersocialbottom-container li{
	display: inline-block;
	margin-left: 20px;
	margin-right: 20px;
}
#footer .menu-footersocialbottom-container li a{
	display: block;
	text-indent: -99999px;
	width: 47px;
	height: 47px;
	background-image: url("images/sprites.png"); 
}
#footer .menu-footersocialbottom-container li.facebook a{
	background-position: -24px -422px;
}
#footer .menu-footersocialbottom-container li.twitter a{
	background-position: -94px -422px;
}
#footer .menu-footersocialbottom-container li.google a{
	background-position: -164px -422px;
}
#footer .menu-footersocialbottom-container li.pintrest a{
	background-position: -234px -422px;
}
#footer .menu-footersocialbottom-container li.rss a{
	background-position: -305px -422px;
}
#footer .menu-footersocialbottom-container li.linkedin a{
	background-position: -234px -422px;
}
#footer .menu-footersocialbottom-container li.instagram a{
	background-position: -379px -422px;
}


#footer .menu-footersocialbottom-container li.facebook a:hover{
	background-position: -24px -526px;
}
#footer .menu-footersocialbottom-container li.twitter a:hover{
	background-position: -94px -526px;
}
#footer .menu-footersocialbottom-container li.google a:hover{
	background-position: -164px -526px;
}
#footer .menu-footersocialbottom-container li.pintrest a:hover{
	background-position: -234px -526px;
}
#footer .menu-footersocialbottom-container li.rss a:hover{
	background-position: -305px -526px;
}
#footer .menu-footersocialbottom-container li.linkedin a:hover{
	background-position: -234px -526px;
}
#footer .menu-footersocialbottom-container li.instagram a:hover{
	background-position: -379px -526px;
}


#footer .madeby{
	margin-top: 36px;
	display: block;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 13px;
	letter-spacing: 0.05em;
	color: #c6c6c6;
}
#footer .madeby .heart{
	color: #e37423;
}
#footer .madeby a{
	color: #5c595c;
}
#footer .madeby a:hover{
	color: #e37423;
}


/**
 * 	INNEHÅLLET!
 */
.singlepagebg{
	background-color: #f7f7f7;
}
.singlepagebg.p404{
	background-color: #0132fb;
	height: 100%;
}
.singlepagebg.p404 h1{
	color: #0132fb;
	background-color: white;
	padding: 10px 20px;
	display: inline-block;
}
.singlepagebg.p404 .ingress{
	color: white;
}
.singlepagebg.bordertop{
	border-top: solid 1px gray;
}
.singlepagebg.bgnone{
	background: none;
}
.singlepage{
	max-width: 1060px;
	margin: 0 auto;
	padding-top: 75px;
	padding-bottom: 50px;
}
.singlepage h1{
	text-transform: uppercase;
	color: #252425;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: 0.020em;
	margin: 0;
	text-align: center;
	margin-bottom: 40px;
}
body.search .singlepage h1{
	margin-bottom: 0;
	
}
.singlepage h2.smallertitle{
	text-transform: uppercase;
	color: #252425;
	font-size: 30px;
	line-height: 34px;
	letter-spacing: 0.020em;
	margin: 0;
	text-align: center;
	margin-bottom: 10px;
}
.singlepage .ingress{
	margin-bottom: 40px;
	padding-left: 150px;
	padding-right: 150px;
	font-size: 20px;
	line-height: 31px;
	color: #252425;
	text-align: center;
}
.by_and_when{
	margin-bottom: 20px;	
	text-align: center;
	display: inline-block;
}
a.by_and_when .largename{
	color: #252425;
	border-bottom: 1px solid #252425;
}
a.by_and_when:hover .largename{
	border-bottom: 1px solid #e37423;
}
.by_and_when .imagecont{
	width: 60px;
	height: 60px;
	display: inline-block;
	margin-right: 10px;
	border-radius: 200px;
	overflow: hidden;
	float: left;
} 
.by_and_when .largename{
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: 5px; 
	font-size: 18px;
	line-height: 18px;
	float: left;
}
.by_and_when .time{
	color: gray; 
}
.singlepage .menuonpage{
	margin: 0;
	list-style: none;
	display: inline-block;
	margin-bottom: 50px;
}
.singlepage .menuonpage li{
	display: inline-block;
	margin-right: 12px;
	margin-left: 12px;
}
.singlepage .menuonpage li a{
	text-transform: uppercase;
	font-size: 16px;
	display: block;
	color: #252425;
	border-bottom: solid 1px #252425;
}
.singlepage .menuonpage li a.active{
	border-bottom: solid 1px #e37423;
	color: #252425;
}
.singlepage .menuonpage li a:hover{
	border-bottom: solid 1px #e37423;
	color: #252425;
}


.singlepage .entry-content{
	color: #252425;
	font-size: 20px;
	line-height: 32px;
	font-family: 'proxima_novalight';
}
.singlepage .entry-content .english_summary{
	border-top: 1px #d4d3d3 solid;
}
.singlepage .entry-content .english_summary div.headline{
	font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 16px;
    margin-bottom: 30px;
    text-transform: uppercase;
   	text-align: center;
   	padding-top: 30px;
   	margin-bottom: 60px;
   	font-family: "LLAkkuratMonoWeb-Regular",sans-serif;
}
.singlepage .entry-content .english_summary div.headline .line{
	width: 60px;
	height: 3px;
	background-color: black;
	margin: 0 auto;
	margin-top: 30px;
}
.singlepage .entry-content strong,.singlepage .entry-content b{
	font-family: 'proxima_novasemibold';
	font-weight: normal;
}
.english_summarylink{
	position: relative;
	bottom: 20px;
}
.english_summarylink a{
	color: #999;
}
.english_summarylink a:hover{
	color: #e37423;
}

.singlepage .entry-content h1,
.singlepage .entry-content h2,
.singlepage .entry-content h3,
.singlepage .entry-content h4,
.singlepage .entry-content h5,
.singlepage .entry-content h6,
.singlepage .entry-content h7,
.singlepage .entry-content h8{
	padding-left: 115px;
	padding-right: 115px;
	text-align: center;
	text-transform: uppercase;
	font-size: 30px;
	letter-spacing:0.020em;
	line-height: 32px;
	color: #252425;
	font-family: 'LLAkkuratMonoWeb-Regular', sans-serif;
	margin-bottom: 35px;
	margin-top: 15px;
}
.singlepage .entry-content p{
	padding-left: 115px;
	padding-right: 115px;
	margin-bottom: 35px;
}
.singlepage .entry-content blockquote{
	font-family: 'proxima_novalight_italic';
	color: #646260;
	font-size: 34px;
	line-height: 40px;
	letter-spacing: 0.02em;
	font-style: normal;
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
	display: block;
	clear: both;
}

.singlepage .entry-content .quote{
	color: #d5d5d5;
    font-size: 82px;
    line-height: 0;
    margin-left: 5px;
    margin-right: 7px;
    position: relative;
    top: 30px;
}
.singlepage .entry-content blockquote .icon.l{

}
.singlepage .entry-content blockquote .icon.r{

}
.singlepage .entry-content blockquote .smaller{
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.025em;
	display: block;
	font-style: normal;
	font-family: 'proxima_novalight';
	margin-top: 8px;
}
.singlepage .entry-content blockquote p{
	padding: 0;
	margin: 0;
}
.singlepage .entry-content ul{
	padding-left: 115px;
	padding-right: 115px;
	margin-bottom: 35px;
	list-style: none;
	margin-left: 0;
}
.singlepage .entry-content ul li{
	background-image: url("images/check.png");
    background-position: 0 7px;    
    padding: 0 0 15px 45px;
    background-repeat: no-repeat;
}
.singlepage .entry-content ul.no_checkbox li{
	background: none;
	padding-left: 0;
}
.singlepage .entry-content ol{
	padding-left: 115px;
	padding-right: 115px;
	margin-bottom: 35px;
}
.singlepage .entry-content ol li{
	padding-bottom: 15px;
	padding-left: 10px;
}
.singlepage .entry-content figure{
	position: relative;
	max-width: 100%;
}
.wp-caption-text{
	margin: 0;
	padding: 20px 30px 16px 30px;
	font-style: normal;
	font-size: 18px;
	color: #252425;
	line-height: 24px;
	background-color: #f7f7f7;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.underimage .wp-caption-text{
    background: none;
    bottom: inherit;
    color: #252425;
    font-size: 18px;
    font-style: normal;
    line-height: 24px;
    margin: 0;
    padding: 8px 5px 8px 5px;
    position: relative;
    right: inherit;
}
.entry-content a{
	color: #252425;
}
.entry-content a:hover{
	color: #e37423;
}


.urval_av_kunder{
	background-color: #f7f7f7;
	padding-top: 35px;
	padding-bottom: 20px;
	border-top: solid 1px #e8e8e8;
}
.urval_av_kunder .gridholder{
	max-width: 1060px;
}
.urval_av_kunder h2{
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0.025em;
	color: #252425;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 40px;
}
.urval_av_kunder ul{
	margin: 0;
	list-style: none;
	padding: 0;
}
.urval_av_kunder ul li{
	width: 33%;
	display: inline-block;
	float: left;
	color: #252425;
	font-size: 20px;
	line-height: 22px;
	font-family: 'proxima_novalight';
	margin-bottom: 15px;
}
.urval_av_kunder ul li a{
	color: #252425;
	text-decoration: underline;
}
.urval_av_kunder ul li a:hover{
	color: #e37423;
}


.pris_uppg{
	padding-top: 70px;
	padding-bottom: 70px;
	background-color: #f7f7f7;
	background-image: url("images/raster.png");	
	text-align: center;
}

.pris_uppg .pricebox{
	width: 100%;
	max-width: 340px;
	border: solid 1px #e4e7e7;
	border-radius: 3px;
	background-color: white;
	margin: 0 auto;
}
.pris_uppg .pricebox .innsidepr{
	padding: 35px 20px;
}
.pris_uppg .pricebox .innsidepr h2.main{
	text-transform: uppercase;
	font-size: 26px;	
	letter-spacing: 0.025em;
	color: #e37423;
	margin: 0;
	margin-bottom: 30px;
	padding-bottom: 20px;
	display: inline-block;
	border-bottom: solid 1px #e37423;
}
.pris_uppg .pricebox .innsidepr .text{
	color: #252425;
	font-family: 'proxima_novalight';
	letter-spacing: 0.025em;
}
.pris_uppg .pricebox .innsidepr .text p{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: dotted 1px #d5d8d8;
	display: block;
	font-size: 19px;
	line-height: 25px;
	/*
	font-family: 'proxima_novasemibold';
    font-family: 'proxima_nova_rgregular';
    */
    
}
.pris_uppg .pricebox .innsidepr .text strong{
	font-family: 'proxima_nova_rgbold';
	font-weight: normal;
}
.pris_uppg .pricebox .innsidepr .text i, .pris_uppg .pricebox .innsidepr .text strong i, .pris_uppg .pricebox .innsidepr .text i strong,
.pris_uppg .pricebox .innsidepr .text em, .pris_uppg .pricebox .innsidepr .text strong em, .pris_uppg .pricebox .innsidepr .text em strong{
	font-size: 40px;
	font-family: 'proxima_novasemibold';
	font-style: normal;
}

.dokumentation_kontaktperson{
	background-color: white;
	padding-top: 35px;
	padding-bottom: 20px;
	text-align: center;
}
.dokumentation_kontaktperson h2{
	color: #252425;
    font-size: 18px;
    letter-spacing: 0.025em;
    line-height: 20px;
    margin: 0 0 40px;
    text-align: center;
    text-transform: uppercase;
}
.dokumentation_kontaktperson h2 span.icon{
	background-image: url("images/sprites.png");
    background-position: -40px -595px;
    display: inline-block;
    height: 53px;
    margin-right: 20px;
    position: relative;
    top: 16px;
    width: 47px;
}
.dokumentation_kontaktperson ul{
	display: inline-block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.dokumentation_kontaktperson ul li{
	color: #252425;
    display: inline-block;
    float: none;
    font-family: "proxima_novalight";
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
}
.dokumentation_kontaktperson ul li a{
	color: #252425;
    text-decoration: underline;
}
.dokumentation_kontaktperson ul li a:hover{
	color: #e37423;
}


.sharecontainer, .sharecontainer.neverfixed{
	margin-top: 0;
    position: relative;
    text-align: center;
    top: 0;
}
.sharecontainer .share_and_so_on,.sharecontainer.neverfixed .share_and_so_on{
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}
.sharecontainer .share_and_so_on li,.sharecontainer.neverfixed .share_and_so_on li{
	display: inline-block;
	margin-right: 1px;
}
.sharecontainer .share_and_so_on li a,.sharecontainer.neverfixed .share_and_so_on a{
	display: block;
	width: 38px;
	height: 38px;
	background-color: #252425;
	position: relative;
	border-radius: 1px; 
	-webkit-transition : background 150ms ease-out;
  	-moz-transition : background 150ms ease-out;
  	-o-transition : background 150ms ease-out;
  	transition : background 150ms ease-out;
}
.sharecontainer .share_and_so_on li a .icon{
	display: block;
	position: absolute;
	width: 22px;
	height: 22px;
	background-image: url("images/sprites.png");
	top: 8px;
	left: 8px;
}
.sharecontainer .share_and_so_on li a:hover{
	background-color: #e37423;
}
.sharecontainer .share_and_so_on li a:hover .icon{
	
}

.sharecontainer .share_and_so_on li.facebook a .icon{
	background-position: -470px -434px
}
.sharecontainer .share_and_so_on li.twitter a .icon{
	background-position: -515px -434px;
}
.sharecontainer .share_and_so_on li.googleplus a .icon{
	background-position: -558px -434px;
}
.sharecontainer .share_and_so_on li.linkedin a .icon{
	background-position: -600px -435px;
}
.sharecontainer .share_and_so_on li.mailto a .icon{
	background-position: -745px -434px;
}
.sharecontainer .share_and_so_on li.print a .icon{
	background-position: -796px -434px;
}
.sharecontainer .share_and_so_on li.rss a .icon{
	background-position: -646px -434px;
}


/**
 * BLOGGGREJEN DÄR UTE TILL HÖGER! 	
 */
#contact{
	display: block;
	background-color: white;
	border: solid 1px #e5e8e8;
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
}
#contact .insidec{
	padding-bottom: 20px;
}
#contact .gridholder{
	max-width: 500px;
	margin: 0 auto;
}

#contact .description{
	font-family: 'proxima_nova_rgregular';
	font-size: 16px;
	line-height: 24px;
	margin-top: 20px;
}
#contact .description p{
	margin-bottom: 0;
}

#contact .insidec .topinfo{
	
}
.topinfo.archive{
	
}
.topinfo.archive.marginbottom{
	margin-bottom: 40px;
}
#contact .insidec .topinfo .imagecont, .topinfo.archive .imagecont{
	display: block;
	margin: 0 auto;
	width: 130px;
	height: 130px;
	border-radius: 200px;
	overflow: hidden;
	margin-bottom: 15px;
}
#contact .insidec .topinfo .imagecont .printpdfimage, .topinfo.archive .imagecont .printpdfimage{
	display: none;
}
.topinfo.archive .imagecont{
	margin-bottom: 30px;
}
#contact .insidec .topinfo .imagecont .insideimg, .topinfo.archive .imagecont .insideimg, .by_and_when .imagecont .insideimg{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 100%;
	width: 100%;
	background-color: none;
}
	
#contact .insidec .topinfo .titel, .topinfo.archive .titel{
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 5px;
	letter-spacing: 0.02em;
	color: #666;	
}
	
#contact .insidec .topinfo h2, .topinfo.archive h2{
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 10px;
	letter-spacing: 0.02em;
	color: #252425;
}
#contact .insidec .topinfo .contacti, .topinfo.archive .contacti, .bloggerpuff .contacti{
	color: #666666;
	font-size: 14px;
	line-height: 16px;
	margin: 0 auto;
	margin-bottom: 5px;
	letter-spacing: 0.02em;
	display: inline-block;	
	font-family: "LLAkkuratMonoWeb-Regular";
}
#contact .insidec .topinfo .contacti.ansvarigfor{
	line-height: 25px; 
	
}
.contacti.ansvarigfor a{
	color: #666666;
	border-bottom: 1px solid #666666;
}
.contacti.ansvarigfor a:hover{
	color: #e37423;
	border-bottom: 1px solid #e37423;
}
.ansvarigforheadline{
	text-transform: uppercase;
	font-family: 'proxima_novalight';
}
#contact .insidec .topinfo a.contacti, .topinfo.archive a.contacti{
	border-bottom: solid 1px #666666;
}
#contact .insidec .topinfo a.contacti:hover, .topinfo.archive a.contacti:hover{
	border-bottom: solid 1px #e37423;
	color: #e37423;
}


#contact .insidec .bloggposts{
	margin-bottom: 20px;
	margin-top: 0px;
}
#contact .insidec a.bloggarchivelink{
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
	color: #252425;
	margin-bottom: 15px;
	display: block;
}
#contact .insidec a.bloggarchivelink span{
	color: #a4a4a4;
}
#contact .insidec .bloggposts a.bp{
	color: #252425;
	display: block;
	border-bottom: solid 1px #e4e7e7;
	padding-bottom: 10px;
	padding-top: 10px;
}
#contact .insidec .bloggposts a.bp:hover{
	background-color: #f7f7f7;
}
#contact .insidec .bloggposts a h3{
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.02em;
	margin: 0;
	margin-bottom: 3px;
	display: block;
}
#contact .insidec .bloggposts a .timeauthor{
	display: inline-block;
	width: 100%;
}
#contact .insidec .bloggposts a .time{
	font-size: 12px;
	color: #999999;
	letter-spacing: 0.02em;
	line-height: 12px;
	float: left;
}
#contact .insidec .bloggposts a .by{
	font-size: 12px;
	color: #999999;
	letter-spacing: 0.02em;
	line-height: 12px;
	float: right;
}

#contact .form{
	border-top: solid 1px #e4e7e7;
	border-bottom: solid 1px #e4e7e7;
}
#contact .form .insider{
	padding: 25px 30px;
}
#contact .form .showform{
	color: #252425;	
	font-size: 16px;
	letter-spacing: 0;
	line-height: 20px;
	text-align: center;
	padding-top: 15px; 
	padding-bottom: 15px;
	width: 100%;
	display: block;
	text-transform: uppercase;
	cursor: pointer;
}
#contact .form .showform:hover{
	cursor: pointer;
	background-color: #e37423;
	color: white;
}
#contact .form .showform .arr{
	display: inline-block;
	margin-left: 30px;
	width: 26px;
	height: 14px;
	background-image: url("images/sprites.png");
	background-position: -357px -200px;
}
#contact .form .showform:hover .arr{	
	background-position: -357px -244px;
}
#contact .form .showform.clicked .arr{
	background-position: -423px -200px;
}
#contact .form .showform.clicked:hover .arr{
	background-position: -423px -244px;
}
.contactpform .inputfield{
	width: 100%;
	margin-bottom: 17px;
}
.contactpform .inputfield.extrainfo{
	display: none;
}
.contactpform .inputfield.error{
	border-color: #e37423;
}
.contactpform .errorbox .insideerr{
	text-align: center;
	color: #e37423;
	padding: 5px;
	font-size: 14px;
	line-height: 16px;
    font-weight: 400;
    font-family: "proxima_novalight";
    margin-bottom: 10px;
}

.contactpform .thankumess .thanku{
    font-family: "proxima_novalight";
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}

/**
 * 	START KALENDER
 */
.kalenderinfo{
    background-color: white;
    clear: both;
    display: block;
    position: relative;
    z-index: 2;
}
.kalenderinfo_inside{
	margin-bottom: 40px;
	text-align: center;
}
.kalenderinfo_inside ul.largemisc{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
}
.kalenderinfo_inside ul.largemisc.fivespec{
	max-width: 720px;
}
.kalenderinfo_inside ul.largemisc li{
	padding-bottom: 1px;
	padding-top: 8px;
}
.kalenderinfo_inside ul.largemisc li .insideli{
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	display: block;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
}
.kalenderinfo_inside ul.largemisc li.onehund .insideli{
	text-align: center;
}
.kalenderinfo_inside ul.largemisc li .insideli.noborder{
	border-style: none;
}
.kalenderinfo_inside ul.largemisc.onecol li, .kalenderinfo_inside ul.largemisc.fivespec li.one{
	width: 100%;
	clear: both;
}
.kalenderinfo_inside ul.largemisc.fivespec li.one{
	display: inline-block;
	width: inherit;
}

.kalenderinfo_inside ul.largemisc.onecol li .insideli{
	padding-right: 0;
}
.kalenderinfo_inside ul.largemisc.twocol li, .kalenderinfo_inside ul.largemisc.fivespec li.two{
	width: 50%;
	display: inline-block;
	float: left;
}
.kalenderinfo_inside ul.largemisc.twocol li.onehund, .kalenderinfo_inside ul.largemisc.fivespec li.two.onehund{
	width: 100%;
	text-align: center;
}
.kalenderinfo_inside ul.largemisc.threecol li{
	width: 33%;
	display: inline-block;
	float: left;
}
.kalenderinfo_inside ul.largemisc li .before{
	display: inline-block;
	width: 100%;
	font-size: 12px;
}

.kalenderinfo_inside ul.largemisc li .textcal{
	display: inline-block;
}
.kalenderinfo .row{
	
}
.kalenderinfo .row.topelements{
	background-color: #ececec;
	padding-top: 50px;
	padding-bottom: 15px;
}
.kalenderinfo .row.dates{
	background-color: white;
}

.kalenderinfo .row.bottombuttons{
	
}
.kalenderinfo .kalenderbtn{
	padding: 17px 55px;
	text-transform: uppercase;
	color: #00bbea;
	font-size: 22px;
	line-height: 22px; 
	border: solid 2px #00bbea;
	font-weight: 500;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 40px;
	margin-bottom: 40px;
	display: inline-block;
}
.kalenderinfo .kalenderbtn:hover{
	color: white;
	background-color: #00bbea;
}
.kalenderinfo .kalenderinnerrestriction{
	max-width: 690px;
	margin: 0 auto;
}
.kalenderinfo ul{
	margin: 0;
	padding: 0;
}
.kalenderinfo ul{
	list-style: none;  
}
.kalenderinfo .showthedates{
	cursor: pointer;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 20px;
	display: block;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: #333;
	border-radius: 0;
}
.kalenderinfo .lasteventpassed{
	background-color: #333;
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center; 
}
.kalenderinfo .lasteventpassed ul li{
	border-style: none;
    color: white;
    text-align: center;
    text-transform: uppercase;
}

.kalenderinfo .showthedates:hover{
	cursor: pointer;
	background-color: #252425;
}
.kalenderinfo .showthedates.active{
	
}
.kalenderinfo ul.dateslist{
	display: none;
	overflow: hidden;
	padding-bottom: 25px;
}
.kalenderinfo ul.dateslist li{
	border-bottom: 1px solid #C2C2C2;
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    padding: 15px 0px 6px 0px;
}
.kalenderinfo ul.dateslist li.passed{
	color: #dadada;
}
.kalenderinfo ul.dateslist li:last-child{
	border-style: none;
}
.kalenderinfo ul.dateslist li span{
	display: inline-block;
}
.kalenderinfo ul.dateslist li .date{
	float: left;
}
.kalenderinfo ul.dateslist li .time{
	float: right;
}
.kalenderinfo ul.largemisc li{
    font-size: 21px;
    line-height: 21px;
    font-weight: 500;
    padding: 0;
    margin-bottom: 34px;
    float: left;
    width: 50%;
    display: inline-block;
}
.kalenderinfo ul.largemisc li .before{
	color: black;
	font-weight: 100;
    font-size: 18px;
    line-height: 18px;
    margin-right: 14px;
    letter-spacing: 0.025em;
}

/** 
 * 	SLUT PÅ KALENDER
 */

#googlemap{
	height: 500px;
	width: 100%;
}
#googlemap .adress, #googlemap .longlat{
	display: none;
}




/**
 * 	BLOGGSHORTCODE
 */
.listofbloggers{
	margin-bottom: 20px;
	clear: both;
}
.listofbloggers .bloggerpuff{
	width: 33%;
	float: left;
	display: inline-block;
	text-decoration: none;
}
.listofbloggers.bigpresentation .bloggerpuff{
	width: 100%;
}
.listofbloggers.bigpresentation .whitecontainer{
	min-height: inherit;
	padding-bottom: 0;
	border-top-style: none;
}
.listpuffnew{
	
}
.listpuffnew a{
	border-style: none;
	display: inline-block;
	width: 100%;
	border-top: 1px dotted #e5e8e8; 
}
.singlepage .entry-content .listofbloggers .bloggerpuff a:hover h2{
	color: #e37423;
}

.listofbloggers .bloggerpuff .listpuffnew a .imagecont{
	display: inline-block;
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 15px;
}
.listofbloggers .bloggerpuff .listpuffnew a .imagecont .insideimg{
	
}
.singlepage .entry-content .listofbloggers .bloggerpuff .listpuffnew a h2{
	clear: none;
    display: inline-block;
    float: left;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 0;
    margin-top: 13px;
    max-width: 53%;
    text-align: left;
    -webkit-transition : color 250ms ease-out;
  	-moz-transition : color 250ms ease-out;
  	-o-transition : color 250ms ease-out;
  	transition : color 250ms ease-out;
}
.listpuffnew a .date{
	color: #999;
    display: inline-block;
    float: right;
    font-family: "proxima_nova_rgregular";
    font-size: 11px;
    font-weight: normal;
    line-height: 11px;
    margin-top: 16px;
    text-transform: uppercase;
}
.listpuffnew a .social_and_cat{
	display: inline-block;
	float: right;
	margin-left: 10px;
	margin-top: 10px;
}
.listpuffnew .hiddeninfo .moreicon .number{
	display: inline-block;
    float: left;
    font-size: 15px;
    top: -5px;
}

.listofbloggers.bigpresentation .paddingthing{
	
}
.listofbloggers .paddingthing{
	padding: 10px;
}
.listofbloggers .whitecontainer{
	padding: 20px;
	border-radius: 2px;
	background-color: white;
	border: solid 1px #e5e8e8;
	min-height: 280px;
	position: relative;
}
.rssfeedicon{
	background-color: #dadada;
    border-radius: 50%;
    display: block;
    height: 40px;
    left: -15px;
    position: absolute;
    top: -15px;
    width: 40px;
}
.rssfeedicon .tic{
    background-image: url("images/sprites.png");
    background-position: -650px -437px;
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 18px;
}
.rssfeedicon:hover{
	background-color: #e37423;	
}
.entry-content .rssfeedicon{
    border-style: none;
}
.rssfeedicon.right{
	top: 0px;
	left: inherit;
	right: 0px;
	
}

.rgba .listofbloggers .whitecontainer{
	background-color: rgba(255, 255, 255, 0.9);
}
.listofbloggers .bloggerpuff .imagecont{
	display: block;
	margin: 0 auto;
	width: 130px;
	height: 130px;
	border-radius: 200px;
	overflow: hidden;
	margin-bottom: 15px;
}
.listofbloggers.bigpresentation .bloggerpuff .imagecont{
	width: 100%;
	height: 130px;
	border-radius: 0;
	margin-bottom: 0px;
}

.listofbloggers .bloggerpuff .imagecont .insideimg{
	background: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 100%;
	width: 100%;
	padding: 0;
	-webkit-transition : background 250ms ease-out;
  	-moz-transition : background 250ms ease-out;
  	-o-transition : background 250ms ease-out;
  	transition : background 250ms ease-out;
}
.listofbloggers .bloggerpuff .imagecont:hover .insideimg{
	
}
	
.listofbloggers .bloggerpuff .titel{
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 5px;
	letter-spacing: 0.02em;
	color: #999999;	
}

.listofbloggers.bigpresentation .bloggerpuff .titel{
	color: #333;
    text-transform: none;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 15px;
}
.tothebloglink, .entry-content a.tothebloglink{
	background-color: #dadada;
    border-style: none;
    color: black;
    display: inline-block;
    font-family: "LLAkkuratMonoWeb-Regular",sans-serif;
    font-size: 16px;
    letter-spacing: 0.025em;
    line-height: 16px;
    padding-bottom: 14px;
    padding-top: 14px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.tothebloglink:hover, .entry-content a.tothebloglink:hover{
	color: white;
	background-color: #e37423;
}
	
.singlepage .entry-content .listofbloggers .bloggerpuff h2{
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 10px;
	letter-spacing: 0.02em;
	color: #252425;
	padding: 0;
}
.singlepage .entry-content .listofbloggers.bigpresentation .bloggerpuff h2.largename{
	font-size: 26px;
    line-height: 26px;
    margin-bottom: 20px;
}

/**
 * 	FAKTARUTOR
 */
.expandingbox{
	position: relative;
	z-index: 202;
}
.factbox{
	border: solid 1px #e9e9e9;
	padding: 2px;
    position: relative;
    z-index: 1;
    background: #f7f7f7;
    
}	
.factbox .insidefactbox{
	padding-top: 30px;
	background-color: #e9e9e9;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
}
.factbox.minify .insidefactbox, .factbox.stor.minify .insidefactbox,
.factbox.expanded .insidefactbox, .factbox.stor.expanded .insidefactbox{
	padding-bottom: 0;
}
.factbox.stor .insidefactbox{
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 40px;
}
.factbox.cloned{
	visibility: hidden;
	position: relative;
}
.factbox.expanded{
	position: absolute;
	top: 0;
}
.factbox.expanded.hoger{
	right: 0;
}
.factbox.expanded.vanster{
	left: 0;
}
body .factbox.expanded .content .height{
	height: inherit;
}

.singlepage .entry-content .factbox h3.title{
	font-family: 'proxima_novasemibold';
	padding: 0;
	font-size: 20px;
    line-height: 22px;
    margin-bottom: 20px;
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.factbox .content{
	font-size: 17px;
	line-height: 23px;
}
.factbox .content .height{
	overflow: hidden;
}

.singlepage .entry-content .factbox .content p{
	padding: 0;
	margin-bottom: 20px;
}
.singlepage .entry-content .factbox .content h1,
.singlepage .entry-content .factbox .content h2,
.singlepage .entry-content .factbox .content h3,
.singlepage .entry-content .factbox .content h4,
.singlepage .entry-content .factbox .content h5,
.singlepage .entry-content .factbox .content h6,
.singlepage .entry-content .factbox .content h7{
	padding: 0;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 20px;
	font-family: 'proxima_novasemibold';
}
.singlepage .entry-content .factbox .content ul{
	padding: 0;
	margin-bottom: 20px;
}
.singlepage .entry-content .factbox .content ul li{
	
}

.singlepage .entry-content .factbox .content ol{
	padding: 0;
	margin-bottom: 20px;
}

.singlepage .entry-content .factbox .content ol li{
	
}
.singlepage .entry-content .factbox .content a{
	
}
.factbox.minify .content .height .shadeimg{
	background-image: url("images/shadetogray.png");
	background-repeat: repeat-x;
	height: 80px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	
}
.factbox.minify .content .height{
	overflow: hidden;
	position: relative;
}

.factbox.liten.minify .content .height{
	height: 200px;
	
}
.factbox.stor.minify .content .height{
	height: 300px;
}

.factbox .expand{
	border-top: solid 1px white;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	cursor: pointer;
}
.factbox .expand .icon{
	background-image: url("images/sprites.png");
	background-position: -357px -200px;
	display: inline-block;
	height: 14px;
	width: 26px;
}
.factbox .expand:hover{
	cursor: pointer;
}
.factbox .expand:hover .icon{
	background-position: -357px -244px;
}
.factbox.expanded .expand .icon{
	background-position: -423px -200px;
}
.factbox.expanded .expand:hover .icon{
	background-position: -423px -244px;
}

.factbox{
	margin-bottom: 20px;
	position: relative;
}
.factbox.liten{
	width: 360px;
}
.factbox.stor{
	width: 100%;
	max-width: 830px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.factbox.liten.hoger{
	float: right;
	margin-left: 18px;
}
.factbox.liten.vanster{
	float: left;
	margin-right: 18px;
}
.factbox.liten.centrerad{
	margin: 0 auto;
	margin-bottom: 20px; 
}


/**
 * 	FAKTARUTOR SLUT
 */


/**
 * 	KARTA
 */
#interaktivkarta{
	
}
#interaktivkarta #specmap{
	display: block;
	width: 100%;
	height: 800px;
}
#houses{
	display: none;
}
.infoboxmap {
    border:2px solid black;
    margin-top: 8px;
    background:#333;
    color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    padding: .5em 1em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-shadow:0 -1px #000000;
    -webkit-box-shadow: 0 0  8px #000;
    box-shadow: 0 0 8px #000;
}

/**
 * 	TIDSLINJE
 */
h3.timelineheadline{
	margin: 0;
	text-align: center;
	tex-transform: uppercase;
}
div.timeinfo{
	background-color: white;
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    margin: 0 auto;
    padding: 10px 25px;
    position: relative;
    border: solid 1px #b2b2b2;
    color: gray;
    border-radius: 5px;
}
#cd-timeline .centerit{
	text-align: left;
}
div.timeinfo.start{
	bottom: 3px;
}
div.timeinfo.end{
	top: 3px;	
}

/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------- 

Main components 

-------------------------------- */

#cd-timeline {
  position: relative;
  padding: 2em 0;
  padding: 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #b2b2b2;
}
@media only screen and (min-width: 1170px) {
	#cd-timeline div.centerit{
		text-align: center;
	}
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 1em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 2em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-picture {
  background: #75ce66;
}
.cd-timeline-img.cd-blogger {
	background-color: #e37423;
	background-size: cover;
	background-position: center center;
}  
.cd-timeline-img.cd-1, .cd-timeline-img.cd-2, .cd-timeline-img.cd-3, .cd-timeline-img.cd-4, .cd-timeline-img.cd-5, .cd-timeline-img.cd-none{
	background-color: #e37423;
	text-align: center; 
}
.cd-timeline-img .in{
	width: 28px;
	height: 28px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -14px;
	margin-left: -14px;	
}
.cd-timeline-img.cd-1 .in{
	background-image: url("images/inlagg.png");
}
.cd-timeline-img.cd-2 .in{
	background-image: url("images/kalender.png");
}
.cd-timeline-img.cd-3 .in{
	background-image: url("images/karta.png");
}
.cd-timeline-img.cd-4 .in{
	background-image: url("images/snicksnack.png");
}
.cd-timeline-img.cd-5 .in{
	background-image: url("images/stuga.png");
}

.cd-timeline-img.cd-movie {
  background: #c03b44;
}
.cd-timeline-img.cd-location {
  background: #f0ca45;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: white;
  border-radius: 0.25em;
  padding: 1em;
  display: block;
}
.hallpunkt .cd-timeline-content {
	
}
a.cd-timeline-content:hover h2 {
	color: #e47423;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: black;
  margin: 0;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 23px;
  -webkit-transition : color 250ms ease-out;
  	-moz-transition : color 250ms ease-out;
  	-o-transition : color 250ms ease-out;
  	transition : color 250ms ease-out;
}
.activeel .cd-timeline-content h2 {
	color: #e47423;
}
.hallpunkt .cd-timeline-content h2 {
	font-size: 14px;
	line-height: 19px;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem;
}
.cd-timeline-content p{
	font-family: 'proxima_nova_rgregular';
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0;
	margin-bottom: 0;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 0.4em 0;
  line-height: 1.6;
  margin-bottom: 0;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  color: #2b2b2b;
}
.cd-timeline-content .cd-date .time{
	color: gray;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .hallpunkt .cd-timeline-content h2 {
  	font-size: 18px;
  	font-size: 1.0rem;
  }
  .cd-timeline-content p {
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 40%;
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: white;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

/**
 * 	SLUT TIDSLINJE
 */

/**
 * 	BILDSPEL
 */
.slideshow-wrapper{
	margin-bottom: 50px;
}
.slideshow-wrapper .theslideshowsunet{
	
}
.slideshow-wrapper .theslideshowsunet .slideelement{
	text-align: center;	
}
.slideshow-wrapper .theslideshowsunet .slideelement .insideslideelement{
	position: relative;
	display: inline-block;
	max-width: 100%;
}
html.ie8 .slideshow-wrapper .theslideshowsunet .slideelement .insideslideelement{
	width: 100%;
	text-align: center;
}
.slideshow-wrapper .theslideshowsunet .slideelement img{
	display: block;
	max-width: 100%;
	height: auto;
}
.slideshow-wrapper .theslideshowsunet .slideelement .captionslideshow{
	background-color: #f7f7f7;
    bottom: 10px;
    color: #252425;
    font-size: 18px;
    font-style: normal;
    line-height: 24px;
    margin: 0;
    padding: 20px 30px 16px;
    position: absolute;
    right: 10px;
}


.readmore{
	
}
.readmore .prehead{
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
}
.readmore h3{
	text-align: center;
	margin-top: 20px;
	font-size: 22px;
}


/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media screen and (max-width: 400px) {
	.splash.slideelement .backgroundimage{
		background-size: auto 100%;
	}
	.gridholder{
		width: 100%;
	}
	.gridholderpadding{
		padding-left: 20px;
		padding-right: 20px;	
	}
	
	#inskjutning .rightin .insideright{
		width: 300px;
	}
	#inskjutning .rightin .insideright .widget{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	/*
	#filmen{
		height: 300px;
	}
	*/
	#rightinid .insideright #mobilesearch{
		display: block;
	}
	#inskjutning .rightin .insideright{
		padding-top: 0px;
	}
	.readmore h3{
		margin-top: 10px;
		font-size: 16px;
	}
	
	/**
	 * 	SPLASHEN
	 *  mobilen
	 */
	.splash.slideelement .backgroundimage .tablecont .table .cell .inside .splashheadline{
		font-size: 30px;
		line-height: 40px;
	}
	.splash.slideelement .backgroundimage .tablecont .table .cell .inside .text{
		font-size: 14px;
		line-height: 20px;
		margin-top: 0px;
	}
	
	/**
	 * 	Evenemang
	 */
	.kalenderinfo_inside ul.largemisc li .insideli{
		font-size: 14px;
	}
	.kalenderinfo_inside ul.largemisc li .before{
		font-size: 10px;
	}
	.kalenderinfo_inside ul.largemisc.twocol li, .kalenderinfo_inside ul.largemisc.fivespec li.two{
		width: 100%;
	}
	.kalenderinfo_inside ul.largemisc.threecol li{
		width: 100%;
	}
		
	
	/**
	 * 	TEKNIKER
	 *  mobilen
	 */
	#tekniker{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#tekniker .text{
		font-size: 14px;
		line-height: 17px;
	}
	
	/**
	 * 	Fyra ingångarna
	 *  mobilen
	 */
	#tre_ingangar .ingang{
		width: 100%;
	}
	#tre_ingangar .ingang a.mainlink{
		padding: 25px 20px;
	}
	#tre_ingangar .ingang a.mainlink h2{
		margin-top: 0;
		font-size: 18px;
    	line-height: 24px;
    	margin-bottom: 10px;
	}
	/**
	 * 	KNAPPAR
	 * mobilen
	 */
	button, .button, input[type="button"], input[type="reset"], input[type="submit"]{
		font-size: 14px;
		padding: 9px 14px 7px;
	}
	button .arr, .button .arr, input[type="button"] .arr, input[type="reset"] .arr, input[type="submit"] .arr{
		background-image: url("images/sprites.png");
	    background-position: -304px -68px;
	    display: inline-block;
	    height: 16px;
	    margin-left: 20px;
	    position: relative;
	    top: 2px;
	    width: 8px;
	}
	.arr.down{
		background-position: -336px -72px;
		width: 16px;
		height: 8px;
		top: 0px;
	}
	.active .arr.down{
		background-position: -377px -71px;
	}
	.arr.down.gray{
		background-position: -336px -44px;
	}
	.active .arr.down.gray{
		background-position: -378px -44px;
	}
	.visa_fler.button.active .arr.down.gray, .visa_fler.button:hover .arr.down.gray{
		background-position: -336px -72px;
	}
	
	
	
	/**
	 * 	SUNET I SIFFROR
	 *  mobilen
	 */
	#sunet_siffror{
		background-size: auto 100%;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#sunet_siffror .toptext{
		font-size: 12px;
		line-height: 12px;
		margin-bottom: 15px;
	}
	#sunet_siffror .line{
		margin-bottom: 20px;
		height: 2px;
		width: 50px;
	}
	#sunet_siffror .numberslide .large{
		font-size: 50px;
		line-height: 50px;
		margin-bottom: 10px;
	}
	#sunet_siffror .numberslide .medium{
		font-size: 18px;
		line-height: 20px;
		margin-bottom: 8px;
	}
	#sunet_siffror .numberslide .small{
		font-size: 12px;
		line-height: 14px;
	}
	
	/**
	 * 	FLÖDET
	 *  mobilen
	 */
	.button.visa_fler{
		padding-right: 40px;
		padding-left: 40px;
	}
	#flodet{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#flodet .flodpuff{
		width: 100%;
	}
	#flodet .flodpuff .innerborder{
		padding: 0;
		padding-bottom: 10px;
	}
	#flodet ul.filter{
		width: 100%;
	}
	#flodet ul.filter li{
		display: none;
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
		margin-left: 0;
		margin-right: 0;
		font-size: 16px;
	}
	#flodet ul.filter li.info{
		display: block;
	}
	#flodet ul.filter li.showthis{
		display: block;
	}
	#flodet ul.filter li.info .filtertext{
		display: none;
	}
	#flodet ul.filter li.info .mobilemenubtn{
		display: inline-block;	
	}
	
	#flodet ul.filter li.info{
		margin-bottom: -10px;
	}
	#flodet ul.filter li a{
		display: inline-block;
		width: auto;
		padding-bottom: 5px;
	}
	#flodet #viewselector{
		float: none;
		bottom: inherit;
		position: absolute;
		right: 0;
		top: -6px;
		display: block;
	}
	#flodet #viewselector .el{
		margin-left: 0;
		margin-right: 0;
	}
	#flodet #viewselector .el .inner{
		width: 30px;
		height: 30px;
	}
	#flodet #viewselector .el .icon{
	    height: 20px;
	    left: 5px;
	    position: absolute;
	    top: 5px;
	    width: 20px;
	}
	#flodet #viewselector .el .text{
		display: none;
	}
	#flodet #viewselector .el.grid .icon{
		background-position: -108px -892px;
	}
	#flodet #viewselector .el.lista .icon{
		background-position: -40px -892px;
	}
	
	
	/**
	 * 	LISTVY
	 */
	#flodet .flodpuff.lista .mainlink h2,.flodpuff.lista .mainlink h2{
	    font-size: 18px;
	    line-height: 22px;
	    display: inline-block;
	    float: left;
	    width: 100%;
	    margin-bottom: 10px;
	}
	#flodet .flodpuff.lista .mainlink .rightfloat, .flodpuff.lista .mainlink .rightfloat {
	    display: inline-block;
	    float: left;
	    width: 100%;
	}
	#flodet .flodpuff.lista .mainlink .date,.flodpuff.lista .mainlink .date{
		font-size: 13px;
		line-height: 13px;
		margin-bottom: 0px;
		margin-right: 10px;
	  	position: relative;
	  	top: 0px;	  	
	  	display: inline-block;
		float: left;	
	}
	#flodet .flodpuff.lista .mainlink .type,.flodpuff.lista .mainlink .type{
		display: inline-block;
		font-size: 13px;
		line-height: 13px;
		position: relative;
		top: 0px;
		float: left;
		margin-right: 10px;
		text-align: left;
	}
	#flodet .flodpuff.lista .mainlink .social_and_cat, .flodpuff.lista .mainlink .social_and_cat{
		top: -3px;
	}
	
	
	/**
	 * 	PUFF I FLÖDET
	 * mobilen
	 */
	#flodet .flodpuff .innerborder .moreinnerwhite .whitecont .date{
	    font-size: 12px;
	    line-height: 12px;
	    margin-bottom: 5px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .whitecont h2{		
    	font-size: 18px;
    	line-height: 23px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .social_and_cat .type{
		font-size: 12px;
		line-height: 12px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .social_and_cat .likes .iconandnumber .number, #contact .insidec .bloggposts a .likes .iconandnumber .number{
		font-size: 12px;
	}
	.hiddeninfo .moreicon .number{
		font-size: 12px;
		position: relative;
    	top: 3px;
	}
	#flodet .gridholderpadding{
		padding-left: 10px;
		padding-right: 10px;
	}
	#flodet .flodpuff .innerborder .mainlink .outsideimagecont .imagecontainer .dateevent .day, .whitecont .dateevent .day{
		font-size: 26px;
		line-height: 26px;
	}
	#flodet .flodpuff .innerborder .mainlink .outsideimagecont .imagecontainer .dateevent .month, .whitecont .dateevent .month{
		font-size: 13px;
		line-height: 13px;
	}
	#flodet .flodpuff .innerborder .mainlink .outsideimagecont .imagecontainer .dateevent, .whitecont .dateevent{
		padding: 10px 13px 7px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .whitecont h2.paddingright{
		padding-right: 48px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .whitecont{
		padding-bottom: 10px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .social_and_cat{
		padding-bottom: 10px;
	}
	
	
	/**
	 * 	SUNETS HISTORIA
	 *  mobilen
	 */
	#sunets_historia .thing.lastone .ball.bottom{
		left: inherit;
		right: -6px;
	}
	#sunets_historia .notvisiblemobile{
		display: none;
	}
	#sunets_historia .visiblemobile{
		display: block;
	}
	#sunets_historia{
		padding-top: 30px;
	}
	#sunets_historia .thing.nrspec{
		max-height: 80px;
		min-height: 80px !important;
	}
	#sunets_historia .topinfo{
		margin-bottom: 10px;
	}
	#sunets_historia .thing h2.orange{
		font-size: 22px;
		line-height: 24px;
		margin-bottom: 5px;
	}
	#sunets_historia .topinfo h2 .small{
		font-size: 12px;
    	line-height: 12px;
    	margin-bottom: 10px;
	}
	#sunets_historia .topinfo h2 .large{
		font-size: 30px;
		line-height: 30px;
	}
	#sunets_historia .thing .text{
		font-size: 14px;
		line-height: 20px;
	}
	#sunets_historia .thing .ball.top{
		display: none;
	}
	#sunets_historia .thing{
		width: 100%;
	}
	#sunets_historia .thing.nrspec{
		display: none;
	}
	#sunets_historia .thing .inside{
		padding-bottom: 20px;
	}
	#sunets_historia .thing.even .inside{
		padding-left: 0;
		padding-right: 15px;
	}
	#sunets_historia .thing.odd .inside{
		text-align: left;
		padding-left: 0;
		padding-right: 15px;
	}
	#sunets_historia .thing.even .text .line{
		left: inherit;
    	right: -15px;
	}
	#sunets_historia .thing.odd .text .line{
		left: inherit;
    	right: -15px;
	}
	#sunets_historia .thing.even .inside {
	    border-right: 2px solid #e37423;
	}
	#sunets_historia .thing .inside .histimg{
		margin-bottom: 10px;
	}
	
	/**
	 * 	NYHETSBREVET
	 *  mobilen
	 */
	#nyhetsbrevs_prenumeration .sunet_news .headline{
		font-size: 30px;
		line-height: 30px;
	}
	#nyhetsbrevs_prenumeration .sunet_news .arrowdown{
		display: none;
	}
	#nyhetsbrevs_prenumeration{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	#nyhetsbrevs_prenumeration .sunet_news{
		padding: 15px;
		display: block;
	}
	#nyhetsbrevs_prenumeration .sunet_news .inlineelement{
		display: block;
		float: none;
		margin-bottom: 10px;
		margin-left: 0;
		text-align: center;
	}
	#nyhetsbrevs_prenumeration .sunet_news .aftertext{
		bottom: 0;
		margin-left: 0;
	}
	#nyhetsbrevs_prenumeration .sunet_news .theform .email{
		width: 100%;
		display: block;
		margin-bottom: 10px;
	}
	#nyhetsbrevs_prenumeration .sunet_news .theform .button{
		margin-left: 0;
		margin: 0 auto;
	}
	
	/**
	 * 	SIDFOTEN
	 *  mobilen
	 */
	#footer{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	#footer .menu-sidfotsmeny-container{
		margin-bottom: 40px;
	}
	#footer .menu-footerinfotop-container .menu li{
		display: inline-block;
    	margin-left: 5px;
    	margin-right: 5px;
	}
	#footer .menu-footerinfotop-container .menu li a .text{
		display: none;
	}
	#footer .menu-footerinfotop-container .menu li a .icon{
	    margin-right: 0px;
	}
	
	
	#footer .widget_text .textwidget h3{
		font-size: 14px;
		line-height: 16px;
	}
	#footer .widget_text .textwidget{
		font-size: 12px;
		line-height: 18px;
	}
	
	
	#footer .menu-footersocialbottom-container li{
		display: inline-block;
		margin-left: 0;
		margin-right: 0;
	}
	#footer .menu-footerinfotop-container .menu, #footer .menu-footersocialbottom-container .menu{
		display: inline-block;
    	margin: 0 auto;
    	text-align: left;
	}
	#footer .menu-footersocialbottom-container{
		
	}
	#footer .menu-footersocialbottom-container .menu{
		text-align: center;
	}
	#footer .menu-footerinfotop-container{
		margin-bottom: 20px;
	}
	#footer .widget_text .fcol{
		width: 100%;
	}
	#footer .widget_text .fcol .inside{
		padding-left: 0;
		padding-right: 0;
	}
	#footer .madeby{
		font-size: 10px;
		line-height: 12px;
	}
	
	/**
	 * 	Evenemangspecifikt
	 * mobilen
	 */
	.kalenderinfo .showthedates{
		font-size: 16px;
		line-height: 16px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.kalenderinfo ul.dateslist{
		padding-bottom: 25px;
	}
	.kalenderinfo ul.dateslist li{
	    font-size: 13px;
	    line-height: 16px;
	    padding: 10px 0px 4px 0px;
	}
	
	/**
	 * SINGLEPAGE
	 * mobilen
	 */
	.pris_uppg .pricebox .innsidepr h2.main{
		font-size: 20px;
		line-height: 24px;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.pris_uppg .pricebox .innsidepr .text i, .pris_uppg .pricebox .innsidepr .text strong i, .pris_uppg .pricebox .innsidepr .text i strong, .pris_uppg .pricebox .innsidepr .text em, .pris_uppg .pricebox .innsidepr .text strong em, .pris_uppg .pricebox .innsidepr .text em strong{
		font-size: 36px;
		line-height: 36px;
	}
	.pris_uppg .pricebox .innsidepr .text p{
		font-size: 17px;
		line-height: 22px;
	}
	.dokumentation_kontaktperson ul li{
		font-size: 16px;
		line-height: 18px;
		margin-bottom: 10px;
		text-align: center;
	}
	.dokumentation_kontaktperson h2 span.icon{
		width: 24px;
		height: 27px;
		background-position: -257px -595px;
		top: 5px;
		margin-right: 10px;
	}
	.urval_av_kunder ul li{
		font-size: 15px;
		line-height: 18px;
		margin-bottom: 10px;
		text-align: center;
	}
	
	.singlepagetopimage .backgroundimage{
		background-size: cover;
	}
	.singlepagetopimage .backgroundimage .tablecont .table .cell .inside .splashheadline{
		font-size: 30px;
		line-height: 32px;
	}
	.singlepage{
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.singlepagebg > .gridholder > .gridholderpadding{
		padding-left: 0;
		padding-right: 0;
	}
	.singlepage h1{
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 30px;
		font-size: 24px;
		line-height: 28px;
	}
	.english_summarylink{
		font-size: 14px;
		line-height: 14px;
		bottom: 15px;
	}
	.singlepage .ingress{
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 20px;
		font-size: 15px;
		line-height: 24px;
	}
	.singlepage .menuonpage{
		margin-bottom: 30px;
	}
	.slideshow-wrapper .theslideshowsunet .slideelement .captionslideshow{
		position: relative;
		bottom: 0;
		right: 0;
		padding: 10px 10px 5px;
		font-size: 13px;
		line-height: 16px;
	}
	.singlepage .entry-content{
		font-size: 16px;
		line-height: 24px;
	}
	.singlepage .entry-content p{
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 20px;
	}
	.factbox .insidefactbox{
		padding-left: 20px;
		padding-right: 20px;
	}
	.factbox .content{
		font-size: 14px;
		line-height: 22px;
	}
	.singlepage .entry-content .factbox h3.title{
		font-size: 17px;
		line-height: 19px;
	}
	.singlepage .entry-content ul li{
	    padding: 0 0 10px 25px;
	}
	.factbox.expanded.hoger{
		right: 4%;
	}
	.factbox.expanded.vanster{
		left: 4%;
	}
	.factbox.liten{
		width: 90%;
		display: block;
	}
	.factbox.stor{
		width: inherit;
	}
	.factbox.liten.hoger{
		float: none;
		margin-left: 0px;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	.factbox.liten.vanster{
		float: none;
		margin-right: 0px;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	.factbox.stor .insidefactbox{
		padding-left: 20px;
		padding-right: 20px;
	}
	blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft{
		margin: 0 10px 20px 0;
		
	}
	figure.wp-caption.alignleft, img.alignleft{
		max-width: 150px;
		margin-left: 20px;
	}
	blockquote.alignright, figure.wp-caption.alignright, img.alignright{
		margin: 0 0 20px 10px;
	}
	figure.wp-caption.alignright, img.alignright{
		max-width: 150px;
		margin-right: 20px;
	}
	.singlepage .entry-content ul, .singlepage .entry-content ol{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.singlepage .entry-content ol li{
		padding-bottom: 10px;
		padding-left: 10px;
	}
	.singlepage .entry-content ul li{
		padding-bottom: 10px;
		padding-left: 25px;
		background-position: 0 2px;
	}
	.singlepage .entry-content .factbox .content ul{
		margin-bottom: 0;
	}
	.singlepage .entry-content .factbox .content ol{
		margin-bottom: 0;
	}
	.singlepage .entry-content .factbox .content p{
		margin-bottom: 15px;
	}
	.singlepage .entry-content .factbox .content h1, .singlepage .entry-content .factbox .content h2, .singlepage .entry-content .factbox .content h3, .singlepage .entry-content .factbox .content h4, .singlepage .entry-content .factbox .content h5, .singlepage .entry-content .factbox .content h6, .singlepage .entry-content .factbox .content h7{
		margin-bottom: 15px;
	}
	.singlepage .entry-content h1, .singlepage .entry-content h2, .singlepage .entry-content h3, .singlepage .entry-content h4, .singlepage .entry-content h5, .singlepage .entry-content h6, .singlepage .entry-content h7, .singlepage .entry-content h8{
		padding-left: 20px;
		padding-right: 20px;
		font-size: 22px;
		line-height: 24px;
		margin-bottom: 20px;
		margin-top: 10px;
	}
	.underimage .wp-caption-text{
		font-size: 13px;
    	line-height: 16px;
    	padding: 10px 10px 5px;
	}
	.singlepage .entry-content blockquote{
		padding-left: 20px;
		padding-right: 20px;
		font-size: 24px;
		line-height: 30px;
	}
	.singlepage .entry-content blockquote .smaller{
		font-size: 14px;
		line-height: 16px;
	}
	.wp-caption-text{
		font-size: 13px;
	    line-height: 16px;
	    padding: 10px 10px 5px;
	}
	blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter{
		margin-bottom: 20px;
	}
	.singlepage .entry-content .quote{
	    font-size: 72px;
	    margin-left: 1px;
	    margin-right: 4px;
	    top: 32px;
	}
	.wp-caption-text{
		bottom: 0;
		right: 0;
		position: relative;
	}
	.by_and_when{
		padding-right: 20px;
		padding-left: 20px; 
		margin-bottom: 10px;
	}
	.by_and_when .largename{
		margin-right: 0;
		font-size: 10px;
		line-height: 14px;
		top: 0;
		display: inline-block;
		margin: 0 auto;
		float: none;
		clear: both;
	}
	.by_and_when .imagecont{
		display: block;
	    float: none;
	    height: 40px;
	    margin: 0 auto 5px;
	    width: 40px;
	}
	.singlepage .entry-content .english_summary div.headline{
		margin-bottom: 20px;
	}
	.singlepage .entry-content .english_summary div.headline .line{
		margin-top: 15px;
	}
	
	/**
	 * Contact singlepage
	 * mobil
	 */
	#contact{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	/**
	 * 	Prisuppgift singlepage
	 * mobil
	 */
	.pris_uppg{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	/**
	 * 	Dokumentation singlepage
	 * mobil
	 */
	.dokumentation_kontaktperson{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.dokumentation_kontaktperson h2{
		margin-bottom: 30px;
	}
	.dokumentation_kontaktperson ul li{
		margin-left: 0;
		margin-right: 0;
		width: 100%; 
		float: none;
	}
	/**
	 * 	Urval av kunder singlepage
	 * mobil
	 */
	.urval_av_kunder{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.urval_av_kunder h2{
		margin-bottom: 20px;
	}
	.urval_av_kunder ul li{
		display: block;
		width: 100%;
		float: none;
	}
	
	/**
	 * 	CASE singlepage
	 * mobil
	 */
	.random_case .backgroundimage .maxwidththing{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.random_case .tablecont .table .cell .inside .splashheadline{
	    font-size: 18px;
	    line-height: 20px;
	    margin-bottom: 20px;
	}
	.random_case .tablecont .table .cell .inside .randomwidth{
		padding-left: 0;
		padding-right: 0;
	}
	
	/**
	 * 	BLOGGSHORTCODEN
	 * mobilen
	 */
	.listofbloggers .bloggerpuff{
		width: 100%;
		margin-bottom: 0px;
	}
	.listofbloggers .paddingthing{
		padding-bottom: 5px;
	}
	
	/**
	 * 	GOOGLEMAP
	 * mobilen
	 */
	#googlemap{
		height: 380px;
	}
}

@media screen and (min-width: 401px) {
	.splash.slideelement .backgroundimage{
		background-size: auto 100%;
	}
	.gridholder{
		width: 100%;
	}
	.gridholderpadding{
		padding-left: 20px;
		padding-right: 20px;	
	}
	
	
	/**
	 * 	LITE STÖRRE ÄN MOBIL
	 */
	#rightinid .insideright #mobilesearch{
		display: block;
	}
	#inskjutning .rightin .insideright{
		padding-top: 0px;
	}
	.readmore h3{
		margin-top: 10px;
		font-size: 18px;
	}
	
	/**
	 * 	SPLASHEN
	 *  > 401
	 */
	.splash.slideelement .backgroundimage .tablecont .table .cell .inside .splashheadline{
		font-size: 30px;
		line-height: 40px;
	}
	.splash.slideelement .backgroundimage .tablecont .table .cell .inside .text{
		font-size: 14px;
		line-height: 20px;
		margin-top: 0;
	}
	/**
	 * 	Evenemang
	 */
	.kalenderinfo_inside ul.largemisc li .insideli{
		font-size: 15px;
	}
	.kalenderinfo_inside ul.largemisc li .before{
		font-size: 11px;
	}
	.kalenderinfo_inside ul.largemisc.twocol li, .kalenderinfo_inside ul.largemisc.fivespec li.two{
		width: 100%;
	}
	.kalenderinfo_inside ul.largemisc.threecol li{
		width: 100%;
	}
	
	/**
	 * 	TEKNIKER
	 *  > 401
	 */
	#tekniker{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#tekniker .text{
		font-size: 14px;
		line-height: 17px;
	}
	
	/**
	 * 	Fyra ingångarna
	 *  > 401
	 */
	#tre_ingangar .ingang{
		width: 100%;
	}
	#tre_ingangar .ingang a.mainlink{
		padding: 25px 20px;
	}
	#tre_ingangar .ingang a.mainlink h2{
		margin-top: 0;
		font-size: 18px;
    	line-height: 24px;
    	margin-bottom: 10px;
	}
	/**
	 * 	KNAPPAR
	 * > 401
	 */
	button, .button, input[type="button"], input[type="reset"], input[type="submit"]{
		font-size: 14px;
		padding: 9px 14px 7px;
	}
	button .arr, .button .arr, input[type="button"] .arr, input[type="reset"] .arr, input[type="submit"] .arr{
		background-image: url("images/sprites.png");
	    background-position: -304px -68px;
	    display: inline-block;
	    height: 16px;
	    margin-left: 20px;
	    position: relative;
	    top: 2px;
	    width: 8px;
	}
	.arr.down{
		background-position: -336px -72px;
		width: 16px;
		height: 8px;
		top: 0px;
	}
	.active .arr.down{
		background-position: -377px -71px;
	}
	.arr.down.gray{
		background-position: -336px -44px;
	}
	.active .arr.down.gray{
		background-position: -378px -44px;
	}
	.visa_fler.button.active .arr.down.gray, .visa_fler.button:hover .arr.down.gray{
		background-position: -336px -72px;
	}
	
	
	
	/**
	 * 	SUNET I SIFFROR
	 *  > 401
	 */
	#sunet_siffror{
		background-size: cover;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#sunet_siffror .toptext{
		font-size: 12px;
		line-height: 12px;
		margin-bottom: 15px;
	}
	#sunet_siffror .line{
		margin-bottom: 20px;
		height: 2px;
		width: 50px;
	}
	#sunet_siffror .numberslide .large{
		font-size: 50px;
		line-height: 50px;
		margin-bottom: 10px;
	}
	#sunet_siffror .numberslide .medium{
		font-size: 18px;
		line-height: 20px;
		margin-bottom: 8px;
	}
	#sunet_siffror .numberslide .small{
		font-size: 12px;
		line-height: 14px;
	}
	
	/**
	 * 	FLÖDET
	 *  > 401
	 */
	.button.visa_fler{
		padding-right: 40px;
		padding-left: 40px;
	}
	#flodet{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#flodet .flodpuff{
		width: 100%;
	}
	#flodet .flodpuff .innerborder{
		padding: 0;
		padding-bottom: 10px;
	}
	#flodet ul.filter{
		width: 100%;
		margin-bottom: 10px;
	}
	#flodet ul.filter li{
		display: none;
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
		margin-left: 0;
		margin-right: 0;
		font-size: 16px;
	}
	#flodet ul.filter li.info{
		display: block;
	}
	#flodet ul.filter li.showthis{
		display: block;
	}
	#flodet ul.filter li.info .filtertext{
		display: none;
	}
	#flodet ul.filter li.info .mobilemenubtn{
		display: inline-block;	
	}
	#flodet ul.filter li.info{
		margin-bottom: -10px;
	}
	#flodet ul.filter li a{
		display: inline-block;
		width: auto;
		padding-bottom: 5px;
	}
	#flodet #viewselector{
		float: none;
		bottom: inherit;
		position: absolute;
		right: 0;
		top: -6px;
		display: block;
	}
	#flodet #viewselector .el{
		margin-left: 0;
		margin-right: 0;
	}
	#flodet #viewselector .el .inner{
		width: 30px;
		height: 30px;
	}
	#flodet #viewselector .el .icon{
	    height: 20px;
	    left: 5px;
	    position: absolute;
	    top: 5px;
	    width: 20px;
	}
	#flodet #viewselector .el .text{
		display: none;
	}
	#flodet #viewselector .el.grid .icon{
		background-position: -108px -892px;
	}
	#flodet #viewselector .el.lista .icon{
		background-position: -40px -892px;
	}
	
	
	/**
	 * 	LISTVY
	 */
	#flodet .flodpuff.lista .mainlink h2,.flodpuff.lista .mainlink h2{
	    font-size: 18px;
	    line-height: 22px;
	    display: inline-block;
	    float: left;
	    width: 100%;
	    margin-bottom: 10px;
	}
	#flodet .flodpuff.lista .mainlink .rightfloat, .flodpuff.lista .mainlink .rightfloat {
	    display: inline-block;
	    float: left;
	    width: 100%;
	}
	#flodet .flodpuff.lista .mainlink .date,.flodpuff.lista .mainlink .date{
		font-size: 13px;
		line-height: 13px;
		margin-bottom: 0px;
		margin-right: 10px;
	  	position: relative;
	  	top: 0px;	  	
	  	display: inline-block;
		float: left;	
	}
	#flodet .flodpuff.lista .mainlink .type,.flodpuff.lista .mainlink .type{
		display: inline-block;
		font-size: 13px;
		line-height: 13px;
		position: relative;
		top: 0px;
		float: left;
		margin-right: 10px;
		text-align: left;
	}
	#flodet .flodpuff.lista .mainlink .social_and_cat, .flodpuff.lista .mainlink .social_and_cat{
		top: -3px;
	}
	
	/**
	 * 	PUFF I FLÖDET
	 * > 401
	 */
	#flodet .flodpuff .innerborder .moreinnerwhite .whitecont .date{
	    font-size: 12px;
	    line-height: 12px;
	    margin-bottom: 5px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .whitecont h2{		
    	font-size: 18px;
    	line-height: 23px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .social_and_cat .type{
		font-size: 12px;
		line-height: 12px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .social_and_cat .likes .iconandnumber .number, #contact .insidec .bloggposts a .likes .iconandnumber .number{
		font-size: 12px;
	}
	.hiddeninfo .moreicon .number{
		font-size: 12px;
		position: relative;
    	top: 3px;
	}
	#flodet .gridholderpadding{
		padding-left: 10px;
		padding-right: 10px;
	}
	#flodet .flodpuff .innerborder .mainlink .outsideimagecont .imagecontainer .dateevent .day, .whitecont .dateevent .day{
		font-size: 26px;
		line-height: 26px;
	}
	#flodet .flodpuff .innerborder .mainlink .outsideimagecont .imagecontainer .dateevent .month, .whitecont .dateevent .month{
		font-size: 13px;
		line-height: 13px;
	}
	#flodet .flodpuff .innerborder .mainlink .outsideimagecont .imagecontainer .dateevent, .whitecont .dateevent{
		padding: 10px 13px 7px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .whitecont h2.paddingright{
		padding-right: 48px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .whitecont{
		padding-bottom: 10px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .social_and_cat{
		padding-bottom: 10px;
	}
	
	
	/**
	 * 	SUNETS HISTORIA
	 *  > 401
	 */
	#sunets_historia .thing.even.lastone .inside{
		border-left: solid 2px #e37423;
		left: -2px;
		position: relative;
	}
	#sunets_historia{
		padding-top: 30px;
	}
	#sunets_historia .thing.nrspec{
		max-height: 80px;
		min-height: 80px !important;
	}
	#sunets_historia .topinfo{
		margin-bottom: 10px;
	}
	#sunets_historia .thing h2.orange{
		font-size: 22px;
		line-height: 24px;
		margin-bottom: 5px;
	}
	#sunets_historia .topinfo h2 .small{
		font-size: 12px;
    	line-height: 12px;
    	margin-bottom: 10px;
	}
	#sunets_historia .topinfo h2 .large{
		font-size: 30px;
		line-height: 30px;
	}
	#sunets_historia .thing .text{
		font-size: 14px;
		line-height: 20px;
	}
	#sunets_historia .thing{
		width: 100%;
	}
	#sunets_historia .thing .inside{
		padding-bottom: 30px;
	}
	#sunets_historia .thing.even .inside{
		padding-right: 0;
		padding-left: 15px;
	}
	#sunets_historia .thing.odd .inside{
		text-align: left;
		padding-left: 0;
		padding-right: 15px;
	}
	#sunets_historia .thing.even .text .line{
		right: inherit;
    	left: -15px;
	}
	#sunets_historia .thing.odd .text .line{
		left: inherit;
    	right: -15px;
	}
	#sunets_historia .thing .inside .histimg{
		margin-bottom: 10px;
	}
	
	
	
	/**
	 * 	NYHETSBREVET
	 *  > 401
	 */
	#nyhetsbrevs_prenumeration .sunet_news .headline{
		font-size: 30px;
		line-height: 30px;
	}
	#nyhetsbrevs_prenumeration .sunet_news .arrowdown{
		display: none;
	}
	#nyhetsbrevs_prenumeration{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	#nyhetsbrevs_prenumeration .sunet_news{
		padding: 15px;
		display: block;
	}
	#nyhetsbrevs_prenumeration .sunet_news .inlineelement{
		display: block;
		float: none;
		margin-bottom: 10px;
		margin-left: 0;
		text-align: center;
	}
	#nyhetsbrevs_prenumeration .sunet_news .aftertext{
		bottom: 0;
		margin-left: 0;
	}
	#nyhetsbrevs_prenumeration .sunet_news .theform .email{
		margin-bottom: 0px;
	}
	#nyhetsbrevs_prenumeration .sunet_news .theform .button{
		margin-left: 0;
		margin: 0 auto;
	}
	
	/**
	 * 	SIDFOTEN
	 *  > 401
	 */
	#footer .widget_text .textwidget h3{
		font-size: 14px;
		line-height: 16px;
	}
	#footer .widget_text .textwidget{
		font-size: 12px;
		line-height: 18px;
	}
	#footer{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	#footer .menu-sidfotsmeny-container{
		margin-bottom: 40px;
	}
	
	
	#footer .menu-footerinfotop-container .menu li{
		display: inline-block;
    	margin-left: 5px;
    	margin-right: 5px;
	}
	#footer .menu-footerinfotop-container .menu li a .text{
		display: none;
	}
	#footer .menu-footerinfotop-container .menu li a .icon{
	    margin-right: 0px;
	}
	#footer .menu-footersocialbottom-container li{
		display: inline-block;
		margin-left: 0;
		margin-right: 0;
	}
	#footer .menu-footerinfotop-container .menu, #footer .menu-footersocialbottom-container .menu{
		display: inline-block;
    	margin: 0 auto;
    	text-align: left;
	}
	#footer .menu-footersocialbottom-container{
		
	}
	#footer .menu-footersocialbottom-container .menu{
		text-align: center;
	}
	#footer .menu-footerinfotop-container{
		margin-bottom: 20px;
	}
	#footer .widget_text .fcol{
		width: 100%;
	}
	#footer .widget_text .fcol .inside{
		padding-left: 0;
		padding-right: 0;
	}
	#footer .madeby{
		font-size: 10px;
		line-height: 12px;
	}
	/**
	 * 	Evenemangspecifikt
	 * mobilen
	 */
	.kalenderinfo .showthedates{
		font-size: 16px;
		line-height: 16px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.kalenderinfo ul.dateslist{
		padding-bottom: 25px;
	}
	.kalenderinfo ul.dateslist li{
	    font-size: 14px;
	    line-height: 16px;
	    padding: 10px 0px 4px 0px;
	}
	
	/**
	 * SINGLEPAGE
	 * > 401
	 */
	.pris_uppg .pricebox .innsidepr h2.main{
		font-size: 20px;
		line-height: 24px;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.pris_uppg .pricebox .innsidepr .text i, .pris_uppg .pricebox .innsidepr .text strong i, .pris_uppg .pricebox .innsidepr .text i strong, .pris_uppg .pricebox .innsidepr .text em, .pris_uppg .pricebox .innsidepr .text strong em, .pris_uppg .pricebox .innsidepr .text em strong{
		font-size: 36px;
		line-height: 36px;
	}
	.pris_uppg .pricebox .innsidepr .text p{
		font-size: 17px;
		line-height: 22px;
	}
	.dokumentation_kontaktperson ul li{
		font-size: 16px;
		line-height: 18px;
		margin-bottom: 10px;
		text-align: center;
	}
	.dokumentation_kontaktperson h2 span.icon{
		width: 24px;
		height: 27px;
		background-position: -257px -595px;
		top: 5px;
		margin-right: 10px;
	}
	.urval_av_kunder ul li{
		font-size: 15px;
		line-height: 18px;
		margin-bottom: 10px;
		text-align: center;
	}
	
	.singlepagetopimage .backgroundimage{
		background-size: cover;
	}
	.singlepagetopimage .backgroundimage .tablecont .table .cell .inside .splashheadline{
		font-size: 30px;
		line-height: 32px;
	}
	.singlepage{
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.singlepagebg > .gridholder > .gridholderpadding{
		padding-left: 0;
		padding-right: 0;
	}
	.singlepage h1{
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 30px;
		font-size: 24px;
		line-height: 28px;
	}
	.english_summarylink{
		font-size: 14px;
		line-height: 14px;
		bottom: 15px;
	}
	.singlepage .ingress{
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 20px;
		font-size: 15px;
		line-height: 24px;
	}
	.singlepage .menuonpage{
		margin-bottom: 30px;
	}
	.slideshow-wrapper .theslideshowsunet .slideelement .captionslideshow{
		position: relative;
		bottom: 0;
		right: 0;
		padding: 10px 10px 5px;
		font-size: 13px;
		line-height: 16px;
	}
	.singlepage .entry-content{
		font-size: 16px;
		line-height: 24px;
	}
	.singlepage .entry-content p{
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 20px;
	}
	.factbox .insidefactbox{
		padding-left: 20px;
		padding-right: 20px;
	}
	.factbox .content{
		font-size: 14px;
		line-height: 22px;
	}
	.singlepage .entry-content .factbox h3.title{
		font-size: 17px;
		line-height: 19px;
	}
	.singlepage .entry-content ul li{
	    padding: 0 0 10px 25px;
	}
	.factbox.expanded.hoger{
		right: 4%;
	}
	.factbox.expanded.vanster{
		left: 4%;
	}
	.factbox.liten{
		width: 90%;
		display: block;
	}
	.factbox.stor{
		width: inherit;
	}
	.factbox.liten.hoger{
		float: none;
		margin-left: 0px;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	.factbox.liten.vanster{
		float: none;
		margin-right: 0px;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	.factbox.stor .insidefactbox{
		padding-left: 20px;
		padding-right: 20px;
	}
	blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft{
		margin: 0 10px 20px 0;
		
	}
	figure.wp-caption.alignleft, img.alignleft{
		max-width: 170px;
		margin-left: 20px;
	}
	blockquote.alignright, figure.wp-caption.alignright, img.alignright{
		margin: 0 0 20px 10px;
	}
	figure.wp-caption.alignright, img.alignright{
		max-width: 170px;
		margin-right: 20px;
	}
	.singlepage .entry-content ul, .singlepage .entry-content ol{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.singlepage .entry-content ol li{
		padding-bottom: 10px;
		padding-left: 10px;
	}
	.singlepage .entry-content ul li{
		padding-bottom: 10px;
		padding-left: 25px;
		background-position: 0 2px;
	}
	.singlepage .entry-content .factbox .content ul{
		margin-bottom: 0;
	}
	.singlepage .entry-content .factbox .content ol{
		margin-bottom: 0;
	}
	.singlepage .entry-content .factbox .content p{
		margin-bottom: 15px;
	}
	.singlepage .entry-content .factbox .content h1, .singlepage .entry-content .factbox .content h2, .singlepage .entry-content .factbox .content h3, .singlepage .entry-content .factbox .content h4, .singlepage .entry-content .factbox .content h5, .singlepage .entry-content .factbox .content h6, .singlepage .entry-content .factbox .content h7{
		margin-bottom: 15px;
	}
	.singlepage .entry-content h1, .singlepage .entry-content h2, .singlepage .entry-content h3, .singlepage .entry-content h4, .singlepage .entry-content h5, .singlepage .entry-content h6, .singlepage .entry-content h7, .singlepage .entry-content h8{
		padding-left: 20px;
		padding-right: 20px;
		font-size: 22px;
		line-height: 24px;
		margin-bottom: 20px;
		margin-top: 10px;
	}
	.underimage .wp-caption-text{
		font-size: 13px;
    	line-height: 16px;
    	padding: 10px 10px 5px;
	}
	.singlepage .entry-content blockquote{
		padding-left: 20px;
		padding-right: 20px;
		font-size: 24px;
		line-height: 30px;
	}
	.singlepage .entry-content blockquote .smaller{
		font-size: 14px;
		line-height: 16px;
	}
	.wp-caption-text{
		font-size: 13px;
	    line-height: 16px;
	    padding: 10px 10px 5px;
	}
	blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter{
		margin-bottom: 20px;
	}
	.singlepage .entry-content .quote{
	    font-size: 72px;
	    margin-left: 1px;
	    margin-right: 4px;
	    top: 32px;
	}
	.wp-caption-text{
		bottom: 0;
		right: 0;
		position: relative;
	}
	.by_and_when{
		padding-right: 20px;
		padding-left: 20px; 
		margin-bottom: 10px;
	}
	.by_and_when .largename{
		margin-right: 0;
		font-size: 12px;
		line-height: 16px;
		top: 11px;
		margin-left: 10px;
	}
	.by_and_when .imagecont{
		margin-bottom: 20px;
		margin-right: 0;
		width: 40px;
		height: 40px;
	}
	.singlepage .entry-content .english_summary div.headline{
		margin-bottom: 20px;
	}
	.singlepage .entry-content .english_summary div.headline .line{
		margin-top: 15px;
	}
	
	/**
	 * Contact singlepage
	 * > 401
	 */
	#contact{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	/**
	 * 	Prisuppgift singlepage
	 * > 401
	 */
	.pris_uppg{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	/**
	 * 	Dokumentation singlepage
	 * > 401
	 */
	.dokumentation_kontaktperson{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.dokumentation_kontaktperson h2{
		margin-bottom: 30px;
	}
	.dokumentation_kontaktperson ul li{
		margin-left: 0;
		margin-right: 0;
		width: 100%; 
		float: none;
	}
	/**
	 * 	Urval av kunder singlepage
	 * > 401
	 */
	.urval_av_kunder{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.urval_av_kunder h2{
		margin-bottom: 20px;
	}
	.urval_av_kunder ul li{
		display: block;
		width: 100%;
		float: none;
	}
	
	/**
	 * 	CASE singlepage
	 * > 401
	 */
	.random_case .backgroundimage .maxwidththing{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.random_case .tablecont .table .cell .inside .splashheadline{
	    font-size: 18px;
	    line-height: 20px;
	    margin-bottom: 20px;
	}
	.random_case .tablecont .table .cell .inside .randomwidth{
		padding-left: 0;
		padding-right: 0;
	}
	
	/**
	 * 	BLOGGSHORTCODEN
	 * > 401
	 */
	.listofbloggers .bloggerpuff{
		width: 100%;
		margin-bottom: 0px;
	}
	.listofbloggers .paddingthing{
		padding-bottom: 10px;
	}
	
	/**
	 * 	GOOGLEMAP
	 * > 401
	 */
	#googlemap{
		height: 380px;
	}
	/**
	 * 	SLUT PÅ LITE STÖRRE ÄN MOBIL
	 */
	
}

@media screen and (min-width: 594px) {
	.gridholder{
		width: 574px;
	}
	.gridholderpadding{
		padding-left: 20px;
		padding-right: 20px;
	}
	#header #headersearch{
		display: block;
	}
	.englishlinkhead{
		margin-right: 20px;
		border-right: 1px solid #f2f2f2;
    	padding-right: 17px;
	}
	#rightinid .insideright #mobilesearch{
		display: none;
	}
	#inskjutning .rightin .insideright{
		padding-top: 40px;
	}
	
	#inskjutning .rightin .insideright{
		width: 400px;
	}
	
	#inskjutning .rightin .insideright .widget{
		padding-left: 70px;
		padding-right: 70px;
	}
	#header #bread{
		display: block;
	}
	
	
	#footer .widget_text .fcol{
		width: 50%;
	}
	#footer .widget_text .fcol .inside{
		padding-left: 20px;
		padding-right: 20px;
	}
		
	
	/**
	 * 	GÖR EN DEL SAKER FLERSPALTIGA
	 * TODO
	 */
	#tre_ingangar .ingang{
		width: 50%;
	}
	#tre_ingangar .ingang a.mainlink h2{
		min-height: 72px;	
	}
	#tre_ingangar .ingang.nr2, #tre_ingangar .ingang.nr3{
		background-color: #e9e8e8;
	}
	#tre_ingangar .ingang.nr4{
		background: none;
	}
	#flodet .flodpuff{
		width: 50%;
	}
	#flodet .flodpuff .innerborder{
		padding: 5px;
	}
	.listofbloggers .bloggerpuff{
		width: 50%;
	}
	
	
	/**
	 * 	Evenemangspecifikt
	 * > 594
	 */
	.kalenderinfo .showthedates{
		font-size: 18px;
		line-height: 18px;
		padding-top: 18px;
		padding-bottom: 18px;
	}
	.kalenderinfo ul.dateslist{
		padding-bottom: 25px;
	}
	.kalenderinfo ul.dateslist li{
	    font-size: 16px;
	    line-height: 17px;
	    padding: 10px 0px 4px 0px;
	}
	
	/**
	 * SINGLEPAGE
	 * > 594
	 */
	.pris_uppg .pricebox .innsidepr h2.main{
		font-size: 20px;
		line-height: 24px;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.pris_uppg .pricebox .innsidepr .text i, .pris_uppg .pricebox .innsidepr .text strong i, .pris_uppg .pricebox .innsidepr .text i strong, .pris_uppg .pricebox .innsidepr .text em, .pris_uppg .pricebox .innsidepr .text strong em, .pris_uppg .pricebox .innsidepr .text em strong{
		font-size: 36px;
		line-height: 36px;
	}
	.pris_uppg .pricebox .innsidepr .text p{
		font-size: 17px;
		line-height: 22px;
	}
	.dokumentation_kontaktperson ul li{
		font-size: 16px;
		line-height: 18px;
		margin-bottom: 10px;
		text-align: center;
	}
	.dokumentation_kontaktperson h2 span.icon{
		width: 24px;
		height: 27px;
		background-position: -257px -595px;
		top: 5px;
		margin-right: 10px;
	}
	.urval_av_kunder ul li{
		font-size: 15px;
		line-height: 18px;
		margin-bottom: 10px;
		text-align: center;
	}
	
	.singlepagetopimage .backgroundimage{
		background-size: cover;
	}
	.singlepagetopimage .backgroundimage .tablecont .table .cell .inside .splashheadline{
		font-size: 38px;
		line-height: 40px;
	}
	.singlepage{
		padding-top: 40px;
		padding-bottom: 30px;
	}
	.singlepagebg > .gridholder > .gridholderpadding{
		padding-left: 0;
		padding-right: 0;
	}
	.singlepage h1{
		padding-left: 30px;
		padding-right: 30px;
		margin-bottom: 30px;
		font-size: 26px;
		line-height: 30px;
	}
	.english_summarylink{
		font-size: 14px;
		line-height: 14px;
		bottom: 15px;
	}
	.singlepage .ingress{
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 25px;
	}
	.singlepage .menuonpage{
		margin-bottom: 30px;
	}
	.slideshow-wrapper .theslideshowsunet .slideelement .captionslideshow{
		position: relative;
		bottom: 0;
		right: 0;
		padding: 15px 15px 10px;
		font-size: 14px;
		line-height: 17px;
	}
	.singlepage .entry-content{
		font-size: 17px;
		line-height: 25px;
	}
	.singlepage .entry-content p{
		padding-left: 30px;
		padding-right: 30px;
		margin-bottom: 20px;
	}
	.factbox .insidefactbox{
		padding-left: 20px;
		padding-right: 20px;
	}
	.factbox .content{
		font-size: 15px;
		line-height: 23px;
	}
	.singlepage .entry-content .factbox h3.title{
		font-size: 18px;
		line-height: 20px;
	}
	.singlepage .entry-content ul li{
	    padding: 0 0 10px 25px;
	}
	.factbox.expanded.hoger{
		right: 0;
	}
	.factbox.expanded.vanster{
		left: 0;
	}
	.factbox.liten{
		width: 300px;
	}
	.factbox.stor{
		width: inherit;
	}
	.factbox.liten.hoger{
		float: right;
		margin-left: 18px;
		margin-bottom: 15px;
	}
	.factbox.liten.vanster{
		float: left;
		margin-right: 18px;
		margin-bottom: 15px;
	}
	.factbox.stor .insidefactbox{
		padding-left: 20px;
		padding-right: 20px;
	}
	blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft{
		margin: 0 10px 20px 0;
		
	}
	figure.wp-caption.alignleft, img.alignleft{
		max-width: 200px;
		margin-left: 20px;
	}
	blockquote.alignright, figure.wp-caption.alignright, img.alignright{
		margin: 0 0 20px 10px;
	}
	figure.wp-caption.alignright, img.alignright{
		max-width: 200px;
		margin-right: 20px;
	}
	.singlepage .entry-content ul, .singlepage .entry-content ol{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.singlepage .entry-content ol li{
		padding-bottom: 10px;
		padding-left: 10px;
	}
	.singlepage .entry-content ul li{
		padding-bottom: 10px;
		padding-left: 25px;
		background-position: 0 2px;
	}
	.singlepage .entry-content .factbox .content ul{
		margin-bottom: 0;
	}
	.singlepage .entry-content .factbox .content ol{
		margin-bottom: 0;
	}
	.singlepage .entry-content .factbox .content p{
		margin-bottom: 15px;
	}
	.singlepage .entry-content .factbox .content h1, .singlepage .entry-content .factbox .content h2, .singlepage .entry-content .factbox .content h3, .singlepage .entry-content .factbox .content h4, .singlepage .entry-content .factbox .content h5, .singlepage .entry-content .factbox .content h6, .singlepage .entry-content .factbox .content h7{
		margin-bottom: 15px;
	}
	.singlepage .entry-content h1, .singlepage .entry-content h2, .singlepage .entry-content h3, .singlepage .entry-content h4, .singlepage .entry-content h5, .singlepage .entry-content h6, .singlepage .entry-content h7, .singlepage .entry-content h8{
		padding-left: 20px;
		padding-right: 20px;
		font-size: 22px;
		line-height: 24px;
		margin-bottom: 20px;
		margin-top: 10px;
	}
	.underimage .wp-caption-text{
		font-size: 13px;
    	line-height: 16px;
    	padding: 10px 10px 5px;
	}
	.singlepage .entry-content blockquote{
		padding-left: 20px;
		padding-right: 20px;
		font-size: 24px;
		line-height: 30px;
	}
	.singlepage .entry-content blockquote .smaller{
		font-size: 14px;
		line-height: 16px;
	}
	.wp-caption-text{
		font-size: 13px;
	    line-height: 16px;
	    padding: 10px 10px 5px;
	}
	blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter{
		margin-bottom: 20px;
	}
	.singlepage .entry-content .quote{
	    font-size: 72px;
	    margin-left: 1px;
	    margin-right: 4px;
	    top: 32px;
	}
	.wp-caption-text{
		bottom: 0;
		right: 0;
		position: relative;
	}
	.by_and_when{
		padding-right: 20px;
		padding-left: 20px; 
		margin-bottom: 10px;
	}
	.by_and_when .largename{
		margin-right: 0;
		font-size: 14px;
		line-height: 18px;
		top: 10px;
	}
	.by_and_when .imagecont{
		margin-bottom: 20px;
		margin-right: 0;
		width: 40px;
		height: 40px;
	}
	.singlepage .entry-content .english_summary div.headline{
		margin-bottom: 20px;
	}
	.singlepage .entry-content .english_summary div.headline .line{
		margin-top: 15px;
	}
	
	/**
	 * Contact singlepage
	 * > 594
	 */
	#contact{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	/**
	 * 	Prisuppgift singlepage
	 * > 594
	 */
	.pris_uppg{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	/**
	 * 	Dokumentation singlepage
	 * > 594
	 */
	.dokumentation_kontaktperson{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.dokumentation_kontaktperson h2{
		margin-bottom: 30px;
	}
	.dokumentation_kontaktperson ul li{
		margin-left: 0;
		margin-right: 0;
		width: 100%; 
		float: none;
	}
	/**
	 * 	Urval av kunder singlepage
	 * > 594
	 */
	.urval_av_kunder{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.urval_av_kunder h2{
		margin-bottom: 20px;
	}
	.urval_av_kunder ul li{
		display: block;
		width: 100%;
		float: none;
	}
	
	/**
	 * 	CASE singlepage
	 * > 594
	 */
	.random_case .backgroundimage .maxwidththing{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.random_case .tablecont .table .cell .inside .splashheadline{
	    font-size: 18px;
	    line-height: 20px;
	    margin-bottom: 20px;
	}
	.random_case .tablecont .table .cell .inside .randomwidth{
		padding-left: 0;
		padding-right: 0;
	}
	
}

@media screen and (min-width: 673px) {
	.gridholder{
		width: 632px;
	}
	
	/**
	 * 	CASE singlepage
	 * > 673
	 */
	.random_case .backgroundimage .maxwidththing{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.random_case .tablecont .table .cell .inside .splashheadline{
	    font-size: 22px;
	    line-height: 24px;
	    margin-bottom: 25px;
	}
	.random_case .tablecont .table .cell .inside .randomwidth{
		padding-left: 0;
		padding-right: 0;
	}
	
	
	/**
	 * 	Evenemang
	 */
	.kalenderinfo_inside ul.largemisc.twocol li, .kalenderinfo_inside ul.largemisc.fivespec li.two{
		width: 50%;
	}
	.kalenderinfo_inside ul.largemisc.threecol li{
		width: 33%;
	}
	
}
/**
 * 	Stående ipad
 */
@media screen and (min-width: 748px) {
	
	/**
	 * HÄR BLIR SIDHUVUDET STORT IGEN!	
	 */
	.bx-controls-direction{
		display: block;
	}
	#header{
		height: 80px;
		border-bottom: solid 4px #e37423;
	}
	.englishlinkhead{
		top: 38px;
	}
	#header #headersearch{
		top: 13px;
	}
	#header #bread{
		top: 36px;
		margin-left: 20px;
		font-size: 16px;
		line-height: 16px;
		padding-left: 20px;
	}
	#header #bread .leftline{
		left: 0;
		top: 3px;
		height: 11px;
		width: 2px;
	}
	#header .logo{
		top: 20px;
		width: 38px;
		height: 48px;
		margin: 0 auto;
		background-position:-40px -141px; 
	}
	#header #showmenubtn{
	    margin-top: 39px;
	}
	body{
		padding-top: 84px;
	}
	
	.gridholder{
		width: 708px;
	}
	
	
	/**
	 * 	LITE STÖRRE ÄN MOBIL
	 */
	.readmore h3{
		margin-top: 10px;
		font-size: 20px;
	}
	
	/**
	 * 	SPLASHEN
	 *  > 748
	 */
	.splash.slideelement .backgroundimage .tablecont .table .cell .inside .splashheadline{
		font-size: 40px;
		line-height: 44px;
	}
	.splash.slideelement .backgroundimage .tablecont .table .cell .inside .text{
		font-size: 14px;
		line-height: 20px;
		margin-top: 0;
	}
	
	/**
	 * 	TEKNIKER
	 *  > 748
	 */
	#tekniker{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#tekniker .text{
		font-size: 14px;
		line-height: 17px;
	}
	
	/**
	 * 	Fyra ingångarna
	 *  > 748
	 */
	#tre_ingangar .ingang a.mainlink{
		padding: 25px 20px;
	}
	#tre_ingangar .ingang a.mainlink h2{
		margin-top: 0;
		font-size: 18px;
    	line-height: 24px;
    	margin-bottom: 10px;
	}
	/**
	 * 	KNAPPAR
	 * > 748
	 */
	button, .button, input[type="button"], input[type="reset"], input[type="submit"]{
		font-size: 14px;
		padding: 9px 14px 7px;
	}
	button .arr, .button .arr, input[type="button"] .arr, input[type="reset"] .arr, input[type="submit"] .arr{
		background-image: url("images/sprites.png");
	    background-position: -304px -68px;
	    display: inline-block;
	    height: 16px;
	    margin-left: 20px;
	    position: relative;
	    top: 2px;
	    width: 8px;
	}
	.arr.down{
		background-position: -336px -72px;
		width: 16px;
		height: 8px;
		top: 0px;
	}
	.active .arr.down{
		background-position: -428px -244px;
	}
	.arr.down.gray{
		background-position: -336px -44px;
	}
	.active .arr.down.gray{
		background-position: -378px -44px;
	}
	.visa_fler.button.active .arr.down.gray, .visa_fler.button:hover .arr.down.gray{
		background-position: -336px -72px;
	}
	
	/**
	 * 	SUNET I SIFFROR
	 *  > 748
	 */
	#sunet_siffror{
		background-size: cover;
		padding-top: 90px;
		padding-bottom: 90px;
	}
	#sunet_siffror .toptext{
		font-size: 16px;
		line-height: 16px;
		margin-bottom: 30px;
	}
	#sunet_siffror .line{
		margin-bottom: 50px;
		height: 3px;
		width: 60px;
	}
	#sunet_siffror .numberslide .large{
		font-size: 100px;
		line-height: 100px;
		margin-bottom: 20px;
	}
	#sunet_siffror .numberslide .medium{
		font-size: 28px;
		line-height: 30px;
		margin-bottom: 15px;
	}
	#sunet_siffror .numberslide .small{
		font-size: 18px;
		line-height: 20px;
	}
	
	/**
	 * 	FLÖDET
	 *  > 748
	 */
	.button.visa_fler{
		padding-right: 40px;
		padding-left: 40px;
	}
	#flodet{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#flodet .flodpuff{
		width: 50%;
	}
	#flodet .flodpuff .innerborder{
		padding: 5px;
	}
	
	/**
	 * 	HORISONTELL MENY IGEN
	 * > 748
	 */
	#flodet ul.filter{
		width: auto;
		display: inline-block;
	}
	#flodet ul.filter li.info{
		display: none;
	}
	#flodet ul.filter li{
		display: inline-block;
		float: left;
		width: auto;
		text-align: center;
		margin-bottom: 0px;
		margin-left: 8px;
		margin-right: 8px;
		font-size: 14px;
		line-height: 14px;
	}
	#flodet ul.filter li.info .filtertext{
		display: block;
	}
	#flodet ul.filter li.info .mobilemenubtn{
		display: none;	
	}
	#flodet ul.filter li.info{
		margin-bottom: 0px;
	}
	#flodet ul.filter li a{
		display: inline-block;
		width: 100%;
		padding-bottom: 10px;
	}
	/**
	 * 	PUFF I FLÖDET
	 * > 748
	 */
	#flodet .flodpuff .innerborder .moreinnerwhite .whitecont .date{
	    font-size: 12px;
	    line-height: 12px;
	    margin-bottom: 5px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .whitecont h2{		
    	font-size: 18px;
    	line-height: 23px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .social_and_cat .type{
		font-size: 12px;
		line-height: 12px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .social_and_cat .likes .iconandnumber .number, #contact .insidec .bloggposts a .likes .iconandnumber .number{
		font-size: 12px;
	}
	.hiddeninfo .moreicon .number{
		font-size: 12px;
		position: relative;
    	top: 3px;
	}
	#flodet .gridholderpadding{
		padding-left: 10px;
		padding-right: 10px;
	}
	#flodet .flodpuff .innerborder .mainlink .outsideimagecont .imagecontainer .dateevent .day, .whitecont .dateevent .day{
		font-size: 26px;
		line-height: 26px;
	}
	#flodet .flodpuff .innerborder .mainlink .outsideimagecont .imagecontainer .dateevent .month, .whitecont .dateevent .month{
		font-size: 13px;
		line-height: 13px;
	}
	#flodet .flodpuff .innerborder .mainlink .outsideimagecont .imagecontainer .dateevent, .whitecont .dateevent{
		padding: 10px 13px 7px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .whitecont h2.paddingright{
		padding-right: 48px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .whitecont{
		padding-bottom: 10px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .social_and_cat{
		padding-bottom: 10px;
	}
	
	
	/**
	 * 	SUNETS HISTORIA
	 *  > 748
	 */
	#sunets_historia{
		padding-top: 30px;
	}
	#sunets_historia .thing.even .inside{
		padding-left: 15px;
	}
	#sunets_historia .thing.odd .inside{
		padding-right: 15px;
	}
	#sunets_historia .thing .inside{
		padding-bottom: 40px;
	}
		
	#sunets_historia .thing.odd .text .line{
		left: inherit;
    	right: -15px;
	}
	#sunets_historia .thing.even .text .line{
		right: inherit;
    	left: -15px;
	}
	#sunets_historia .thing.nrspec{
		max-height: 80px;
		min-height: 80px !important;
	}
	#sunets_historia .topinfo h2 .small{
		font-size: 16px;
		line-height: 16px;
	}
	#sunets_historia .topinfo h2 .large{
		font-size: 40px;
		line-height: 40px;
	}
	
	/**
	 * 	NYHETSBREVET
	 *  > 748
	 */
	#nyhetsbrevs_prenumeration .sunet_news .headline{
		font-size: 44px;
		line-height: 44px;
	}
	#nyhetsbrevs_prenumeration{
		padding-top: 40px;
		padding-bottom: 50px;
	}
	#nyhetsbrevs_prenumeration .sunet_news{
		padding: 25px 20px;
		padding-left: 0px;
		display: inline-block;
	}
	#nyhetsbrevs_prenumeration .sunet_news .inlineelement{
		margin-bottom: 0px;
		margin-left: 25px;
		display: inline-block;
		float: left;
		text-align: left;
	}
	#nyhetsbrevs_prenumeration .sunet_news .aftertext{
		bottom: 10px;
		margin-left: 15px;
	}
	#nyhetsbrevs_prenumeration .sunet_news .theform .email{
		width: 240px;
		display: inline-block;
		margin-bottom: 0px;
	}
	#nyhetsbrevs_prenumeration .sunet_news .theform .button{
		margin-left: 20px;
	}
	#nyhetsbrevs_prenumeration .sunet_news .arrowdown{
		display: block;
	}
	
	
	/**
	 * 	SIDFOTEN
	 *  > 748
	 */
	#footer .widget_text .textwidget h3{
		font-size: 18px;
		line-height: 22px;
	}
	#footer .widget_text .textwidget{
		font-size: 15px;
		line-height: 22px;
	}
	#footer{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	#footer .menu-sidfotsmeny-container{
		margin-bottom: 40px;
	}
	#footer .menu-footerinfotop-container .menu li{
		display: inline-block;
    	margin: 0;
	    text-align: left;
		margin-left: 5px;
		margin-right: 5px;
	}
	#footer .menu-footersocialbottom-container li{
		display: inline-block;
		margin-left: 20px;
		margin-right: 20px;
	}
	#footer .menu-footerinfotop-container .menu, #footer .menu-footersocialbottom-container .menu{
		display: inline-block;
    	margin: 0 auto;
    	text-align: left;
	}
	#footer .menu-footersocialbottom-container{
		
	}
	#footer .menu-footersocialbottom-container .menu{
		text-align: center;
	}
	#footer .menu-footerinfotop-container{
		margin-bottom: 20px;
	}
	#footer .widget_text .fcol{
		width: 50%;
	}
	#footer .widget_text .fcol .inside{
		padding-left: 0;
		padding-right: 0;
	}
	#footer .madeby{
		font-size: 10px;
		line-height: 12px;
	}
	/**
	 * 	Evenemangspecifikt
	 * > 748
	 */
	.kalenderinfo .showthedates{
		font-size: 20px;
		line-height: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.kalenderinfo ul.dateslist{
		padding-bottom: 25px;
	}
	.kalenderinfo ul.dateslist li{
	    font-size: 16px;
	    line-height: 17px;
	    padding: 10px 0px 4px 0px;
	}
	
	/**
	 * SINGLEPAGE
	 * > 748
	 */
	.factbox.liten{
		width: 330px;
	}
	figure.wp-caption.alignleft, img.alignleft{
		max-width: 260px;
	}
	figure.wp-caption.alignright, img.alignright{
		max-width: 260px;
	}
	.singlepagetopimage .backgroundimage .tablecont .table .cell .inside .splashheadline{
		font-size: 52px;
		line-height: 54px;
	}
	
	/**
	 * 	BLOGGSHORTCODEN
	 * > 748
	 */
	.listofbloggers .bloggerpuff{
		width: 50%;
		margin-bottom: 0px;
	}
	.listofbloggers .paddingthing{
		padding-bottom: 10px;
	}
	
	/**
	 * 	CASE singlepage
	 * > 748
	 */
	.random_case .backgroundimage .maxwidththing{
		padding-top: 80px;
		padding-bottom: 80px;
		max-width: 570px;
	}
	.random_case .tablecont .table .cell .inside .splashheadline{
	    font-size: 28px;
	    line-height: 32px;
	    margin-bottom: 35px;
	}
	.random_case .tablecont .table .cell .inside .randomwidth{
		padding-left: 0;
		padding-right: 0;
	}
	
	/**
	 * 	GOOGLEMAP
	 * > 748
	 */
	#googlemap{
		height: 380px;
	}
	
	
	
}

@media screen and (min-width: 783px) {
	.gridholder{
		width: 742px;
	}
	
	#footer .menu-footerinfotop-container .menu li a .text{
		display: inline-block;
	}
	#footer .menu-footerinfotop-container .menu li a .icon{
	    margin-right: 5px;
	}
	
	#footer .menu-footerinfotop-container .menu li{
		display: inline-block;
    	margin: 0 5px;
    	text-align: left;
	}
	#footer .menu-footerinfotop-container .menu li a .icon{
	    height: 31px;
	    margin-right: 5px;
	    width: 31px;
	}
	#footer .menu-footerinfotop-container .menu li.map a .icon{
		background-position: -296px -878px;
	}
	#footer .menu-footerinfotop-container .menu li.medarbetare a .icon{
		background-position: -495px -878px;
	}
	#footer .menu-footerinfotop-container .menu li.tel a .icon{
		background-position: -329px -878px;
	}
	#footer .menu-footerinfotop-container .menu li.mail a .icon{
		background-position: -362px -878px;
	}
	#footer .menu-footerinfotop-container .menu li.map a:hover .icon{
		background-position: -395px -878px;
	}
	#footer .menu-footerinfotop-container .menu li.medarbetare a:hover .icon{
		background-position: -528px -878px;
	}
	#footer .menu-footerinfotop-container .menu li.tel a:hover .icon{
		background-position: -428px -878px;
	}
	#footer .menu-footerinfotop-container .menu li.mail a:hover .icon{
		background-position: -462px -878px;
	}
	#footer .menu-footerinfotop-container .menu li a .text{
		bottom: 11px;
	}
	
}

@media screen and (min-width: 810px) {
	.gridholder{
		width: 770px;
	}
	.splash.slideelement .backgroundimage .tablecont .table .cell .inside .splashheadline{
		font-size: 48px;
		line-height: 55px;
	}
	.splash.slideelement .backgroundimage .tablecont .table .cell .inside .text{
		font-size: 16px;
		line-height: 22px;
		margin-top: 0;
	}
	
}

@media screen and (min-width: 846px) {
	.gridholder{
		width: 806px;
	}
	
	.urval_av_kunder ul li{
		width: 33%;
		display: inline-block;
    	float: left;
    	text-align: left;
	}
	.dokumentation_kontaktperson ul li {
	    display: inline-block;
	    float: none;
	    margin-bottom: 15px;
	    margin-left: 10px;
	    margin-right: 10px;
	    width: inherit;
	}
	/**
	 * 	CASE singlepage
	 * > 846
	 */
	.random_case .backgroundimage .maxwidththing{
		padding-top: 180px;
		padding-bottom: 170px;
		max-width: 740px;
	}
	.random_case .tablecont .table .cell .inside .splashheadline{
	    font-size: 34px;
	    line-height: 38px;
	    margin-bottom: 45px;
	}
	.random_case .tablecont .table .cell .inside .randomwidth{
		padding-left: 0;
		padding-right: 0;
	}
	
	
	/**
	 * 	SUNETS HISTORIA
	 * > 846
	 */
	#sunets_historia .thing h2.orange{
		font-size: 26px;
		line-height: 28px;
		margin-bottom: 10px;
	}
	#sunets_historia .thing .text{
		font-size: 16px;
		line-height: 24px;
	}
	#sunets_historia .thing.even .inside{
		padding-left: 45px;
	}
	#sunets_historia .thing.odd .inside{
		padding-right: 45px;
	}
	#sunets_historia .thing.even .text .line{
		left: -45px;
	}
	#sunets_historia .thing.odd .text .line{
		right: -45px;
	}
	
}

@media screen and (min-width: 1008px) {
	.gridholder{
		width: 960px;
	}
	.listofbloggers.bigpresentation .bloggerpuff{
		width: 50%;
	}
	.singlepage .entry-content .listofbloggers .bloggerpuff .listpuffnew a h2{
		width: 73%;
	}
	#flodet ul.filter li.info{
		display: inline-block;
		margin-bottom: 0;
	}
	#flodet ul.filter li{
		font-size: 15px;
		line-height: 15px;
		margin-left: 8px;
		margin-right: 8px;
	}
	
	/**
	 * 	STÖRRE IKONER I SIDFOTEN IGEN
	 */
	#footer .menu-footerinfotop-container .menu li{
		margin-left: 20px;
		margin-right: 20px;
	}
	#footer .menu-footerinfotop-container .menu li a .icon{
		margin-right: 20px;
		height: 51px;
		width: 51px;
	}
	#footer .menu-footerinfotop-container .menu li.map a .icon{
		background-position: -346px -358px;
	}
	#footer .menu-footerinfotop-container .menu li.medarbetare a .icon{
		background-position: -676px -358px;
	}
	#footer .menu-footerinfotop-container .menu li.tel a .icon{
		background-position: -401px -358px;
	}
	#footer .menu-footerinfotop-container .menu li.mail a .icon{
		background-position: -456px -358px;
	}
	#footer .menu-footerinfotop-container .menu li.map a:hover .icon{
		background-position: -510px -358px;
	}
	#footer .menu-footerinfotop-container .menu li.medarbetare a:hover .icon{
		background-position: -731px -358px;
	}
	#footer .menu-footerinfotop-container .menu li.tel a:hover .icon{
		background-position: -565px -358px;
	}
	#footer .menu-footerinfotop-container .menu li.mail a:hover .icon{
		background-position: -621px -358px;
	}
	#footer .menu-footerinfotop-container .menu li a .text{
		bottom: 17px;
	}
	
	/**
	 * 	FLER SPALTER
	 */
	#flodet .flodpuff{
		width: 33%;
	}
	#flodet .flodpuff .innerborder{
		padding: 5px;
	}
	#tre_ingangar .ingang{
		width: 25%;
	}
	#tre_ingangar .ingang a.mainlink h2{
		min-height: inherit;	
	}
	#tre_ingangar .ingang.nr2, #tre_ingangar .ingang.nr4{
		background-color: #e9e8e8;
	}
	#tre_ingangar .ingang.nr3{
		background: none;
	}
	
	/**
	 * 	Evenemangspecifikt
	 * > 1008
	 */
	.kalenderinfo .showthedates{
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.kalenderinfo ul.dateslist{
		padding-bottom: 25px;
	}
	.kalenderinfo ul.dateslist li{
	    font-size: 18px;
    	line-height: 19px;
    	padding: 8px 0;
	}
	
	/**
	 * SINGLEPAGE
	 * > 1008
	 */
	.singlepage{
		padding-top: 55px;
		padding-bottom: 60px;
	}
	.singlepage h1{
		font-size: 32px;
		line-height: 38px;
	}
	.singlepage .ingress{
		font-size: 20px;
		line-height: 31px;
	}
	.singlepage .entry-content{
		font-size: 19px;
		line-height: 27px;
	}
	.underimage .wp-caption-text{
		font-size: 16px;
    	line-height: 22px;
    	padding: 6px 5px; 
	}
	.slideshow-wrapper .theslideshowsunet .slideelement .captionslideshow{
		font-size: 16px;
    	line-height: 22px;
    	padding: 15px 25px 12px;
    	background-color: #f7f7f7;
	    bottom: 10px;
	    position: absolute;
	    right: 10px;
	}	
	.wp-caption-text {
	    background-color: #f7f7f7;
	    bottom: 10px;
	    color: #252425;
	    font-size: 16px;
	    font-style: normal;
	    line-height: 22px;
	    margin: 0;
	    padding: 15px 25px 12px;
	    position: absolute;
	    right: 10px;
	}
	.factbox.liten{
		width: 360px;
	}
	figure.wp-caption.alignleft, img.alignleft{
		max-width: 460px;
	}
	figure.wp-caption.alignright, img.alignright{
		max-width: 460px;
	}
	.singlepage .entry-content blockquote{
		font-size: 34px;
		line-height: 40px;
	}
	.singlepage .entry-content blockquote .smaller{
		font-size: 16px;
		line-height: 18px;
	}
	/**
	 * 	Lite större paddings
	 */
	.singlepage .entry-content p{
		padding-left: 50px;
		padding-right: 50px;
	}
	.singlepage .ingress{
		padding-left: 50px;
		padding-right: 50px;
	}
	.singlepage .entry-content ul, .singlepage .entry-content ol{
		padding-left: 50px;
		padding-right: 50px;
	}
	
	
	/**
	 * 	BLOGGSHORTCODEN
	 * > 1008
	 */
	.listofbloggers .bloggerpuff{
		width: 33%;
		margin-bottom: 0px;
	}
	.listofbloggers .paddingthing{
		padding-bottom: 10px;
	}
	
}

@media screen and (min-width: 1040px) {
	.gridholder{
		width: 1000px;
	}
	/* TAGIT BORT FÖR ATT DELNINGAR SKA HAMNA NÄMRE TEXTEN. PLACEHOLDERW4
	.sharecontainer{
		position: fixed;
		left: 0;
		top: 50%;
		margin-top: -117px;
		z-index: 100;
	}
	.sharecontainer .share_and_so_on{
		list-style: none;
		display: inline-block;
		margin: 0;
		padding: 0;
		margin-bottom: 0px;
		
	}
	.sharecontainer .share_and_so_on li{
		display: block;
		margin-right: 0px;
		margin-bottom: 1px;
	}
	*/
	
	#flodet ul.filter li{
		font-size: 15px;
	    line-height: 15px;
	    margin-left: 10px;
	    margin-right: 10px;  
	}
	.splash.slideelement .backgroundimage .tablecont .table .cell .inside .splashheadline{
		font-size: 54px;
		line-height: 60px;
	}
	.splash.slideelement .backgroundimage .tablecont .table .cell .inside .text{
		font-size: 17px;
		line-height: 23px;
		margin-top: 0;
	}
}

@media screen and (min-width: 1080px) {
	.gridholder{
		width: 1020px;
	}
	
	#flodet{
		padding-top: 50px;
	}
	#flodet ul.filter li{
		font-size: 15px;
		line-height: 15px;
		margin-left: 12px;
		margin-right: 12px; 
	}
	/**
	 * 	STOR STIL PÅ VY-VÄLJARE
	 */
	#flodet ul.filter{
		margin-bottom: 10px;
	}
	#flodet #viewselector{
		float: right;
		bottom: 14px;
		position: relative;
		right: inherit;
		top: inherit;
		display: inline-block;
	}
	#flodet #viewselector .el{
		margin-left: 10px;
		margin-right: 10px;
	}
	#flodet #viewselector .el .inner{
		width: 40px;
		height: 40px;
	}
	#flodet #viewselector .el .icon{
	    height: 24px;
	    left: 8px;
	    top: 8px;
	    width: 24px;
	}
	#flodet #viewselector .el.grid .icon{
		background-position: -108px -371px;
	}
	#flodet #viewselector .el.lista .icon{
		background-position: -40px -370px;
	}
	#flodet #viewselector .el .text{
		display: block;
	}
	
	
	/**
	 * SINGLEPAGE
	 * > 1080
	 */
	.singlepage{
		padding-top: 65px;
		padding-bottom: 70px;
	}
	.singlepage h1{
		font-size: 34px;
		line-height: 40px;
	}
	.singlepage .ingress{
		font-size: 20px;
		line-height: 31px;
	}
	.singlepage .entry-content{
		font-size: 20px;
		line-height: 28px;
	}
	.underimage .wp-caption-text{
		font-size: 18px;
    	line-height: 24px;
    	padding: 20px 30px 16px; 
	}
	.slideshow-wrapper .theslideshowsunet .slideelement .captionslideshow{
		font-size: 18px;
    	line-height: 24px;
    	padding: 20px 30px 16px;
	}	
	.wp-caption-text {
	    bottom: 10px;
	    font-size: 18px;
	    line-height: 24px;
	    padding: 20px 30px 16px;
	}
	figure.wp-caption.alignleft, img.alignleft{
		max-width: 500px;
	}
	figure.wp-caption.alignright, img.alignright{
		max-width: 500px;
	}
	.singlepage .entry-content blockquote{
		font-size: 34px;
		line-height: 40px;
	}
	.singlepage .entry-content blockquote .smaller{
		font-size: 18px;
		line-height: 24px;
	}
	/**
	 * 	Lite större paddings
	 */
	.singlepage .entry-content p{
		padding-left: 80px;
		padding-right: 80px;
	}
	.singlepage .ingress{
		padding-left: 80px;
		padding-right: 80px;
	}
	.singlepage .entry-content ul, .singlepage .entry-content ol{
		padding-left: 80px;
		padding-right: 80px;
	}
	
}

@media screen and (min-width: 1110px) {
	.gridholder{
		width: 1040px;
	}
	#flodet{
		padding-top: 50px;
	}
	#flodet ul.filter li{
		font-size: 16px;
		line-height: 16px;
		margin-left: 12px;
		margin-right: 12px; 
	}
}

@media screen and (min-width: 1218px) {
	.gridholder{
		width: 1160px;
	}
	#flodet{
		padding-top: 50px;
	}
	#flodet ul.filter li{
		font-size: 17px;
		line-height: 17px;
		margin-left: 15px;
		margin-right: 15px; 
	}
	
	/**
	 * 	STOR LISTVY IGEN
	 * orginal
	 */
	#flodet .flodpuff.lista .mainlink h2,.flodpuff.lista .mainlink h2{
	    font-size: 24px;
	    line-height: 32px;
	    width: 70%;
	}
	
	#flodet .flodpuff.lista .mainlink .rightfloat, .flodpuff.lista .mainlink .rightfloat{
	    float:right;
		display: inline-block;	
		width: 30%;
	}
	
	#flodet .flodpuff.lista .mainlink .date,.flodpuff.lista .mainlink .date{
		font-size: 16px;
		line-height: 16px;
		margin-bottom: 0px;
		margin-right: 20px;
		position: relative;
  		top: 9px;
  		display: inline-block;
		float: left;	
	}
	#flodet .flodpuff.lista .mainlink .type,.flodpuff.lista .mainlink .type{
		display: inline-block;
		font-size: 13px;
		line-height: 13px;
		position: relative;
		top: 10px;
	  	display: inline-block;
		float: left;
		margin-right: 20px;
		text-align: left;
	}
	#flodet .flodpuff.lista .mainlink .social_and_cat, .flodpuff.lista .mainlink .social_and_cat{
		top: 6px;
	}
	
	
}

@media screen and (min-width: 1260px) {
	.gridholder{
		width: 1180px;
	}
}
@media screen and (min-width: 1390px) {
	.splash.slideelement .backgroundimage{
		background-size: 100% auto;
	}
	
	/**
	 * 	CONTACT
	 */
	.directlinktocontact{
		display: none;
	}
	#contact{
		width: 250px;
		position: fixed;
		right: 0;
		top: 50%;
		margin-top: 0px;
		z-index: 100;
		padding-top: 0;
		padding-bottom: 0;
		-webkit-transition : margin 250ms ease-out;
	  	-moz-transition : margin 250ms ease-out;
	  	-o-transition : margin 250ms ease-out;
	  	transition : margin 250ms ease-out;
	}
	#contact .gridholderpadding{
		padding-left: 10px;
		padding-right: 10px;
	}
	#contact.paddingbottom{
		padding-bottom: 20px;
	}
	#contact.hide{
		margin-right: -252px;
	}
	#contact #showhidecontact{
		display: block;
		position: absolute;
		left: 0px;
		width: 53px;
		height: 54px;
		top: 0px;
		background-color: white;
		cursor: pointer;
		border-right: solid 1px #e5e8e8;
		border-bottom: solid 1px #e5e8e8;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		border-bottom-right-radius: 3px;
	}
	#contact #showhidecontact .icon{
		background-image: url("images/sprites.png");
		background-position: -745px -700px;
	    height: 28px;
	    left: 12px;
	    position: relative;
	    top: 13px;
	    width: 30px;
	}
	#contact #showhidecontact:hover .icon{
		background-position: -799px -700px;
	}
	#contact.hide #showhidecontact{
		top: -1px;
		left: -54px;
		border-style: none;
		border-left: solid 1px #e5e8e8;
		border-top: solid 1px #e5e8e8;
		border-bottom: solid 1px #e5e8e8;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
		
	}
	#contact.hide #showhidecontact .icon{
		background-position: -745px -650px;
	}
	#contact.hide #showhidecontact:hover .icon{
		background-position: -799px -650px;
	}
	.singlepagebg{
		position: relative;
	}
	#contact.positionabsolute{
		position: absolute;
		right: 0;
		top: 80px;
	}
	#contact .gridholder{
		width: 100%;
	}
	#contact .insidec{
		padding: 25px 10px 15px;
	}
	#contact .insidec.nopaddingtop{
		padding-top: 0;
		padding-bottom: 0;
	}
	#contact .form .showform{
		font-size: 14px;
		line-height: 24px;
		padding-top: 10px; 
		padding-bottom: 10px;
	}
	#contact .form .showform .arr{
		display: none;
	}
	#contact .form .insider{
		padding: 25px 10px;
	}
	#contact .insidec .bloggposts a h3{
		margin-bottom: 0;
	}
}


/*Riktigt stora skärmar*/
@media screen and (min-width: 1460px) {
	.gridholder{
		width: 1400px;
	}
	#flodet ul.filter li{
		font-size: 17px;
		line-height: 17px;
		margin-left: 20px;
		margin-right: 20px; 
	}
}
@media screen and (min-width: 1500px) {
	.gridholder{
		width: 1440px;
	}
	
	.readmore h3{
		margin-top: 20px;
		font-size: 22px;
	}
	/**
	 * 	SPLASHEN
	 *  orginalstorleken igen
	 */
	.splash.slideelement .backgroundimage .tablecont .table .cell .inside .splashheadline{
		font-size: 80px;
		line-height: 82px;
	}
	.splash.slideelement .backgroundimage .tablecont .table .cell .inside .text{
		font-size: 18px;
		line-height: 26px;
	}
	/**
	 * 	Kalender
	 */
	.kalenderinfo_inside ul.largemisc li .insideli{
		font-size: 16px;
	}
	.kalenderinfo_inside ul.largemisc li .before{
		font-size: 12px;
	}
	
	/**
	 * 	TEKNIKER
	 *  orginalstorleken igen
	 */
	#tekniker{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	#tekniker .text{
		font-size: 19px;
		line-height: 19px;
	}
	
	/**
	 * 	Fyra ingångarna
	 *  orginalstorleken igen
	 */
	#tre_ingangar .ingang{
		width: 25%;
	}
	#tre_ingangar .ingang a.mainlink{
		padding-left: 40px;
		padding-right: 40px;
		padding-top: 70px;
		padding-bottom: 70px;
	}
	#tre_ingangar .ingang a.mainlink h2{
		margin-bottom: 30px;
		text-transform: uppercase;
		font-size: 24px;
		line-height: 32px;
		min-height: 96px;
	}
	button, .button, input[type="button"], input[type="reset"], input[type="submit"]{
		font-size: 18px;
		padding: 13px 30px 16px;
	}
	button .arr,
	.button .arr,
	input[type="button"] .arr,
	input[type="reset"] .arr,
	input[type="submit"] .arr {
		display: inline-block;
		height: 26px;
		width: 14px;
		margin-left: 30px;
		background-position: -303px -240px;
		position: relative;
		top: 6px;
	}
	.arr.down{
		width: 26px;
		height: 26px;
		top: 6px;
		background-position: -357px -238px;
	}
	.active .arr.down{
		background-position: -423px -244px;
	}
	.arr.down.gray{
		background-position: -357px -194px;
	}
	.active .arr.down.gray{
		background-position: -423px -194px;
	}
	.visa_fler.button.active .arr.down.gray, .visa_fler.button:hover .arr.down.gray{
		background-position: -357px -238px;
	}
	
	
	.splash.slideelement .button{
		padding-right: 40px;
		padding-left: 40px;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	/**
	 * 	SUNET I SIFFROR
	 *  orginalstorleken igen
	 */
	#sunet_siffror{
		background-size: cover;
		padding-top: 90px;
		padding-bottom: 90px;
	}
	#sunet_siffror .toptext{
		font-size: 16px;
		line-height: 16px;
		margin-bottom: 30px;
	}
	#sunet_siffror .line{
		margin-bottom: 50px;
		height: 3px;
		width: 60px;
	}
	#sunet_siffror .numberslide .large{
		font-size: 150px;
		line-height: 150px;
		margin-bottom: 20px;
	}
	#sunet_siffror .numberslide .medium{
		font-size: 30px;
		line-height: 32px;
		margin-bottom: 15px;
	}
	#sunet_siffror .numberslide .small{
		font-size: 20px;
		line-height: 22px;
	}
	
	/**
	 * 	FLÖDET
	 *  orginalstorleken igen
	 */
	.button.visa_fler{
		padding-left: 100px;
		padding-right: 100px;	
	}
	#flodet{
		padding-top: 50px;
		padding-bottom: 50px;	
	}
	#flodet .flodpuff{
		width: 25%;
	}
	#flodet .flodpuff .innerborder{
		padding: 15px;
	}

	
	/**
	 * 	FLÖDET puffar
	 * orginalstorleken igen
	 */
	#flodet .flodpuff .innerborder .moreinnerwhite .whitecont .date{
	    font-size: 14px;
	    line-height: 14px;
	    margin-bottom: 15px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .whitecont h2{		
    	font-size: 22px;
    	line-height: 28px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .social_and_cat .type{
		font-size: 13px;
		line-height: 13px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .social_and_cat .likes .iconandnumber .number, #contact .insidec .bloggposts a .likes .iconandnumber .number{
		font-size: 15px;
	}
	.hiddeninfo .moreicon .number{
		font-size: inherit;
		display: inline-block;
		float: left;
		top: 0;
	}
	#flodet .gridholderpadding{
		padding-left: 0px;
		padding-right: 0px;
	}
	#flodet .flodpuff .innerborder .mainlink .outsideimagecont .imagecontainer .dateevent .day, .whitecont .dateevent .day{
		font-size: 36px;
		line-height: 36px;
	}
	#flodet .flodpuff .innerborder .mainlink .outsideimagecont .imagecontainer .dateevent .month, .whitecont .dateevent .month{
		font-size: 16px;
		line-height: 16px;
	}
	#flodet .flodpuff .innerborder .mainlink .outsideimagecont .imagecontainer .dateevent, .whitecont .dateevent{
		padding: 10px 15px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .whitecont h2.paddingright{
		padding-right: 68px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .whitecont{
		padding: 25px 20px 15px;
	}
	#flodet .flodpuff .innerborder .moreinnerwhite .social_and_cat{
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}
	
	
	/**
	 * 	SUNETS HISTORIA
	 *  orginalstorleken igen
	 */
	#sunets_historia{
		padding-top: 90px;
		padding-bottom: 90px;
	}
	#sunets_historia .thing.even .inside{
		padding-left: 70px;
		text-align: left;
	}
	#sunets_historia .thing.odd .inside{
		padding-right: 70px;
		text-align: right;
	}
	#sunets_historia .thing.odd .text .line{
		left: inherit;
		right: -70px;
	}
	#sunets_historia .thing.even .text .line{
		right: inherit;
	    	left: -70px;
	}
	#sunets_historia .thing.nrspec{
		max-height: 190px;
		min-height: 190px !important;
	}
	#sunets_historia .topinfo h2 .small{
		font-size: 16px;
		line-height: 16px;
		letter-spacing: 0.05em;
		margin-bottom: 20px;
		display: block;
	}
	#sunets_historia .topinfo h2 .large{
		font-size: 40px;
		line-height: 40px;
		letter-spacing: 0em;
		display: block;
	}
	
	/**
	 * 	NYHETSBREVET
	 *  orginalstorleken igen
	 */
	#nyhetsbrevs_prenumeration .sunet_news .headline{
		letter-spacing: 0;
	}
	#nyhetsbrevs_prenumeration{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	#nyhetsbrevs_prenumeration .sunet_news{
		padding: 25px 50px;
		display: inline-block;
	}
	#nyhetsbrevs_prenumeration .sunet_news .inlineelement{
		margin-bottom: 0px;
		margin-left: 25px;
		display: inline-block;
		float: left;
		text-align: left;
	}
	#nyhetsbrevs_prenumeration .sunet_news .aftertext{
		bottom: 10px;
		margin-left: 15px;
	}
	#nyhetsbrevs_prenumeration .sunet_news .theform .email{
		width: 350px;
		display: inline-block;
		margin-bottom: 0px;
	}
	#nyhetsbrevs_prenumeration .sunet_news .theform .button{
		margin-left: 20px;
	}
	
	/**
	 * 	SIDFOTEN
	 *  orginalstorleken igen
	 */
	#footer{
		padding-bottom: 80px;
		padding-bottom: 80px;	
	}
	#footer .menu-sidfotsmeny-container{
		margin-bottom: 80px;
	}
	#footer .menu-footerinfotop-container .menu li{
		display: inline-block;
    	margin: 0;
	    text-align: left;
		margin-left: 20px;
		margin-right: 20px;
	}
	#footer .menu-footersocialbottom-container li{
		display: inline-block;
	}
	#footer .menu-footersocialbottom-container .menu{
		display: inline-block;
	    	margin: 0 auto;
    		text-align: left;
	}
	#footer .menu-footersocialbottom-container{
		clear: both;
		display: inline-block;
		width: 100%;
		margin-top: 50px;
		text-align: center;	
	}
	#footer .menu-footersocialbottom-container .menu{
		display: inline-block;
		margin: 0;
		margin-bottom: 20px;
		text-align: center;
	}
	#footer .menu-footerinfotop-container{
		
		margin-bottom: 50px;
	}
	#footer .widget_text .fcol{
		width: 50%;
	}
	#footer .widget_text .fcol .inside{
		padding-left: 20px;
		padding-right: 20px;
	}
	#footer .madeby{
		font-size: 13px;
		line-height: 13px;
	}
	
	/**
	 * SINGLEPAGE
	 * orginalstorleken igen
	 */
	.slideshow-wrapper .theslideshowsunet .slideelement .captionslideshow{
	    bottom: 10px;
	    font-size: 18px;
	    line-height: 24px;
	    margin: 0;
	    padding: 20px 30px 16px;
	    position: absolute;
	    right: 10px;
	}
	.underimage .wp-caption-text{
		font-size: 18px;
    	line-height: 24px;
    	padding: 8px 5px;
	}
	.singlepage .entry-content ul li{
		padding: 0 0 15px 45px;
		background-position: 0 2px;
	}
	.singlepage .entry-content ol li{
		padding-bottom: 15px;
	}
	.singlepage .entry-content blockquote .smaller{
		font-size: 18px;
	    line-height: 24px;
	}
	.singlepage .entry-content .factbox h3.title{
		font-size: 20px;
		line-height: 22px;
	}
	.factbox .content{
		font-size: 17px;
		line-height: 23px;
	}
	.singlepage .entry-content p{
		margin-bottom: 20px;
	}
	.singlepage .entry-content .factbox .content h1, .singlepage .entry-content .factbox .content h2, .singlepage .entry-content .factbox .content h3, .singlepage .entry-content .factbox .content h4, .singlepage .entry-content .factbox .content h5, .singlepage .entry-content .factbox .content h6, .singlepage .entry-content .factbox .content h7{
		margin-bottom: 20px;
	}
	.singlepage .entry-content .factbox .content ol{
		margin-bottom: 20px;
	}
	.singlepage .entry-content .factbox .content ul{
		margin-bottom: 20px;
	}
	.singlepage .entry-content{
		font-size: 20px;
		line-height: 32px;
	}
	figure.wp-caption.alignleft, img.alignleft{
		max-width: 500px;
	}
	figure.wp-caption.alignright, img.alignright{
		max-width: 500px;
	}
	.singlepagetopimage .backgroundimage{
		background-size: cover;
	}
	.singlepagetopimage .backgroundimage .tablecont .table .cell .inside .splashheadline{
		font-size: 60px;
		line-height: 62px;
	}
	.singlepage{
		padding-top: 75px;
		padding-bottom: 50px;
	}
	.singlepage h1{
		margin-bottom: 40px;
		font-size: 36px;
		line-height: 40px;
	}
	.singlepage .ingress{
		padding-left: 150px;
		padding-right: 150px;
		margin-bottom: 40px;
		font-size: 20px;
		line-height: 31px;
	}
	.singlepage .menuonpage{
		margin-bottom: 50px;
	}
	.slideshow-wrapper .theslideshowsunet .slideelement .captionslideshow{
		position: absolute;
		bottom: 10px;
		right: 10px;
	}
	.singlepage .entry-content p{
		padding-left: 115px;
		padding-right: 115px;
		margin-bottom: 35px;
	}
	.factbox.liten{
		width: 360px;
		display: inline-block;
	}
	.factbox.stor{
		width: 100%;
	}
	.factbox.liten.hoger{
		float: right;
		margin-left: 18px;
	}
	.factbox.liten.vanster{
		float: left;
		margin-right: 18px;
	}
	.factbox.stor .insidefactbox{
		padding-left: 60px;
		padding-right: 60px;
		padding-top: 40px;
	}
	blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft{
		margin: 0px 50px 40px 0;
	}
	blockquote.alignright, figure.wp-caption.alignright, img.alignright{
		margin: 0px 0 40px 50px;
	}
	.singlepage .entry-content ul, .singlepage .entry-content ol{
		padding-left: 115px;
		padding-right: 115px;
	}
	.singlepage .entry-content h1, .singlepage .entry-content h2, .singlepage .entry-content h3, .singlepage .entry-content h4, .singlepage .entry-content h5, .singlepage .entry-content h6, .singlepage .entry-content h7, .singlepage .entry-content h8{
		padding-left: 115px;
		padding-right: 115px;
		font-size: 30px;
		line-height: 32px;
		margin-bottom: 35px;
		margin-top: 15px;
	}
	.singlepage .entry-content blockquote{
		padding-left: 30px;
		padding-right: 30px;
		font-size: 34px;
		line-height: 40px;
	}
	.singlepage .entry-content .quote{
	    font-size: 82px;
	    margin-left: 4px;
	    margin-right: 7px;
	    top: 30px;
	}
	.wp-caption-text{
		bottom: 10px;
		right: 10px;
		position: absolute;
		padding: 20px 30px 16px 30px;
		font-size: 18px;
		line-height: 24px;
	}
	blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter{
		margin-bottom: 35px;
	}
	.by_and_when{
		padding-right: 0px;
		padding-left: 0px; 
		margin-bottom: 20px;
	}
	.by_and_when .largename{
		margin-right: 10px;
		font-size: 18px;
		line-height: 18px;
		top: 20px;
	}
	.by_and_when .imagecont{
		margin-bottom: 0px;
		margin-right: 10px;
		width: 60px;
		height: 60px;
	}
	.singlepage .entry-content .english_summary div.headline{
		margin-bottom: 60px; 
	}
	.singlepage .entry-content .english_summary div.headline .line{
		margin-top: 30px;
	}
	.dokumentation_kontaktperson h2 span.icon{
	    background-position: -40px -595px;
	    height: 53px;
	    margin-right: 20px;
	    top: 16px;
	    width: 47px;
	}
	.dokumentation_kontaktperson ul li{
		font-size: 20px;
	    line-height: 22px;
	    margin-bottom: 15px;
	    margin-left: 10px;
	    margin-right: 10px;
	}
	.urval_av_kunder ul li{
		font-size: 20px;
	    line-height: 22px;
	    margin-bottom: 15px;
	    margin-left: 0px;
	    margin-right: 0px;
	    text-align: left;
	}
	/**
	 * Contact singlepage
	 * orginalstorleken igen
	 */
	#contact{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	/**
	 * 	Prisuppgift singlepage
	 * orginalstorleken igen
	 */
	.pris_uppg{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	
	/**
	 * 	Dokumentation singlepage
	 * orginalstorleken igen
	 */
	.dokumentation_kontaktperson{
		padding-top: 35px;
		padding-bottom: 20px;
	}
	.dokumentation_kontaktperson h2{	
		font-size: 18px;
		line-height: 20px;
		margin: 0 0 40px;
	}
	.dokumentation_kontaktperson ul li{
		display: inline-block;
		margin-left: 10px;
		margin-right: 10px;
		width: auto;
		text-align: left; 
		float: none;
	}
	/**
	 * 	Urval av kunder singlepage
	 * orginalstorleken igen
	 */
	.urval_av_kunder{
		padding-top: 35px;
		padding-bottom: 20px;
	}
	.urval_av_kunder h2{
		margin-bottom: 40px;
	}
	.urval_av_kunder ul li{
		display: inline-block;
		width: 33%;
		float: left;
	}
	
	/**
	 * 	CASE singlepage
	 * orginalstorleken igen
	 */
	.random_case .backgroundimage .maxwidththing{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.random_case .tablecont .table .cell .inside .splashheadline{
		font-size: 36px;
		line-height: 40px;
		margin-bottom: 60px;
	}
	.random_case .tablecont .table .cell .inside .randomwidth{
		padding-left: 20px;
		padding-right: 20px;	
	}
	
	/**
	 * 	BLOGGSHORTCODEN
	 * orginalstorleken igen
	 */
	.listofbloggers .bloggerpuff{
		width: 33%;
		margin-bottom: 0px;
	}
	.listofbloggers .paddingthing{
		padding-bottom: 10px;
	}
	
	/**
	 * 	GOOGLEMAP
	 * orginalstorleken igen
	 */
	#googlemap{
		height: 500px;
	}
	/**
	 *  SLUT DETTA SKA FLYTTAS NEDÅT SLUT
	 */
	
	
}
@media screen and (min-width: 1700px){
	#contact{
		width: 360px;
	}
	#contact.hide{
		margin-right: -362px;
	}
	#contact .gridholderpadding{
		padding-left: 20px;
		padding-right: 20px;
	}
	#contact .insidec{
		padding: 25px 30px;
	}
	#contact .form .showform{	
		font-size: 16px;
		line-height: 20px;
		padding-top: 15px; 
		padding-bottom: 15px;
	}
	#contact .form .showform .arr{
		margin-left: 30px;
		display: inline-block;
	}
	#contact .form .insider{
		padding: 25px 30px;
	}
	#contact .insidec .bloggposts a h3{
		margin-bottom: 3px;
	}

}



@media screen and (min-width: 1780px) {
	.gridholder{
		width: 1720px;
	}
}

/**
 * 12.0 Print
 * -----------------------------------------------------------------------------
 */

@media print {
	
	#contact, #pris, .singlepage .entry-content ul, .singlepage .entry-content ol, .singlepage .entry-content div, .singlepage .entry-content img, .singlepage .entry-content h1, .singlepage .entry-content h2, .singlepage .entry-content h3, .singlepage .entry-content h4, .singlepage .entry-content h5, .singlepage .entry-content a{
        page-break-inside: avoid;
    }
    #contact{
	    page-break-before: always;
    }
	
	.gridholder{
		width: 100%;
	}
	.singlepage{
		width: 100%;
		padding-bottom: 0;
		padding-top: 20px;
	}
	.singlepagebg{
		background-color: white;
	}
	.singlepage .entry-content .factbox .content ul li{
		background: none;
	}
	.singlepage .ingress{
		padding-left: 0;
		padding-right: 0;
	}
	.singlepage .menuonpage{
		display: none;
	}
	.singlepage .entry-content p{
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 10px;
	}
	.singlepage .entry-content h1, .singlepage .entry-content h2, .singlepage .entry-content h3, .singlepage .entry-content h4, .singlepage .entry-content h5, .singlepage .entry-content h6, .singlepage .entry-content h7, .singlepage .entry-content h8{
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 10px;
		margin-top: 20px;
		font-size: 20px;
		line-height: 22px;
	}
	.urval_av_kunder h2{
		margin-bottom: 10px;
	}
	.sharecontainer, .sharecontainer.neverfixed{
		display: none;
	}
	.random_case{
		display: none;
	}
	#flodet{
		display: none;
	}
	#footer{
		display: none;
	}
	#tekniker{
		display: none;
	}
	#contact{
		border-style: none;
		padding-top: 0;
		padding-bottom: 20px;
		margin-top: 20px;
	}
	#contact .gridholder{
		max-width: 340px;
		border-style: none;
		border-top: 1px solid #e4e7e7;
	}
	.pris_uppg .pricebox{
		border-style: none;
		border-top: 1px solid #e4e7e7;
	}
	#contact .insidec{
		padding-top: 20px;
	}
	#contact .form{
		display: none;
	}
	#contact .insidec .topinfo .imagecont .insideimg, .topinfo.archive .imagecont .insideimg, .by_and_when .imagecont .insideimg{
		display:l none;
	}
	#contact .insidec .topinfo .imagecont, .topinfo.archive .imagecont{
		height: inherit;
		overflow: visible;
		max-width: 80px;
	}
	#contact .insidec .topinfo h2, .topinfo.archive h2{
		font-size: 18px;
		line-height: 20px;
		margin-bottom: 5px;
	}
	#contact .insidec .topinfo .titel, .topinfo.archive .titel{
		font-size: 10px;
		line-height: 12px;
		margin-bottom: 0;
	}
	#contact .insidec .topinfo .contacti, .topinfo.archive .contacti, .bloggerpuff .contacti{
		font-size: 10px;
		line-height: 12px;
		margin-bottom: 0;		
	}
	#contact .insidec .topinfo .imagecont .printpdfimage, .topinfo.archive .imagecont .printpdfimage{
		display: inline-block;
		max-width: 100%;
		width: 100%;
	}
	.pris_uppg .pricebox .innsidepr h2.main{
		font-size: 18px;
		line-height: 20px;
		margin-bottom: 10px;
		padding-bottom: 5px;
	}
	.pris_uppg .pricebox .innsidepr .text p {
	    font-size: 12px;
	    line-height: 14px;
	    margin-bottom: 5px;
	    padding-bottom: 5px;
	}
	figure.wp-caption.alignleft, img.alignleft{
		max-width: 260px;
		margin-left: 0;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	figure.wp-caption.alignright, img.alignright{
		max-width: 260px;
		margin-right: 0;
		margin-left: 10px;
		margin-bottom: 10px;		
	}
	.factbox.liten.hoger{
		float: right;
	    margin-bottom: 10px;
	    margin-left: 10px;
	    width: 330px;
	}
	.factbox.liten.vanster{
		float: left;
	    margin-bottom: 10px;
	    margin-right: 10px;
	    width: 330px;
	}
	.singlepage .entry-content .factbox h3.title {
	    font-size: 18px;
	    line-height: 20px;
	    margin-bottom: 10px;
	}
	.factbox .content {
	    font-size: 15px;
	    line-height: 23px;
	}
	.singlepage .entry-content .factbox .content ul{
		margin-left: 15px;
	}
	.factbox .insidefactbox{
		padding-bottom: 5px;
	}
	.urval_av_kunder{
		padding-top: 0;
		padding-bottom: 20px;
		border-style: none;
		background: none;
	}
	body .pris_uppg{
		background: none;
		background-color: white;
		padding-top: 0;
		padding-bottom: 20px;
	}
	.pris_uppg .pricebox .innsidepr .text i, .pris_uppg .pricebox .innsidepr .text strong i, .pris_uppg .pricebox .innsidepr .text i strong, .pris_uppg .pricebox .innsidepr .text em, .pris_uppg .pricebox .innsidepr .text strong em, .pris_uppg .pricebox .innsidepr .text em strong{
		font-size: 24px;
		line-height: 26px;
		display: inline-block;
		margin-bottom: 5px;
	}
	.sunetprintlogo{
		text-align: right;
		display: block;
	}
	body{
		padding-top: 0;
		background-color: white;
	}
	.sunetprintlogo img{
		width: 50px;
		height: auto;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	#dokumentation{
		display: none;
	}
	.urval_av_kunder ul li {
	    font-size: 15px;
	    line-height: 18px;
	    margin-bottom: 5px;
	}
	#header{
		display: none;
	}
	.by_and_when{
		display: none;
	}
	.singlepage .entry-content ul, .singlepage .entry-content ol{
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 10px;
		margin-top: 0;
	}
	.singlepage .entry-content ul{
		list-style: outside none disc;
		margin-left: 10px;
	}
	.singlepage .entry-content ul li{
		padding-left: 0;
		padding-bottom: 5px;
	}
	.singlepage .entry-content ol li{
		padding-bottom: 5px;
	}
	.singlepage h1 {
	    font-size: 18px;
	    line-height: 22px;
	    margin-bottom: 20px;
	}
	.singlepage .ingress {
	    font-size: 14px;
	    line-height: 20px;
	    margin-bottom: 20px;
	}
	.singlepage .entry-content {
	    font-size: 13px;
	    line-height: 16px;
	}
	.singlepagetopimage .backgroundimage{
		background: none !important;
	}
	.backgroundimage .raster{
		display: none;
	}
	.singlepagetopimage .backgroundimage .tablecont .table .cell .inside .splashheadline{
		margin-top: 0;
		font-size: 40px;
		line-height: 42px;
		color: #e37423;
	}
	.backgroundimage .tablecont{
		position: relative;
	}
	.singlepagetopimage .backgroundimage img.splashimg{
		display: none;
	}
	
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	button .arr,
	.button .arr,
	input[type="button"] .arr,
	input[type="reset"] .arr,
	input[type="submit"] .arr, #header .logo, #header #headersearch input.submitsearch, #rightinid .insideright #mobilesearch input.submitsearch, #inskjutning .rightin .insideright #menu-social li a, .bx-wrapper .bx-prev, .bx-wrapper .bx-next, #flodet #viewselector .el .icon, .hiddeninfo .moreicon .icon, #flodet .flodpuff .innerborder .moreinnerwhite .social_and_cat .likes .iconandnumber .iconcont .icon, #contact .insidec .bloggposts a .likes .iconandnumber .iconcont .icon, .flodpuff.lista .mainlink .social_and_cat .likes .iconandnumber .iconcont .icon, #filmen #showhidemovie .icon, #nyhetsbrevs_prenumeration .sunet_news .arrowdown, #footer .menu-footerinfotop-container .menu li a .icon, #footer .menu-footersocialbottom-container li a, .dokumentation_kontaktperson h2 span.icon, .sharecontainer .share_and_so_on li a .icon, #contact .form .showform .arr, #contact .form .showform .arr, #contact #showhidecontact .icon, .rssfeedicon .tic{
		background-image: url("images/sprites@2x.png");
		background-size: 900px 1200px;
	}
	.singlepage .entry-content ul li{
 		background-image: url("images/check@2x.png");
 		background-size: 15px 15px; 
	}
	.backgroundimage .raster{
		background-image: url("images/rastersecond@2x.png");
		background-size: 4px 4px;
	}
	.pris_uppg{
		background-image: url("images/raster@2x.png");
		background-size: 4px 4px;
	}
	
}