html {
	min-height:100%;
}
body {
	height:100%;
	min-height:100%;
	color: #333333;
	position:relative;
    background:#fff;
}

a {
	color: inherit;
}
b, strong {
	font-weight:bold !IMPORTANT;
	font-family: sans-serif;
}
b > span {
	font-weight:bold;
}
i {
	font-style:italic;
}
i.material-icons {
	vertical-align:top;
}
.folded i {
	vertical-align:top;
}
.relative {
	position:relative;
}
.floatblock {
	float:left;
	width:100%;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
input {
	background-color: #fafafa;
	font-size: 1rem;
	padding:1rem;
	border-radius:6px;
}
select {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3E%3C/svg%3E");
    background-position: right 0.75rem center;
    background-repeat: no-repeat;
    background-size: 0.75em 0.75em;
    padding: 10px;
    padding-right: 40px;
    appearance: none;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 8px;
	outline-color:#ff0099;
}
.input {
	padding:1rem;
	border-width:2px;
	border-radius:0;
}
.rightcross {
	position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    font-size: 1.5rem;
    padding: 1rem;
    background: #ddd;
}
.maxsize {
	width:100%;
	height:100%;
}
.half {
	display:block;
	float:left;
	width:50%;
}
.third {
	display:block;
	float:left;
	width:calc(100% / 3);
}
.fourth {
	float:left;
	width:calc(100% / 4);
}
.fourthcell {
	width:calc(100% / 4);
	background-color:black;
	color:white;
	vertical-align:middle;
}
.fifth {
	display:block;
	float:left;
	width:calc(100% / 5);
}
.fixedbackgroundimg {
	background-size: cover;
	background-attachment:fixed;
	background-position:center;
	background-color:#999;
}
.backgroundimg {
	background-size: cover;
	background-position:center;
	background-color:#999;
}
.centerContent {
	max-width:1024px;
	margin:0 auto;
	padding:0;
	position:relative;
}
.centeralign {
	text-align:center !IMPORTANT;
}
.paddingsmall {
	padding:6px;
}
.nopaddingbottom {
	padding-bottom:0 !IMPORTANT;
}
.padding, table.padding td {
	padding:1em;
}
.padding-right {
	padding-right:16px;
}
.padding-bottom {
	padding-bottom:1rem;
}
.padding-bottom-8 {
	padding-bottom:8px;
}
.paddingtopbottom {
	padding-top:2rem;
	padding-bottom:2rem;
}
.padding2 {
	padding:2rem;
}
.paddingheight2 {
	padding:2em 0;
}
.padding32 {
	padding:32px;
}
.borderwhite {
	border:2px solid white;
}
.margin-top {
	margin-top:16px;
}
.margin-bottom {
	margin-bottom:16px;
}
.margin-left {
	margin-left:16px !IMPORTANT;
}
.margin-right {
	margin-right:16px;
}
.margin-top-32 {
	margin-top:32px !IMPORTANT;
}
.margin-top-64 {
	margin-top:64px !IMPORTANT;
}
.margin-bottom-32 {
	margin-bottom:32px !IMPORTANT;
}
.nomargin {
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
}
.topleft {
	position:absolute;
	top:0;
	left:0;
}
.topright {
	position:absolute;
	top:0;
	right:0;
}
.bottomleft {
	position:absolute;
	bottom:0;
	left:0;
}
.bottomright {
	position:absolute;
	bottom:0;
	right:0;
}
.middleleft {
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0, -50%);
}
.middleright {
	position:absolute;
	top:50%;
	left:100;
	transform:translate(100%, 50%);
}

.tablewhite {
	white-space:nowrap;
	font-size:14px;
	margin-bottom:0 !IMPORTANT;
}
table.tablewhite td, .tablewhite th{
	border:1px solid #ddd;
	padding:1rem;
}
.content table.tablewhite tr th {
	background-color:#A4A5A5;
	border: 1px solid rgba(255,255,255,0.1);
}
table.tablewhite tr.top th {
	font-weight:bold;
	font-family:"OpenSans";
	background-color:black;
	color:white;
	padding:19px;
}
.tablewhite tr.top th h3 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:0;
}
table.tablewhite tr.bottom th {
	color:white;
	background-color:#6D6D6D;
}
.tablewhite tr.bottom td {
	color:#ff0099;
}
.tablewhite td {
	border-color:#ddd;
}
.center {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.small {
	font-size:0.9em;
}
.large {
	font-size:1.1em;
}
.xlarge {
	font-size:1.4em !IMPORTANT;
}
.italic {
	font-style:italic;
}
.container {
	display:inline-block;
	transition:.2s;
}
.container img {
	margin-bottom:32px;
}
.darkwindow {
	background-color:rgba(0,0,0,0.3);
}
.darkerwindow {
	background-color:rgba(0,0,0,0.7);
}
.thin {
	font-family:"OpenSansLight";
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.rightalign {
	text-align:right;
}
.clear {
	clear:both;
}
.pageContent {
	clear:both;
	/*padding-top:2em;*/
}
.indexmaincontent .pageContent {
	padding-top:0em;
}
div.hambmenu {
	display:none;
}
span.expandsearchoptionsmobile {
	display:none;
}
.link {
	text-decoration:underline;
	cursor:pointer;
	
	background:none;
	border:0;
}
.linkbtn {
	display:inline-block;
	white-space:nowrap;
}
.link0 {
	text-decoration:none;
}
.small {
	font-size:0.8em;
}
.greyhover:hover {
	background-color:#333;
	transition:.2s;
}
iframe[name="google_conversion_frame"] {
	display:none;
}

.expandchild {
  display: none;
  position: relative;
}
.expandchild.fixed {
	z-index: 2;
}

.backdrop {
  display: none;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}

.expandchild.absolute {
  position: absolute;
  left:0;
  bottom:0;
}

.expandchild.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height:100%;
  overflow:auto;
}
.shadow {
	box-shadow:0 3px 5px 0 rgba(0,0,0,.26);
}
.tablediv {
  display: table;
  border-collapse: separate;
  border-spacing: 6px;
  width:100%;
}
.row {
	display:table-row;
}
.cell {
	display:table-cell;
	padding:1px;
}
.middle {
	vertical-align:middle;
}
.row.padding .cell {
	padding:0.5em;
	vertical-align:middle;
}
.white {
	background-color:white !IMPORTANT;
}
.black {
	background-color:black;
}
.lightgrey, table.lightgrey td {
	background-color:#f0f0f0 !IMPORTANT;
}
.lightergrey, table.lightergrey td {
	background-color:#fafafa !IMPORTANT;
}
.grey, table.grey td, tr.grey td {
	background-color:#e5e5e5 !IMPORTANT;
}
.darkgrey {
	background-color:#bbb !IMPORTANT;
}
.blue {
	background-color:#ff0099 !IMPORTANT;
}
.textgrey {
	color:#666;
}
.textwhite {
	color:white;
}
.textalignright {
	text-align:right;
}
.justify {
	text-align:justify;
}
.lineheight2 {
	line-height:1.5;
}
.hoverbtn {
	background:rgba(0,0,0,0.6);
	border:2px solid white;
	border-radius:6px;
	color:white;
	padding:32px 64px;
	text-decoration:none;
	transition:.3s;
	font-family:OpenSansLight;
	font-size:1.5em;
	text-align:center;
	box-shadow:0 2px 5px 0 rgba(0,0,0,.26);
}
.hoverbtn:hover {
	background:#222;
	border-color:rgba(0,0,0,0);
	transform:translate(-50%, -50%);
}
.hoverbtn2 {
	background: #ff0099;
    /* border: 1px solid rgba(100,100,100,0.5); */
    border-radius: 6px;
    color: #fff;
    /* text-shadow: 1px 1px 1px rgba(0,0,0,0.3); */
    padding: 0px;
    display: inline-block;
    text-decoration: none;
    transition: .3s;

    font-size: 1.3em;
    text-align: center;

    margin-top:2em;
}
.hoverbtn2:hover {
	color: white;
    background-color: #D80083;
}
.splitleft {
	float:left;
	height:100%;
	padding:32px;
	background:rgba(0,0,0,0.1);
}
.splitright {
	float:right;
	height:100%;
	padding:32px;
}
/*


*/
.modalpleasewait {
    display: none;
    background: rgba(0, 0, 0, 0.3);
    font-size: 2em;
    font-family: OpenSansLight;
    text-align: center;
    vertical-align: middle;
    color: white;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    align-items: center;
    justify-content: center;
}
.modalpleasewait img {
	margin:2em;
}
body.loading .spinner, .loading_spinner {
	width: 48px;
    height: 48px;
    border: 5px solid #fff;
    border-bottom-color: #ff0099;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    }

    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
body.loading {
    overflow: hidden;  
    position:fixed;
    display:table;
    vertical-align:middle; 
    width:100%;
}
body.loading .modalpleasewait {
    display: flex;
}
/*

COLUMNS

*/
.columns {
  /* Prevent vertical gaps */
   
  -webkit-column-count: 3;
  -webkit-column-gap:   1em;
  -moz-column-count:    3;
  -moz-column-gap:      1em;
  column-count:         3;
  column-gap:           1em;
}
.columns .columncell {
  display:inline-block;
  width: 100% ;
}
.columns2 {
  /* Prevent vertical gaps */
   
  -webkit-column-count: 2;
  -webkit-column-gap:   1em;
  -moz-column-count:    2;
  -moz-column-gap:      1em;
  column-count:         2;
  column-gap:           1em;
}
.columns2 .columncell {
  display:inline-block;
  width: 100% ;
}
.columns.photographers .columncell a {
	display:inline-block;
	text-decoration:none;
	font-size:1em;
	transition:.1s;
}
.columns.photographers .columncell a:hover {
	color:#ff0099;
}

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

TOP ROWS, i page_header.php

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

#topbox { /*parent div f�r logo, navigering etc.*/
	width:100%;
	margin:0 auto 0 auto;
	background-color:#FFF;
	display:initial; /*om inline => whitespace under*/
	position:relative;
	z-index:3;
	color:#080808;
}
#topbox a {
	text-decoration:none;
	margin:0;
	display:inline-block;
	
}
.toprow1 {
	display:flex;
	position:relative;
	width:100%;
	padding:1.8rem;
	max-width:1320px;
	margin:auto;
	align-items:center;
}
.toprow1 .main-nav .folded i {
	margin-top:0.2em;
}
.toprow1 .main-nav a {
	
}
.topmenu1tabs {
	text-align:center;
	line-height:normal;
	flex-grow:1;
	font-size:15px;
}
div.topmenu1tabs .folded {
	display:none !IMPORTANT;
}
div.topmenu1tabs .picNavOpt {
	display:none;
}
.dropmenu a {
	padding:1rem 1rem;
	display:inline-block;
	width:100%;
}
.dropmenu a:hover {
    color: #b10061;
}
.dropmenu ul {
	list-style-type:none;
	margin:auto;
	padding:0;
	z-index:9;
	display:flex;
	max-width:720px;
}
.dropmenu ul li {
	display:inline-block;
	position:relative;
}
.dropmenu > ul > li {
	padding:0rem;
	
	

}
.dropmenu ul li ul {
	display:none;
	min-width:100%;
	font-size:0.9em;
	position:absolute;
	top:100%;
	left:0;
	background-color:rgba(255,255,255,1);
	box-shadow:0px 2px 5px 0 rgba(0, 0, 0, .26);
	text-align:left;
	min-width:100%;
	white-space:nowrap;
	border-radius:0.5rem;
	overflow:hidden;
}
.dropmenu ul li ul li {
	display:list-item;
	float:none;
	width:100%;
}
.dropmenu ul li ul li a {
	width:100%;
	padding:0.75rem 1rem;
}
.dropmenu ul li ul li a:hover {
	background-color:#fafafa;
}
.toplogo {
	flex-shrink:1;
	padding:0.5rem;
}
.toplogo a#logo img {
	width:200px;
}
.dropmenu .arrowup, .dropmenu .arrowdown {
	float:none;
	height:0;
}
div.topiconopt {
	padding:0.5em;
	flex-shrink:1;
}
/*-----

TOPROW2

------*/
.toprow2 {
	display:none;
	float:right;
	text-align:right;
	position:relative;
	z-index:9;
	display:none;
}
#cartmenu {
	text-transform: uppercase;
	display:inline-block;
	vertical-align:top;
	position:relative;
}
#cartmenu .cartmenunr {
    display: inline-block;
    padding: 2px;
    margin: -6px;
    min-width: 18px;
    font-size: 0.7em;
    color: white;
    background-color: #ff0099;
    border-radius: 1rem;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
}
#cartmenu .cartmenunr.hidden {
	display:none;
}
#cartmenu i {
	font-size:2rem;
}
/*

SMALLCART

*/
#smallcart:hover {
	display:block;
}
#smallcart {
	display:none;
	position: absolute;
    top: 100%;
    right: 0;
    background: #e5e5e5;
    box-shadow:0 3px 5px 0 rgba(0,0,0,.26);
    border:1px solid #EEE;
    z-index:7;
    color:#555;
    font-size:0.8em;
}
#smallcart a {
	display:inline;
}
#smallcart a.buttonlook {
	display:inline-block;
	color:white;
	margin:0.5em;
}
#smallcart i {
	margin:0;
	font-size:1em;
}
#smallcart .smallcartdiv {
	width:400px;
	color:#555;
	float:left;
	position:relative;
	background:white;
	padding:1em;
}
#smallcart .smallcartdiv:hover {
	z-index:1;
}
#smallcart .smallcartdiv .scdelete {
	position: absolute;
    color: #666;
    cursor: pointer;
    font-size: 2rem;
}
#smallcart.tinycart .smallcartdiv .scdelete {
    padding: 1rem;
}

