/****************************************************************************************
 Hoststyle til Bootstrap

   Ting bliver remmet ud...

 hosteder kan/skal rette farver her

.spicon
.spicon:hover
.spicon:active
.spicon_multi
.spbutton {
.spbutton:hover
.underside
.emne
.menudiv li:hover 
.gotopic
#divxcon
http://www.ajaxload.info	til at lave spinnere

 valgte farver:

#da4907	highlight ??
#ffffff	background
#2e2e2e	font color, sa den ikke er helt sort
#FBEC88	gul multimarkering

Edit blå  					#66C2FF 	#6DA3D9
Crea Gul  					#FBEC59 	#F1AC00
Edcr grøn  					#00EC00 	#00B800
Corbis turkis 				#30AFC5  #2492A5     grå: #8B8E85
Video: purple 				#C048C5 	#B700C7
 
Input: gul 					#FEFEEE  #FEF8D8
 
Søgeknap: orange/rød  	#FF5800  #FF0000
 
Baggrunde: grå

*****************************************************************************************/

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
/*
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
*/
/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */


:root {
	--gallery-img-height: 16rem;
	--gallery-img-height-1: 12rem;
	--gallery-img-height-2: 14rem;
	--gallery-img-height-3: 16rem;
	--gallery-img-height-4: 18rem;
	--gallery-img-height-5: 20rem;
	--gallery-img-height-6: 22rem;
}


body {
  color: #000000;
  background-color: #ffffff;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  margin: 20px 20px 20px 20px;
  padding: 0px 0px 0px 0px;
}
#divxcon {
   background-color:#ffffff;  /* simplemodal farve hvis body er sat til farve */
}
.normaltxt {
  font-size: 12px;
}
/*
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif;font-weight: bold; color: #333333;}
h1 { font-size: 1.8em; line-height: 1.8em}
h2 { font-size: 1.5em; line-height: 1.6em}
h3 { font-size: 1.4em; line-height: 1.4em}
h4 { font-size: 1.2em; line-height: 1.1em}
h5 { font-size: 1.2em; line-height: 1.1em}
h6 { font-size: 1.2em; line-height: 1.1em}
*/
/*
form 	{ display:inline }
input[type=text] { border:1px solid #999999 }
input[type=password] { border:1px solid #999999 }
input[type=submit] { border:1px solid #999999 }
input:hover { background-color: lightyellow }
textarea:hover { background-color: lightyellow }
*/

input[type=checkbox] {
	border:none;
	background:transparent;
}

input.cb { 
	border:0;
	padding:0;
	margin:0;
}

input.cbu { 
	position:relative;
	top:0px;
	border:none;
	padding:0px;
	margin:0px;
	margin-bottom: -.10em;
	margin-left:4px;
	margin-right:4px;
	overflow:hidden;
	background: transparent;
}


/* sa vises den default rigtig ogsa i IE */
img {
	border:1px none #ffffff;
	-ms-interpolation-mode:bicubic; 
}

.rounded-xl {
	border-radius: 0.75rem !important;
}

.rcorner {
   -moz-border-radius: 0px;
   border-radius: 0px;
}

.rcorner3 {
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.rcorner5 {
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.rcorner10 {
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.highlight {
	border: 1px solid #da4907;
}

.searchhighlight {
	background-color: #FBEC88;
}

.statusicon{
	border:none;
	padding:0px;
	margin:0px;
	margin-right:1px;
	height:10px;
}


.imgbot {
	margin:0;
	padding:0;
	display:inline;
	vertical-align:bottom;
}

.warn {
	color: #FF0000;
	background-color: #FBEC88;
	font-weight: 800;
	padding:5px;
}
.warnrest {
	color: #000000;
	background-color: #FBEC88;
	font-weight: 800;
	padding:10px;
}
.alerttxt {
	color: #000000;
	background-color: #FBEC88;
	background-color: orange;
	padding:5px 10px 5px 10px;
}

.ratinglive {
}

.greyedout {
	opacity: 0.3;
	filter:alpha(opacity=30);
}
.bluefont {
	color: #66C2FF;
}
.redfont {
	color: #FF0000;
}
.greenfont {
	color: #009900;
}

.ptxt {
   border-left:7px solid #ffffff;
   padding:1px 6px 1px 4px;
   background-color:#ededed;
	color:#000;
}
.ptxtprepaid {
   border-color: rgba(224,61,54,1);
}
.ptxtmindste {
   border-color: rgba(14,127,182,1);
}
.ptxtbetalings {
   border-color: rgba(224,61,54,1);
}
.ptxtabon {
   border-color: #0099FF;
}
.ptxtabon-block {
   background-color: #0099FF;
   color: #FFFFFF;
	padding:1px 5px 1px 5px;
	display:inline;
}
.ptxtprisaftale {
   border-color: #999999;
}

.xxbetalingsbilleder {
	font-size:90%;
	color: rgba(224,61,54,1);
	color:#fff;
	border: 1px solid rgba(224,61,54,1);
	xxbackground-color: #fff;
	background-color: rgba(224,61,54,1);
	padding:0px 3px 0px 3px;
  	-moz-border-radius: 3px;
   border-radius: 3px;
	display:inline-block;
}
.prepaid {
	color: rgba(38,158,4,1);
	color: rgba(224,61,54,1);
	xcolor: rgba(224,61,54,0.8);
	xcolor: rgba(23,30,55,0.8);
	xcolor: #0099FE;
	font-size:90%;
	border: 1px solid rgba(224,61,54,0.8);
	border: 1px solid rgba(23,30,55,0.8);
	border: 1px solid #0099FE;
	border: 1px solid rgba(224,61,54,1);
	padding:0px 3px 0px 3px;
  	-moz-border-radius: 3px;
   border-radius: 3px;
	display:inline-block;
}
.mindstepris {
	color:#fff;
	background-color: rgba(14,127,182,1);
	padding:0px 3px 1px 3px;
  	-moz-border-radius: 3px;
   border-radius: 3px;
	display:inline-block;
}

.text-decoration-underline {
	text-decoration:underline;
}
.likelink {
	text-decoration:underline;
	color: #66C2FF;
	cursor:pointer;
}


.buttable td {
	padding:0px;
}

table {
	border-spacing:0px;
	border-collapse: collapse;
	empty-cells:show;
}
th {
	padding:.3em .5em;
   line-height:1.8em;
   white-space:nowrap;
   font-weight:700;
}
.thart:hover {
	cursor:pointer;
	text-decoration:underline;
}
tr {
	vertical-align: top;
}
td {
	padding:.3em .5em;
}
td .nopad {
	padding:0px;
	line-height:1.2em;
	text-align:center;
}
.tdnumber {
	text-align:right;
}

.doScrollY {
	overflow-y: scroll !important;
}

.doScrollX {
	overflow-x: scroll !important;
}

/* hvis du gerne vil have borders i en tabel */
#borderyes { border:1px solid #cccccc }
#borderyes td { border:1px solid #cccccc }

/* tabel til at vise aux i spdk */
#auxtable {
	width:100%;
	margin:0px;
	padding:0px;
}
#auxtable > td {
	padding:0px;
}
#auxtd1 {
	background-color:#fff;
	padding:0px;
	border-left:0px solid #171717;
	border-right:1px solid #171717;
}
#auxtd2 {
	background-color:#fff;
	padding:0px 0px 0px 0px;
	border-left:0px solid #171717;
	border-right:0px solid #171717;
}
#auxtd3 {
	/* ingen width = skal altid fylde resten af bredden */
	background-color:#333333;
	padding:0px;
	border-left:3px solid #171717;
}
#auxdiv0 {
	position:relative;
	display:none;
	color:#fff;
	background-color:#ccc;
	margin:10px 0px 0px 40px /* space over/under table */	
}
#auxdiv1, #auxdiv2, #auxdiv3 {
	position:relative;
	overflow-y:auto;
	overflow-x:hidden;
	width:100%;
	height:100px;
}
.auxcon {
	position:relative;
	width:calc(100% - 20px);
	height:auto;
	padding:5px 10px 10px 10px;
}

