BODY {background-image: url(himmel2.jpg); font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
   	color: Black; font-weight: normal;  background-repeat: no-repeat;
	   background-color: #F6F5FB; max-width:1440px;    margin: 0 auto; padding: 40px 5px 10px 10px;}

A:hover   { color: black; background-color:#ccccff}

a         IMG  { border: 1px solid }
A:hover   IMG	{ border: 1px solid #f5f5fc}
a.ekstern    {background: url(Images/externt-link.png) center right no-repeat; padding: 0 13px 0 0;}
a.pdf        {background: url(Images/acrobat.gif) center right no-repeat;   padding: 0 17px 0 0;}
a.wikipedia  {background: url(Images/wikipedia.gif) center right no-repeat; padding: 0 19px 0 0;}
a.google     {background: url(Images/google.gif) center right no-repeat;    padding: 0 19px 0 0;}
a.modsigelse {background: url(Images/modsigelse3.gif) center right no-repeat; padding: 2px 20px 2px 0;}
a.home { background-image: url(Images/home.gif); border-style:none ! important; width: 111px; height: 85px;  display: block;  margin: auto; text-align:center;}

img.nav { border-style: none;  border: 1px dashed #F6F4FB; display: block; margin: auto; text-align:center;}
/* dashed border for at undgå, at knappen hopper 1 pixel ved hover i IE. */

h1, h2, h3, h4	{text-align:center;}
h1, h2, h3		{clear:both;}

h1		{	/* display: inline; */
	font-size: 225%;	padding: 10px 15px 10px 15px;	color:#777777;
	border: 6px outset gray;	margin-bottom: 20px;	background-image: url(Images/marmor3.jpg);
	}
H2		{font-size : 175%;  padding: 20px 0px 0px 0px; }
H3   	{font-size : 150%;  padding: 20px 0px 0px 0px; }
h4		{font-size : 120%;  padding: 20px 0px 0px 0px; }

p      	{font-size : 100%;}
div.center p {text-align: center }
pre		{font-size : 150%;}
ul.left, ol.left { overflow: hidden; }
li      {line-height : 150%;}

small   	{font-size :  70%;  font-style: normal ; line-height : 100%}
li.note     {font-size :  90%; }
p.noteb      {clear:both;}
p.quote      {font-size : 100%;  color:blue ; margin-left: 30px ; font-style:italic;}
hr           { clear:both; margin: 0px 0px 0px 0px;}
p.v          { clear:left;}
p.h          { clear:right;}
p.b          { clear:both;}

span.gul   {background-color: #ffff98;}
span.roed  {background-color: #ff6464;}
span.groen {background-color: #d2ff72;}
span.blaa  {background-color: #78ffff;}

acronym    {border-bottom:1px dashed; cursor:help; color:green; text-transform: capitalize }
abbr    {border-bottom:1px dashed; cursor:help; color:green;  }

span.ref   {font-size: 80%; color: red; margin-left: -95px;float: left;}
span.ref2  {font-size: 80%; color: red;}
p.bibel, p.bibel2, p.bibelv, p.bibelv2, p.bibelv3  {font-size: 100%;	padding: 6px 0px 6px 100px; background-image: url(Images/marmor3.jpg); border: medium outset #cccccc; text-align:left ! important}

p.bibel,  p.bibelv, p.bibelv3   { margin-left: 10px; margin-right: 100px;}
p.bibel2, p.bibelv2   			{ margin-left: 100px; }
																/* bibelv2 udgår */ 
p.bibelv, p.bibelv2			    { clear:left;}
p.bibelv3   					{ overflow:hidden; }


.rulle              {border-image: url("Images/rulle.png") 45 43 fill;}
.rulle2             {border-image: url("Images/rulle2.png") 45 43 fill;}
.rulle, .rulle2     {border-width:  45px 43px;
                     border-style: solid;
                     border-color: transparent;
					 padding: 0px 0px 0px 100px; 		
					 vertical-align:top; 
					 margin-left: 100px; max-height: 300px; 
					 font-size:100%;
					 overflow:auto; 
					}
					
p.kommentar  {background-color: #ffffe0; padding: 5px 0px 5px 10px;	margin-left: 100px; border: 1px solid Red;}

p.konklusion {background-color: #ffd700; padding: 3px 0px 6px 6px; margin: 30px 100px 30px 100px;
   			border: 1px solid Red;	clear: both; text-align:center;}

div.kant td    {text-align:left; vertical-align:top; border: thin solid black}
table,tr,td  {font-size : 100%;}

.papir, .papirv, .papirh      {padding: 15px; background-image: url(Images/paper.gif);  text-align:left;
  border: 5px groove gray; margin-bottom: 5px;
	        box-shadow: 0 4px 10px #555555;}

p.papir      {margin: 25px;}
div.papirv   {float:left; width:30%; clear:left; margin-right: 10px;}
div.papirh   {float:right; margin-left:5px; width:30%; clear:right}

.faktav,  .faktavs, .faktah, .faktahs, .faktahx   {padding:55px 5px 5px 5px; background-color:#ffffdd; border: 1px solid #aaaaff;  
background: url(Galleri/pin48.png)  center  top     no-repeat,
            url(Images/paper.gif); 
            font-size:85%; display: block;
            border-radius: 6px;   box-shadow: 0 4px 10px #555555;
    }
.faktav,  .faktah              {width:250px}
.faktavs, .faktahs             {width:180px}
.faktah,  .faktahs, .faktahx   {float:right; margin-left:7px; clear:right;}
.faktav,  .faktavs             {float:left; margin-right:8px}

table.imgh, table.imghh, table.imgv, table.imgvv, table.imgv2 {border: 1px dashed Black;}

.imgh, .imghh	{margin: 5px 3px 5px 15px; float:right; }
.imgv, .imgvv	{margin: 5px 15px 5px 0px; float:left; }
.imgv2			{margin: 5px 25px 5px 0px; float:left; }

.imghh	        {clear:right;}
.imgvv, .imgv2	{clear:left;}
.imgvl          {float:left; z-index:199; position: relative;}

table img {display: block;} 
 
caption     {caption-side:bottom; font-size:small; text-align:center; line-height: 120%;	    	}
caption, div.c div, div.c2 div  {background: url(Images/marmor.jpg); border-radius: 8px; margin-top:4px; text-align:center;
	    	border-width: 1px 2px 2px 1px; border-style: solid; border-color: #777777;  box-shadow: 3px 3px 10px rgba(0,0,0,0.6); padding:1px 4px}

caption.link:hover   {	border-width: 2px 1px 1px 2px; border-style: solid; border-color: #777777;  box-shadow: -3px -3px 10px rgba(0,0,0,0.6);}


.navbar      {border-style: none outset outset none; width:98%; border-width: thin; padding: 4px 4px 4px 10px; font-size : 80%; position:absolute; margin: 10px; top:5px; left:0px; background: #FFFF66;   
    border-radius: 8px;
    box-shadow: 0 4px 10px #555555;
    }
.hojre       {float:right}

#lup, #loupe {position: absolute; top: 2px; right: 100px; width: 50px; z-index: 100; height: 50px; background: url(Images/lup.png) center right no-repeat; }
#soege_boks  {position: absolute; top: 60px; left: 50px; right: 50px; z-index: 100; height: 50px; border:1px solid black; display: none;}
#searchBox  {position: absolute; top: 60px; left: 50px; right: 50px; z-index: 100; height: 50px; border:1px solid black;}

big          {font-size : 175% }

SPAN.note    {font-size :  90%}
SPAN.noteid  {font-size: x-small;	color: red;	font-weight: bold; vertical-align: super;}
SPAN.quote, SPAN.quotef  {color:blue; font-style: italic; }
/*SPAN.quote   {font-size :  90%;} */
blockquote	{border: 1px black dashed; padding-left: 5px; background-image: url(Images/paper.gif);}

div.bortforklaring {font-size : 175%; border: 1px solid black; padding: 5px; margin-top:30px; background-color: #3C3; 
	border-radius: 36px / 12px; display: inline-block; cursor:pointer;}
div.bort           {padding: 15px; background-image: url(Images/paper2.jpg); 
    box-shadow: 0 4px 10px #555555;}

 a.handh, a.handv  {border-style:none ! important; width: 115px; height : 53px;  display: block; }
 a.handv { background-image: url(Images/kurtzman-h2.gif); float: left;}
 a.handh { background-image: url(Images/kurtzman-v2.gif); float: right;}

 
#tagcloud {
    width: 800px;
    background:#Ccc;
    background-image: url(Images/marmor2.jpg);
    padding: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #559DFF;
    text-align:center;
    border-radius: 8px;
}
 
#tagcloud a:link, #tagcloud a:visited { text-decoration:none; }
 
#tagcloud a:hover {text-decoration:underline; color: black ! important;}


#anbefaling{
	background-image: url(Images/marmor2.jpg);
	border: 1px solid black;
    width:450px;
    padding:10px 0px 10px 10px;
    background-color:#ffffff;
    position:fixed;
    bottom:30px;
    right:-630px;
    box-shadow: 0 4px 10px #555555;
    border-radius: 36px / 12px;
}
#anbefaling .close{
    background: url(Images/luk.gif) no-repeat;
    display: block;
    height: 16px;
    margin: 3px;
    float: left;
    width: 16px;
}
#anbefaling .close:hover{
    background:transparent url(Images/luk.gif) -16px 0px no-repeat;
}
#verspopup {width:475px; position:absolute;
  background-color: #ccc;   background-image: url(Images/marmor.jpg);  
  border: 1px solid #ccc;   font-size: 90%;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset -1px -3px 5px 5px #888 ! important;
 box-shadow: inset -1px -3px 5px 5px #888, 10px 30px 30px 10px #7bbff9 ! important;
}
#verstop  { height: 30px;  padding: 10px 0px 1px 20px; font-size: 16px}
#versindhold  {padding: 0px 10px 20px 20px; }

#notepopup {width:475px; position:absolute;  padding:10px 10px 15px 10px;
 background-color:#eec; background-image: url(Images/paper.gif);
  border: 2px solid #888;
 -webkit-box-shadow: 20px 20px 60px rgba(0,0,0,0.6);
  box-shadow: 20px 20px 60px rgba(0,0,0,0.6);
  }
#notetop  { height: 20px; background-color:#fcfcf0; font-weight: bold; padding: 1px 0px 1px 15px; cursor:move}
#noteindhold  {padding: 0px 1px 0px 2px; overflow:auto; }

.thumb   {margin: 10px 0px 0px 0px; font-size:x-small; text-align:center; display: inline-block; vertical-align: top;}
#preview {border:4px outset grey; background:yellow; padding:3px; color:black;}

.luk {cursor:pointer; position:absolute; top: -12px; right: -12px; z-index:301;
    background: url(Images/luk-knap2.gif) no-repeat;
    display: block;
    height: 32px;
    margin: 3px;
    width: 39px;}

#notepopup .luk:hover{
    background:transparent url(Images/luk-knap2.gif) -39px 0px no-repeat;
}
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}