* {margin:0; padding:0; outline:0}


/* -------------------------------------- */
/* CSS - Tegenstanders */
/* -------------------------------------- */

/* 	Deze CSS maakt deels gebruik van de 
	standaard-css (default.css). */


/* -------------------------------------- */
/* BODY */
/* -------------------------------------- */


body {
	font-family: Arial, Helvetica, sans-serif;		/* Basislettertype op site */
    font-size: 8pt;                            		/* Grootte van tekst buiten de <p> classes */
	color: #000000;									/* Kleur basislettertype */
}


/* -------------------------------------- */
/* TEGENSTANDERS (= CONTAINER/WRAPPER)  */
/* -------------------------------------- */

#tegenstanders {
	margin-left: auto;							/* Plaatst de container gecentreerd in beeld */
	margin-right: auto;							/* Plaatst de container gecentreerd in beeld */
	margin-top: 10px;
	width: 515px;
}



/* -------------------------------------- */
/* ZOEKFUNCTIE */
/* -------------------------------------- */

#zoekfunctie {							
	float:center;
	width: 500px; 
	margin-left: 50px;							
	margin-top: 20px;	
	padding:6px;  
}

#zoekfunctie select {
	float:left; 
	font-size:12px; 
	width:125px; 
	padding:2px 4px 4px;
}

#zoekfunctie input {
	float:left; 
	font-size:12px; 
	width:225px; 
	padding:2px 4px 4px; 
	margin-left:4px
}



/* -------------------------------------- */
/* RECORD WEERGAVE/AANTALLEN */
/* -------------------------------------- */

#records {						
	float:center;
	width: 515px;
	margin-bottom: 30px; 
	margin-left: 50px;									
	height: 50px;
}

#results {
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	width: 220px;

}

#display {
	float: left;
	margin-left: 10px;
	margin-top: 5px;
}

/* -------------------------------------- */
/* GEGEVENSTABEL */
/* -------------------------------------- */


#table {
	float: center;
	width: 515px;
}

.recordtabel th {									/* Tabelheader - Rij met selectiekeuzes */
	height: 35px;
	background:url(images/header-bg.gif); 
	text-align:left; 
	color:#ffffff;  
}

.recordtabel th h3 {								/* Tabelheader - Tekstopmaak */
	padding-left: 5px;
	font-size:10pt;
	font-weight: bold;
}



/* -------------------------------------- */
/* POSITIONERING IMAGES */
/* -------------------------------------- */

.recordtabel .head h3 {								/*	Twee driehoekjes in tabelheader */
	background:url(images/sort.gif) 7px center no-repeat; 
	cursor:pointer; padding-left:18px;
}

.recordtabel .desc, .sortable .asc {				/* Selectie weergave in tabelheader */
	background:url(images/header-selected-bg.gif);
}

.recordtabel .desc h3,								/* Driehoekje naar beneden - Aflopend sorteren */
.recordtabel .asc h3 {								/* Driehoekje naar boven - Oplopend sorteren */
	cursor:pointer; 
	padding-left:18px;
}

.recordtabel .desc h3 {								/* Driehoekje naar beneden - Aflopend sorteren */
	background:url(images/desc.gif) 7px center no-repeat;
}

.recordtabel .asc h3 {								/* Driehoekje naar boven - Oplopend sorteren */
	background:url(images/asc.gif) 7px  center no-repeat; 
}
	
	
	
/* -------------------------------------- */
/* TABELKLEUREN */
/* -------------------------------------- */	

.recordtabel .head:hover, 
.recordtabel .desc:hover, 
.recordtabel .asc:hover {
	color:#FFFFFF; 									/* Tabelheader - Tekstkleur bij mouse-over */
}

.recordtabel .evenrow td,
.recordtabel td.evenselected {
	background:#e1e1e1;								/* Lichtgrijs - Horizontale scheidingslijnen bij programma */
}

.recordtabel .oddrow td,
.recordtabel td.oddselected {	
	background:#ffffff;								/* Wit */
}

#selectedrow td {
	background:#c5c5c5;								/* Grijs - Gelijk aan de bottom-borders van de cel */
}



/* -------------------------------------- */
/* INDIVIDUELE CELOPMAAK */
/* -------------------------------------- */

#vereniging,
#plaats,
#tenue,
#adres {
	padding: 5px;
	border-bottom: 1px #c5c5c5 solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 30px;
}

#vereniging {
	width: 150px;
	text-align: left;
}

#plaats {
	width: 115px;
	text-align: left;
}

#tenue {
	width: 50px;
	text-align: center;
}

#adres {
	width: 200px;
	text-align: left;
}

/* -------------------------------------- */
/* FOOTER - ALLES OMLSUITENDE DIV */
/* -------------------------------------- */


#tablefooter {
	width: 500px;									/* Gelijk aan breedte gegevenstabel */
	height:75px; 
	margin-top:15px;
}



/* -------------------------------------- */
/* FOOTER - NAVIGATIE/BLADEREN */
/* -------------------------------------- */

#tablenav {											
	float:left;
	margin-bottom: 25px;
	margin-left: 50px;								
	margin-top: 5px;
	width: 100%;
}

#tablenav img {
	cursor:pointer;
}

#tablenav div {
	float:left; 
	margin-right:15px;								/* #tablelocation select is hieraan gelijk */
}


/* -------------------------------------- */
/* FOOTER - SELECTIE RECORDS/PAGINA */
/* -------------------------------------- */

#tablelocation {									
	float:left;
	margin-left: 50px;								
	font-size: 10pt;
}

#tablelocation select {								/* Dropdown aantal records/pagina */
	margin-left: 70px;								/* Margin-left van #tablelocation +30px */
	margin-right:10px;								/* Gelijk aan #tablenav div */
}

#tablelocation div {
	float:left; 
	margin-left:15px;
}

.page {
	margin-top:5px; 
}