#auxlukmig{	position:absolute;display:none;z-index:1000;top:-100px;left:-100px;height:29px;width:60px;color:#fff;
}

/* bare til debug */
/*
#auxtable {
	border:1px solid purple;
}
#auxdiv0 {
	border:1px dotted red:
}
#auxdiv1, #auxdiv2, #auxdiv3 {
	border:1px dotted lightgreen;
	overflow-x: hidden; 
	overflow-y: auto;
}
.auxcon {
	border:1px dotted lightblue;
}
*/
/* bare til debug */








.borderyes{
	border:1px solid #cccccc;
}

.edcolor{
	color:#00CE63;
}
.illcolor{
	color:#CA66FE;
}
.maincolor{
	color:#0099FE;
}
.mainback{
	color:#000;
}

.editback {
	background-color:#00CE63;
}
.illuback {
	background-color:#D366FD;
}
.otherback {
	background-color:#c3c3c3;
}
.dmdownloading {
	background-color:#0099FF;
	height:18px;
	float:left;
}
.dmdownok {
	background-color:#0099FF;
	opacity: 0.6;
	filter:alpha(opacity=60);
	height:18px;
	border-bottom:1px solid #fff;
	padding:2px 2px 0px 5px;
	padding-left:5px;
}


/* background-image i mail* ligger i den host-specifikke styles.css */
.mainsearch{
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:center; 
}
.mainadvsearch{
	background-repeat:no-repeat;
	background-position:center; 
}

.mainright{
	background-repeat:no-repeat;
	background-position:center; 
}
.maindown{
	background-repeat:no-repeat;
	background-position:center; 
}
.mainchecked{
	background-repeat:no-repeat;
	background-position:center; 
}

.projnorm{
	color:#999;
	xxpadding:0px 5px 0px 5px;
}

.projhigh{
	color:#FFFFFF;
	background-color:#0099FE;
	background-color:#FF0000;
}

.projlabel {
   position: absolute;
	color:#0099FE;
   transform: translate(7px, 3px);
   transition: font-size 0.2s;
}

.projhigh_alt{
	color:#FFFFFF;
	background-color:#D366FD;
}

.bigfont {
   background-color: #ffffff; /* #ffffff;  */
   font-size: 110%;
   line-height:1.4em;
}

/* nogle classer til at vise en bredde */
.w100 { width:100px }
.w150 { width:150px }
.w200 { width:200px }
.w300 { width:300px }
.w400 { width:400px }
.w500 { width:500px }
.w600 { width:600px }
.w700 { width:700px }
.w800 { width:800px }


/* to display image in search */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
   clear:both;
    height:0px;
    font-size: 100px;
    line-height: 0px;
}

#searchbut {				/* just to make the submit button work but invisible */
	position:absolute;
	top:-100px;
}


.transbg {
  background:#7f7f7f;
  background:rgba(0,0,0,0.5);
}


/* !!!!!!!!!!!!!!!!!!!! ikoner !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */


.splayout {
	display:inline-block;
	vertical-align:middle;
	width:20px;
	height:18px;
	border-radius:0px;
	margin-right:4px;
	background-repeat:no-repeat;
   background-image:url(/css/icons/mosic-thumps-endless-ikoner.png);
}
.splayout:hover {
   background-image:url(/css/icons/mosic-thumps-endless-ikoner_mouse-over.png);
}
.splayoutselected {
   background-image:url(/css/icons/mosic-thumps-endless-ikoner_mouse-over.png);
}

.lanone			{ background-position: -20px -20px }
.lagrid			{ background-position: 0px 0px }
.lamosaic		{ background-position: -30px 0px }
.laendless	{ background-position: -60px 0px }

.spinfotop {
	position: relative;
	z-index: 103;
	line-height: 1.1;
}
.spinfotop:hover {
	transform: scale(1.2);
}

.spicon {
	display:inline-block;
	vertical-align:middle;
   line-height: 20px;
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	border-radius:0px;
	cursor:pointer;
	background-position: -20px -20px;
	font-weight:bold;
	font-size:14px;
   line-height: 22px;
   color: #fff;
   text-align: center;
}
.spiconsmall {
	width:12px;
	height:12px;
	vertical-align:text-top;
}

.spiconbprev {
   width:60px;
   background-position: 20px -100px;
}
.spiconbnext {
   width:60px;
   background-position: 20px -80px;
}

.spicon {
   background-color:#0099FF;
   background-color:#00FFFF;
   background-image:url(/css/icons/Scanpix-Ikoner-Hvid-100.png);
}
.spicon:hover {
   background-color:#80ccff;
   background-color:#0067cd;
   background-image:url(/css/icons/Scanpix-Ikoner-Hvid-100.png);
}
.spicon:active {
   background-image:url(/css/icons/Scanpix-Ikoner-Sort-50.png);
}
.topbetaling {
	background-color:rgba(224,61,54,1);
	color:#fff;
	padding:1px 3px 1px 3px;
	xwidth:13px;
	text-align:center;
}

