html, body {
  padding:0;margin:0;}
  
body {
  color: #0d0059;
  background-color:#FFF0F5;
  font-family:georgia,times,serif;
}

#page {
width:95%;
max-width:50em;
margin:1em auto;
position:relative;
background:#cccccc;}
#banner {
border:1px solid gray;}
#banner h1 {margin:0; padding:10px 10px 10px 16px;}
#footer {
border:1px solid gray;}
#footer address {font-style:normal;font-size:1em;text-align:center;color:white;background-color: #0d0059;margin:0; padding:10px 10px 10px 16px;}

/* Menu-bar */
#menu_container {float:left; position:relative; width:100%; height:30px; z-index:100;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block;width:158px; font-size:11px; color:#fff; height:auto; line-height:auto; text-decoration:none; text-indent:5px; border:1px solid #0d0059; border-width:1px 0 1px 1px;}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

/* Set up the list items */
#pmenu li {float:left; background:#0d0059;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#dfd7ca; color:#c00;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul  { background: url("transparent.gif"); display: block; padding: 10px 30px 30px; position: absolute; top: -11px; left: 80px; width: 120px }
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:16px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#dfd7ca; color:#c00;}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#0e0059; color:white;}

/* Set up the pointers for the sub level indication */
#pmenu li.fly  { background: #0d0059 url("http://www.bircheriksen.org/Grafik/hen.gif") no-repeat right center }
#pmenu li.drop  { background: #0d0059 url("http://www.bircheriksen.org/Grafik/ned.gif") no-repeat right center }


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul  { background: url("transparent.gif"); visibility: hidden; display: block; padding: 10px 30px 30px; position: absolute; top: -11px; left: 80px }

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */


/* Layout for 3 spalter */

#container {
position:relative; 
display:block;
background:#00; 
border-left:200px solid #b8ccdc; 
border-right:200px solid #b8ccdc;}

#container tekst { color: #0e0059; font-size: 12pt; font-family: "Times New Roman"; line-height: 14pt }
#container copyright { font-size: 10pt; font-family: "Times New Roman"; line-height: 10pt }
#container H1  { color: #970000; font-size: 24pt; font-family: "Times New Roman"; line-height: 28pt }
#container H2   { color: #970000; font-size: 14pt; font-family: "Times New Roman"; line-height: 14pt }

#inner {
display:block; 
margin-left:-200px; 
margin-right:-200px; 
padding:5px}

#center {
margin-left:200px; 
margin-right:200px; 
position:relative; 
display:block; }
#center H1  { color: #970000; font-size: 24pt; font-family: "Times New Roman"; line-height: 28pt }
#center H2   { color: #970000; font-size: 14pt; font-family: "Times New Roman"; line-height: 14pt }

#leftcol  {padding: 0; position: relative; left: 0; width: 200px; float: left }

#rightcol  {position: relative; right: 0; width: 190px; float: right }

#leftcol p, #rightcol p {
font-family:times,sans-serif;
font-size:70%;
}
p {margin:0 10px 0.5em 10px;}
.clear {clear:both;}


  ul.cssmenu {
  width:180px;
  font-family:times,sans-serif;
  font-size:90%;
  list-style:none;
  border-width:0 1px 1px 1px;
  border-style: solid;
  border-color: #257;
  margin: 1em 0 0 0;
  padding:0;  }
  
  ul.cssmenu li {
  display:inline;  }
  
  ul.cssmenu li a {
  color:#257;
  background-color:transparent;
  display:block;
  text-decoration:none;
  margin:0;
  padding:3px 5px;
  border-top:1px solid #257; }
  
  ul.cssmenu li a:hover {
  color:#fff;
  background-color:#257;  }
  /* Undgå brugen af a:active - IE fortolker den forkert.
  ul.cssmenu li a:active {
  color:#ffcc00;}*/
#text1, #text2, #text3 

/* Harmonikaen */
#dlharmonika {height:auto; font-size: 70%}
#harmonika {list-style-type:none; margin:0 0 10px; padding:0; position:absolute; width:175px; color:#0d0059; background:#fff; z-index:10;}
#harmonika li {display:block; padding:0; margin:0; position:relative; z-index:10;}
#harmonika li a, #menu li a:visited {display:block; text-decoration:none;}
#harmonika li dd {display:none;}
#harmonika li:hover, #menu li a:hover {border:0;}
#menu li:hover dt a , #menu li a:hover dt a   { color: #970000; background: #e4e4e4 }
#harmonika li:hover dd, #menu li a:hover dd {display:block;}
#harmonika li:hover dl, #menu li a:hover dl   { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; height: auto }
#harmonika table {border-collapse:collapse; padding:0; margin:-4px; font-size:1em;}
#harmonika dl {width: 175px; margin: 0; background: #7a9bfc; cursor:pointer;}
#harmonika dt {margin:0; padding: 0; font-size: 1.1em; border-top:1px solid #cce;}
#harmonika dd {margin:0; padding:0; font-size: 1em; text-align:left; }
.gallery dt a, .gallery dt a:visited  { color: #fff; background: #7a9bfc center; display: block; padding: 5px 5px 5px 10px }
.gallery dd a, .gallery dd a:visited  { color: #0d0059; text-decoration: none; background: #7a9bfc ; display: block; padding: 4px 5px 4px 20px; min-height: 1em }
* html .gallery dd a, * html .gallery dd a:visited {height:1em;}
.gallery dd a:hover {background:#7a9bfc; color:#0d0059;}

/*Ekspanderende tekst*/
span#expand {position:relative; z-index:1; text-decoration:none; cursor:default; display:inline-block;}
span#expand span {display:none;}
span#expand:hover span{ display: block;  position: absolute;  top: 20px;  left: 0; width: 190px;  text-decoration:none !important;  border:1px solid black;  padding: 5px; 
  margin: 0; color:#970000; background: #ffe;
  font-weight:normal;
  font-size: 12px;
  font-family: times, sans-serif; 
  z-index:2;
  line-height:100%;
}