@media screen and (min-width:1px) and (max-width:1930px) {

BODY {   position: relative;
         width: 800px;
	     margin: 0px auto;
		 text-align: center;
		 -webkit-text-size-adjust: none;
		 color: black;
		 background-repeat: no-repeat;
	     -webkit-background-size: 1920px 1200px ;
		 background-image: url(images/baggrund2.jpg); 
		 background-color: #676767;
		 font-size: 13px; 
		 line-height: 18px;
		 font-family: "Myriad Pro", "Myriad Apple", Myriad,  Arial, Helvetica, Verdana, sans-serif; 
		 font-weight: normal;
		 z-index: 0;
		 }
		 
BODY.kal {  position: relative;
         width: 800px;
	     margin: 0px auto;
		 text-align: center;
		 -webkit-text-size-adjust: none;
		 color: black;
		 background-repeat: no-repeat;
		 background-image: url(images/baggrund2.jpg); 
		 background-color: #676767;
		 font-size: 13px; 
		 line-height: 18px;
		 font-family: "Myriad Pro", "Myriad Apple", Myriad,  Arial, Helvetica, Verdana, sans-serif; 
		 font-weight: normal;
		 z-index: 0;
		 }		 
		 
		 }

BODY.iphone { 
         position: static;
		 width: auto;
		 margin: 0px;
		 text-align: left;
		 color: black;
		 background-repeat: no-repeat;
		 background-image: none; 	 
		 background-color: white;
		 }
		 		 

BODY.billede {   position: relative;
         width: 800px;
	     margin: 0px auto;
		 text-align: center;
		 -webkit-text-size-adjust: none;
		 color: black;
		 background-repeat: no-repeat;
		 background-image: url(images/baggrund3.jpg); 
		 background-color: #676767;
		 font-size: 13px; 
		 line-height: 18px;
		 font-family: "Myriad Pro", "Myriad Apple", Myriad,  Arial, Helvetica, Verdana, sans-serif; 
		 font-weight: normal;
		 z-index: 0;
		 }

@media screen and (min-width: 1930px)  {
	

BODY {   position: relative;
         width: 800px;
	     margin: 0px auto;
		 text-align: center;
		 -webkit-text-size-adjust: none;
		 -webkit-background-size: 2048px 1536px ;
		 color: black;
		 background-repeat: no-repeat;
		 background-image: url(images/baggrund6.jpg); 
		 background-color: #676767;
		 font-size: 13px; 
		 line-height: 18px;
		 font-family: "Myriad Pro", "Myriad Apple", Myriad,  Arial, Helvetica, Verdana, sans-serif; 
		 font-weight: normal;
		 z-index: 0;
		 }
		 	
BODY.kal {  position: relative;
         width: 800px;
	     margin: 0px auto;
		 text-align: center;
		 -webkit-text-size-adjust: none;
		 color: black;
		 background-repeat: no-repeat;
		 background-image: url(images/baggrund6.jpg); 
		 background-color: #676767;
		 font-size: 13px; 
		 line-height: 18px;
		 font-family: "Myriad Pro", "Myriad Apple", Myriad,  Arial, Helvetica, Verdana, sans-serif; 
		 font-weight: normal;
		 z-index: 0;
		 }		 
		 }
		 		 
body.oversigt {	 
		 width: 400px;
		 text-align: left;
		 color: black;
		 padding: 5px;
		 background-color: white;
		 font-size: 13px; 
		 line-height: 18px;
		 font-family: "Myriad Pro", "Myriad Apple", Myriad,  Arial, Helvetica, Verdana, sans-serif; 
		 font-weight: normal;
		 z-index: 0;	}
		  

P {
   font-size: 13px; 
   line-height: 18px;
   font-family: "Myriad Pro", "Myriad Apple", Myriad,  Arial, Helvetica, Verdana, sans-serif;
   font-weight: normal}

H1 {
    font-size: 16px;
	line-height: 20px; 
	font-family: "Myriad Pro", "Myriad Apple", Myriad, Arial, Helvetica, Verdana, sans-serif; 
	font-weight: 900;
	}
	
H2 {
    font-size: 14px;
	line-height: 18px; 
	font-family: "Myriad Pro", "Myriad Apple", Myriad, Arial, Helvetica, Verdana, sans-serif; 
	font-weight: 900;
	}
	