.spiconyel {
	background-color:yellow;
	color: red;
	padding:3px 1px 1px 3px;
}
.spicontop {
	background-color:rgba(255,255,255,0.8);
	padding:3px 3px 3px 3px;
	position: relative;
	z-index: 102;
}
/* projectmappe thumb */
#pdivcontent .spicontop {
	background-color:rgba(243,245,246,1);
}

/* spicon background position */
.icnone			{ background-position: -20px -20px }
.icsearch			{ background-position: 0px 0px }
.icadvsearch		{ background-position: 0px -20px }
.iczoom				{ background-position: 0px -40px }
.icupload,.icuploaded	{ background-position: 0px -60px }
.icnext				{ background-position: 0px -80px }
.icprev				{ background-position: 0px -100px }
.icdown,.icdownload,.icdownhost,.icspftp,.icdownintern,.icdownx	{ background-position: 0px -120px }
.icamenu				{ background-position: 0px -140px }
.icclear				{ background-position: 0px -160px }
.icdown2bond,.icexport2bond		{ background-position: 0px -180px }
.icdown2layout,.iclowres2layout	{ background-position: 0px -200px }
.icdown2ppt			{ background-position: 0px -220px }
.icdown2saxo,.icsaxo,.icupload2saxo		{ background-position: 0px -240px }
.icdown2web			{ background-position: 0px -260px }
.icdown2web_do		{ background-position: 0px -260px }
.icspsendfast		{ background-position: 0px -280px }
.icspsend,.icspnet		{ background-position: 0px -300px }
.icmove				{ background-position: 0px -320px }
.icedit,.icmultitextret,.ictextret				{ background-position: 0px -340px }
.iceditbeta			{ background-position: 0px -360px }
.icclose				{ background-position: 0px -380px }
.icstop				{ background-position: 0px -400px }
.icsmenu				{ background-position: 0px -420px }
.ichelp				{ background-position: 0px -440px }
.icinfo				{ background-position: 0px -460px }
.icpreview,.icmpreview	{ background-position: 0px -480px }
.icresize			{ background-position: 0px -500px }
.icslideshow		{ background-position: 0px -520px }
.icplay				{ background-position: 0px -540px }
.icprojadd			{ background-position: 0px -560px }
.icprojrem			{ background-position: 0px -580px }
.icsettings			{ background-position: 0px -600px }
.icdelete,.icpixdelete	{ background-position: 0px -620px }
.icsave				{ background-position: 0px -640px }
.icfolder			{ background-position: 0px -660px }
.icarchive			{ background-position: 0px -680px }
.icprint,.icprintmini	{ background-position: 0px -700px }
.ichelpsmall		{ background-position: 0px -720px }
.icinfosmall		{ background-position: 0px -740px }
.icrotateleft		{ background-position: 0px -760px }
.icrotateright		{ background-position: 0px -780px } 
.icserie				{ background-position: 0px -800px } 
.iclocked			{ background-position: 0px -820px } 
.icreplacepix		{ background-position: 0px -840px } 
.icfavorit1,.icpix2web			{ background-position: 0px -860px } 
.icfavorit2			{ background-position: 0px -880px } 
.icfavorit3			{ background-position: 0px -900px } 
.icfavorit4			{ background-position: 0px -920px } 
.icfavorit5			{ background-position: 0px -940px } 
.icbasket			{ background-position: 0px -960px } 

.icheart				{ background-position: 0px -980px } 
.icheartsmall		{ background-position: 0px -1000px } 
.icstar				{ background-position: 0px -1020px } 
.icstarsmall		{ background-position: 0px -1040px } 
.icexclamation		{ background-position: 0px -1060px } 
.icrestriction		{ background-position: 0px -1080px } 
.icdollar			{ background-position: 0px -1100px } 
.iceuro				{ background-position: 0px -1120px } 
.icparagraph		{ background-position: 0px -1140px } 
.icfilter			{ background-position: 0px -1160px } 

.ichelpsmallsmall	{ background-position: -4px -724px; }
.icinfosmallsmall	{ background-position: -4px -744px;}

.icondivthumb {
	padding:5px;
}

.icondivthumb > span {
	border:1px solid #fff;
	padding:0px;
	margin:2px;
   border-radius: 50%;
}
.thumbinfo {
	display:inline;
	color:#ededed;
	background:#7f7f7f;
  	background:rgba(0,0,0,0.3);
	/* height:3.2em; */
	overflow:hidden;
}

.nosize {
	width:300px;
	height:auto;
}

/* !!!!!!!!!!!!!!!!!!!! ikoner !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* !!!!!!!!!!!!!!!!!!!! buttons !!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/*
.spbutton {
   display:inline-block;
   color:#ffffff;
   font-family:Verdana;
   font-size:11px;
   font-weight:bold;
   padding:3px 15px 4px 15px;
   text-decoration:none;
   xxxtext-shadow:1px 1px 0px #0367aa;
   vertical-align:middle;
	cursor:pointer;
}
.spbutton:hover {
   color:#ffffff;
}
*/
/* !!!!!!!!!!!!!!!!!!!! buttons !!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* cool menu til hjalpesiden */
#coolMenu ul {
   background: #777777;
}
#coolMenu > li > a, #coolMenu ul li a  {
   border:1px solid #fff;
   background: #777777;
	cursor:pointer;
}
#coolMenu > li:hover > a, #coolMenu ul li:hover a {
   background: #444444;
	cursor:pointer;
}
/* cool menu til hjalpesiden */



#logodiv{
	position:absolute;
	top:0px;
	left:0px;
	width:180px;
	height:62px;
}

#divtopbg {
	position:relative;
	margin:0px;
	border:0px solid red;
	border-bottom:3px solid #171717;
	width:100%;
	/* background-image ligger i den host-specifikke styles.css */
	repeat: repeat-x;
}
#divtop0{
	xxxmargin-bottom:50px; /* luft inden sogefelt */
	border-bottom:4px solid #171717;
}

div#divtopbgbottom {
	border:0px solid red;
	/* background-image ligger i den host-specifikke styles.css */
	background-repeat:repeat-x;
	overflow:hidden;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:0px;
}

