body {background-image: url("green.jpg"); }

#container {background-image: url("bgfirtal.jpg");  position:relative; width: 780px; height: 550px; margin: 0 auto; padding: 0; 
background-color: #365A42;}

#container_flag {background-image: url("bgflag.jpg");  position:relative; width: 780px; height: 530px; margin: 0 auto; padding: 0; 
background-color: #365A42;}

#container_nyheder {background-image: url("bgfirtal_.jpg");  position:relative; width: 780px; height: 550px; margin: 0 auto; padding: 0; 
background-color: #365A42;}

#container_minde    {position:relative; width: 780px; height:1500px; margin: 0 auto; padding: 0; background-color: #fefeff;}
#container_t_timler    {position:relative; width: 780px; height:700px; margin: 0 auto; padding: 0; background-color: #fefeff;}
#container_k_frost    {position:relative; width: 780px; height:700px; margin: 0 auto; padding: 0; background-color: #fefeff;}
#container_nyboder {position:relative; width: 780px; height:2500px; margin: 0 auto; padding: 0; background-color: #fefeff;}
#container_stok      {position:relative; width: 780px; height:2250px; margin: 0 auto; padding: 0; background-color: #fefeff;}
#container_slaegter      {position:relative; width: 780px; height:1700px; margin: 0 auto; padding: 0; background-color: #fefeff;}
#container_husbog  {position:relative; width: 780px; height:1350px; margin: 0 auto; padding: 0; background-color: #fefeff;}
#container_ungerne {position:relative; width: 780px; height: 1200px; margin: 0 auto; padding: 0; background-color: #fefeff;}
#container_links      {position:relative; width: 780px; height: 12300px; margin: 0 auto; padding: 0; background-color: #fefeff;}
#container_hist       {position:relative; width: 780px; height: 4900px; margin: 0 auto; padding: 0; background-color: #fefeff;}
#container_medlem {position:relative; width: 780px; height: 650px; margin: 0 auto; padding: 0; background-color: #fefeff;}
#container_kontakt  {position:relative; width: 780px; height: 668px; margin: 0 auto; padding: 0; background-color: #fefeff;}
#container_internt  {position:relative; width: 780px; height: 450px; margin: 0 auto; padding: 0; background-color: #fefeff;}

/* logo */ 
#logo {position: absolute; top:2em; left:2em; z-index:1;}
#foto {position: absolute; top:3.5em; left:2em; z-index:50;}
#foto_ {position: absolute; top:3.5em; left:2em; z-index:0;} /* ved pop-ups (husbøger) */

img.floatRight {float: right; padding: 1em 0em 1em 1em;}
img.floatLeft {float:left; padding: 1.5em 1.5em 1.5em 0em;}

