@charset "utf-8";


.kvartskaerm {

        position: absolute;
        top : 154;
        left : 220;
	//width: calc(100% - 460px);

        min-width: 400px;
        max-width: 750px;
        //width: calc(100% - 20px);
        min-height: calc(100% - 154px - 70px);
	float: left;

        padding: 20 10 0 10;
        margin-bottom: 24;
        background-color: #fff;
}


.etkort {
  float: left;
  width: 100%;
}

.iframeKort {
  float: right;
  /*width: 300px;
  height: 300px;*/
  margin: 20px 0px 10px 10px;
  border: none;
  outline: 0;
  display: block;
}

.iframeTekst {
  float: right;
  width: 300px;
  height: 300px;
  margin: 20px 0px 10px 10px;
  border: none;
  outline: 0;
  display: block;
}

hoejre {  
  float: right;

  margin-left: 10px;

  margin-bottom: 10px;

  //margin-right: 7px;

}


iframe {  
 border: none;

}


venstre { 
  float: left;

  margin-bottom: 10px;

  margin-right: 10px;

}

.clearfloat { 
/* this class can be placed on a <br /> or empty block element as the final element following the last floated block (within the .container) if the footer is removed or taken out of the .container */
	
  clear:both;

  height:0;
	
  font-size: 1px;
	
  line-height: 0px;

}



.reklame {

        //position: absolute;
        //top : 154;
        //background-color: #fac;
	width: 220px;

        //height: 300px;
	//float: left;

        padding-bottom: 10;
      }


openseadragon-container:active {
    border: none !important;
    outline: 0 !important;
}

/* ............................................................................ */

.demo { 
	position: absolute; 
	top: 6em; 
	left: -3em; 
        font-size: 30px;
        opacity : 0.6;
	background:#FFF; 
	padding: 1em 5em; 
	text-decoration:none;
	transform: rotate(-45deg) translate(0em, 0em);
	transform-origin: 0 0 0;
	-webkit-transform: rotate(-45deg) translate(0em, 0em);
	-webkit-transform-origin: 0 0 0;
}