div.imgdivdoc {
	background-position: right;
}

div#minidivout {
	background-color:#ffffff;
	color:#333;
	overflow:auto;
	position:relative;
}

div#subresults {
	padding:3px 0px 3px 40px;
	height:1.2em;
}
/*
#micrdivout,.micrdivoutc {
	width:96%;	
	height:auto;
	min-height:500px;	
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 40px;
	position:relative;
	clear:both;
	xxborder:3px dotted purple;
}
#micrdivout {
	xxposition:relative;
	xxtop:0px;
}
*/
div.micrdiv1_selected {
    border: 1px solid rgba(128, 128, 128, 0.5);
    background-color: rgb(251, 236, 136);
}
#pageloadcache {
   display: none;
	xdisplay:inline;
	position:absolute;
	top:0px;
	left:-6000px;
	width:1000px;
	border:1px dotted orange;
}


/* micrdivout og bottomhelp har et issue med float, height og break */
/* http://www.quirksmode.org/css/clearing.html */

#bottomhelp {
	clear:both;
	width:100%;
	text-align:center;
	border:0px dotted purple;
	position:absolute;
	bottom:2em;
}

div.micrdiv1 {
	position:relative;
	margin:0;
	width:148px;							/* bredde pa imgbox */
	width:150px;							/* Bootstrap bredde pa imgbox */
  	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	float: left;
	border:2px solid rgba(255, 255, 255, 0);;
}

#micrdivout .micrdiv1 {
   height: 198px;
   height: 200px; /* Bootstrap */
}

.micrdiv02 {
	position:relative;
	border:1px solid rgba(204, 204, 204, 0);
	background-color:#fff;
	padding:3px;
	cursor:pointer;
}
.micrdiv02proj {
	background-color:#666666;
}

.micrdiv02_selected {
	position:relative;
	border:1px solid #ccc;
	/*
	background-color: #9f9f9f;	/ * grå * /
	background-color: #FAEC73;	/ * Lys gul * /
	background-color: #cfe6f6;	/ * meget lys blå - lidt grå * /
	background-color: #dddddd;	/ * grå * /
	background-color: #ffff99;  / *  gul  * /
	background-color: #ccffff;	/ * kold lys blå * /
	background-color: #FFD102;  / *  hsc gul  * /
	*/
	background-color: #FFF619;  /*  hsc gul  */
	background-color: #FEF496;  /*  hsc gul  */
	background-color: #FBEC88;  /*  hsc gul  */
	background-color: #008FCB;  /*  reconnect blue  */

	padding:3px;
	cursor:pointer;
}

.micrtopiconout_multiselect {
	display: none;
	visibility: hidden;
}

.micrdiv1_selected > .micrtopiconout_multiselect {
	z-index:99; 
	position: absolute; top: 0px; 
	height:100%; 
	width:100%;
	background-color: rgba(0, 143, 203, 0.3);
	border: 3px solid rgba(0, 143, 203, 1);
	visibility: visible;
	display:block;
}


.multitab {
	background-color:rgb(191,226,185);
	background-color: #FBEC88;
	border:1px solid #ccc;
}
div.desc1_2_selected {
	/*
	background-color:#dddddd;	/ * grå * /
	background-color: #ffff99;  / * gul  * /
	background-color: #ccffff;	/ * kold lys blå * /
	background-color: #FFD102;  / * hsc gul  * /
	*/
	background-color: #FFF619;  /* hsc gul  */
	background-color: #FEF496;  /*  hsc gul  */
 	background-color:rgb(251, 236, 136);	
 	background-color:rgba(38,158,4,0.3);	
 	background-color: #008FCB;		/* reconnect blue */
}

.microut {
	position:relative;
	width:140px;
	height:140px;
	cursor:pointer;
}

.microut_selected {
	position:relative;
	width:140px;
	height: 140px;
	background-color: #FFF619;  /*  hsc gul  */
	background-color: #FEF496;  /*  hsc gul  */
	cursor:pointer;
}

.micrimgout {
	position:absolute;
	height:140px;
	width:140px;
	overflow:hidden;
	z-index:50;
}
.micrimg {
	position:absolute;
	bottom:0px;
	z-index:51;
	max-width:140px;
	max-height:140px;

    bottom: 0;
/*    top: 0;*/
    left: 0;
    right: 0;
    margin: auto;
}
.micrimg_proj {
	position:absolute;
	bottom:0px;
	z-index:51;
	max-width:140px;
	max-height:140px;
}
.micrdiv2 {
	position:absolute;
	/* background-image ligger i den host-specifikke styles.css */
	height:140px;
	width:140px;
	cursor:pointer;
	z-index:52;
}	

div.micrtopiconout {
	position:absolute;
	right:3px;
	/* z-index:103; */
}

div.minitopiconout {
	position:absolute;
	right:3px;
	/* z-index:53; */
}



div.micrrficon{
	padding:1px 3px 1px 3px;
	font-size:0.8em;
	color:#fff;
}

div.micrrficonout {
	position:absolute;
	right:3px;
	bottom:3px;
	z-index:401;
}
div.micrbottxtout {
   position: absolute;
   width: 100%;
   left: 0px;
   bottom: 0px;
}
div.micrbottxt {
	position:absolute;
	position:relative;
	color:rgba(224,61,54,1);
	color:#fff;
	font-weight:600;
	font-size: 0.75rem;
	width: 100%;
	padding:.125rem .25rem;
	left:0px;
	bottom:0px;
	z-index:102;
	/* Fallback for web browsers that doesn't support RGBa */
	background-color: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background-color: rgba(255, 215, 0, 0.8);
	background-color: rgba(255, 102, 0, 0.9);
	/* For IE 5.5 - 7*/
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000050, endColorstr=#99000050);*/
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000050, endColorstr=#99000050)";
}

div.tmicrout div.micrbottxtout {
	bottom: 0px;
}

div.micrbottxt.bmforskud {
	color:rgba(224,61,54,1);
	color:#ffffff;
}
div.micrbottxt.btforskud {
	color:rgba(224,61,54,1);
	color:#ffffff;
}
div.micrbottxt.strax {
	color:rgba(224,61,54,1);
	color:#ffffff;
}




div.micrfiletype {
	position:absolute;
	right:3px;
	bottom:3px;
	z-index:101;
}
div.micrfiletype > img {
	width:32px;
}