#smallcart .smallcartdiv .imgholder {
	width:64px;
	height:64px;
	text-align:center;
	float:left;
	margin-right:1em;
	border:1px solid #ddd;
}
#smallcart .smallcartdiv img {
	max-width:100%;
	max-height:100%;
	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
}
#smallcart .smallcartdiv span {
	padding:6px;
	color:#555;
	transition:.2s;
	text-align:left;
	float:left;
	width:64%;
}
#smallcart .smallcartdiv span.imgnr {
	font-size:1.2em;
}
#smallcart .smallcartdiv span.price {
	color:#999;
}
#smallcart .text_magenta {
	padding:6px;
	padding-bottom:0;
	display:block;
}
#smallcart.tinycart .smallcartdiv {
	padding: 3px;
    border-bottom: 1px solid #e5e5e5;
}
#topmenutabs {
	display:inline-block;
	vertical-align:top;
	line-height:normal;
	padding:0 2rem;
}
#topbox a.mypageslink {
	display:inline-block;
	position:relative;
	color:#ff0099;
}
#topbox a.mypageslinkoffline {
	color:inherit;
}
#topbox a.mypageslinkoffline:hover {
	color:#ff0099;
}
.header_reco_logo {
	display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
}
#topmenutabs div.mypagesdrop {
	display:none;
	position:absolute;
	top:100%;
	right:0;
	background-color:rgba(255,255,255,1);
	box-shadow:0px 2px 5px 0 rgba(0,0,0,.26);
	width:220px;
	z-index:9;
	border-radius: 0.5rem;
    overflow: hidden;
	color:#333;
}
div.mypagesdrop .topmenu2text {
	width:100%;
	display:inline-block;
	padding:1em;
}
div.mypagesdrop span.topmenu2text {
	background-color:#eee;
	color:#666;
	text-align:center;
	padding:0.75em;
}
div.mypagesdrop a:hover {
	background-color:#ff0099;
	color:white !IMPORTANT;
}
#topmenutabs i {
	font-size:2rem;
}
div.mypagesdrop {
	display:none;
}
.thumblink {
	position:relative;
	display:inline-block;
}
.thumblink > div {
    position: absolute;
    top: 0;
    z-index: 1;
    color: rgba(255,255,255,0.5);
    padding: 6px;
    transition: .25s;
    margin: 3px !IMPORTANT;
} 
.thumblink:hover > div {
	background-color:#ff0099;
	color:white;
}
.thumblink > img {
	border: 1px solid #ddd;
    background-color: white;
    padding: 2px;
}
/*-----------------------------

TOPROW3 S�KRUTAN MED S�KALTERNATIV

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


.toprow3 { /*s�kalternativ*/
	display:block;
	width:100%;
	position:sticky;
	top:0;
	padding:0;
	z-index:6;
	/*border:1px solid #f0f0f0;
	border-left:0;
	border-right:0;*/
	color:#777;
}
.toprow3height {
	float:left;
	width:100%;
	background-color:#fafafa;
	
}
.toprow3holder {
	display:flex;
	flex-wrap: wrap;
	padding:0 34px;
	align-items: center;
	justify-content: center;
}

