html, body {height: 100%; margin: 0; padding:0}
body {
	font-family: "Comic sans MS", serif;}

body {
	background: #FFFFFF url('images/shadow.gif') 15em repeat-y;
	color: #000000; 
	font-size:100%;
	max-width: 1200px}

body p, a, ul, td	{font-size: .9em;}

h1 {
	color: #A5261F;
	background-color: transparent;
	font-weight: bold; 
	font-size: 1.5em; 
	text-align: center;
	margin-top:0px}

h2 {
	color: #A5261F;
	background-color: transparent;
	font-weight: bold; 
	font-size: 1.1em;
	margin-bottom:-15px}

img {border: 0px; margin: 4px;}
.rechts	{float: right; margin-left: 15px}
.links	{float: left; margin-right: 15px}
.center {text-align: center}
span.nobr {
   white-space : nowrap;
   /* etc. */
}

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

div#container {height: 100%;}
div#content {height: 100%; margin-left: 15em; padding: 20px}
div#menu {position: absolute; top: 0; left:0; height: 100%; width: 14em;margin:0; padding-left: 0;
	padding-right: 15px;
	color: #A5261F;
	font-weight: bold; 
	font-size: 1.1em; 
	text-align: center;
	}
div#banner	{
	color: #A5261F;
	font-weight: bold; 
	font-size: 1.3em; 
	text-align: center;
	margin-top:0px
	}	

a:link {
	color: #666699;
	background-color: transparent;}

a:visited {
	color: #666699;
	background-color: transparent; }

a:hover {
	color: #A5261F;
	background-color: transparent;}
	
/* Maandelijkse agendapunten: */
div.item {border: 1px solid #CCC; margin-top: 1em; padding: 10px;}
div.item div {border: 1px solid #CCC; margin-top: 1em; padding-left: 10px; overflow: auto;}
div.item h3 {font-weight: normal; text-transform: uppercase; font-size: .9em;}

p.datum	{text-transform: uppercase}
p.reserveren, p.leesverder {font-weight: bold; text-transform: uppercase}

/*Images met bijschrift */
table.image {float:right; margin-right: 10px; margin-left: 10px; width: 170px; margin-top: 20px; border: 1px solid #BBB}
td.img {height: 230px; text-align: center; vertical-align:middle}
td.caption {height: 1em; vertical-align: top; text-align: center; font-style: italic}