div.minifiletype {
	position:absolute;
	right:10px;
	top:15px;
	z-index:401;
}
div.minifiletype > img {
	width:64px;
}
div.filetypedocinfo > img {
	width:32px;
	float:right;
	vertical-align: middle;
}





div.micrtopicon {
	float:left;
	width:6px;
	height:6px;
	overflow:hidden;
	background-color: #D366FD;
	border-left:3px solid #fff;
	border-bottom:3px solid #fff;
}
div.micrtopicon_right {
	float:left;
	width:6px;
	height:6px;
	overflow:hidden;
	background-color: #D366FD;
	border-right:3px solid #fff;
	border-bottom:3px solid #fff;
}
#pdivcontent .micrtopicon {
	border-left:3px solid #666;
	border-bottom:3px solid #666;
}

#micrinspout .micrtopicon {
	border-left:3px solid #484848;
	border-bottom:3px solid #484848;
}




.micrfocus {
	border:1px dotted purple;
	background-color:orange;
}


.pille {
	position:relative;
	left:3px;
	top:1px;
}
.pilhojre {
	font-size:80%;
}


.micrwater
{	
	border:0px none #ffffff;
	display:inline;
	opacity: 0.1;
	filter:alpha(opacity=10);
	z-index:101;
	width:140px;
	height:140px;
	cursor:pointer;
}

div.desc0,.thumbinfo  {
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:103;
	width:calc(100% - 8px);
	display:none;
	padding:0px 4px;
	margin:0px;
   text-align: center;
   background: rgba(0,0,0,0.5);
}
div.thumbinfo div.desc0, 
div.thumbinfo div.desc1,
div.thumbinfo div.desc2 {
	color: #fff;
}
div.desc0thumb {
	position:absolute;
	bottom:2px;
}

div.desc0 > span {
    border: 1px solid #fff;
    padding: 0px;
    margin: 2px 1px 2px 1px;
    border-radius: 50%;
    font-size: 14px;
    line-height: 20px;
}

div#miniicons > span {
    border: 1px solid #fff;
    padding: 0px;
    margin: 2px 1px 2px 1px;
    border-radius: 50%;
    font-size: 14px;
    line-height: 20px;
}
div.desc1{
	position:relative;
  	text-align: left;
  	color:#777777;
  	font-weight: normal;
  	width: 98%;
  	height:16px;
  	padding:0px 0px 0px 0px;
	margin-top:2px;
  	overflow: hidden;
  	white-space:nowrap;  
}
div.desc2 {
	position:relative;
  	text-align: left;
  	font-weight: bold;
  	color:#555555;
  	width: 98%;
  	height:14px;
  	padding:0px 0px 0px 0px;
  	overflow: hidden;
	white-space:nowrap;
}
div.desc3{
	position:relative;
  	text-align: left;
  	color:#777777;
  	font-weight: normal;
  	width: 98%;
  	height:16px;
  	padding:0px 0px 0px 0px;
  	overflow: hidden;
  	white-space:nowrap;  
}

.descsolopric {
	position:relative;
	font-weight: normal;
  	/* width: 147px; */
	/* height:1.4em; */
  	padding: 0px;
  	overflow: hidden;
  	white-space:nowrap;
}
.descpric {
	position:relative;
	/* left:3px; */
	/* height:1.3em; */
	color:#0099FE;
	xxpadding: 0px 0px 0px 0px;
}
.descsolo {
	position:relative;
	float:right;
	color:#FF0000;
	right:0px;
	max-width:100px;
	height:1.2em;
	text-align:right;
	padding: 0px 3px 0px 3px;
	xxfont-size:90%;
	xxxbackground-color: #FFF;
}

.slugsdiv {
	position:relative;
	width:100%;
	background-color:#fff;
	z-index:1002;
}


.tmicrdiv1 {
	xxwidth:auto;
	float:left;
	xxxposition:relative;
	border:0px dotted purple;
	margin:0px;
	padding:0px;
	height: fit-content;

}
.tmicrout {
	xxposition:relative;
	xxwidth:auto;
	xxheight:auto;
	padding:0px;
	cursor:pointer;
}

.tmicrdiv02 {
	position:relative;
	padding:0px;
	cursor:pointer;
	border:1px solid #FFFFFF;
}

.tmicrdivimg {
	/* background-image ligger i den host-specifikke styles.css */
	position:relative;
	margin: 0 auto;
	width:auto;
	height:auto;
}
.tmicrdivimgblank {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	cursor:pointer;
}

.tmicrdivwater{
	position: absolute;
	/* background-image ligger i den host-specifikke styles.css */
	width: 100%;
	height: 100%;
	top:0px;
	left:0px;
	opacity:.1;
	filter:alpha(opacity=10);
	cursor:pointer;
	padding:0px;
	
}



		

#minidivimg {
	margin-top:0px;
	text-align:right;
	padding:15px;
	overflow:visible;
}
#minidivinfo {
	margin-top:0px;
   border: 0px solid #000000;
	margin-left:10px;
	margin-right:20px;
	float:right;
}
#minitext{
}
.docinfo {
   vertical-align: top;
   padding:3px 0px 3px 0px;
   border-bottom: 1px solid #CCCCCC;
}

.docinfo .emne {
   word-break: break-word;
   overflow-wrap: anywhere;
}

/* to display image in search */

.searchselected {
	padding:0px 8px 0px 8px;
	vertical-align:middle;
	color:#000;
	background-color:#D7DDE1;
	border-right:3px solid #f4f4f4;
}


/* ikoner under billedet */
.aiconimg {
	margin:0px 0px 0px 0px;
	border-top:3px solid #fff;
	border-right:3px solid #fff;
	vertical-align:bottom;
}

.proj .aiconimg {
/*
	border-bottom:2px solid #fff;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
*/
}

.proj .aiconimg:first-child {
/*	border-left: 2px solid #fff; */
}

/* test */
.iconlist li {
	list-style-type:none;
	float:left;
	margin:2px;
}

.iconlist li:hover {
	background-color: #da4907;
}
/* test */
/* ikoner under billedet */


/* hentet fra xxl priv */
.divsogout {
	padding-top:0px;
	margin-top:0px;
}

.divsogoutaux {
	display:none;
	padding-left:45px;
}

.soghid {
	width:50px;
	background-color: lightgrey;
	border: 1px solid #999;
	box-shadow: 2px 2px 4px rgba(99,99,99,0.5);
}

