html, body {margin:0; padding:0}

body, textarea  {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;}

/*De paginaheaders:*/
h1	{ 
	font-size: 150%; 
	color: #A9160C; 
	background: transparent;
	font-weight: bold}

h2	{
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 0px;}

h3	{
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0px;}
	
/*List-items verder uit elkaar:*/
li {
 margin-bottom: 5px;}


/*Opmaak van marquee*/
p.marquee {
	color: #CC9900; background: transparent; font-size: 120%; font-weight: bold;}

/*Images*/
img {border: none}

table {
	width: 100%;
	border-collapse: collapse;}

/*Positie van elementen als images: */
.rechts {float:right; margin-left:15px;}
.links {float:left; margin-right:15px;}
.center {text-align:center}
div.fotorechts {float:right; text-align: center; font-style:italic; margin-left:15px; }
	
/*Highlights in tekst:*/
span.kop {font-weight: bold;}
.kop {font-weight: bold; margin-bottom: -15px;}
strong {font-weight: bold}
.rood {color: #A9160C;}
.grijs {color: gray;}

/*Paragraafregels dichter bij elkaar (bijv. kopje boven lijst)
NB Werkt niet in NS 4.7!*/	
.closer {margin-bottom: -15px;}

/* Paragraaf e.d. dichter bij heading 2 */
.hoger {margin-top:0px}

sup {
  position: relative;
  top: -1ex;
  vertical-align:baseline;
  font-size: 80%;}

/*Boxes:*/
div#main {
	max-width: 900px; margin: auto; border-left: 1px solid #CCC;
	overflow: auto;
	padding-right: 20px;
	background: white url('images/shadow.gif') repeat-y 100% 0;  }

div#kop {
	padding: 0; margin: 0 auto 25px auto; border-bottom: 5px solid #CCC; width: 98%; height: 180px;}
	
div#menu {	
	width: 160px;
	text-align: center; 
	padding-left: 10px;
	float: left;}
	
div#content {
	margin-left:200px;
	padding-right: 10px;
	padding-bottom: 10px;}
	
/*Links*/
a:link	{color: #A9160C; background: transparent;}
a:visited {color: #A9160C; background: transparent;} 
a:active {color: #A9160C; background: transparent;}
a:hover {color: #000; background: transparent;}

/* Geen text-decoration/underline op images in hyperlink: */
a img {display:block; text-decoration: none;}

/* Hoofdmenu*/
div#menu ul {margin: 0; padding: 0}
div#menu li {
	list-style-type: none;
	margin-top: 3px;
	margin-bottom: 1px;
	margin-right: 8px;
	width: 150px;}

div#menu ul a  {
	color: #000; background: transparent;
	border-right: gray 2px solid; 
	border-top: #CCC 2px solid; 
	border-left: #CCC 2px solid; 
	border-bottom: gray 2px solid; 
	text-decoration: none;
	width: 100%;
	font-size: 90%;
	font-weight: bold; 
	display: block;}

div#menu ul a:visited {color: #000; background: transparent;}

div#menu ul a:hover {
	border-right: #CCC 2px solid; 
	border-top: gray 2px solid; 
	border-left: gray 2px solid; 
	border-bottom: #CCC 2px solid;
	color: #A9160C; background: transparent;}

p#voorwaarden {text-align: center; padding-right: 30px }
p#voorwaarden a {color: gray; margin-right: 30px}
p#sig {font-size: .8em; color: gray; float: right; margin-top: 10px}
p#sig a, p#sig a:visited  {color: gray;}