@import url(/include/css/editor.php);

html,body {
	height: 100%;
}

body {
	background: #D6E0E4 url('/image/background-transparent.png') repeat-y center top;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	}
h1 {
	color: #FF7314;
	margin: 16px 0;
	text-transform: uppercase;
	font-weight: normal;
}
h2, h2 a {
	margin: 0;
	text-decoration: none;
	color: #FF7314;
}
a {
	color: #FF7314;
	text-decoration: underline;
}
#page {
	position: relative;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	
	background: url('/image/background-gradient.jpg') repeat-x center top;
}

#header {
	height: 213px;
	background: url('/image/background-transparent.png') repeat-y center top;
	}

	#header #logo {
		padding: 28px 0 0 25px;
	}
	
	#header #signup {
		position: absolute;
		right: 28px;
		top: 43px;
	}
	
.container {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#wrapper {
	clear: both;
	padding-bottom: 80px;
}
#navigation {
	float: left;
	width: 194px;
}
#content {
	float: left;
	width: 496px;
	background: url('/image/dashed.png') repeat-x;
	min-height: 1px;
	color: #3D3D3D;
	}
	#content p {
		line-height: 1.6em;
	}
#sidebar {
	float: left;
	width: 203px;
	margin-left: 33px;
	background: url('/image/dashed.png') repeat-x;
	min-height: 1px;
	}
.push {
	clear: both;
}

#footer {
	height: 62px;
	width: 100%;
	bottom: 0;
	position: absolute;
	line-height: 58px;
	}
	#footer .container {
		
	}
	#footer .container .content {
		margin: 0 33px;
		background: url('/image/dashed.png') repeat-x;
	}
#footer p.left {
	float: left;
}
#footer p.right {
	float: right;
}
#footer a {
	}
	

#navigation {
	background: url('/image/menu-bg.jpg') repeat-y;
}

#navigation #nav {
	background: url('/image/menu-top.jpg') no-repeat;	
	margin: 0;
	padding: 20px 0 10px 0;
	font-size: 13px;
	list-style: none;
}
	#navigation #nav li {
		line-height: 40px;
		width: 156px;
		background: url('/image/menu-arrow.png') no-repeat 5px center;
		margin-left: 2px;
	}
	/*	#navigation #nav li:hover, #navigation #nav li.active:hover {
			background-color: #FBB962;
		}*/
		#navigation #nav li .active {
			list-style-image: url('/image/menu-arrow-active.png');
		}
		#navigation #nav a {
			text-decoration: none;
			text-transform: uppercase;
			font-weight: bold;
			display: block;
			padding-left: 23px;
			color: #ffffff;
			background: url('/image/menu-dashes.png') repeat-x;
		}
		#navigation #nav li.first a {
			background-image: none;
		}
		
		#navigation #nav li.active {
			background: url('/image/menu-arrow-active.png') no-repeat 5px center;
		}
			#navigation #nav li.active a {
				color: #873802;
			}

#navigation .bottom {
	background: url('/image/menu-bottom.jpg') no-repeat;
	height: 27px;
}

.sidebar-searchfield {
	margin: 19px 0 19px 1px;
}
	.searchfield .left {
		width: 12px;
		height: 26px;
		background: url('/image/search-leftside.png') no-repeat;
		float: left;
	}
	
	.searchfield .middle {
		width: 125px;
		height: 26px;
		background: url('/image/search-bg.png') repeat-x;
		float: left;
	}
		.searchfield .middle input {
			width: 100%;
			margin: 4px 0 0 0;
			padding: 0;
			background-color: transparent;
			border: 0;
			height: 18px;
			line-height: 18px;
		}
	
	.searchfield .right {
		height: 26px;
		float: left;
	}
	
	.searchfield input[type=submit] {
		background: url('/image/search-submit.png') no-repeat;
		border: 0;
		width: 63px;
		height: 26px;
		cursor: pointer;
		outline: 0;
	}
