@CHARSET "ISO-8859-1";

div.content {
	margin-left: 214px;
	padding: 12px;
}

div.breadcrumbs {
	font-size: 12px;
	padding-bottom: 8px;	
}

.member-info-form {
	border-collapse: collapse;	
}

/* Timeline */
div.timeline, div.timeline-odd {
	margin-bottom: 10px;
}

	div.timeline div.year, div.timeline-odd div.year{
		font-size: 30px;
		color: #FFF;
		background: #CC3333;
		padding: 0px;
		float: left;
	}
	
	div.timeline h4,div.timeline-odd h4 {
		margin: 0px;
		padding: 0px;
		font-size: 14px;
		color: #CC3333;
		text-decoration: underline;
		padding-bottom: 10px;
	}
	
	div.timeline div.text,div.timeline-odd div.text {
		background: #E0DFDF;
		margin-left: 68px;
		padding: 10px;
	}
	
	div.timeline-odd div.text {
		background: #F2F2F2;
	}
	
	
	div.year-selector {
		height: 32px;
		padding-left: 68px;
	}
	
	div.year-selector ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		
	}
	
		div.year-selector ul li {
			display: inline;
		}
		
			div.year-selector ul li a {
				background: #E0DFDF;
				float: left;
				padding: 2px;
				color: #000;
				text-decoration: none;
				font-size: 14px;
				font-weight: bold;
			}
			
				div.year-selector ul li.selected a,div.year-selector ul li a:hover {
					background: #CC3333;
					color: #FFF;
				}
	

div.two-column {
	background: url(/interface/2-column-background.gif) left repeat-y;
}

	div.two-column div.menu-left {
		float: left;
		width: 203px;
		padding: 5px;
		padding-top: 12px;
		padding-left: 0px;
	}
	
div.three-column {
	background: url(/interface/3-column-background.gif) left repeat-y;
}

div.guestbook {
	height: 655px;
	overflow-y: scroll;	
}

	div.guestbook div.item {
		padding: 6px;
		background: #f2f2f2;
		margin-bottom: 6px;
		margin-right: 6px;
		font-size: 11px;
		color: #545454;
	}
	
		div.guestbook div.item img {
			float: left;
			border: 0px;
			margin-right: 8px;
		}
		
		div.guestbook div.item .phototext {
			margin-left: 40px;
		}
	
	div.guestbook .addbutton {
		margin-bottom: 6px;
	}
	
	div.guestbook div.item-odd {
		padding: 6px;
		background: #e0dfdf;
		margin-bottom: 6px;
		margin-right: 6px;
		font-size: 11px;
		color: #2a2a2a;
	}
	
		div.guestbook div.item-odd img {
			float: right;
		}
		
		div.guestbook div.item-odd .phototext {
			margin-right: 40px;
		}
	
	div.guestbook div.poster {
		color: #cc3333;
		font-size: 11px;
	}
	
div.bva-90-jaar-buttons {
	padding-top: 20px;
	clear: left;
}

	div.bva-90-jaar-buttons img {
		margin-right: 17px;
		border: 0px;
	}
	
	div.bva-90-jaar-buttons img.last {
		margin: 0px;
	}

div.bva-90-jaar {
	background: url(/interface/90-jaar-background.gif) left repeat-y;
}

	div.bva-90-jaar table {
		width: 600px;
	}
	
		div.bva-90-jaar table td {
			width: auto;
			padding: 3px;
			padding-left: 0px;
		}	

	div.three-column div.menu-left {
		float: left;
		width: 203px;
		padding: 5px;
		padding-top: 34px;
		padding-left: 0px;
	}
	
	div.three-column div.menu-right ,div.bva-90-jaar div.menu-right{
		float: right;
		width: 203px;
		padding: 5px;
		padding-top: 34px;
		padding-right: 0px;
	
	}
	
	div.three-column div.content,div.bva-90-jaar div.content {
		margin-left: 214px;
		margin-right: 214px;
		padding: 12px;
	}
	
	div.bva-90-jaar div.content-90jaar {
		margin-left: 0px;
		padding: 12px;
		margin-right: 214px;
		padding-left: 0px;
		
	}
		/* IE 7 fix voor vage witte box */
		*:first-child+html div.bva-90-jaar div.content-90jaar{
			overflow: hidden;
		}
	
	div.two-column .member-info-form  {
		width: 522px;
		/*margin-top: 15px;*/
	}	
		
	div.three-column .member-info-form  {
		width: 500px;
	}
	
/**
 * Poll tabel
 */
div.menu-right table.poll,div.menu-left table.poll{
	border-collapse: collapse;		
	width: 0px;	
	padding-top: 10px;
}

	div.menu-right table.poll td,div.menu-left table.poll td {
		padding: 2px;
		text-align: left;
	}
	
	
/**
 * Text box
 */
div.menu-box {
	border: 1px solid #cacaca;
	padding: 3px;	
	padding-top: 0px;	
	font-size: 12px;
	margin-bottom: 12px;
}
	
	div.menu-box div.title {
		background: url(/interface/text-box/title-background.gif) repeat-x;
		padding-left: 11px;
		background-position: 0px 3px;
		padding-bottom: 2px;
	} 
	
		body.bright div.menu-box div.title {
			background: url(/interface/text-box/title-background-bright.gif) repeat-x;
			background-position: 0px 2px;
		}

	div.menu-box h3 {
		margin: 0px;
		padding: 0px;
		font-size: 12px;
		background: #FFF;
		display: inline;
		padding-left: 8px;
		padding-right: 8px;
	}

/**
 * Content box
 */
div.content-box {
	padding-top: 0px;	
	font-size: 12px;
	margin-bottom: 12px;
}
	
	div.content-box div.title {
		background: url(/interface/text-box/title-background.gif) repeat-x;
		padding-left: 11px;
		background-position: 0px 3px;
		padding-bottom: 8px;
	} 
	
		body.bright div.content-box div.title {
			background: url(/interface/text-box/title-background-bright.gif) repeat-x;
			background-position: 0px 2px;
		}

	div.content-box h3 {
		margin: 0px;
		padding: 0px;
		font-size: 12px;
		background: #FFF;
		display: inline;
		padding-left: 8px;
		padding-right: 8px;
	}
	
	div.content-box h4 {
		margin: 0px;
		font-size: 12px;
	}
	
	.news-list {
		border-collapse: collapse;
		width: 100%;
	}
	
		.news-list td {
			width: 95%;
		}
	
		.news-list td.image {
			width: 80px;
		}
		
			.news-list td.image img {
				padding-right: 8px;
			}
	
div.three-column table.downloads-orders {
	width: 498px;
	border-collapse: collapse;	
}

div.two-column table.downloads-orders {
	width: 712px;
	border-collapse: collapse;	
}
	table.downloads-orders a {
		color: #000;
	}

	table.downloads-orders th {
		width: 75%;
		font-weight: normal;
	}
	
	table.downloads-orders td {
		text-align: right;
		width: 25%;
	}
	
	table.downloads-orders th.subdownload {
		color: #555;
		font-size: 9px;
		padding-left: 10px;
	}
	
		table.downloads-orders th.subdownload a {
			color: #555;
		}

div.reactiefooter {
color: #cc3333;
float: left;
}