.sogdiv {
	z-index: 145;
	overflow: visible;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.uudiv {
	padding:5px 5px 5px 5px;
	margin:0px 5px 5px 5px;
	min-width:100px;
	float:left;
	white-space:nowrap;
}

.ulab{
	display:block;
	padding:0px;
}

.usogleg {
	display:block;
	font-weight:700;
	width:165px;
	text-align:right;
	padding-right:10px;
	vertical-align:top;
}



fieldset {	
	margin:5px 10px 5px 10px;
	border:none;
	border-right: 1px solid #cecece;
	min-height:150px;
}

legend {
	color: #666;
	background-color: #fbfbfb;
	font-weight:bold;
   cursor:pointer; 
	min-height:25px;
}
fieldset.levfs {
	position:relative;
	margin:3px 5px 3px 5px;
	float:left;
	width:150px;
}




.niva {
	padding-right:0px;
}



/*
#sog1 {
	color: #003;
	height:17px;
	width:586px;
	border:0px;
	margin:0px;
	padding: 3px 4px 0px 4px;
	display:inline;
}
*/
.gotopic {
	display:inline;
	width:40px;
	height:16px;
	margin:0px;
	border:1px solid #0099FE
}
#gotobut {
	border:0px;
	margin:0px;
	padding:0px;
	vertical-align:top;
}

#sbasetable .sbaseshow{
	vertical-align:middle;
	border-right:3px solid #000000;
	color:#fff;
	padding:0px 10px 0px 10px;
}
#sbasetable .sbase{
	vertical-align:middle;
	xxborder-right:3px solid #4B4B4B;
	padding:0px;
	color:#fff;
}

.slink1{
	height:20px;
	vertical-align:middle;
	border-right:3px solid #E8E8E8;
	padding:0px 8px 0px 8px;
	color:#fff;
  	white-space:nowrap;
}
.slink1dark{
	background-color:#5B5B5B;
}
.slink2{
	vertical-align:middle;
	background-color:#5B5B5B;
	border-right:3px solid #333;
	height:20px;
	padding:0px 8px 0px 8px;
	color:#fff;
  	white-space:nowrap;
}



.navilink{
	height:16px;
	vertical-align:middle;
	padding:0px;
	color:#666;
  	white-space:nowrap;
  	padding:0px 5px 0px 5px;
}
/* background-image i navi* ligger i den host-specifikke styles.css */
.navishow{
	height:16px;
	width:16px;
	padding:0px;
	background-repeat:no-repeat;
	background-position:center; 
}
.navisearch{
	height: 16px;
	width: 16px;
	padding:0px;
	background-repeat:no-repeat;
	background-position:center; 
	display:inline;
	border:none;
}
.naviprev{
	height: 16px;
	width: 50px;
	padding:0px;
	background-color:#0099FE;
	background-repeat:no-repeat;
	background-position:center; 
}
.navinext{
	height: 16px;
	width: 50px;
	padding:0px;
	background-color:#0099FE;
	background-repeat:no-repeat;
	background-position:center; 
}

.doshow {
	display:inline;
}
.noshow {
	display:none;
}
.inlineshow {
	display:inline;
}
.tdshow {
	display:block;
}


#pixdiv {
	width:100%;
}

/* hentet fra xxl priv */

/* to display image in ligthbox */
div.pimgdivout {
	width:150px;
  	float:left;
  	background-color:#ccc;
	padding:3px;
	border:0px solid #333;
	margin:0px 5px 5px 0px;
}
div.pimgdiv{
	width:150px;
	height:150px;
	overflow:hidden;	

}
div.pdesc1 {
  text-align: left;
  	color:#666666;
  font-weight: normal;
  width: 140px;
  font-size: 1.0em;
  height:1.4em;
  padding-top:3px;
  padding-left: 3px;
  overflow: hidden;
  white-space:nowrap;
}
/* to display image in ligthbox */


/* images inspiration  */
div.pixdesc1 {
  text-align: left;
  color:#999999;
  font-weight: normal;
  font-size: 1.0em;
  height:1.4em;
  padding-left: 3px;
  overflow: hidden;
}
/* images inspiration  */