.uppercase {
	text-transform: uppercase;
}
	#sidebar .uppercase {
		width: 216px;
		font-size: 11px;
	}
.arrow-link {
	text-align: right;
}
	.arrow-link a {
		color: #FF7314;
		text-transform: uppercase;
		text-decoration: none;
	}
#sponsoren {
	border: 1px solid #C3C3C3;
	width: 201px;
	height: 120px;
	position: relative;
	margin: 10px 0 5px 0;
}
#sponsoren .slide {
	display: inline-block;
}
	#sponsoren a {
		display: block;
		position: relative;
	}

.tabnav {
	height: 50px;
	clear: both;
	font-size: 13px;
}
	.tabnav div {
		float: left;
		height: 31px;
		line-height: 31px;
		text-align: center;
		text-transform: uppercase;		
	}
	.tabnav a {
		text-decoration: none;
	}
	.tabnav .inactive {
		background: url('/image/tab-line.png') repeat-x 0 30px;
	}
	.tabnav .inactive a {
		color: #FF7314;
	}
	.tabnav .active {
		background: url('/image/tab-line.png') repeat-x;
		font-weight: bold;
	}
	.tabnav .active a {
		color: #444444;
	}
	.tabnav .active.shadowright {
		background: url('/image/tab-active-right.png') no-repeat right top;
	}
	.tabnav .active.shadowleft {
		background: url('/image/tab-active-left.png') no-repeat left top;
	}
	.tabnav .separate {
		background: url('/image/tab-line.png') repeat-y;
		width: 1px;
	}
	.tabnav .alle-leden {
		width: 125px;
	}
	.tabnav .prominente-leden {
		width: 195px;
	}
	.tabnav .hoofdsponsors {
		width: 176px;	
	}

h2.bg-orange {
	text-transform: uppercase;
	font-size: 11px;
	margin: 0;
	color: #ffffff;
	background: #FF7415 url('/image/gradient-orange.jpg') repeat-x;
	font-weight: bold;
	padding: 0 5px;
}

p.letters {
	text-align: center;
	margin: 5px 0 15px 0;
	font-family: Arial, sans-serif;
}
	p.letters a {
		text-decoration: none;
		color: #FF7314;
	}
	p.letters a.active {
		text-decoration: underline;
		color: #444444;
		font-weight: bold;
	}
	
.ledensearch {
	background: #D0D8DC url('/image/gradient-lightblue.png') repeat-x;
	padding: 7px;
	margin-bottom: 30px;
}
	.ledensearch .middle {
		width: 200px;
	}
	
.ledenoverview-description {
	clear: both;
}
	.ledenoverview-description img {
		float: right;
		margin: 0 0 10px 10px;
		max-width: 120px;
		max-height: 90px;
		width: expression(this.width > 400 ? "400px" : true);
		height: expression(this.height > 400 ? "400px" : true);
	}
	.ledenoverview-description span {
		color: #53646B;
	}
	.ledenoverview-description a {
		text-decoration: none;
	}
.paging {
	text-align: center;
	margin: 20px 0;
}
	.paging .disabled {
		color: #BEBEBE;
	}
	.paging .active {
		text-decoration: underline;
		color: #444444;
		font-weight: bold;
	}
	.paging a {
		text-decoration: none;
	}
