/*
  Author: Bert Bos <bert@w3.org> (Adapted from work by Håkon Wium Lie)
  Created: 17 August 1999
  Version: $Revision: 1.4 $

  The following section creates a set of partially overlapping
  headlines in different colors and font families. Negative
  margin values must be set on block-level elements to have an
  effect - in this document P elements are used and the selectors
  are named '#p*'.

  The source will look like this:

    <DIV CLASS="map">
      <P ID="p1"><A HREF="...">...</A></P>
      <P ID="p2"><A HREF="...">...</A></P>
      <P ID="p3"><A HREF="...">...</A></P>
      ...
    </DIV>

  This works by setting an offset from the bottom of the link area.
  The height of the line plus the bottom margin are equal to the top margin,
  so the line doesn't contribute to the height of its parent in any way.

  Adjustments made for BröllopsHjälpen by Susanne Eriksson, 30 September 2002.
*/

DIV.map {			/* Reserve some room for the links */
  padding-top: 545px;
  padding-bottom: 1px;
  margin-left: -0%;
  margin-right: -0em;
  /* width: 100%; */
  margin-bottom: 4em;
  margin-top: 5em;
  clear: both;
  text-shadow: 0.2em 0.2em /* 0.2em */ silver;
}

#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9, #p10, #p11, #p12 {white-space: nowrap}
#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9, #p10, #p11, #p12 {text-indent: 0}
#p1 A, #p2 A, #p3 A, #p4 A, #p5 A, #p6 A, #p7 A, #p8 A, #p9 A, #p10 A, #p11 A, #p12 A {text-decoration: none}

#p1, #p1 A {color: #DDD; font: 90px/1 "Impact", "Helvetica Narrow", sans-serif}
#p2, #p2 A {color: #DA9; font: italic 36px/1 "Georgia", serif}
#p3, #p3 A {color: #B68; font: 32px/1 "Verdana", sans-serif}
#p4, #p4 A {color: #37F; font: 12px/1 "Courier New", "Courier", monospace}
#p4, #p4 A {color: #047; font: 12px/1 "Courier New", "Courier", monospace}
#p5, #p5 A {color: #555; font: bold 30px/1 "Verdana", sans-serif}
#p6, #p6 A {color: #88D; font: bold 35px/1 "Helvetica Narrow", sans-serif}
#p7, #p7 A {color: #088; font: italic 40px/1 "Verdana", sans-serif}
#p8, #p8 A {color: #984; font: italic 20px/1 "Impact", "Helvetica Narrow", sans-serif}
#p9, #p9 A {color: #088; font: italic 25px/1 "Verdana", sans-serif}
#p10, #p10 A {font: bold 12px/1, sans-serif}
#p11, #p11 A {color: #068; font: bold 12px/1 "Verdana", sans-serif}
#p12, #p12 A {color: #668; font: italic 16px/1 "Impact", "Helvetica Narrow", sans-serif}

/*margin are specified in this order: top, right, bottom, left*/
#p1 {text-align: right;  margin: -655px 4% 250px 0}	/* top right SNACK*/
#p2 {text-align: left;   margin: -300px 0 200px 8%}	/* top left DAGBOK*/
#p3 {text-align: right;  margin: -40px 80 10px 50}		/* center FEST*/
#p4 {text-align: right;  margin: -280px 4% 0px 0}	/* center right SNACK senaste*/
#p5 {text-align: left;   margin: +80px 0 0px 0}		/* center left BLOMMOR*/
#p6 {text-align: right;   margin: -10px 0 0px 35%}	/* bottom center RESOR*/
#p7 {text-align: center;  margin: -10px 0 0px 9%}	/* bottom center INTRO*/
#p8 {text-align: left;   margin: -130px 0 0px 38%}	/* bottom left EKORT*/
#p9 {text-align: right;  margin: -0px 10% 0px 0}	/* bottom right FOTO*/
#p10 {text-align: right;   margin: +50px 0 0px 0}	/* center left RÖSTA*/
#p11 {text-align: right;   margin: -80px 20% 0px 0}	/* center left SMYCKEN*/
#p12 {text-align: left;   margin: -82px 0 0px 45%}	/* center left KLÄDSEL*/

/*margin are specified in this order: top, right, bottom, left*/
#p1 {text-align: right;  margin: -640px 14% 250px 10}	/* top right SNACK*/
#p2 {text-align: left;   margin: -300px 10 200px 10}	/* top left DAGBOK*/
#p3 {text-align: right;  margin: -40px 160 10px 10}	/* center FEST*/
#p4 {text-align: right;  margin: -220px 14% 0px 10}	/* center right SNACK senaste*/
#p5 {text-align: left;   margin: +80px 0 0px 10}		/* center left BLOMMOR*/
#p6 {text-align: right;   margin: -10px 100 0px 35%}	/* bottom center RESOR*/
#p7 {text-align: center;  margin: -60px 70 0px 9%}	/* bottom center INTRO*/
#p8 {text-align: left;   margin: -80px 0 0px 38%}	/* bottom left EKORT*/
#p9 {text-align: right;  margin: -20px 10% 0px 10}	/* bottom right FOTO*/
#p10 {text-align: left;   margin: +100px 0 0px 10}	/* center left RÖSTA*/
#p11 {text-align: right;   margin: -100px 30% 0px 10}	/* center left SMYCKEN*/
#p12 {text-align: left;   margin: -202px 0 0px 100}	/* center left KLÄDSEL*/
#p13 {text-align: left;  margin: -100px 0 0px 0}	/* left */