/*.indexmaincontent .toprow3.searchmode {
	width:800px;
	height:auto;
	position:absolute;
	top:300px;
	left:50%;
	border-radius:3px;
	margin-left:-400px;
	box-shadow:0 2px 5px 0 rgba(0,0,0,.26);
}
.indexmaincontent .toprow3.searchmode .toprow3height {
	border-radius:3px;
}*/
.toprow3 div.searchdiv {
	flex-grow:1;
	position:relative;
}
.toprow3 div.searchdiv input#freetext {
	color:inherit;
	border:0;
	background-color:transparent;
	padding:0.5em;
	width: initial !IMPORTANT;
	flex-grow:1;
}
.toprow3 span.filterbutton {
	float:right;
	cursor:pointer;
	padding:19px 1rem;
	height:57px;
}
.toprow3 span.filterbutton:hover {
	background-color:#ff0099;
	color:white;
}
.toprow3 span.filterbutton:hover span.clearfilters {
	color:#fff;
}
.toprow3 div.checkboxdiv {
	/*box-shadow:0 1px 5px 0 rgba(0,0,0,.26);*/
	width:100%;
	margin:auto;
	padding:0.5em;
	color:black;
	display:none;
	text-align:right;
}
.toprow3 div.searchoptions {
	
}
.toprow3 ul.checklist li {
	float:left;
	margin-right:8px;
	padding:4px 2px;
}
.indexmaincontent .toprow3 {

}
.toprow3 button.ui-button {
	z-index:15;
	background:none;
	color:#aaa;
	float:left;
	height:57px;
	vertical-align:top;
	margin:0;
	margin-left:1rem;
    border:0px;
}
.toprow3 button img {
	width:27px;
	height:auto;
	opacity:0.26;
}

span.quickdropholder {
	display:inline-block;
}
ul.quickdrop li {
	
}
ul.quickdrop li:hover {
	background-color:#b10061;
	color:white;
}
ul.quickdrop li ul {
	display:none;
	position:absolute;
	top:100%;
	left:50%;
	background-color:rgba(255,255,255,1);
	box-shadow:0 2px 5px 0 rgba(0,0,0,.26);
	text-align:left;
	min-width:180px;
	margin-left:-90px;
}
ul.quickdrop li:hover ul {
	display:block;
}
ul.quickdrop li ul li {
	display:list-item;
	padding:0.5em;
	border-radius:0;
	background-color:white;
	color:black;
}
ul.quickdrop li ul li:last-child {
	display:none;
}
span.checkboxholder {
	padding:0.5em;
}
span.reddot {
	display:none;
	background-color: #ff0099;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 0;
    padding:5px;
    margin: 8px;
    border-radius: 50%;
}
span.clearfilters {
	display:none;
	color: #ff0099;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 0;
    margin:4px;
    padding:0;
    font-size: 0.7em;
    border-radius: 50%;
    background:none;
}
span.clearfilters:hover {
	background-color:#ff0099 !IMPORTANT;
	color:#fff !IMPORTANT;
}
span.searchtextholder {
	position: relative;
	width: calc(100% - 50px);
	overflow:auto;
}
span.searchtextholder .tokenfield {
	white-space:nowrap;
	display:flex;
}
span.searchwordboxes {
	position:absolute;
	top:0;
	left:0;
	height:0px;
	width:100%;
	padding-left:3px;
}
span.searchwordboxes .searchword {
	display:inline-block;
    padding: 0.5em;
    font-size: 0.9em;
    background-color: #fff;
    box-shadow:0 1px 3px 0 rgba(0,0,0,.26);
    border-radius:3px;
    position:relative;
    margin-top:0.8em;
}
span.searchwordboxes span.searchword[value=""] {
	display:none;
}
span.searchwordboxes span.searchword span.smallx {
	border-left:1px solid #EEE;
	padding-left:4px;
	cursor:pointer;
	color:#aaa;
	position:relative;
	z-index:1;
}
span.searchwordboxes span.searchword span.smallx:hover {
	color:#ff0099;
}
span.searchwordboxes span.searchword:hover {
	background-color:#f5f5f5;
}
.closeXbutton {
	position:absolute;
	top:0.5em;
	right:0.5em;
	font-size:1.6em;
	padding:3px;
	color:#555;
	cursor:pointer;
	z-index:1;
}
.closeXbutton:hover {	
	color:black;
}
.smallpopbox .closeXbutton {
	font-size:12px;
	top:2px;
	right:2px;
}

#formbtn {
	z-index:1;
}

/*---------

Drop down ul

-----------*/
form#priceform div.saved_calculations select {
   background: transparent;
   width: 100%;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   margin: 0;
   vertical-align: top;
   color:#666;
}
.saved_calculations {
	float:right;
	width: 240px;
	background:#dae9e9;
	overflow: hidden;
	border: 0px solid #ccc;
}
/*
div.saved_calculations {
	position:relative;
	display:inline-block;
	float:right;
	font-size:18px;
}
div.saved_calculations:hover .mhead {
	background-color:#ff0099;
	color:white;
}
div.saved_calculations .mblock {
    box-sizing:border-box;
    padding:0.5em;
    display:block;
    cursor:pointer;
    width:100%;
}
div.saved_calculations .mhead {
	white-space:nowrap;
	text-overflow:ellipsis;
	color:#666;
	background-color:#dae9e9;
}
div.saved_calculations .mblock:hover {
	background-color:#ff0099;
	color:white;
}
div.saved_calculations:hover ul.mmenu {
    display:block;
    width:100%;
}*/
div.searchmenubox {
    position:relative;
    float:right;
    height:100%;
    box-sizing:border-box;
    z-index:1;
}
div.searchmenubox .arrowdown {
    margin:0;
    padding:0;
    padding-left:0.5em;
}
div.searchmenubox .mblock {
    box-sizing:border-box;
    padding:0.5em;
    display:block;
    cursor:pointer;
    width:100%;
}
div.searchmenubox .mhead {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	height:57px;
	padding:19px;
}
div.searchmenubox .mhead:first-letter {
	text-transform:capitalize;
}
div.searchmenubox .mblock:hover {
	background-color:#ff0099;
	color:white;
}
div.searchmenubox ul.mmenu li {
    padding:1em;
}
div.searchmenubox ul.mmenu li.updatesearch {
	background:#ff0099;
	color:white;
}
span.filtermenu {
	position:relative;
	float:right;
}
span.filtermenu ul.mmenu li {
	padding:0;
}
span.filtermenu ul.mmenu li a {
	padding:1rem;
	width:100%;
}
span.filtermenu ul.mmenu li.selectlanguage {
	padding:1rem;
}
ul.mmenu {
	display:none;
    position:absolute;
    top:100%;
    right:0;
    list-style:none;
    font-size:0.9em;
	background:white;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.26);
}

ul.mmenu li {
	background:white;
	width:200px;
	padding:1em;
	cursor:pointer;
	list-style:none;
	position:relative;
}
ul.mmenu li:hover {
	background-color:#ff0099;
	color:white;
}
li.selectlanguage span.flags {
	display:block;
	width:100%;
	padding-top:0.5em;
}
li.selectlanguage img.flag {
	border:3px solid transparent;
	border-radius:6px;
	padding:3px;
	background:inherit;
} 
li.selectlanguage img.flagselected {
	border-color:#ff0099;
	background:#fff;
}

/*----

CONTENT

------*/

.contentholder {
	position:relative;
	float:left;
	width:100%;
	display:block;
	padding:0;
	/*border-top:8px solid #eee;*/
}
.contentholder:nth-child(even) {
	background-color:#f5f5f5;
}
.contentholder:nth-child(odd) {
	background-color:#fafafa;
}
.content {
	width:100%;
	max-width:1024px;
	padding:40px 2em;
	margin:0em auto;
}
.content:after {
	content:"";
	display:block;
	clear:both;
}
.centercontent.wide {
	max-width:1200px;
}
.content.wide {
	max-width:1200px;
}
.content.wide2 {
	max-width:1366px;
}
.centerContent.wide {
	max-width:1200px;
}
.content.narrow, .narrow {
	width:800px;
	max-width:100%;
}
.content.xnarrow, .xnarrow {
	width:700px;
	max-width:100%;
}
div.bilddetaljertn div.content.wide {
	max-width:1200px;
}
.content.xwide {
	max-width:100% !IMPORTANT;
}
.contentholder.nopadding {
	padding:0;
	margin:0 auto;
	border:0;
}
.content.nopadding {
	padding:0;
	margin:0 auto;
}
.nopadding {
	padding:0;
	margin:0;
	border:0;
}
.content .magenta {
	color:#ff0099;
}
.contentholder img {
	max-width:100%;
	display:block;
}
.contentholder .fullwidth {
	width:100%;
}
h1, h2 {
	font-family:OpenSansLight, "OpenSansLight";
}
.contentholder h1, h1 {
	font-size:2.5rem;
	margin-bottom:2rem;
}
h2 {
	font-size:1.5em;
	margin-bottom:16px;
}
h3 {
	font-size:1.3em;
	margin-bottom:16px;
}
.content p {
	line-height:1.5;
}
.content .pretext {
	white-space:pre-line;
}
.content .blockdiv {
	background:#f5f5f5;
	line-height:1.5;
	margin-bottom:1rem;
	padding:2em;
}
.content ul {
	line-height:1.5;
	margin-bottom:1rem;
}
.table {
	margin-bottom:1rem;
	text-align:left;
	width:100%;
}
.table th {
	padding:1em;
	background:#e5e5e5;
}
.table td {
	padding:1em;
	background:#f5f5f5;
}
.content .halfwidth {
	display:inline-block;
	width:49%;
	padding:0.5em 0;
}
.contentholder a.sidemenuitembox {
	display:block;
	padding:0.5em 0;
	text-decoration:none;
	color:#555;
}
.content img.sideimg {
	margin-bottom:1rem;
}
ul.list {
	list-style:disc inside;
	font-size:1em;
	margin-bottom:1rem;
}
ul.list li {
	padding:0.5em;
	width:100%;
}
ul.numberlist {
	list-style:decimal inside;
	font-size:1em;
	margin-bottom:1rem;
}
ul.numberlist li {
	padding:0.5em;
	width:100%;
}
ul.largelist {
	list-style:disc inside;
	font-size:1em;
	background-color:#f5f5f5;
	margin-bottom:1rem;
}
ul.largelist li {
	padding:1px;
	color:#666;
}
.content form.block input {
	margin:0.5em 0;
}


