/*
Apache Auto-Index Style Sheet : https://httpd.apache.org/docs/2.4/en/mod/mod_autoindex.html#IndexStyleSheet
*/
 
/*
The entire table is given a CSS id of indexlist

Class																				Definition
tr.indexhead																Header row of listing
th.indexcolicon and td.indexcolicon					Icon column
th.indexcolname and td.indexcolname					File name column
th.indexcollastmod and td.indexcollastmod		Last modified column
th.indexcolsize and td.indexcolsize					File size column
th.indexcoldesc and td.indexcoldesc					Description column
tr.breakrow																	Horizontal rule at the bottom of the table
tr.odd and tr.even													Alternating even and odd rows
*/

/* Eerste kolom */
th.indexcolicon {
	/*column-width: 5%*/
	/*background-image: url("../afbeeldingen/arrowright.gif");*/
	background-color: PowderBlue;
	text-align: left;
}

td.indexcolicon {
	/*width: 5%*/
	/*background-image: url("../afbeeldingen/arrowright.gif");*/
	/*background-color: PowderBlue;*/
}

/* Eerste rij */
tr.indexhead {
	background-color: PowderBlue;
}

/* Name column */ 
th.indexcolname {
	/*column-width: 55%*/
  text-align: left;
}

td.indexcolname {
	/*width: 55%*/
  padding-right: 1em;
  vertical-align: top;
  /*background-color: white;*/
}

/* Last Modified column */ 
th.indexcollastmod {
	/*column-width: 15%*/
  text-align: left;
}

td.indexcollastmod {
	/*width: 15%*/
  align: left;
  vertical-align: top;
  /*background-color: white;*/
}

/* Size column */
th.indexcolsize {
	/*column-width: 10%*/
  /*padding-left: 3em;*/
  align: left;
  text-align: left;
}

td.indexcolsize {
	/*width: 10%*/
  /*padding-left: 3em;*/
  vertical-align: top;
  align: left;
  /*background-color: white;*/
}

/* Description column */
th.indexcoldesc {
	/*column-width: 15%*/
	text-align: left;
}	

td.indexcoldesc {
	/*width: 15%*/
  /*padding-left: 3em;*/
  text-align: left;
  vertical-align: top;
  align: left;
  /*background-color: white;*/
}

/* Lijn boven en onder */
tr.indexbreakrow {
	background-color: SkyBlue;
}

/* Oneven rijen */
tr.odd {
	background-color: lightblue;
	line-height: 1.8;
}

/* Even rijen */
tr.even {
	background-color: PapayaWhip;
	line-height: 1.8;
}

/* Tabel */
#indexlist {
	width: 100%;
	table-layout: auto; 
	height: auto;
	/*border-collapse: collapse;*/
	border: 3px solid;
	background-color: pink;
	font-family: Georgia, serif;
	font-size: 18px;
	font-weight: bold;
}

tr:hover {background-color: coral;}

body {
	background: #eee;
	margin: 33px;
	color: #333;
}

h1 {
	font-size: 50px;
}	

table { 
	/*width: 100%;*/
	/*table-layout: auto;*/
}

a {
	color: #121212; 
	text-decoration:none;
}

a:hover { 
	color: green;
	font-weight: bold;
}

td, th {
 padding-top: 0.1em;
 padding-bottom: 0.1em;
 padding-left: 0.3em;
 padding-right: 0.1em;
}

/*
a[href^="http"] {
  background: url('../afbeeldingen/arrowright.gif') no-repeat 100% 0;
  background-size: 16px 16px;
  padding-right: 19px;
}
*/

/* Afstand vergroten tussen de diverse li elementen */
/*
li {
  margin-bottom: 20px;
}
*/