.lille {color: #CC0000;  
   font-size: 10px; 
   line-height: 16px;
   font-family: "Myriad Pro", "Myriad Apple", Myriad, Arial, Helvetica, Verdana, sans-serif; 
   font-weight: 900; }
   
 .sekund {color: #8a8a8a;  
   font-size: 11px; 
   line-height: 16px;
   font-family: "Myriad Pro", "Myriad Apple", Myriad, Arial, Helvetica, Verdana, sans-serif; 
   font-weight: 900; }
		  
a:link {color: navy; text-decoration: underline; }
a:link:hover {color: blue; text-decoration: underline; background-color: #CCFFFF;}
a:focus {color: red; text-decoration: underline;}
a:visited { color: #FF5F06; text-decoration: underline;}
a:visited:hover { color: red; text-decoration: underline; background-color: #F7E49C;}      
a:active  { color: #0000FF; text-decoration: underline; }   

a.menu:link { font-size: 14px; color:  #333366; text-decoration: none;font-weight: 900}
a.menu:hover {font-size: 14px; color: blue; text-decoration: none; font-weight: 900; background-color: white}
a.menu:focus {font-size: 14px; color: blue; text-decoration: none; font-weight: 900 }
a.menu:visited { font-size: 14px; color: #333366; text-decoration: none; font-weight: 900; background-color: white}
a.menu:active  { font-size: 14px; color: #333366; text-decoration: none;font-weight: 900}
a.menu:visited:hover { font-size: 14px; color: blue; text-decoration: none; font-weight: 900; background-color: white}    


				 
#indhold        {
	position: relative;
	top: 25px;
	text-align: left;
	background-color: #F3ECE8;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-box-shadow: 3px 5px 10px rgba(0,0,0,0.6); 
	border: solid black 1px;
	width: 812px;
	height: 831px;
	z-index: 1;
}
	
#indhold3		{
	position: relative;
	top: 25px;
	text-align: left;
	background-color: #F3ECE8;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-box-shadow: 3px 5px 10px rgba(0,0,0,0.6); 
	border: solid black 1px;
	width: 812px;
	height: 1080px;
	z-index: 1;	

				 }
				 
#indhold2		{
	position: relative;
	top: 25px;
	text-align: left;
	color: white;
	background-color: #364863;
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	border: solid #333366 1px;
	width: 812px;
	height: 1100px;
	z-index: 1;

				 }
				 

div.mellemrum {	float: left; 
	            width: 20px;
				
				z-index: 1;
	        }			 
				 
#spalte1 {
    float: left; 
	text-align: left;
	border: dotted black 1px;
	padding-top: 5px;
	padding-right: 6px;
	color: black; 
	background-color: white;
	height: 498px;
	width: 420px;
	z-index: 1;
				 }
				 			 


#spalte2 {
    float: left; 
	text-align: left;
	border: dotted black 1px;
	background-color: white;
	color: black; 
	height: 500px;
	width: 300px;
	z-index: 1;

				 }


#spalte3 {
    float: left; 
	text-align: left;
	border: dotted black 1px;
	background-color: white;
	color: black; 
	height: 750px;
	width: 420px;
	z-index: 1;

				 }

			 
#menu2 {
    float: left; 
	text-align: left;
	border: dotted black 1px;
	background-color: white;
	padding-left: 3px;
	text-shadow: 3px 3px 4px grey;
	border: solid #333366 2px;
	height: 190px;
	width: 128px;
	z-index: 1;
				 }
				 
div.pad {padding-left: 10px; }
div.pad2 {padding-left: 20px; }				 



#spalte4 {
    float: left; 
	text-align: left;
	border: dotted white 1px;
	background-color: black;
	color: white; 
	height: 190px;
	width: 612px;
	z-index: 1;

				 }		
				 
#spalte5 {
    float: left; 
	text-align: left;
	border: dotted black 1px;
	background-color: white;
	color: black; 
	height: 190px;
	width: 612px;
	z-index: 1;
	
	             }
			 
#billede {
    float: left; 
	text-align: left;
	border: dotted white 1px;
	background-color: #242424;
	padding-right: 15px;
	padding-left: 5px;
	color: white;
	height: 535px;
	width: 791px;
	z-index: 2;
				 }	
				 
#mdigt {
    float: left; 
	text-align: left;
	border: dotted white 1px;
	background-color: white;
	padding-right: 15px;
	padding-left: 5px;
	color: black;
	height: 535px;
	width: 791px;
	z-index: 2;

				 }