/*---------

CONTENTMENU

----------*/
.menu div {
	display:none;
}
.menu li div {
	width:100%;
}
.menu li {
	display:inline-block;
}
.menu li div a {
	width:100%;
	display:inline-block;
}
/*---------------------------------

Footer

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

.footer-backdrop { /*Gr�a blocket som inneh�ller footern*/
	display:inline-block;
	bottom:0;
	left:0;
	width:100%;
	background-color:#d5d5d5;
	color:#888;
	min-height:200px;
	font-size:0.9em;
	padding:1em 0 0 0;
}
.footer-col-icon {
	display:inline-block;
	padding:20px;
	border-radius:50%;
	font-size:2em;
	text-align:center;
	background-color:rgba(0,0,0,0.2);
	color:#FFF;
}
.footer-row { /*Rad med allt inneh�ll i footer*/
	display: flex;
    justify-content: center;
    align-items: center;
}
.footer-row:nth-child(1) {
	align-items:start;
}
.footer-row:nth-child(2) {
	background-color:rgba(0,0,0,0.05);
	padding:3em 0;
	margin-top:1em;
}
.footer-row .element {
	transition:1.5s;
}

.footer-row:nth-child(3) {
	background-color:rgba(0,0,0,0.1);
	padding:1em;
	color:#888;
}
.footerCol { /*Kolumngruppering av inneh�ll i footer*/
	padding:1rem;
	text-align:center;
	flex:1;
}
.footerCol iframe {
	max-width:100%;
}
.footerColSE { /*Spcifika kolumner f�r svenska sidan p.g.a. 4 ist f�r 3 kolumner*/
	
}

.footerCol#triplegreen { /*Triplegreen container*/
	text-align:center;
	width:180px;
}

.footerCol img.triplegreen { /*Triplegreen logo*/
	height:120px; 
	width:auto;
}

.footerCol #recoWidget { /*Reco*/
	margin:auto;
	margin-top: 5px;
}
.footer-row a{ /*Alla l�nkar i footer*/
	text-decoration:none;
}
.footer-row a:hover {
	text-decoration:underline;
}
.footer-row .topmenu-flags a {
	display:inline-block;
	padding:0 1em 2em 1em;
	width:70px;
}
.footer-row .topmenu-flags a img {
	width:100%;
	height:auto;
}
.footerCol ul { /*L�nkarna i footer h�lls i listor*/
	vertical-align: middle;
	margin-top:8px;
}
.footerCol li{ 
	list-style: none;
	padding:1em;
}
li.follow { /*F�lj oss*/
	vertical-align:middle;
}
.socialMediaIcon { /*I footer, facebook- och pinterest-logo*/
	margin-left: 6px;
	vertical-align:bottom;
	width:54px;
	height:auto;
	border-radius:50%;
}
#footerRecoWidget {
	padding-top:6px;
}


.main-content {
	transition:.25s;
}
.main-content-foldedout {
	padding-left:199px;
}



/*

FIRSTPAGEPLUGS

*/

.firstpage-plug-container {
	max-width: 1200px;
	display: flex;
	flex-wrap: wrap;
	margin:auto;
	padding:3rem 2rem;
}
.firstpage-plug {
	width: 300px;
 	flex: 1 auto;
    /*box-shadow: 0 1px 1px 0 rgba(0,0,0,.26);*/
    margin:0.5rem;
    background-color: white;
}
.firstpage-plug img {
	width:100%;
	height: 241px;
    object-fit: cover;
}
.firstpage-plug a.fplink {
	text-decoration:none;
}
.firstpage-plug .sidetext {
	color: #666;
    padding: 2rem;
    line-height:1.2;
}
.firstpage-text {
	width:100%;
	text-align:center;
	margin:4em auto 5em auto;
}
h1.headertext {
	font-size: 2.5rem;
	color:#999;
	padding-bottom:1rem;
	width:100%;
	text-align:center;
}
.firstpage-text-plug {
	display:inline-block;
}
#firstpage-text-plug1 {
	width:400px;
}

.firstpage-plug p { /*Br�dtext i plug*/
	color:#999;
}
.firstpage-plug h2 { /*Rubrik i plug*/
	
}
/*-----

MOSAIC

-----*/
.flexcontainer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.flexcell {
  width: 300px;
  flex: 1 auto;
}
div.categoriesmosaic {
	text-align:center;
	padding:4rem 0;
	margin:auto;
	clear:both;
	max-width:1200px;
}
div.categoriesmosaic h2 {
	font-size:2em;
	margin-bottom:3rem;
	color:#999;
	display:block;
	width:100%;
	clear:both;
}
div.categoriesmosaic a {
	display:inline-block;
	background-color:#Fff;
	cursor:pointer;
	width:calc(100% / 3 - 1rem);
	margin:0.5rem;
	min-width:300px;
}
div.categoriesmosaic a div.categorycard {
	border:0;
	padding:0;
}
div.categoriesmosaic div.categorycard img {
	display:block;
	background-color:white;
	transition:.2s;
	max-height:256px;
	width:100%;
	object-fit:cover;
}
div.categoriesmosaic div.categorycard span {
    display: inline-block;
    padding: 1rem;
    color: #666;
    font-family: OpenSansLight;
    font-size: 1.2rem;
}
div.expandmorecats {
	width:100%;
}
div.categoriesmosaic div.categorycard span:first-letter {
    text-transform: uppercase;
}
div.categoriesmosaic a:hover  {
	background-color:#FFF;
	box-shadow:0 1px 8px 0 rgba(0,0,0,.03);
	transition:.2s;
}
div.categoriesmosaic a div.categorycard:hover img {
	-webkit-filter:contrast(110%) saturate(105%);
	-moz-filter:contrast(110%) saturate(105%);
	filter:contrast(110%) saturate(105%);
}
div.expandedcats {
	width:100%;
	text-align:center;
}

/*---------

SCROLLTOTOP

----------*/
.roundbtn {
	opacity:0.2;
	background-color:black;
	border-radius:50%;
	color:white;
	text-align:center;
	cursor:pointer;
	transition:0.5s;
}
.roundbtn:hover {
	opacity:0.6;
	transition:0.5s;
}
.scrollbuttons {
	position:fixed;
	bottom:0;
	right:0;
	display:none;
	transition:0.5s;
}
.scrollbtn {
	font-size:50px;
	margin:8px;
}

/*---------

S�kresultat

----------*/
span.boldtext {
	font-weight:bold;
}
.floatLeftBox {
	display:none;
}
.result_table { /*Inforuta f�r s�kresultat, searchresult.php*/
	display:none;
}

.result_table_main .navbox {
	display:none;
}
div.result_table_empty {
	width:100%;
	text-align:center;
}
.rtemain {
	width:100%;
	font-size:2em;
	padding-bottom:1em;
}
.result_table_empty i {
	font-size:3.5em;
	width:100%;
	padding:24px;
	color:#ccc;
}

.rtetips, .rtehelp, .rtefaq {
	display:inline-block;
	width:32%;
	vertical-align:top;
	padding:1.5em;
	font-size:1em;
	text-align:center;
}