#forsidetop {position: absolute; top: 2.3em; right:1em; z-index: 2;}
#forsidetop_ {position: absolute; top: 5.5em; right: 1.3em; z-index: 2;text-align:right;}
#undersidetop {position: absolute; top: 1.4em; right:1em; z-index: 1;}
.minde {color:#212253;}
.by {color:#366051;}
.stok {color:#757575;}
.husbog {color:#3D11CD;}
.slaegter {color:#212121;}
.ungerne {color:#116FC7;}
.links {color:#29A13A;}
.museum {color: #202020;}
.medlem {color:#CAB62C;}
.kontakt {color:#505050;}
.internt {color:#d23316;}

#undersidetop_ {position: absolute; top: 5.5em; right: 1.3em; z-index: 2;text-align:right;}

#husbog {position: absolute; left:2em; z-index: 4;}

#menu_ {position: absolute; top:15em; left:2em; z-index: 1;}
p.menu_	a:link	{color: #000000; text-decoration: none}
p.menu_	a:visited	{color:  #000000; text-decoration: none}
p.menu_	a:hover	{color: #20373F; text-decoration: none}

/* deutsch - english - francais */
#menu__ {position:absolute; z-index: 1;}
p.menu__	a:link	{color: #F7DFAB; text-decoration: none}
p.menu__	a:visited	{color:#F7DFAB; text-decoration: none}
p.menu__	a:hover	{color:#20373F; text-decoration: none}

/* Thor Timler */
#menu_tt {position:absolute; z-index: 1;}
p.menu_tt	a:link	{color: #20373F; text-decoration: underline}
p.menu_tt	a:visited	{color:#20373F; text-decoration: underline}
p.menu_tt	a:hover	{color:#20373F; text-decoration: none}

/* Knud Frost */
#menu_kf {position:absolute; z-index: 1;}
p.menu_kf	a:link	{color: #20373F; text-decoration: underline}
p.menu_kf	a:visited	{color:#20373F; text-decoration: underline}
p.menu_kf	a:hover	{color:#20373F; text-decoration: none}

#menu {position: absolute; top:15em; left:2em; z-index: 1;}
p.menu	a:link	{color: #20373F; text-decoration: none}
p.menu	a:visited	{color:  #20373F; text-decoration: none}
p.menu	a:hover	{color: #808080; text-decoration: none}

#mail {z-index: 1;}
p.mail	a:link	{color: #20373F; text-decoration: none}
p.mail	a:visited	{color:  #20373F; text-decoration: none}
p.mail	a:hover	{color: #808080; text-decoration: none}

/* forsidetop */ 
h1 { font-family: Garamond, Times, Book Antiqua; color: #921F1C; letter-spacing: 0.1em; font-size:2.1em; font-weight: normal; } 
/* menu */ 
h2 { font-family: Geneva, Arial, Helvetica, sans-serif; color: #000000; font-size: 0.8em; text-align:left; line-height: 1.9em; letter-spacing: 0.1em;font-weight: normal;}
/* brødtekst */ 
h3 { font-family: Times, Garamond, Book Antiqua; color: #121212; letter-spacing: 0em; font-size: 1em; font-weight: normal; line-height: 1.5em; z-index: 4;}
/* undersidetop */ 
h4 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1.5em; letter-spacing: 0.2em; line-height: 1em;}
/* LITTERATUR OG LINKS */ 
h5 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size:0.7em; letter-spacing: 0.05em;line-height: 1.5em; font-weight: normal;}
/* THOR TIMLER */
h6 { font-family: Garamond, Times, Book Antiqua; color:  #000000; font-size: 1em; letter-spacing: 0em;line-height: 1.5em; 
font-weight: normal; text-align:left;}



/* lang brødtekst */ 
#main {height: 24.3em; margin-top:0em; margin-left: 7.4em; padding: 0.4em; width: 33em; z-index: 1;}
/* brødtekst, forside */
#tekst { position: absolute; top:17em; left:19em; z-index: 2; width:35em; padding:2em;} 
/* lang brødtekst, undersider */
#l_tekst { position: absolute; top:14.7em; left:13em; z-index: 2; width:33em; padding: 0em; background-color: #ffffff;} 

/* lang brødtekst, LÆS MERE */
#li_tekst { position: absolute; top:36em; left:1em; z-index: 2; width:42em; padding: 2em; background-color: #ffffff;} 

/* kort brødtekst, undersider */
#k_tekst { position: absolute; top:13em; left:14em; z-index: 2; width:30.7em; padding:2em;} 
/* Flåden 500 år */
#flaaden {position: absolute; top:11em; left:18.8em; z-index: 2; width:26.7em; height: 19em; 
padding:1em; background-color: #ffffff; border:0px; border-style:solid;} 
#flaaden_ {position: absolute; top:25em; left:16em; z-index: 2; width:25em; padding:1em;
border:0px; border-style:solid;} 

/* thumbnail pop-ups - husbøger - Enhjørningegade 14 - 1 */
.thumbnail{position: relative; z-index:0;}
.thumbnail:hover{background-color: transparent;z-index: 50;}
.thumbnail span{ /*CSS for enlarged image*/position: absolute; left: 0px; visibility: hidden; text-decoration: none; z-index:50;}
.thumbnail span img{ /*CSS for enlarged image*/border-width: 0;padding: 2px; z-index:3;}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/position:absolute;visibility: visible;top: -19.8em; left: -13.2em; /*position where enlarged image should offset horizontally */}

/* thumbnail pop-ups - husbøger - Enhjørningegade 14 - 2 */
.thumbnail_b {position: relative; z-index:0;}
.thumbnail_b:hover{background-color: transparent;z-index: 50;}
.thumbnail_b span{ /*CSS for enlarged image*/position: absolute; left: 0px; visibility: hidden; text-decoration: none; z-index:50;}
.thumbnail_b span img{ /*CSS for enlarged image*/border-width: 0;padding: 2px; z-index:3;}
.thumbnail_b:hover span{ /*CSS for enlarged image on hover*/visibility: visible;top: -19.8em; left: -22.4em;  /*position where enlarged image should offset horizontally */}

/* thumbnail pop-ups - husbøger - Enhjørningegade 14 - 3 */
.thumbnail_b_{position: relative; z-index:0;}
.thumbnail_b_:hover{background-color: transparent;z-index: 50;}
.thumbnail_b_ span{ /*CSS for enlarged image*/position: absolute; left: 0px; visibility: hidden; text-decoration: none; z-index:50;}
.thumbnail_b_ span img{ /*CSS for enlarged image*/border-width: 0;padding: 2px; z-index:3;}
.thumbnail_b_:hover span{ /*CSS for enlarged image on hover*/visibility: visible;top: -20em; left: -32em;  /*position where enlarged image should offset horizontally */}

/* thumbnail pop-ups - husbøger - Bjørnegade 5 - 1 _007*/
.thumbnail_b__{position: relative; z-index:0;}
.thumbnail_b__:hover{background-color: transparent;z-index: 50;}
.thumbnail_b__ span{ /*CSS for enlarged image*/position:absolute; visibility:hidden; top: -25em; left: -15.1em; text-decoration: none; z-index:50;}
.thumbnail_b__ span img{ /*CSS for enlarged image*/border-width: 0;padding: 2px; z-index:3;}
.thumbnail_b__:hover span{ /*CSS for enlarged image on hover*/visibility: visible;top: -25em; left: -15.1em; /*position where enlarged image should offset horizontally */}

/* thumbnail pop-ups - husbøger - Bjørnegade 5 - 2 */
.thumbnail_b___{position: relative; z-index:0;}
.thumbnail_b___:hover{background-color: transparent;z-index: 50;}
.thumbnail_b___ span{ /*CSS for enlarged image*/position: absolute; left: 0px; visibility: hidden; text-decoration: none; z-index:50;}
.thumbnail_b___ span img{ /*CSS for enlarged image*/border-width: 0;padding: 2px; z-index:3;}
.thumbnail_b___:hover span{ /*CSS for enlarged image on hover*/visibility: visible;top: -25em; left: -22.5em; /*position where enlarged image should offset horizontally */}

/* thumbnail pop-ups - husbøger - Bjørnegade 5 - 3 */
.thumbnail_b____{position: relative; z-index:0;}
.thumbnail_b____:hover{background-color: transparent;z-index: 50;}
.thumbnail_b____ span{ /*CSS for enlarged image*/position: absolute; left: 0px; visibility: hidden; text-decoration: none; z-index:50;}
.thumbnail_b____ span img{ /*CSS for enlarged image*/border-width: 0;padding: 2px; z-index:3;}
.thumbnail_b____:hover span{ /*CSS for enlarged image on hover*/visibility: visible;top: -25em; left: -29.9em; /*position where enlarged image should offset horizontally */}

div.transbox
  {position: absolute; bottom:1.7em; right:0em; z-index: 1; width:34em; 
  padding:0.5em 1em 0.5em 1.5em;
  background-color:#ffffff;font-weight:bold;
  border:0px solid black;
  /* for IE */
  filter:alpha(opacity=90,finishopacity=90,style=1);
  /* CSS3 standard */
  opacity:0.6;
  }


#bund
{position: absolute; top:33em; left:0.5em; width:528px;}