/* html */

	* {
		margin: 0;
		padding: 0;
	}
	
	html {
		font-family: Verdana, sans-serif;
		font-size: 12px;
	}
	
	body {
		position: absolute;
		min-height: 408px;
		height: 100%;
		width: 100%;
		font-size: 100%;
		color: #f5f5f5;
		background-color: #770000;
	}
	
	h1, h2, h3 {
		font-family: "Lucida Sans Unicode","Lucida Grande", sans-serif;
		font-weight: normal;
		line-height: 130%;
	}
	
	h1 { font-size: 24pt; }
	h2 { font-size: 18pt; }
	h3 { font-size: 12pt; }
	
	p {
		font-family: Verdana, sans-serif;
		font-size: 100%;
		line-height: 140%;
		margin-bottom: 12px;
	}
	
	td {
		font-family: Verdana, sans-serif;
		font-size: 9pt;
	}
	
	ul {
		font-family: Verdana, sans-serif;
		font-size: 9pt;
		list-style: none;
	}
	
	a { text-decoration: none; }
		a:link { color:#808080; }
		a:visited { color:#808080; }
		a:hover { color: #cc9933; }
		a:active { color: #770000; }
		a.selected { color:#770000; }
	
	img { border:none; }
	
	
	
/* CLASSES */

	.italic { font-style:italic; }
	.bold { font-weight:bold; }
	.big { font-size: 12pt; margin-bottom: 12pt; }
	.small { font-size: 9pt; margin-bottom: 9pt; }
	.orange { color:#ee9933; }
	.light-orange { color:#ffbb55; }
	.red { color: #770000; }
	.gray { color: #808080; }
	.yellow { color: #cc9933;}
	
	.clear-both { clear: both; }
	.align-right { text-align: right; }
	.align-left { text-align: left; }
	.no-margin { margin: 0; }
	
	.float-right-20 { float:right; margin-left:20px; }
	.float-left-20 { float:left; margin-right:20px; }

	
/* MENU */
		
	#menu {
        margin-left: 10px;
		float: left;
		background-color: #f5f5f5;
		width: 120px; /* 140px with padding */
		height: 387px; /* 408px with padding */
		padding: 10px 10px 10px 10px;
		overflow: hidden;
	}
	
	#menu a { display:block; width: 120px; }
	#menu ul { list-style:disc; margin-left: 18px; padding: 0; }
	
	
	
/* PAGINATION */
	
	#page-1,
	#page-2,
	#page-3,
	#page-4,
	#page-5,
	#ceintuurbaan,
	#prinsengracht { padding-top: 50px; height: 358px; display: none; }
	.h-intro { margin-top: -16px; margin-bottom: 0; color: #696969; font-style: italic; }
	
	.pagination { /* text-align: right; */ }
	p.pagination a { font-size: 11pt; font-weight: bold; }
	#content a.highlighted:link,
	#content a.highlighted:visited,
	#content a.highlighted:hover,
	#content a.highlighted:active  { color:#990000; }
	p.pagination-small a { font-size: 8pt; font-weight: bold; }
	
	
/* page */

	/* http://d-graff.de/fricca/center.html (Center div vertically) */
	#distance { 
		width: 1px;
		height: 50%;
		background-color: transparent;
		margin-bottom: -215px; /* half of container's height */
		float: left;
		}

	#wrapper {		
		position: relative;
		width: 938px;
		height: 408px;
		margin: auto;
		clear: left;
	}

	#footer { font-size: 7pt; padding: 5px 0; margin: -24px 0 0 175px; }


/* CONTENT */

	#content {
		width: 738px; /* 788px with padding */
		height: 408px; /* 408px with padding */
		margin: 0 0 0 140px;
		padding: 0 25px 0 25px;
		overflow: auto;
		background-color: transparent;
		overflow: hidden;
	}
	
	#content a:link,
	#content a:visited { color : #cc9933; }
	#content a:hover { color : #f5f5f5; }
	#content a:active { color : #770000; }
	#content table { border-collapse:collapse; margin-top: 10px; }
	#content td.align-left { text-align:left; }
	
	
/* class schedule */
	
	.superscript {
		position: relative;
		font-size: 8px;
		vertical-align: text-top;
		line-height: 100%;
		}

	.table-footer {
		text-align: right;
		font-size: 8pt;
		width: 680px;
		margin-top: 6px;
		}	
	
	#content.schedule td {
		font-size: 8pt;
		width: 80px;
		text-align: center;
		line-height: 150%;
		padding: 0 0 2px 5px;
		position: relative;
		z-index: 100;
	}	

	.borders-schedule {
		background-color: #999;
		opacity: .30;
		width: 85px;
		height: 16px;
		position: relative;
		margin-top: -16px;
		margin-left: -5px;
		position: relative;
		z-index: 1;
	}	
	
	.schedule-sub {
		text-align: right;
		width: 680px;
		margin: 12pt 0 6pt 0;
		}
		
	p.schedule-sub a { font-size: 9pt; }
		
	.border-text { position: relative; z-index: 100; }
	
/* CLASS RATES */
	
	#content.rates td {
		width: 170px;
		padding: 0 0 2px 5px;
		font-size: 8pt;
		line-height: 150%;
		position: relative;
		z-index: 100;
	}
	
	.borders-rates {
		background-color: #999;
		opacity: .30;
		width: 175px;
		height: 16px;
		margin-top: -16px;
		margin-left: -5px;
		position: relative;
		z-index: 1;
	}

	
/* backgrounds */

	.backvoet,
	.backbil,
	.backknieen,
	.backhiel,
	.backbend,
	.backvhoofd,
	.backvoethand {
		background-position: right top;
		background-repeat: repeat-x;
	}
	
	.backvoet {
		background-image:url(/images/backvoet.jpg);
	}
	
	.backbil {
		background-image: url(/images/backbil.jpg);
	}
	
	.backknieen {
		background-image:url(/images/backknieen.jpg);
	}
	
	.backhiel {
		background-image:url(/images/backhiel.jpg);
	}
		
	.backbend {
		background-image:url(/images/backbend.jpg);
	}
	
	.backvhoofd {
		background-image:url(/images/backvhoofd.jpg);
	}
	
	.backvoethand {
		background-image:url(/images/backvoethand.jpg);
	}