/*

SEARCHRESULT

*/
.draggableimage.ui-draggable-dragging {
	max-width:400px;
	max-height:400px;
	height:auto;
	width:auto;
	z-index:15;
	border-radius:1rem;
}
#imagesbox {
	width:100%;
	margin:auto;
	padding-right:4px;
}
.imagebox {
	margin:6px;
	background-color:#F9F9F9;
}
.imagebox_wide {
	
}
.imagebox_wide .buttonlook {
	margin: 1px;
	margin-right:0.5em;
	font-size: 0.9em;
}
.imagebox_wide .buttonlook i {
	margin-right:3px;
	color:#ff0099;
}
.imagebankul {
	text-align: center;
	width: 100%;
	display: block;
	float: left;
}
.imagebankul li {
	display:inline-block;
	padding:1em;
	vertical-align:top;
}
.imagebankul li .clickable {
	height:180px;
	width:180px;
	background:#f5f5f5;
	margin:auto;
	margin-bottom:1em;
}
.imagebankul li .clickable img {
	max-width: 100%;
	max-height: 100%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
div.imagerowsr {
	display:block;
	padding:0;
	margin:0 auto;
	margin-bottom:6px;
	text-align:center;
	white-space: nowrap;
	max-width:1280px;
}
div.imagerowsr .imagebox { /*searchresult*/
	margin:0;
	margin-right:3px;
	margin-left:3px;
	display:inline-block;
	position:relative;
}
.ispurchasedicon {
	position: absolute;
    top: 0;
    right: 0;
}
.isdownloaded {
    border: 1px solid #ff0099;
}
.imagebox .ispurchasedicon {
	position: absolute;
    height: 100%;
    width: 100%;
    border: 3px solid #ff0099;
    z-index: 1;
    pointer-events: none;
}

.imagebox .ispurchasedicon > i {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.ispurchasedicon > i {
    padding: 8px;
    text-align: right;
    border-bottom-left-radius: 75%;
    width: 40px;
    height: 40px;
    background-color: #ff0099;
    color: white;
    font-size: 18px;
}
span.holdit {
	position: relative;
	max-height:100%;
	max-width:100%;
	vertical-align:bottom;
	display:block;
}
span.holdit .playsym {
	opacity: 0.8;
    display: block;
    position: absolute;
    font-size: 5em;
    color: white;
    text-shadow:1px 1px 1px black;
    margin:12px;
    cursor:default;
}
.imagebox .holdit .imagebox__inseries {
	opacity: 0.8;
    display: block;
    position: absolute;
    top:0;
    right:0;
    font-size: 2em;
    color: white;
    text-shadow:0px 0px 2px rgba(0,0,0,0.5);
    margin:6px;
    cursor:default;
}
div.resultPicDiv {
	height:100%;
}
div.resultPicDiv img.resultPic {
	width:100%;
	padding:0;
	margin:0;
	vertical-align:top;
}
img.resultPic.resultPicActive {
	border:4px solid #444;
}
div.picIconsCell {
	display:none;
	opacity: 1;
    bottom: 0;
    width: 100%;
    position: absolute;
    overflow:hidden;
    padding-bottom:4px;
    background:white;
    white-space:normal;
    pointer-events: none;
}
div.picIconsCell img.picbackground {
	-webkit-filter:blur(25px);
	-moz-filter:blur(25px);
	filter:blur(25px);
	position:absolute;
	bottom:3px;
	left:0;
	width:100%;
	height:auto;
}
div.picIconsCell span#clc, div.picIconsCell span#cls {
	display:none;
}
div.picIconsCell span.icon {
	color:black;
	background-color:white;
	border-radius:50%;
	font-size:1.2em;
	padding:0.6em;
	margin:8px;
	cursor:pointer;
	position:relative;
	display:inline-block;
	pointer-events: initial;
}
div.picIconsCell span.icon:hover {
	color:white;
	background-color:#ff0099;
	transition:0.3s;
}
.qualbox.viewmode {
	display:none;
}
.qualbox.mouseoverbox {
	display:inline-block;
}

/*------

SIDEMENU

------*/
.staticMenu {
	width:1024px;
	margin:auto;
}
.staticMenuLeftBack a {
	display:inline-block;
	padding:6px;
	margin:2px 0;
	text-decoration:none;
	border-radius:2px;
	font-size:0.8em;
	color:#666;
	background-color:#f5f5f5;
}
.staticMenuLeftBack a:hover {
	color:#0066EE;
}
.staticMenuLeftBack div {
	display:none;
}
.staticMenuLeftHead {
	display:none;
}
/*---

CHAT

---*/
#chatwrapper {
	display:none;
}
/*

*/
.lowkeybtn {
    font-size: 14px;
    font-family: "OpenSans";
    float: right;
    border-width: 1.5px;
    border-color: black;
    padding: 8px 16px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 16px;
}
.lowkeybtn:hover {
	background-color: rgba(0,0,0,0.6);
	color:white;
}
/*--------

BUTTONLOOK

--------*/
.buttonlook, .ui-dialog button {
    position: relative;
    display: inline-block;
    padding: 0.75rem 1rem;
    border-radius: 6px;
    background-color: #000000;
    cursor: pointer;
    text-decoration: none;
    font-size: 0.9rem;
    color: white;
    border: 0;
    text-align: center;
}
.buttonlook:hover, .ui-dialog button:hover {
    background-color:#b10061;
    transition:.2s;
}
.buttonlook.contour {
    padding: 1rem 2rem;
    background-color: initial;
    color: black;
    border: 2px solid black;
    font-family: "OpenSans";
}
.buttonlook.contour.disabled, .buttonlook.contour.disabled:hover {
	background-color: #f0f0f0;
	color: #999;
	border: 2px solid #f5f5f5;
	cursor: not-allowed;

}
.buttonlook.contour:hover {
    /*background:linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.0)), #777;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.26);*/
    background-color:black;
    color:white;
    transition:.2s;
}
.buttonlook.neutral  {
	background-color: rgba(255,255,255,0);
    border: 1px solid rgba(255,255,255,0);
    border-radius: 2px;
    color: #757575;
}
.buttonlook.neutral:hover {
	border: 1px solid #c6c6c6;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    color: #222;
    background-color:#f8f8f8;
}
.buttonlook.block  {
	background-color: rgba(255,255,255,0);
    border: 1px solid rgba(255,255,255,0);
    border-radius: 2px;
    color: #757575;
    padding:initial;
    display:block;
}
.buttonlook.block:hover {
	border: 1px solid #c6c6c6;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    color: #222;
}
.buttonlook.border {
	border:2px solid white;
	color:white;
	background:initial;
}
.buttonlook.border:hover {
	background:white;
	color:#666;
}
.buttonlook.darkborder {
	border: 2px solid #333;
	color: #333;
	background: initial;
	font-family:inherit;
}
.buttonlook.darkborder:hover {
	background: #333;
	color: white;
}
.rowbtn  {
	background-color: rgba(255,255,255,0);
    border: 1px solid rgba(255,255,255,0);
    border-radius: 2px;
    padding:initial;
    display:block;
    float:left;
    width:100%;
    cursor:pointer;
}
.rowbtn:hover {
	border: 1px solid #c6c6c6;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    background-color:#f8f8f8;
}
.buttonlook input[type="checkbox"] {
	height:12px;
}
.buttongrey {
	cursor:initial;
	background-color:#d5d5d5;
	color:#999;
}
.buttonlook.buttongrey:hover {
	background-color:#d5d5d5;
	color:#999;
}
.buttonlook.green {
	background-color:#dae9e9;
	color:#999;
	font-size:0.9em;
}
.buttonlook.green:hover {
	color:white;
	background-color:#b10061;
}
.buttonlook.discreet {
	background-color: rgba(25, 25, 25, 0.09);
    border: 0;
    color: #000;
}
.buttonlook.discreet:hover {
	background:rgba(0,0,0,0.12);
	color:#000;
}
.buttonlook.xdiscreet {
	background:none;
	color:inherit;
	padding:0;
}
.buttonlook.xdiscreet:hover {
	color:black;
}
.buttonlook.discreet2 {
	background:none;
	color:#777;
	box-shadow:0 -5px 5px -5px rgba(0,0,0,.26);
	border:0;
	padding:1em;
	width:100%;
	text-align:center;
	border-radius:0;
}
.buttonlook.discreet2:hover {
	color:#ff0099;
}
.buttonlook.discreet3 {
	background:none;
	box-shadow:0 5px 5px -5px rgba(0,0,0,.26);
	border:0;
	padding:1em;
	width:100%;
	border-radius:0;
	color:initial;
}
.buttonlook.discreet3:hover {
	color:#ff0099;
}
.buttonlook.red {
	background-color:#ff0099;
	color:#fff;
	border-color:#ff0099;
}
.buttonlook.red:hover {
	color:white;
	background-color:#B10061;
}
/*-----------

COOKIEMESSAGE

------------*/
.cookiemessage {
	position: fixed;
    top: 0;
    width: 100%;
    color: white;
    background: #ff0099;
    text-align: center;
    z-index:5;
    font-size:0.9em;
}
.cookiemessage p {
	padding: 21px 50px;
	position:relative;
}
.cookiemessage .closeXbutton {
	color:white;
	z-index:6;
}
/*

SLIDER

*/
.card {
	display:inline-block;
	width:100%;
}
.cardholder {
	display:inline-block;
}
.cardbody {
	padding:16px;
	background:white;
	font-family:OpenSansLight;
}
.cardbody h2 {
	font-size:1.4em;
	margin-bottom:0;
}
.cardhead {
	color:white;
	padding:16px;
	margin-bottom:0;
}
.separated {
	padding: 16px;
	padding-left:0;
	padding-right:0;
	margin: 16px 0 16px 0;
	border:1px solid #e5e5e5;
	border-left:0;
	border-right:0;
}
.border {
	border:1px solid #e5e5e5;
}



