@charset "utf-8";
/* CSS Document */

/* ------------- "generic" styles */
body {	margin: 0;
	padding: 0;
	background: #ccc;
	color: #333;
	font: small "Arial", Lucida Grande, sans-serif;}

a {	text-decoration: none;}


a img {	border: 0;}

p {	margin: 0 0 1em;}

/* container styles */

#container {
	width: 1024px;
	background-color:#ccc;
	margin: auto;
	margin-top: 25px;
	}

/* header styles*/

#header {
	margin: 0;
	height: 192px;}
	
#banner {
	background-image:url(../images/header.png);
	height: 155px;
	width: 1024px;}
	
#navlinks {	margin: 0; 
		border-left: 2px solid #333333;
		border-right: 2px solid #333333;
		padding: 0.8em 3em;
		background: #666;
		color: #FFF;}

#navlinks li {	display: inline;
		margin-right: 0.5em;
		padding-right: 0.75em;
		border-right: 1px solid #333333;
		font-weight: bold;}

#navlinks li.last {border-right: 0;}

#navlinks a {color: #fff;}
	

/* middle styles */

#middle {
background-color:#ccc;
	border-left: 2px solid #333333;
	border-right: 2px solid #333333;
	padding-top: 25px;
	width: 1020px;
	margin: auto;
	margin-bottom: 25px;}
	
		
/* linken */

h3{
	font-family:"Arial", Times, serif;
	color:#fff;
	margin: auto;
}

/* sidebar navigatie */

#navigatie {	float: left;
		width: 17em;
		margin: 0 4em 4em 0;}


#navigatie form, #navigatie div h3 {
background: #999;}

#navigatie form {	margin: 0; 
		padding: 0.8em;}

#navigatie form .text {width: 9em;}

#navigatie div {	background: #666; 
		color: #FFF;
		padding: 0 1em 1em;
		margin-top: 0.75em;}

#navigatie div h3 {	font-size: 1.25em;
			margin: 0.5em -0.8em;
			padding: 0.75em 0.8em;}

#nav1 h4, #nav2 h4, #nav3 h4 {	margin: 0 0 0.1em;
			padding: 0.2em 0;	
			border-bottom: 1px solid #FFF;
			font-weight: normal;}

#nav1 h4 a, #nav2 h4 a, #nav3 h4 a {	color: #fff;
			text-decoration: none;}

/* content styles */

#content {	float: left;
	width: 650px;
	margin: 10px 35px 40px 20px;}

#content h1 {	margin: 0 33% 1.25em -2em;
		padding: 0.5em 2em;
		background: #FFF; 
		color: #666;	
		font-size: 1.5em;}

#content h1 b {	color: #666;}

#content h2 {	margin: 0.5em 0; 
		padding-bottom: 0.25em;
		border-bottom: 1px solid #000;
		font-size: 1.5em;}

#content h4 {	margin: 3em 0 1em; 
		padding-bottom: 0.25em;
		font-size: 1em;}

#content img.illus {	float: left;
			margin: 1em 1em 1em 0;}
			
#content a {
	text-decoration: underline;
	color:#333333;}

/* ------------- ritten */


#ritten table {	
			width: 550px;
			margin: 0 0;}

#ritten td {	padding: 0.3em 1em 0.3em 1em;	;
			background: #999; 
			color: #fff;}


#ritten th {	padding: 1em 2.5em 1em 2.5em;	;
			background: #fff; 
			color: #222;}

#ritten table a {	display: block;
			font-weight: bold;	
			color: #FFF;}

#ritten table a:hover {background: #ABD240;}
			
/* ------------- Galerij */

#galerij table {
width: 650px;	
margin: 10px 35px 40px 0;}

#galerij td {	padding: 1em 6em 1em 1em;
		background: #999; 
		color: #fff;}


#galerij th {	padding: 1em 3em 1em 3em;
			background: #fff; 
			color: #222;}

#galerij table a {	display: block;
			font-weight: bold;	
			color: #FFF;}

/* ------------- ledenlijst */

#ledenlijst table {	margin: 0 0;
	width: 400px;}

#ledenlijst td {	padding: 0 7em 0 1em;
			background: #999; 
			color: #fff;}

#ledenlijst th {	padding: 1em 4em 1em 3em;
			background: #fff; 
			color: #222;}

#ledenlijst table a {	display: block;
			font-weight: bold;	
			color: #FFF;}

#ledenlijst table a:hover {background: #ABD240;}




#ledenlijstduo table {	margin: 0 0;
		width: 400px;}

#ledenlijstduo td {	padding: 0 7.1em 0 1em;	;
			background: #999; 
			color: #fff;}


#ledenlijstduo th {	padding: 1em 4em 1em 3em;	;
			background: #fff; 
			color: #222;}

#ledenlijstduo table a {	display: block;
			font-weight: bold;	
			color: #FFF;}

#ledenlijstduo table a:hover {background: #ABD240;}


#ledenlijststeun table {	margin: 0 0;
				width: 400px;}

#ledenlijststeun td {	padding: 0 7.1em 0 1em;	;
			background: #999; 
			color: #fff;}


#ledenlijststeun th {	padding: 1em 4em 1em 3em;	;
			background: #fff; 
			color: #222;}

#ledenlijststeun table a {	display: block;
			font-weight: bold;	
			color: #FFF;}

#ledenlijststeun table a:hover {background: #ABD240;}

/* ------------- Klassement */

#klassement table {	margin: 0 0;
			width: 550px;}

#klassement td {	padding: 0 7em 0 1em;
			background: #999; 
			color: #fff;}


#klassement th {	padding: 1em 4em 1em 3em;
			background: #fff; 
			color: #222;}

#klassement table a {	display: block;
			font-weight: bold;	
			color: #FFF;}

#klassement table a:hover {background: #ABD240;}


#klassementduo table {	margin: 0 0;
			width: 550px;}

#klassementduo td {	padding: 0 7.1em 0 1em;	;
			background: #999; 
			color: #fff;}


#klassementduo th {	padding: 1em 4em 1em 3em;	;
			background: #fff; 
			color: #222;}

#klassementduo table a {	display: block;
			font-weight: bold;	
			color: #FFF;}

#klassementduo table a:hover {background: #ABD240;}

/* footer */
			
#footer {
	clear: both;
	background-image:url(images/banner.html);
	background-repeat:no-repeat;
	border-top: #333333 1px double;
	margin: auto;
	width: 980px;
	height: 30px;}
	
#footer p {
	text-align:center;
	margin-top: 5px;
	color: #666666;
	font-size:10px;
	font-style:italic;}
	
#footer a {
	text-decoration: none;
	color: #333333;}