/*
	Typografiark udviklet for Hjortsvang Museum.
	© 2002, Michael Keller, mail@BACKSPACETHISmichael.keller.name
*/
@media print
{
	BODY			{font-family:Goudy, Trajan, MS Serif, serif}

	H1 			{font-family:Georgia, Goudy, MS Serif, serif}

	div.titlebar		{
				left:2em;
				width:55%;
				margin:0
				}

	div.menubar 		{display:none}
	div.soeg 		{display:none}
	table.illustration	{display:none}
	
	div.faktaboks a 	{text-decoration:none}

	div.faktaboks		{
				width:5cm;
				float:right;
				margin-left:1em;
				clear:both
				}

	div.faktaboks a		{
				border:none;
				text-decoration:none;
				background-color:transparent;
				color:black
				}

	div.faktaboks th	{
				text-decoration:underline;
       				text-transform:uppercase;
       				font-weight:bolder
       				}

	table.blaa		{border:thin solid}

	table.roed		{border:thin solid}

	div.indhold 		{
				float:left; /* address clear af flyd */
				clear:left;
				/*position:absolute;*/
				/* top:13em;*/
				width:11.5cm
				}

	p:first-letter{color:black}

	div.indhold a		{
				border:none;
				text-decoration:none;
				color:black
				}

	address 		{
				clear:both;
				font-weight:bold;
				
				position:fixed;
				}

	address a		{color:black}

	#kolofon		{display:none}
}

@media screen, projection
{
	BODY 			{
				font-family:Verdana, Arial, Helvetica, sans-serif;
				background-image: url("billeder/vandmaerke.gif");
      				color:black;
       				background-color:white;
				background-position:center;
				background-attachment:fixed;
				background-repeat:no-repeat
				}

	div.soeg		{
				text-align:center;
				float:right
				}

	div.soeg a
				{
				border:none;
				text-decoration:underline;
	       			background-Color:transparent;
				color:#336
				}

	div.soeg a:hover	{text-decoration:none}
	
	div.soeg+p		{margin-top:0}

	div.menubar 		{
				font-size:80%;
				top:0;
				left:90px;
				position:absolute;
				position:fixed;
	       			margin-bottom:1em
	    			}

	div.menubar p		{
				display:inline;
				color:#FC3;
				padding:.2em;
				background-color:#336;
	  			}

	div.menubar p, a	{
				border:solid 1px #336;
				border-bottom-width:thick;
		 		text-align:center
				}

	div.menubar a 		{
				border-top:none;
				color:#336;
	           		background-color:#C33;
				text-decoration:none;
				padding:.2em
				}

	div.menubar a:HOVER
				{
				color:#336;
	       			background-color:#FC3
	    			}
	    				    		
	div.faktaboks		{width:11em}	    			

	div.faktaboks th	{color:white}

	div.faktaboks a		{
				border:none;
				text-decoration:underline;
				background-color:transparent;
				color:#336
				}

	table.blaa		{
				color:#336;
				border:thin solid #336
				}

	table.blaa th		{background-color:#336}

	table.roed		{
				color:#C33;
				border:thin solid #C33
				}

	table.roed th		{background-color:#C33}
	
	div.indhold 		{
				width:75%;
				margin-bottom:1em
				}

	div.indhold p:first-letter{}

	div.indhold a		{
				border:none;
				text-decoration:underline;
				background-color:transparent;
				color:#336
				}

	div.indhold a:hover	{text-decoration:none}

	address			{
				width:80%;
				font-size:80%
				}

	address, address a	{
				color:#336;
				background-color:#FC3;
				}

	#kolofon		{display:inline}
}

a.logo		{border:none}

a.logo img	{
		float:left;
		width:80px;
		height:96px;
		border:none
		}

H1 		{font-family:Georgia, Goudy, MS Serif, serif}
H2		{font-family:Goudy, Trajan, MS Serif, serif}

H2+H2		{margin-top:0} /* Lidt mindre lineafstand når underrubrik imiddelbart følger rubrik, (virker tilsyneladende ikke) */

H1		{
		font-weight:bolder;
		margin-bottom:0
		}

H2		{
		font-weight:normal;
		margin-bottom:.2em
		}


H4.mellem       {
		margin-bottom:0;		/* Mellemrubrik */
		padding-bottom:0;
		text-align:center
		}

H4+p		{margin-top:0}			/* Ingen afstand når p følger H4 */

H4#dato		{
		text-align:right;
		text-decoration:underline
		}


div.rubrik H3,H4{text-align:center}
div.rubrik H4	{font-style:italic}

div.titlebar	{
		float:left;
		margin:0
		}

div.faktaboks	{
		float:right;
		clear:right;
		margin:.5em 0 1em .5em
		}

div.faktaboks a:hover{text-decoration:none}

div.faktaboks table
		{
		margin-bottom:.5em;
		width:11em;
		border-spacing:0
		}

div.faktaboks th,td{border:none}

div.faktaboks th{text-align:center; font-weight:bold}

div.faktaboks th,td
		{
		margin:0;
		padding:.2em
		}
		
div.faktaboks td{padding-left:.5em}

div.faktaboks dl{
		text-align:left;
		margin:0
		}
		
div.faktaboks dd{margin-left:3.5em}

div.faktaboks ul{
		margin:0 .5em 0 .5em;
		padding-left:.5em
		} 

div.faktaboks li{
		list-style:none; 
		margin-top:.4em
		}

div.indhold 	{
		clear:left;
		float:left
		}

div.indhold p:first-letter /* Unicial. Ingen left float da IE er non-complient*/
		{
		color:#C33;
		font-size:large;
		font-weight:bold;
		font-family:Goudy, Trajan, MS Serif, serif
		}

div.indhold p	{margin:0 0 .3em}

div.indhold span{text-transform:uppercase}

div.indhold ul li{list-style-type:square}

table.illustration
		{
		clear:left;
		float:right;
 		margin:0 0 0 .5em
		}

table.illustration img {border:1px solid black}

table.illustration p:first-letter /* Ophæv indhold p. Burde ikke være nødvendigt, da p er defineret som direkte barn af indhold */
		{
		color:black;
		font-size:100%;
		font-style:italic;
		font-weight:normal;
		font-family:Verdana, Arial, Helvetica, sans-serif
		}

table.illustration p
		{
		font-size:small;
       		font-style:italic;
		text-align:right;
		margin:0
		}
		
table.illustration td
		{
		padding-top:0;
		padding-bottom:0
		}

table.illustration a{display:block}

table.illustration+p{margin-top:0}  /* Opera Hack, så brødtekst og billede holder register i top. */

address		{
		clear:both;
		position:absolute;
		position:fixed;	/* IE bug fix til udskrift */
		top:90%;
		left:10%;
		bottom:auto;
		}

address a:hover	{text-decoration:underline}

address, address a 
		{
		text-align:center;
		font-style:normal;
		text-decoration:none;
		padding:.2em 0
		}

address a	{border:none}

#dato		{text-align:right}