/*

SHOWIMAGE

*/
.bilddetaljer .picNavOpt {
	position:absolute;
	top:0.5em;
	left:0;
	margin:1em;
}
.bilddetaljer .picNavOpt a {
	margin: 2px;
    display: inline-block;
}
.picNavOpt {
	background-color:white;
	color:#ccc;
	border-radius:50%;
	border:2px solid #ccc;
	font-size:2em;
	padding:4px 5px;
	z-index:1;
	cursor:pointer;
}
.picNavOpt a {
	color:inherit;
}
.showimageback {
	margin:-1em 0 1em 0;
}
.showimageback a {
	text-decoration:none;
}
.imagearrow {
	font-size:40px;
	position:absolute;
	bottom:50%;
	color:white;
	background:rgba(0,0,0,0.1);
	opacity:0.8;
	height:40px;
	border-radius:3px;
}
.imagearrow:hover {
	background:rgba(0,0,0,0.7);
	color:white;
	opacity:1;
}
.prev.imagearrow {
	left:12px;
}
.next.imagearrow {
	right:12px;
}
.siwords {
	display:block;
	width:100%;
	clear:both;
	padding:2em 0;
	font-size:1.5em;
}
.showimcattable {
	
}
.sicaption {
	font-size:1.5em;
	display:block;
	margin-bottom:1em;
}
.sioptions {
	display:block;
	width:100%;
	padding:1em 0;
	text-align:center;
}
.siimagebank {
	display:block;
	float:left;
	width:100%;
}
.siaddtoimb {
	display:inline-block;
	font-size:1.5em;
	color:white;
	float:left;
}
.imagebankLinks .addToImagebankText {
	float:left;
	border:1px solid #666;
	color:#EEE;
	padding:0.5em;
	margin-bottom:1em;
	border-radius:3px;
	font-size:1em;
	clear:both;
	cursor:pointer;
}
.imagebankLinks .addToImagebankText:hover {
	background-color:#666;
	color:white;
}
.sioptions a {
	display:inline-block;
	padding:1em;
	text-decoration:none;
	font-size:0.9em;
}
/*.sioptions a:hover {
	text-decoration:underline;
}*/
select#rfpriceselect {
	margin-bottom:1em;
	width:100%;
}
div#displayinfo {
	display:none;
}
div#priceinfo {
	display:none;
	line-height:2;
}
.sicart, a.sicart {
	cursor: pointer;
	display: inline-block;
    width: 100%;
    padding: 1em;
    border-radius: 2.5rem;
    color: white;
    background-color: #ff0099;
    font-size: 1.2rem;
    border: 0;
	text-decoration:none;
	transition:.2s;
}
.sicart:hover {
	background-color: #ff0099;
	opacity:0.9;
	color:white;
	text-decoration:none;
}
a.sicartgrey, a.sicartgrey:hover {
	background-color:#c5c5c5;
	color:#eee;
}

.sicart i.material-icons {
	margin-right:0.5em;
	vertical-align:top;
}
.sisketchimageholder {
	float:left;
	position:relative;
	width:50%;
	font-size:0.6em;
	color:#999;
	text-align:center;
}
.sisketchimageholder img, .sisketchimageholder video {
	max-width:100%;
	max-height:500px;
	width:auto;
	height:auto;
	float:none;
}
.sisketchimageholder div {
	padding:4px;
}
.sitable {
	width:100%;
	box-shadow:0 2px 5px 0 rgba(0,0,0,.26);
	margin:1em 0;
	background-color:#aaa;
	color:white;
}
.sitable tr.header td {
	font-weight:bold;
	background-color:#777;
	color:#eee;
}
.sitable td {
	padding:0.5em;
	border:1px solid #777;
}
.siinfo {
	float:left;
	width:calc(50% - 1em);
	padding:0 2em;
	font-size:1em;
	margin-left:1em;
}
#dleft .siinfo {
	padding:2em;
	background:white;
	padding-bottom:0;
}
#dleft video {
	width:100%;
}
.siinfo .sketch_right {
	display:inline-block;
	width:100%;
}
.imagedimensions {
	position:relative;
	z-index:+1;
	margin-left:-4px;
}
.imagedimensions .sitable {
	display:none;
	position:absolute;
	min-width:260px;
	top:100%;
	left:0;
	font-size:0.9em;
	background-color:#fff;
	color:#777;
	margin:1px 0 0 0;
	transition:.5s;
}
.imagedimensions:hover .sitable {
	display:table;
}
.imagedimensions .sitable td {
	border:0px;
}
.imagedimensions .sitable td.header {
	background-color:#e5e5e5;
	color:#777;
}
.sibutton {
	margin-top:1em;
}
.hide {
	display:none !IMPORTANT;
}
.invisible {
	visibility: hidden;
	height: 0;
	width: 0;
	display: inline-block;
	font-size: 0;
}
.sirub, .sivalue {
	margin-bottom:14px;
	width:49%;
	color:#999;
	font-size:1em;
	vertical-align:top;
}
.sirub {
	display:inline-block;
	clear:right;
}
.sivalue {
	display:inline-block;
	color:initial;
}
.silink {
	float:left;
	clear:right;
	margin-top:1em;
}
.sidownload {
    float: left;
    font-size: 1em;
    width:100%;
    /*box-shadow:inset 0 2px 5px 0 rgba(0,0,0,.26);*/
}
.sidownload .row .cell select {
	width:100%;
}
.sidownload .kategorier {
	color:#EEE;
}
div.dlimgrow {
	display: block;
    clear: both;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
}
div.dlimgrow:last-of-type {
	border-bottom:0;
	padding-bottom:0;
}
div.dlimgrow:first-of-type {
	padding-top:0;
}
.downloadimagebox .downloadallfrompack {
	float:right;
}
.downloadimage[data-isdownloaded="true"], i.downloadimage[data-isdownloaded="true"], .downloadimage[data-isdownloaded="true"] i.material-icons {
	
}
div.dlimgrow .sidlcel2 {
	padding:0.5em;
}
.sidlcell1 {
	width:40%;
	
	clear:left;
	height:2em;
}
.sidlcell2 {
	width:20%;
	float:left;
	height:2em;
}
.sidlcell3 {
	width:39%;
	float:left;
	height:2em;
}
.sidlcell2 select {
	min-width:80%;
	background-color:white;
}
.sidlcell3 a {
	color:#EEE;
}
.siprice {
	float:left;
    width: 100%;
    margin: 0;
    font-size:0.9em;
}
.sipricebutton {
	display:none;
	padding-bottom: 1em;
    margin-bottom: 0.5em;
    font-size:22px;
}
.sirubrik {
	margin:1em 0;
	font-size:1.5em;
	color:white;
	display:block;
}
div.seriesholder {
	margin:2em auto;
	text-align:center;
}
div.seriesarrow {
	display:inline-block;
	vertical-align:middle;
	font-size:2em;
}
.hold.sihold {
	overflow:scroll;
	white-space:nowrap;
	display:inline-block;
	vertical-align:middle;
	background:#e5e5e5;
	width:calc(100% - 4.5em);
}
.sihold div.siseriesthumb {
	display:inline-block;
}
.sihold .siseriesthumb img {
	height:100%;
	padding:0.5em;
}
.contentholder.sicontent {
	padding:0 0 0 0;
	border:0;
}
.contentholder.sicontent .content {
	overflow:hidden;
}
.contentholder.sicontent2 {
	background-color:#999;
	color:#DDD;
}
.imagebanklink {
	margin-bottom:0.5em;
}
.sitext {
	display:block;
	margin:1em 0;
}
div.table {
	width:100%;
	padding:2em 0;
	clear:both;
	float:left;
}
div.table span.cattd {
	float:left;
	padding:0.5em;
}
div.table span.cattd a {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width:90%;
    width: 240px;
    vertical-align: top;
	color:inherit;
	line-height:normal;
}
div.table span.td {
	float:left;
	padding:6px;
}
div.table span.rubtd {
	float:left;
	clear:both;
	width:200px;
	padding:6px;
}
.sisearchbutton {
	display:block;
	width:100%;
	clear:both;
	padding:1em 0 !IMPORTANT; 
}
/*

CATEGORYTREE

*/
div.searchresultinfo {
	display: block;
    max-width: 1310px;
    padding:1em;
    margin: auto;
    margin-top: 0;
}
.categoryTree {
	position:relative;
	display:inline-block;
}
.categoryTree .cthead {
	display:inline-block;
	padding:0.5em 1em;
	/*box-shadow:0 2px 5px 0 rgba(0,0,0,.26);*/
}
.categoryTree div.master {
	display:none;
	position:absolute;
	top:102%;
	left:0;
	width:300px;
	box-shadow:0 2px 5px 0 rgba(0,0,0,.26);
	z-index:2;
	border-radius:3px;
}
.categoryTree a {
	text-decoration:none;
	color:inherit;
}
.categoryTree li.parc {
	padding:0.5em 0;
	background-color:white;
}
.categoryTree span.parcs2 {
	padding:0 1em;
	font-size:0.9em;
}
.categoryTree li.parc:hover {
	background-color:#ff0099;
	color:white;
	transition:0.2s;
}
.categoryTree ul.sublist {
	margin-top:1em;
}
.categoryTree .sublist li {
	padding:0.5em;
	padding-left:1.5em;
	font-size:0.8em;
}
.categoryTree .sublist li:hover {
	background-color:white;
	color:#ff0099;
	padding-left:2em;
	transition:0.3s;
}
.categoryTree span.parcs1 {
	width: 1em;
    text-align: right;
    display: inline-block;
}