div.nfbox { 
	     border: solid #333366 1px;
		 background-repeat: no-repeat;
		 background-image: none;
		 background-color: #F3ECE8;
		 text-shadow: 3px 3px 4px white;
		 overflow-x: hidden; 
		 overflow-y: auto;
		 -webkit-scrollbar-corner: 7px;
		 -webkit-border-bottom-left-radius: 7px;
		 -webkit-border-bottom-right-radius: 7px;
		 -moz-border-radius-bottomright: 7px;
		 -moz-border-radius-bottomleft: 7px; 
		 margin: 3px;
		 height: 263px;
	     width: 287px;
	     z-index: 1;
				 }				 						 
				 
div.box { 
	     border: solid #333366 1px;
		 background-repeat: no-repeat;
		 background-image: none;
		 background-color: #F3ECE8;
		 text-shadow: 3px 3px 4px white;
		 overflow-x: hidden; 
		 overflow-y: auto;
		 -webkit-scrollbar-corner: 7px;
		 -webkit-border-top-left-radius: 7px;
		 -webkit-border-bottom-left-radius: 7px;
		 -moz-border-radius-topleft: 7px;
		 -moz-border-radius-bottomleft: 7px; 
		 margin: 3px;
		 height: 188px;
	     width: 287px;
	     z-index: 1;
				 }

 div.box IMG { display: none; }
 div.kal IMG {  float: none;
                display: inline;
				position: relative; 
				top: 5px; }
				
div.kal P {
          font-size: 13px; 
		 line-height: 18px;
		 font-family: "Myriad Pro", "Myriad Apple", Myriad,  Arial, Helvetica, Verdana, sans-serif; 
		 font-weight: normal;
		 color: black;
		 }
				 

div.kal > div.box { 
	     border: hidden;
		 margin-left: 3px;
		 padding-left: 3px;
		 background: white;
		 overflow-x: hidden; 
		 overflow-y: auto;
		 -webkit-scrollbar-corner: 7px;
		 -webkit-border-bottom-left-radius: 7px;
		 -webkit-border-bottom-right-radius: 7px;
		 -moz-border-radius-bottomleft: 7px;
		 -moz-border-radius-bottomright: 7px; 
		 height: 550px;
	     width: 390px;
		 float: left;
	     z-index: 1;
				 }
				 
				 
#menu3    {  float: left; 
         text-align: left;
		 padding-left: 3px;
	     border: solid #333366 2px;
		 background-color: white;
		 text-shadow: 3px 3px 4px grey;
		 height: 750px;
	     width: 300px;
	    z-index: 1;

				 }
		 
				 
div.kal > table.kal { border-collapse:collapse; 
       border-top: outset transparent thin;
		border-bottom: #BABABA thin;
		border-left: transparent thin;
		border-right: outset transparent thin;
		font-size: 13px; 
		line-height: 17px;
		font-family: "Myriad Pro", "Myriad Apple", Myriad,  Arial, Helvetica, Verdana, sans-serif; 
		font-weight: normal;}
		 
				 
div.nr  { 
	     border: solid #333366 1px;
		 margin-left: 3px;
		 padding-left: 3px;
		 background: white;
		 overflow-x: hidden; 
		 overflow-y: auto;
		 -webkit-scrollbar-corner: 7px;
		 -webkit-border-top-left-radius: 7px;
		 -webkit-border-bottom-left-radius: 7px;
		 -moz-border-radius-topleft: 7px;
		 -moz-border-radius-bottomleft: 7px; 
		 height: 220px;
	     width: 390px;
		 float: left;
	     z-index: 1;
				 }
				 
				 
box.P {
   font-size: 13px; 
   line-height: 14px;
   font-family: "Myriad Pro", "Myriad Apple", Myriad,  Arial, Helvetica, Verdana, sans-serif;
   font-weight: normal}

				 
div.box2 { 
	     border: solid #333366 1px;
		 margin-left: 3px;
		 padding-left: 3px;
		 background-repeat: no-repeat;
		 background-image: url(images/box2.jpg);
		 text-shadow: none;
		 -webkit-border-bottom-left-radius: 7px;
		 -webkit-border-bottom-right-radius: 7px;
		 -moz-border-radius-bottomleft: 7px;
		 -moz-border-radius-bottomright: 7px; 
		 height: 69px;
	     width: 287px;
	     z-index: 1;
				 }
				 