.lid {
	padding: 10px 0;
	margin: 10px 0;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	position: relative;
}
.lid.ref {
	cursor: pointer;
}
	.lid.ref:hover {
		border-bottom: 1px solid #eaeaea;
		border-top: 1px solid #eaeaea;
		background: url('/image/light-gradient.png') repeat-y;
	}
	.lid .fill {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.lid .moreinfo {
		display: inline-block;
		height: 18px;
		font-size: 11px;
		line-height: 18px;
		padding-right: 8px;
		text-decoration: none;
		margin-top: 5px;
	}
	.lid .moreinfo.gold {
		background: url('/image/button-gold-arrow.png') no-repeat right center;
	}
	.lid .moreinfo.gray {
		background: url('/image/button-gray-arrow.png') no-repeat right center;
	}
		.lid .moreinfo span {
			padding: 0 5px;
			height: 18px;
			line-height: 18px;
			display: inline-block;
			color: #ffffff;
			font-weight: bold;
		}
		.lid .moreinfo.gold span {
			background: url('/image/button-gold-bg.png') repeat-x;
		}
		.lid .moreinfo.gray span {
			background: url('/image/button-gray-bg.png') repeat-x;
		}
		
h2.overzicht {
	text-transform: uppercase;
	margin-top: 30px;
}
	h2.overzicht img {
		float: left;
	}
	h2.overzicht span {
		line-height: 28px;
		margin: 0 5px;
		font-size: 14px;
	}
#liddetail {
	
}
	#liddetail .logo {
		text-align: right;
	}
	#liddetail h2 {
		color: #53646B;
	}
	#liddetail .foto {
		margin: 15px 0;
	}
	#liddetail ul.gegevens {
		margin: 30px 0 30px 23px;
		list-style-image: url('/image/li-arrow.png');
	}
	#liddetail ul.gegevens span {
		color: #53646B;
	}
	
table.agenda {
	width: 100%;
	font-weight: bold;
	padding-bottom: 15px;
	font-size: 11px;
}
	table.agenda thead {
		background: #FF7415 url('/image/gradient-orange.jpg') repeat-x;
	}
		table.agenda thead tr td {
			padding: 5px 8px;
			color: #ffffff;
			font-weight: bold;
			text-transform: uppercase;
		}
	table.agenda tbody {
		background: #CDD7DB url('/image/agenda-tbody-bg.jpg') repeat-x;
	}
		table.agenda tbody tr td {
			border-bottom: 1px solid #B2C5CD;
			border-top: 1px solid #FFFFFF;
			padding: 10px 8px;
			font-weight: bold;
			color: #53646B;
			text-transform: uppercase;
		}
		table.agenda tbody tr.first td {
			border-top: 0 !important;
		}
		table.agenda tbody tr.last td {
			border-bottom: 0 !important;
		}
	table.agenda a {
		color: #53646B;
	}
#agendapunt {
	
}
	#agendapunt .logo {
		text-align: right;
	}
	#agendapunt h2 {
		color: #53646B;
	}
	#agendapunt .foto {
		margin: 15px 0;
	}
	#agendapunt ul.gegevens {
		margin: 30px 0 30px 23px;
		list-style-image: url('/image/li-arrow.png');
	}
	#agendapunt ul.gegevens span {
		color: #53646B;
	}
	
.contactform table {
	width: 100%;
}
	.contactform input[type=text], .contactform textarea {
		width: 90%;
		font-size: 12px;
	}
	.contactform label {
		color: #53646B;
	}
	.contactform td {
		padding: 2px 0;
	}
	
#nieuws {

}
	#nieuws .nieuwsitem {
		margin-bottom: 15px;
		padding-bottom: 10px;
		background: url('/image/dotted.png') repeat-x left bottom;
		text-align: justify;
	}
	#nieuws .right {
		text-align: right;
		margin: 0 10px;
	}
	#nieuwsdetail h2 {
		margin-bottom: 20px;
		color: #53646B;
	}
	#nieuwsdetail h5 {
		color: #FF7314;
		font-size: 12px;
		font-weight: bold;
	}
	
.search_highlight {
	font-weight: bold;
}
.searchresult-item {
	margin-bottom: 15px;
	background: url('/image/dotted.png') repeat-x left bottom;
	padding-bottom: 10px;
}

.links-column {
	float: left;
	width: 50%;
}
	.links-column ul {
		list-style-image: url("/image/li-arrow-small.png");
		margin: 0 0 0 12px;
		line-height: 2em;
	}