/*--------

LOGOUT

--------*/
.logoutpage {
	width:1024px;
	margin:auto;
	font-size:2em;
	text-align:center;
	min-height:400px;
	padding:2em 1em;
}
.logoutpage:after{
    clear: both;
    content: "";
    display: block;
}
/*MYPAGES*/
.mypages {
	margin:auto;
}
.mpbox.avtal div {
    margin: 0px 0;
}
.mpbox.avtal td {
	min-width:1%;
}
.mpbox.avtal div span {
	display:inline-block;
	width:calc(100% / 3);
    padding: 1em;
    overflow:hidden;
    font-family:"OpenSans";
}
.mpbox.avtal div span.text_black {
	background-color:#f0f0f0;
}
.InfoMessage {
    color: white;
    padding: 1em;
    background-color: #ff0099;
    font-size: 1.5rem;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1040;
    width: 100%;
}
.companyinfo {
	margin: auto;
    max-width: 1024px;
    margin-bottom: 2em;
}
.companyinfo div {
	padding: 1em 0;
}
.checkedinfo {
	
}
.checkedinfo .material-icons {
	color:green;
}
.companyinfo span {
	display:inline-block;
}
.companyinfo .text_black {
	width:240px;
	float:left;
}
/*

BILDDETALJER

*/
div.bilddetaljertn {
	display:inline-block;
	position:relative;
	width:100%;
	background-color:#fff;
	overflow:visible;
	margin-bottom:4px;
}
div.bilddetaljertn div.content {
	padding:1em;
	max-width:100%;
}
div.iconsDivTN {
	display:none;
}
/*

POPUPBOX

*/
#theLayer {
	right:0;
}
#theLayer .popUpBox {
	padding: 1em;
    background-color: white;
    box-shadow:0 2px 25px 10px rgba(0,0,0,.26);
    border-radius:1px;
}
#theLayer td#titleBar {
	padding:0;
}
#theLayer td {
	padding:1em;
}
#theLayer td a {
	text-decoration:none;
}
#theLayer .popUpBox input {
	padding:0.5em;
	border-radius:2px;
}
/*

NAVBOXBOTTOM

*/
.navboxbottom {
	text-align:center;
	padding:1em 0;
	font-size:1.5em;
	color:#666;
	display:inline-block;
	width:100%;
	height:225px;
	min-height:225px;
}
.navboxbottom .bottomnav {
	padding:1em;
	white-space:nowrap;
}
.navboxbottom .bottomnav.fixednav {
	padding: 1em;
    position: fixed;
    bottom: 40px;
    width: 100%;
    height:0;
    z-index: 1;
    pointer-events: none;
}
.navboxbottom .bottomnav.fixednav .arrowbtn, .navboxbottom .bottomnav.fixednav input.pageInput {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
	pointer-events:initial;
}
.navboxbottom .curpos {
	display:inline-block;
	color:#c5c5c5;
}
.navboxbottom input.pageInput {
    margin: 0px 0.5em 0.5em 0.5em;
    padding: 8px 0.5em 9px 0.5em;
    text-align: center;
    border: 0;
    display: inline-block;
    background:#e5e5e5;
    color:inherit;
    color:#666;
    transition:.5s;
}
.navboxbottom .arrowbtn {
	display: inline-block;
    vertical-align: top;
    padding: 0.5em;
    background-color: #f5f5f5;
    /* border-radius: 50%; */
    margin: 0 0.5em;
    cursor:pointer;
    transition:.1s;
}
.navboxbottom .fakelink .arrowbtn:hover {
	background:#ff0099;
	color:white;
}
.navboxbottom .fakelinkcur .arrowbtn {
	opacity:0;
	cursor:initial;
	pointer-events: none !IMPORTANT;
}
/*

SAVE IMAGE BOX

*/
.downloadimagebox .dlimcont {
    overflow: hidden; /* Hide any overflow */
    transition: height 0.5s ease; /* Apply transition effect to height property */
}
.smallpopbox {
	position:absolute;
	box-shadow:0 2px 5px 0 rgba(0,0,0,.26);
	padding:1em;
	background-color:#EEE;
	font-size:0.9em;
	display:none;
	z-index:7;
	min-width: 100px;
}
.smallpopbox .buttonlook.neutral {
	border:1px solid #ccc;
	margin-left:6px;
}
.smallpopbox #topbox {
	display:none;
}
.smallpopbox .sidownload {
	display:block;
	color:#555;
}
.smallpopbox p.savedmessage {
	padding:0.5em;
}
.smallpopbox .sidlcell1 {
	padding:0.1em;
	width:50%;
	line-height:1.5;
}
.smallpopbox .sidlcell2 {
	padding: 0.1em 0.5em;
    width: 36%;
    line-height: 1.5;
    display: inline-block;
}
.smallpopbox .sidlcell3 {
	padding:0em;
	padding-left:0.5em;
	width:auto;
	float:none;
}
.smallpopbox .sidlcell3 a {
	color:initial;
	padding:5px 5px 4px 5px;
}
.smallpopbox .kategorier {
	color:#555;
}
.smallpopbox.saveimagebox select {
	border:0px white;
	background-color:white;
	width:100%;
}
.smallpopbox #saveimageto {
	width:100%;
	margin-top:6px;
}
span.upwhitearrow {
	position: absolute;
    top: -25px;
    left: 37px;
    width: 25px;
    height: 25px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #EEE;
}

/*

PLEASEWAIT

*/
#pleaseWaitDiv {
	display:none;
}



.text_red {
	color:#ff0099;
	font-family:"OpenSans";
}
div.textareatable {
	display:none;
}
/*

CONTACTFOLDOUT

*/
#contactfoldout {
	width:220px;
	border-right:0;
	position:fixed;
	bottom: calc(50% - 160px);
	right: -220px;
	z-index:7;
	
    color: #f0f0f0;
}
#contactfoldout .cfcontent {
	background-color: white;
	background-image: url(/images/sketch/ima34000/ima33446.jpg);
    background-size:cover;
	overflow: hidden;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .26);
    position: relative;
	border-radius: 1rem 0 0 1rem;
}
#contactfoldout .cfcontent form {
	padding:1rem
}
#contactfoldout #cftab {
	position: absolute;
    right:100%;
    bottom: 50%;
    border-right: 0;
    padding: 0.75rem 0.3rem;
    font-size: 1.3em;
    cursor: pointer;
    border-radius: 0.75rem 0px 0px 0.75rem;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.26);
    background: #fafafa;
    color: #888;
    z-index:-1;
}
#contactfoldout #cftab:hover {
	background-color: #fff;
	color:#ff0099;
    transition: .2s;
}
#contactfoldout span.cfspan {
	font-family:OpenSansLight;
    display: block;
    background: #fafafa;
    padding: 1em;
    text-decoration: none;
    color: #888;
    text-align: center;
}
#contactfoldout a {
	display:block;
	text-decoration: none;
}
/*

REGISTER

*/
.content .registerform {
	width:100%;
	background-color:initial;
}
.registerform p {
	padding-bottom:2em;
}
.registerform label {
	width:45%;
	display:inline-block;
}
.registerform input, .registerform select {
	max-width:40%;
	display:inline-block;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:5px;
}
.registerform div {
	margin:0.5em 0;
	background-color:#f5f5f5;
	padding:1.5rem;
}
.registerform .formComment {
    font-size: 0.9em;
    color: #999;
    display:block;
}
.registerform .formCommentstar {
	display:inline;
	color:#ff0099;
}


/*

KUNSKAPSBANKEN

*/