.lede { font-weight: bold; color: #000000}
.star { color: #000000; font-size: 18px; font-weight: bold; padding-right: 3px; padding-left: 3px; }
.setname { width: 175px; }
.ramme { border: 1px solid #CCCCCC; }



.dollar {
   font-size: 1.1em;
}

.captimgout {
	position:relative;
	width:auto;
	height:auto;
}
.captwater{
	position: absolute;
	top:0px;
	left:0px;
	/* background-image ligger i den host-specifikke styles.css */
	height:100%;
	width:100%;
	opacity: 0.1;
	filter:alpha(opacity=10);
	cursor:pointer;
}
.captwaterhide{
	position: absolute;
	top:0px;
	left:0px;
	/* background-image ligger i den host-specifikke styles.css */
	height:100%;
	width:100%;
	opacity: 0.0;
	filter:alpha(opacity=0);
	cursor:pointer;
}

.captlag {
   position: absolute;
	top:-1000px;
	left:-1000px;
	display: none;
   z-index: 30000;
   text-align: left;
	background-color:#fff;
	color:#222;
	border:1px solid #ededed;
	padding:5px;
	overflow:visible;
}
.captlag p {
	margin:0px 0px 5px 0px;
	padding:0px;
}
.captpoptxt {
   position: absolute;
	display: none;
	color:green;
}
.captpop p {
	margin-top:0px;
	padding:0px;
}
.objectinfo {
	display:none;
}



/* ------------------------------------*/
/* caption til captify                 */
/* ------------------------------------*/

/* caption styling */

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1.2em;	
	font-weight: bold;
	font-size: 13px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
	text-decoration: none;
}
/* tilfojet hsc */
.caption-bottom p {
	padding-top: .5em;
	padding-right: 2em;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;	
	font-family: arial;	
	cursor: default;
	text-decoration: none;
}
/* tilfojet hsc */

.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }

/* ------------------------------------*/
/* caption til captify                 */
/* ------------------------------------*/


/* menu ved pix */
/*
.menudiv0 {
	position:absolute;
	z-index:20000;
	background-color: #f9f9f9;
	display:none;
	width:auto;
	height:300px;
	opacity:0.9;
	filter:alpha(opacity=90);
   border: 1px solid #333333;
}
*/
.menudiv {
	position:absolute;
	position:fixed;
	z-index:20002;
	display:none;
   overflow-y: auto;
   overflow-x: hidden;
	background-color: rgb(231, 232, 235);
	border-radius: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(23, 30, 55);
	border-image: initial;
	padding: 0px;
}
.menudiv ul {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 0.9em;
	font-weight:bold;
	list-style-position: outside;
	list-style-type: none;
	padding:0px;
	margin:0px;
}
.menudiv li {
	padding: 4px 10px 4px 10px;
	margin:0px;
	border:0px;
	border-top:1px solid #333333;
	color: #000;
	cursor:pointer;
}
.menudiv li:hover {
	background-color: #0099FE;
	color: #fff;
	cursor:pointer;
}
.auxmenudiv li {
	width:250px;
	cursor:pointer;
}

/* bruges kun af IE??  q17.js:kun css 2011-11 hsc */
.menudiv li.liover {
	background-color: #0099FE;
	color: #000;
}
/* menu ved download */

.menudiv > ul li:first-child {
    border-radius: 3px 3px 0px 0px;
    border-top: 0px;
}



/* menu i niveau under sogefelt = sub0 */
ul.menusub0 { 
	xxposition:relative;
   list-style-position: outside;
   list-style-type: none;
   padding:0px;
   margin:0px;
   background-color: #333333;
}  
ul.menusub0 > li {
	position:relative;
	float:left;
   padding: 2px 10px 2px 10px;
	border-right:2px solid #c5c5c5;
   margin:0px;
   color: #ffffff;
   background-color: #4b4b4b;
}
ul.menusub0 > li:hover {
   background-color: #0066CC;
   color: #999999;
}

.menusub0back{
	background-color:#4B4B4B;
}
.menusub0backhigh{
	background-color:#0099FE;
}


.divsub0 {
	position:relative; 
	display:none;
	xxxxmargin:10px 40px 10px 40px;
	padding:10px 40px 15px 40px;
	overflow:auto;
	color:#fff;
	xxmin-height: 100px;
	height: 50px;

	background-color:#4B4B4B;
}




/* menu i niveau under sogefelt = sub0 */













.cleanlist {
	margin:0px;
	padding:0px;
}
.cleanlist li {
	list-style-position: outside;
	list-style-type: none;
	line-height:3.0em;
}
#statusdiv {
	position:absolute;
	top:10px;
	left:30%;
	font-size:120%;
	color:red;
	z-index:1005;
}
#preview{
	position:absolute;
	border:0px solid #ccc;
	background:#333;
	padding:8px;
	display:none;
	color:#fff;
}
#previewtitle {
	width:250px;
	height: 2.6em;
	overflow:hidden;
}
.waitbg {
	background-repeat:no-repeat;
	/* background-image ligger i den host-specifikke styles.css */
	background-position: center center;
}
.divwait {
	margin:0px auto;
	padding-top:200px;
	background-repeat:no-repeat;
	/* background-image ligger i den host-specifikke styles.css */
	background-position: center center;
}
.divwait48 {
	margin:0px auto;
	height:50px;
	width:130px;
	padding-top:200px;					/* det er jo ikke nok at centrere i dette div */
	background-repeat:no-repeat;
	/* background-image ligger i den host-specifikke styles.css */
	background-position: center center;
}
.divwait48_lys {
   margin:0px auto;
   padding-top:200px;
   background-repeat:no-repeat;
   /* background-image ligger i den host-specifikke styles.css */
   background-position: center center;
}
#divxcon {
   padding:0px 20px 20px 20px;
   background-color:white;
   height:500px;
   width:500px;
   overflow:auto;
	xxfont-size:12px;
	xxxline-height:1.8em;
}
#divxcondoc {
   padding:0px 20px 20px 20px;
   background-color:white;
   height:500px;
   width:500px;
   overflow:auto;
	xxfont-size:12px;
	xxxline-height:1.8em;
}
#divxheader {
   background-color: #FFFFFF;
   height: 20px;
	cursor: move;
}
#divxclose {
    font-size: 18px;
}
#divauxheader {
	cursor: move;
}
.divauxout {
	position:absolute;
	top:150px;
	left:150px;
/*	border:4px solid #666; */
	background-color:#fff;
	z-index:1500;
	padding:6px;
}
.divauxcon {
	background-color:#ffffff;
	padding:10px;
}

#simplemodal-overlay {
	background-color:#000000;
	opacity:0.6;
	filter:alpha(opacity=60);
}

#divxout-simplemodal-container, #simplemodal-container {
	background-color: #fff;
	border: 0px solid;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(23, 30, 55, 0.8);
	padding: 3px;
	overflow: hidden;
}

div#debugdiv{
	display:none;
	border-top:1px solid green;
	background-color:#ffffff;
	padding:10px;
	position:absolute;
	bottom:0px;
	left:10px;
	width:auto;
	height:100px;
	overflow:auto;
	z-index:20000;
}
div#userdiv{
	width:50px;
	height:50px;
	display:none;
	overflow:auto;
}
div#layoutdiv {
	display:none;
	background-color:#fff;
	border:1px solid #ccc;
	position:absolute;
	min-width:300px;
	min-height:150px;
	padding:5px;
	z-index:200;
}


div#logondivmain{
	display:none;
	padding:20px;
	width:240px;
	height:280px;
	background-color:#fff;
	border:4px solid #171717;
}

#logondiv {
   float:right;
   padding:10px 40px;
   color:#999;
	text-align: right;
}
#divlinkl{
	position:absolute;bottom:0px;left:360px;padding-left:40px;xxxxcolor:#4B4B4B;
}
#divlinkr{
	position:absolute;bottom:0px;right:0px;padding-right:40px;color:#4B4B4B;
}






div.showdiv {
	position:absolute;
	display:none;
	background-color:#ffffff;
	padding:15px;
	border:1px solid purple;
}


.fg-button { 
   outline: 0; 
   margin:0px 4px 0px 0px; 
   padding: .4em 1em;
   text-decoration:none !important; 
   cursor:pointer; 
   position: relative; 
   text-align: center; 
   zoom: 1; 
}
.fg-error { 
   outline: 0; 
   margin:0px 4px 0px 0px; 
   padding: .2em 1em;
   text-decoration:none !important; 
   position: relative; 
   zoom: 1; 
}

#ui-datepicker-div {
	z-index: 9999999 !important;
}
.datepick {
	width:75px;
}


.onlymips {
	display:none;
}




.iframedef{
	border:none;
}