#menu {  float: left; 
         text-align: left;
		 padding-left: 3px;
	     border: solid #333366 2px;
		 background-color: white;
		 text-shadow: 3px 3px 4px grey;
		 height: 500px;
	     width: 300px;
	    z-index: 1;

				 }

#hoved { float: left; 
         text-align: left;
		 background-repeat: no-repeat;
		 background-image: url(images/hoved.jpg); 
		 -webkit-border-top-left-radius: 7px;
		 -webkit-border-top-right-radius: 7px;
		 -moz-border-radius-topleft: 7px;
		 -moz-border-radius-topright: 7px; 
	     height: 148px;
		 width: 812px;
	     z-index: 1;	
		 }		
		 
#kalhoved { float: left; 
         text-align: left;
		 background-repeat: no-repeat;
		 background-image: url(images/kalhoved.jpg); 
		 -webkit-border-top-left-radius: 7px;
		 -webkit-border-top-right-radius: 7px;
		 -moz-border-radius-topleft: 7px;
		 -moz-border-radius-topright: 7px; 
	     height: 148px;
		 width: 812px;
	     z-index: 1;	
		 }
		 
#reflexhoved { float: left; 
         text-align: left;
		 background-repeat: no-repeat;
		 background-image: url(images/reflexhoved.jpg); 
	     -webkit-border-top-left-radius: 7px;
		 -webkit-border-top-right-radius: 7px;
		 -moz-border-radius-topleft: 7px;
		 -moz-border-radius-topright: 7px; 
		 height: 148px;
		 width: 812px;
	     z-index: 1;	
		 }
		 	 	 
#pynt { float: left; 
         text-align: left;
		 background-repeat: no-repeat;
		 background-image: url(images/pynt.jpg); 
	     height: 128px;
		 width: 812px;
		 -webkit-border-bottom-left-radius: 7px;
	     -webkit-border-bottom-right-radius: 7px;
	     -moz-border-radius-bottomleft: 7px;
	     -moz-border-radius-bottomright: 7px;
	     z-index: 1;	
		 }
		 	
#reflexpynt { float: left; 
         text-align: left;
		 background-repeat: no-repeat;
		 background-image: url(images/reflexpynt.jpg);
		 -webkit-border-bottom-left-radius: 7px;
	     -webkit-border-bottom-right-radius: 7px;
	     -moz-border-radius-bottomleft: 7px;
	     -moz-border-radius-bottomright: 7px; 
	     height: 128px;
		 width: 812px;
	     z-index: 1;	
		 }	
		 	 	 		 
#kalpynt { float: left; 
         text-align: left;
		 background-repeat: no-repeat;
		 background-image: url(images/kalpynt.jpg); 
	     -webkit-border-bottom-left-radius: 7px;
	     -webkit-border-bottom-right-radius: 7px;
	     -moz-border-radius-bottomleft: 7px;
	     -moz-border-radius-bottomright: 7px;
	     height: 128px;
		 width: 812px;
	     z-index: 1;	
		 }		 
		 
#status { float: left;  
         text-align: left;
		 margin-left: 20px;
	     height: 30px;
		 width: 750px;
	     z-index: 1;	
		 }	 
		 
		 
		 		 
div.mellemrum2 {  float: left;  
         text-align: left;
	     height: 20px;
		 width: 812px;
	     z-index: 1;	
		 }	
		 
img { float: right; 
      margin: 3px; }	 

td { line-box-contain: font replaced; } 
	      
	  
img.nf {float: none }

img.hoved {float: none; 
           margin: 0px; }

table { border-collapse:collapse; 
        border-top: black thin;
		border-bottom: black thin;
		border-left: black thin;}
		
table.kal { border-collapse:collapse; 
        border-top: outset transparent thin;
		border-bottom: #BABABA thin;
		border-left: transparent thin;
		border-right: outset transparent thin;
		font-size: 13px; 
		line-height: 17px;
		font-family: "Myriad Pro", "Myriad Apple", Myriad,  Arial, Helvetica, Verdana, sans-serif; 
		font-weight: normal;}
		 
table.iphone { 
		margin-left: 6px; 
		font-size: 15px; 
		line-height: 20px;
		font-family: "Myriad Pro", "Myriad Apple", Myriad,  Arial, Helvetica, Verdana, sans-serif; 
		font-weight: normal;}


table.kal td {	border-right: inset #BABABA thin; 
                padding-left: 2px;
                padding-right: 2px;}