div.kbplugg {
	display: inline-block;
    width: calc(100% / 3 - 1em);
    margin: 1em 0.5em;
    color: #555;
    vertical-align: top;
}
div.kbplugg:hover {
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .26);
	transition:.2s;
}
div.kbplugg div.kbimg {
	width: 100%;
    overflow: hidden;
    position: relative;
    height: 200px;
    background:#e5e5e5;
}
div.kbplugg div.kbimg img {
	min-height: 100%;
	object-fit:cover;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
div.kbplugg div.kbtext {
	padding:1em;
	display: inline-block;
    vertical-align: top;
}
div.kbplugg div.kbtext h3 {
	margin-bottom:0.25em;
}
div.kbplugg div.kbtext p {
	text-align:left;
}
div.kbtext a {
	text-decoration:none;
}
div.kbplugg:after {
	display:table;
	content:"";
	clear:both;
}
div.kblastletter:after {
	content:"";
	clear:both;
	display:block;
}
div.kblastletter div.kbimg {
	float:left;
}
div.kblastletter {
	width: 100%;
    padding: 0;
    margin-bottom:3em;
    background: none;
}
div.kblastletter img {
	max-width:100%;
	width:440px;
}
div.kblastletter div.kbtext {
	width: calc(99% - 440px);
	min-width:120px;
	padding:0 1em;
	float:left;
}
/*

FOTOGRAFER

*/

div.photoplugg {
    display: inline-block;
    width: calc(100% / 2 - 6px);
    color: #555;
    height: 220px;
    padding: 1rem;
    margin: 3px;
    vertical-align: top;
}
div.photoplugg a {
	text-decoration:none;
}
div.photoplugg img {
    float: left;
    width: 126px;
    height: 126px;
    border-radius: 50%;
    object-fit: cover;
}
div.photoplugg div.phototext {
	color: #111;
    padding-left: 2em;
    display: inline-block;
    width: calc(100% - 126px);
    margin-top: 15px;
    font-size: 15px;
}
div.photoplugg div.phototext h3 {
	font-size:1.4em;
	margin-bottom:7px;
}
div.photoplugg div.phototext p {
    text-align: left;
    font-family: OpenSansLight;
}
div.photoplugg i {
	font-size:1.5em;
}
div.mainphotoplugg div.photoplugg {
	width: 100%;
    padding: 0;
    height: auto;
    margin-bottom: 3em;
    margin-right:0;
}
div.mainphotoplugg div.photoplugg:after {
	display:block;
	content:"";
	clear:both;
}
div.mainphotoplugg div.photoplugg img {
    width: 320px;
    height: 320px;
}
div.mainphotoplugg div.photoplugg div.phototext {
	width:calc(100% - 320px);
	padding: 2em;
    font-size: 18px;
}
/*

PHOTOPLUGG CONTACT

*/
#contactus div.photoplugg {
	height:auto;
}
#contactus div.photoplugg img {
    width: auto;
    height: auto;
    border-radius: 0;
}
/*

GRID

*/
.grid {
	grid-template-columns: 2fr 2fr;
    grid-column-gap: 1rem;
    grid-row-gap: 2rem;
}
@media screen and (max-width:600px) {
	.grid {
		grid-template-columns: 1fr;
	}
}
/*

Collage

*/
.imagecollage {
  /* Prevent vertical gaps */
  line-height: 0;
   
  -webkit-column-count: 3;
  -webkit-column-gap:   3px;
  -moz-column-count:    3;
  -moz-column-gap:      3px;
  column-count:         3;
  column-gap:           3px;  
}

.imagecollage img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
  padding-bottom:3px;
  display:block;
}

span.adress {
	display:block;
	padding:0.5em 0;
}

/*--------

HEROTEXT (/about_images/our_images.php)

--------*/

.hero_text {
	padding-top: 60% !important;
	font-size: 4vw !important;
	text-shadow: 1px 0 10px #020202;
}

@media screen and (max-width: 1020px) {
  .hero_text {
	padding-top: 40% !important;
    font-size: 6vw !important;
  }
}

@media screen and (max-width: 690px) {
  .hero_text {
	padding-top: 20% !important;
    font-size: 8vw !important;
  }
}


/*CSS END*/

/*
RESPONSIVE CSS START =>
*/




@media screen and (max-width: 1200px){
.bilddetaljertn .closeXbutton {
	top:1.5em;
	right:1em;
}


}

@media screen and (min-width: 1001px) {
	.expandparent:hover ul.expandchild {
		display: block;
	}
	.toprow3height.toprow3fixed {
		position:fixed;
		left:0;
		top:0;
		transition:.3s;
		background-color:white;
		box-shadow:0 2px 5px 0 rgba(0,0,0,.26);
	}
	.topmenu1tabs {
		min-height:initial !IMPORTANT;
	}
	
}

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



div.scrollbtn {
    margin: 10px;
    font-size: 40px;
    opacity: 0.5;
    height:40px;
}

div.photoplugg {
	width:100%;
	height:auto;
	margin:1em 0;
}
div.mainphotoplugg div.photoplugg img {
	width:100%;
}
div.mainphotoplugg div.photoplugg div.phototext {
	width:100%;
}
#cartmenu {
	display:none;
}
#topmenutabs {
	margin:0.5em;
	padding-left:0;
	padding-right:0;
}
#topbox .topiconopt .header_reco_logo {
	display:none;
}
.toprow1 .main-nav .folded i {
	float:right;
}
div.hambmenu {
	cursor:pointer;
    display: block;
    float: left;
    padding: 0.5em;
    font-size: 2em;
}
div.toprow1 {
	position:static;
	padding:0;
}
div#toplogo {
	margin:0;
	flex-grow:1;
	display:flex;
}
div#toplogo a#logo {
	margin:12px 0;
	float:none;
}
.toplogo a#logo img {
	width: 145px;
    height: auto;
    padding-top: 6px;
}
div.topmenu1tabs {
	display:none;
    position: fixed;
    overflow:auto;
    left: 0;
    top: 0;
    background: #fff;
    z-index:7;
    width:240px;
    padding-top:8px;
    text-align:left;
	box-shadow:0 2px 5px 0 rgba(0,0,0,.26);
	min-height:100vh;
	max-height:100vh;
}
div.topmenu1tabs .picNavOpt {
	display:inline-flex;
	padding:7px;
	margin-left:0.5em;
	background-color:white;
}
.dropmenu .arrowup, .dropmenu .arrowdown {
	float:right;
	height:0;
}
.dropmenu {
	overflow:hidden;
}
.dropmenu ul {
	display:block;
}
.dropmenu ul li {
	width:100%;
}
.dropmenu ul li ul {
	position:relative !IMPORTANT;
	border-right:0;
	border-left:0;
}
.dropmenu ul li ul li {
	background-color:#f5f5f5;
}
.dropmenu a.topmenu1text {
   height:auto;
   padding:1em;
   width:100%;
}
.searchmenubox {
	display:none;
}
.toprow3 div.searchdiv {
    width: calc(100% - 80px);
}
#contactfoldout {
	display:none;
}
#fixedbox {
	display:none;
}
#content {
	padding-left:0 !IMPORTANT;
}
.progressBar .progressBarLine {
	display:none;
}

div.topiconopt {
	position:relative;
	padding:0.8rem;
}
.content h1 {
	font-size:1.8em;
}
div.ordermaininfo {
	width:100%;
}
div.sideinfo {
	width:100%;
}
.footer-row:nth-child(2) .element {
	-webkit-filter:grayscale(0%) !IMPORTANT;
	-moz-filter:grayscale(0%) !IMPORTANT;
	filter:grayscale(0%) !IMPORTANT;
}
.firstpage-text h2 {
	font-size: 2.5em;
}

}

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

.firstpage-plug {
	width:auto;
}

}

@media screen and (max-width: 802px) {
.third {
	width:100%;
}
.half {
	width:100%;
}
.content {
	padding: 3em 1em;
}
.footer-row {
	display:block;
}
.footerCol {
	
}
.footerCol li {
	padding:0.5em 0;
}
ul.lightboxtable li.outertd {
	width:calc(100% / 3);
}

.imagecollage {
	-moz-column-count:    2;
	-webkit-column-count: 2;
	column-count:         2;
}
div.kblastletter div.kbtext {
	width: 100%;
	padding:1em 0;
}
div.kbplugg {
	width: calc(50% - 1em);
	margin:0.5em;
}
div.sisketchimageholder {
	width:100%;
}
div.siinfo {
	width:100%;
	margin-left:0;
	padding:1em 0;
}
div.sipricecontent {
	max-width:100%;
	overflow:auto;
}


}


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

.navboxbottom input.pageInput {
	padding:6px;
}
.navboxbottom .bottomnav.fixednav {
	bottom:30px;
	
}
.navboxbottom .bottomnav {
	font-size:1.2rem;
}
.navboxbottom .arrowbtn {
	margin: 0 4px;
}
	
.rtetips, .rtehelp, .rtefaq {
	width:100%;
}
ul.lightboxtable li.outertd {
	width:100%;
}
div.kblastletter {
	padding:0;
	background:initial;
}
div.kbplugg {
	width: 100%;
	margin:0;
}


div.picIconsCell span.icon {
	font-size:0.9em;
	margin:4px;
}
	
}