body {
	background-image:url(Baggrund2.JPG);
	margin: 0px 0px 0px 0px;
	padding: 0px 10.0em 0px 10.0em;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #2D89B7;
	background-color: #fff;
	
	}
a {
	text-decoration: none
	font-weight: bold;
	color:  #39c;
	}
a:link {
	text-decoration: none
	}
a:visited {
	text-decoration: none
	}
a:active {
	text-decoration: none
	}
a:hover {
	color: #66cc66;
	background-color: none;
	}
.ahem {
	display:	none;
	}
strong, b {
	font-weight: bold;
	}
p {
	color: #1c5572;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align:left;
	font-size: 0.8em;
	line-height: 1.3em;
	margin-top: 0px;
	margin-bottom: 18px; /* Read kludge below. */
	}
h1 {
	color: #808080;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	color: #808080;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	color: #39c;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.6em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	color: #39c;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.5em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	color: #39c;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.6em;
	font-weight: bold;
	text-align:center;
	margin-top:  0px;
	margin-bottom: 30px;
	}
h6 {
	color: #39c;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.4em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 20;
	}
hr {
	color: #1c5572;
	line-height:2%;
	}
caption {font-size:0.8em; font-weight:bold; color:#1c5572}
img {
	border: 0;
	padding-right:2%;
	padding-top:1%;
	}
.nowrap {
	white-space: nowrap;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* this class must be combined with nobr in html for ie5win */
	}
.tiny {
	color: #808080;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px;
	}
.top {
	color: #808080;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
/* Margins must be 0. Opera puts this outside the box, even though Netscape 6.01 doesn't. Read kludge below.*/
	}
.left {
	color: #808080;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 19px;
	margin-bottom: 20px;
	}
.right {
	color: #808080;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 19px;
	margin-bottom: 20px;
	}



.volume {
	color: #808080;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 26px;
	line-height: 52px;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 50px;
	}
.number {
	color: #808080;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 60px;
	line-height: 100px;
	text-align: right;
	margin-top: 0px;
	margin-bottom: -30px;/* deals with bizarre ie5 not ie5.5 glitch. explained in the text. */
	}

#top {
	margin: 0px 20px 0px 20px;
	padding: 0px 10px 0px 10px;
	border: 0px;
	height: 35px; /* Incorrect value fed to ie5win */
	background: #fff url(top.shtml) no-repeat;
	}
body>#top {
	height: 35px; /* Correct for CSS2 browsers. */
	}

#middle {
	margin: 0px 170px 20px 170px; /* Incorrect value fed to ie5win */
	padding: 4px 4% 10px 4%;
	border: 0px;
	background: #fff url(../image/tinkertoy_plane_right.jpg) no-repeat;
	}

#left {
	position: absolute;
	width: 150px; /* Incorrect value fed to ie5win */
	top: 100px;
	left: 20px;
	margin: 0px 0px 0px 0px;
	padding: 210px 10px 10px 10px;
	border: 0px ;
	background: #fff url(../image/tinkertoy_plane_left.jpg) no-repeat;
	}
body>#left {
	width: 130px; /* Correct for CSS2 browsers. */
	}

#right {
	position: absolute;
	width: 150px; /* Incorrect value fed to ie5win */
	top: 100px;
	right: 20px;
	margin: 0px 0px 0px 0px;
	padding: 32px 10px 10px 10px;
	border: 0px ;
	background: #fff;
	}
body>#right {
	width: 130px; /* Correct for CSS2 browsers. */
	}

/* SETTING THE BOX TOPS IN LINE - 3 COLUMNS, NO BOX ABOVE. */

/* THE PROBLEM - ie5win screws up differently in absolute boxes and non-absolute boxes. The middle box is not absolute. Here ie5win uses margin-top, but puts it UNDER the P margin-top, and both outside the box, instead of putting the P inside the box.. Which means whichever is larger will decide where the top of the middle box sits. Also the distance between its text and its top border will be only the padding, instead of padding plus P margin. BUT in absolute boxes ie5win gets P margin inside the box, but now overlaps it with the padding, instead of adding them together. So text in ie5win will always start higher in all the boxes, so design for that... */

/*THE SOLUTION - to get the box tops in line, and the text tops in line, decide the real distance and use that for the absolutes' tops. Now, the middle box margin-top must be made equal to the absolute's  tops, and must be equal to or larger than P margin-top, and P margin-top must equal the padding-top set in all three ..and that's also the distance the text in ie5win will be higher. Happily, different border widths do not effect this, although ie5win puts borders inside the box. */

/* SO YOU WANT A BOX ABOVE THAT? */

/* OKAY: You must set height for the topbox. Trust me, or your life will be hell. Detailed failures are in the Readme. Now set the desired top distances in the absolute boxes, measured from the top of the browser window. BUT the middle box margin-top begins at top box's border's lowest edge. Borders are interpreted differently in the browers, but this cancels out here. The lowest edge ends up the same in all. */

/* TROUBLE - Beware of text in the top box. Long lines will wrap in smaller windows. Ie5win expands the box if it needs the space, while others overflow the box. Beware of BR. Ie5win makes a smaller one. Use nbsp in a P tag in the html if you want to match, or better just make sure everything is small enough to never exceed the height. Text use is limited here. P margins are added outside the box so these must be zero. N6 doesn't do this, but Opera5 does. Images plus padding must be equal to or less than the height. */

/* TOUCHING - If you want the boxes to touch, remember that ie5win puts P margin outside the box. You didn't care before, because it slid under the box margin. But now your P margin-top has to go to zero. Did I just hear you scream? It's okay. Put the subtracted amount into P margin-bottom to make your typograph nice again. Yes, this is a bad kludge because you have to remember it when you redesign the site. That's why these comments are here. But hey, see how the text tops are the same height in all browsers now? Bonus. Only way to do that. */