/* frontpage */
.frontdiv {
	position:relative;
	width:150%;
	height:225px;
	overflow:hidden;
}



.ftxtdivout {
	position:absolute;
	bottom:0px;
}
.ftxtdivtit {
	position:relative;
	font-size:12px;
	line-height:1.3em;
	padding:5px;
	color:#000;
	opacity:0.9;
	filter:alpha(opacity=90);
	xxxz-index:1000;
}
.ftxtdiv {
	display:none;
	position:relative;
	margin-top:5px;
	padding:5px;
	color:#000;
	opacity:0.9;
	filter:alpha(opacity=90);
}







.waitback{
	background-color: lightblue;
}

.closeright {
	/* et div til closeicon til hojre */
	position:absolute;
	top:5px;
	right:5px;
}






/* divcorners */
.divcorners__SKAL_DEN_SLETTES__dCorner {
	position: relative;
	zoom: 1;
}
.divcorners__SKAL_DEN_SLETTES__dcItem {
	position: absolute;
	display: none;
}
.divcorners__SKAL_DEN_SLETTES__dcItem img {
	width: 100%;
	height: 100%;
}
.divcorners__SKAL_DEN_SLETTES__dctop, .divcorners__SKAL_DEN_SLETTES__dcbottom {
	left: 0px;
}
.divcorners__SKAL_DEN_SLETTES__dctop, .divcorners__SKAL_DEN_SLETTES__dctop-left, .divcorners__SKAL_DEN_SLETTES__dctop-right {
	top: 0px;
}
.divcorners__SKAL_DEN_SLETTES__dcbottom, .divcorners__SKAL_DEN_SLETTES__dcbottom-left, .divcorners__SKAL_DEN_SLETTES__dcbottom-right {
	bottom: 0px;
}
.divcorners__SKAL_DEN_SLETTES__dcleft, .divcorners__SKAL_DEN_SLETTES__dcright {
	top: 0px;
}
.divcorners__SKAL_DEN_SLETTES__dcleft, .divcorners__SKAL_DEN_SLETTES__dctop-left, .divcorners__SKAL_DEN_SLETTES__dcbottom-left {
	left: 0px;
}
.divcorners__SKAL_DEN_SLETTES__dcright, .divcorners__SKAL_DEN_SLETTES__dctop-right, .divcorners__SKAL_DEN_SLETTES__dcbottom-right {
	right: 0px;
}

.divcorners__SKAL_DEN_SLETTES__redcolor{
	color:#da4907;
}

.divcorners__SKAL_DEN_SLETTES__warning {
	border:1px solid #FF0000;	
	padding: 10px 20px 10px 20px;
	color:#FF0000;
	width:600px;
	margin:0px 0px 20px 20px;
}

.divcorners__SKAL_DEN_SLETTES__okgreen {
	border:1px solid #009900;	
	background-color:lightgreen;
	xcolor:#009900;
}


/* divcorners */



/* projektmapper */

.nopad {
	border-width: 0px;
	border-spacing: 0px;
}

/* projektmapper */



#xxsimplemodal-overlay {background-color:#ff0000;}
#xxsimplemodal-container {background-color:#333; border:4px solid #444; padding:8px;}



.textretHideTR {
	display: none;
}




[onclick], input[type=radio], input[type=checkbox], select{
  cursor: pointer;
}


.hidden {
	display:none;
}
.remove {
	display:none;
}
#gridview:hover{
	xborder:1px solid #999;
}
#mosaicview:hover{
	xborder:1px solid #999;
}

#vissogstitle{ 
	position:absolute;
	padding:0px;
	font-size:16px;
	font-weight:800;
/* Med denne kommer titlen hen over frem og tilbage knapperne.
	top:29px;
	left:340px;
*/
	top:1px;
	left:40px;
}


/* body stop scrolling on modal */
.stop-scrolling {
	overflow: hidden !important;
	overscroll-behavior: none;
}


/* hack for autocomplete-height */
.ui-autocomplete {
  max-height: 250px; 
  overflow-y: auto; 
  overflow-x: hidden;
  z-index: 5000;
}


.spmos-wrapper {
	margin: 0 auto;
	max-width: 100%;
	padding: 0;
	text-align: center;
}

.spmos-wrapper .gallery-container {
	margin: 0rem 0;
}
.spmos-wrapper .gallery-container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.spmos-wrapper .gallery-container ul li img {
	display: block;
	height: auto;
	max-width: 100%;
}

.gallery-container ul.mosaic-gallery {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	margin: 0 -0.5rem 0 0;
	list-style: none;
	padding: 0;
}

.gallery-container ul.mosaic-gallery::after {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    content: '';
    flex-grow: 5000000;
}


.gallery-container ul.mosaic-gallery .mosdiv {
    display: inline !important;
    flex-wrap: wrap;
    margin: 0;
}

.gallery-container ul.mosaic-gallery li {
	position: relative;
	background-position: top;
	background-position: center;
	background-size: cover;
	flex: auto;
	height: var(--gallery-img-height);
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
	opacity:0;
	transition: opacity 250ms;
	max-width: calc( 100% - 0.5rem );
}

.gallery-container ul.mosaic-gallery li img {
    height: 100%;
    opacity: 0;
	 max-width: calc( 100% - 0.5rem );
}

.gallery-container ul.mosaic-gallery li.showthis {
	opacity:1;
}

@keyframes loaderShimmer {
	0%   {background-position: -500px 0px;}
	100% {background-position: 500px  0px;}
}

.preloading {
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: loaderShimmer;
	animation-timing-function: linear;
	position: relative;
	background: linear-gradient(to right, rgb(240, 240, 240) 10%, rgb(220, 220, 220) 18%, rgb(240, 240, 240) 33%) 0% 0% / 800px 104px;
	background-color: rgb(233, 233, 233);
}


.collbtnleft {
	position: absolute;
	top: 50%; 
	transform: translate(30%,-50%);
	height: 2.75rem;
	width: 2.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #E5E9ECCC;
	transition: transform 100ms ease-in-out;
}

.collbtnright {
	position: absolute;
	top: 50%; 
	left: 100%; 
	transform: translate(-130%,-50%);
	height: 2.75rem;
	width: 2.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #E5E9ECCC;
	transition: transform 100ms ease-in-out;
}

.collbtnright:hover {
	transform: translate(-130%,-50%) scale(1.1);
}
.collbtnleft:hover {
	transform: translate(30%,-50%) scale(1.1);
}