body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: black;
	background-color: #000080;
	}
.ahem {
	display:	none;
	}
strong, b {
	font-weight: bold;
	}
p {
	color: #000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	margin-top: 0px;
	margin-bottom: 30px; /* Read kludge below. */
	}
img {
	border: 0;
	}
.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 {
    text-align: center;
	left: 10px;
	margin: 0px 20px 0px 10px;
	padding: 4px 10px 0px 10px;
	border: 0px;
	height: 130px; /* Incorrect value fed to ie5win */
	background: #000080;
	background-image: url(gif_files/header_ulewappers.gif);
	background-repeat: no-repeat;
	background-position:  top center; 
	}
body>#top {
	height: 130px; /* Correct for CSS2 browsers. */
	}

#middle {
    text-align: center;
	margin: 1px 170px 0px 174px; /* Incorrect value fed to ie5win */
	padding: 4px 2% 20px 2%;
    border-top: 0px solid #808080;;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #808080;
	background: #eee685;
	}

#left {
    text-align: center;
	position: absolute;
	width: 144px; /* Incorrect value fed to ie5win */
	top: 139px;
	left: 10px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border: 0px ;
	background: #000080;
	height: 400px;
	}
body>#left {
	width: 144px; /* Correct for CSS2 browsers. */
	}

#right {
    text-align: center;
	position: absolute;
	width: 130px; /* Incorrect value fed to ie5win */
	top: 139px;
	right: 20px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border: 0px ;
	background: #000080;
	height: 400px;
	}
body>#right {
	width: 130px; /* Correct for CSS2 browsers. */
	}
	
#footer {
	background: #000080;
	height: 50px;
	margin: 0px 20px 0px 10px;
	padding: opx 10px 0px 10px;
	border: 0px ;
}
	
	
/* Margins must be 0. Opera puts this outside the box, even though Netscape 6.01 doesn't. Read kludge below.*/

/* 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. */

#columnlefttop {
    float: left;
    width: 100px;
    margin-left: -500px;
}

#columnmiddletop {
    float: left;
    width: 340px;
    margin-left: 260px;
}

* html #columnmiddletop {
	display: inline;
}

#columnrighttop {
    float: left;
}

.head_wrap
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
.head_wrap:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.head_wrap
	{
	display: inline;
	}
/*\*/
.head_wrap
	{
	display: block;
	}

div.big  {
    width: 1000px;
    background-color: #000080;
	border: 0px #ff0000 inset;
	margin-left: auto;
	margin-right: auto;
	text-align: center; 
	padding: 1px;
}

div.article {
    width: 560px;
    margin: auto;
	padding: 0;
	text-align: center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    display: block;
}

div.article1 {
    width: 1000px;
    margin: 0;
	padding: 0;
	text-align: center;
    display: block;
}

div.article2 {
    width: 820px;
    margin: 0;
	padding: 0;
	text-align: center;
    float: left;
}

div.article3 {
    width: 170px;
    margin: 0;
	padding: 0;
	text-align: center;
    display: block;
	float: right;
}

div.articleleft {
    float: left;
    display: inline;
    text-align: center;
	margin: auto;
}

div.articleright {
    float: right;
    display: inline;
    text-align: center;
	margin: auto; 
}

.endfloats {
    clear: both;
	} 


table.prinsta { 
text-align: center;
font-family: Comic Sans MS, sans-serif, Arial;
font-size: 24px;
color: #000099;
width: 90%;
margin: auto;
background-color: #ffffff;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; 
} 

td.prinstd { 
border-bottom: 1px solid #6699CC;
border-top: 1px solid #6699CC;
border-left: 1px solid #6699CC;
border-right: 0px;
text-align: center;
text-indent: 10px;
font-family: Comic Sans MS, sans-serif, Arial;
font-weight: normal;
font-size: 17px;
color: #000099;
background-color: #ffcc66;
}

td.prinstd2 { 
border-bottom: 1px solid #6699CC;
border-left: 1px solid #6699CC;
background-color: #ffcc66;
text-align: left;
text-indent: 5px;
font-family: Comic Sans MS, sans-serif, Arial;
font-size: 16px;
color: #000099; 
}

td.prinstd3 { 
border-bottom: 1px solid #6699CC;
border-left: 1px solid #6699CC;
background-color: #ffcc66;
text-align: center;
text-indent: 5px;
font-family: Comic Sans MS, sans-serif, Arial;
font-size: 16px;
color: #000099; 
} 

td.bestuur { 
border-bottom: 1px solid #6699CC;
border-left: 1px solid #6699CC;
background-color: #ffcc66;
text-align: left;
text-indent: 5px;
font-family: Comic Sans MS, sans-serif, Arial;
font-size: 12px;
color: #000099; 
white-space: nowrap;
} 

table.commis { 
text-align: center;
font-family: Comic Sans MS, sans-serif, Arial;
font-size: 24px;
color: #000099;
width: 70%;
margin: auto;
margin-top: 20px;
background-color: #ffffff;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; 
} 

td.commis { 
border-bottom: 1px solid #6699CC;
border-top: 1px solid #6699CC;
border-left: 1px solid #6699CC;
border-right: 0px;
text-align: left;
text-indent: 10px;
font-family: Comic Sans MS, sans-serif, Arial;
font-size: 17px;
color: #000099;
background-color: #ffcc66;
white-space: nowrap;
}


td.progr { 
border-bottom: 1px solid #6699CC;
border-top: 1px solid #6699CC;
border-left: 1px solid #6699CC;
border-right: 0px;
text-align: left;
text-indent: 10px;
font-family: Comic Sans MS, sans-serif, Arial;
font-size: 14px;
color: #000099;
background-color: #ffcc66;
white-space: nowrap;
}

img.oudprins{
border: 3px groove #000099;
margin-bottom: 12px;
}