/*
	style.css: stijl informatie voor mijn website.

	gemaakt op 20 september 2003.
	bewerkt op 27 november 2003.
	bewerkt op 5 juli 2005.
*/

/* Body */

body
{	font:normal normal 400 13px/19px verdana, arial, helvetica, sans-serif;
	color:#000;
	margin-top:15px;
	margin-bottom:50px;
	margin-left: auto;
	margin-right: auto;
}

a:link
{	color:#336;
	background-color:inherit;
	text-decoration:none;
}

a:visited
{	color:#636;
	background-color:inherit;
	text-decoration:none;
}

a:active
{	color:#cc9;
	background-color:inherit;
	text-decoration:none;
}

a:hover
{	color:#996;
	background-color:inherit;
	text-decoration:none;
}

/* Header */
.header
{	margin:10px auto 15px auto;
	padding:0;
	max-width: 90%;
	min-width: 120px;
}

.header h1, .header h2, .header h3, .header h4, .header h5, .header h6
{	color:#CCC;
	margin:5px;
	padding:5px;
	text-align:center;
}

.header h1 {font:normal normal 900 2.0em/1.3em verdana, arial, helvetica, sans-serif;}
.header h2 {font:normal normal 900 1.7em/1.3em verdana, arial, helvetica, sans-serif;}
.header h3 {font:normal normal 900 1.4em/1.3em verdana, arial, helvetica, sans-serif;}
.header h4 {font:normal normal 900 1.0em/1.3em verdana, arial, helvetica, sans-serif;}
.header h5 {font:normal normal 900 0.8em/1.3em verdana, arial, helvetica, sans-serif;}
.header h6 {font:normal normal 900 0.5em/1.3em verdana, arial, helvetica, sans-serif;}

/* Content */
.content
{	margin:10px auto 15px auto;
	padding:0;
	max-width: 90%;
	min-width: 120px;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6
{	color:#CCC;
	margin:5px;
	padding:5px;
	text-align:center;
}

.content h1 {font:normal normal 900 2.0em/1.3em verdana, arial, helvetica, sans-serif;}
.content h2 {font:normal normal 900 1.7em/1.3em verdana, arial, helvetica, sans-serif;}
.content h3 {font:normal normal 900 1.4em/1.3em verdana, arial, helvetica, sans-serif;}
.content h4 {font:normal normal 900 1.0em/1.3em verdana, arial, helvetica, sans-serif;}
.content h5 {font:normal normal 900 0.8em/1.3em verdana, arial, helvetica, sans-serif;}
.content h6 {font:normal normal 900 0.5em/1.3em verdana, arial, helvetica, sans-serif;}

.content pre
{ 	font:normal normal 400 1em/1.1em "courier new", courier, monospace;
	color:#000;
	margin:5px;
	padding:5px;
}

.content p
{ 	color:#000;
	margin:5px;
	padding:5px;
	text-align:justify;
}

.content em
{	font-style:normal;
	font-weight:bold;
}

.content hr {width:90%;}

.content ul
{	margin:5px;
	padding:5px;
}

.content li
{	list-style-type: none;
	margin:5px;
	padding:5px;
}

.content table
{	margin:5px auto;
	padding:5px;
	width:95%;
}

.content thead
{	margin:5px;
	padding:5px;
}

.content tbody
{	margin:5px;
	padding:5px;
}

.content tr.even
{	margin:5px;
	padding:5px;
	background-color: #ddd;
}

.content tr.odd
{	margin:5px;
	padding:5px;
	background-color: #eee;
}

.content th
{	margin:1px;
	padding:3px;
	width:50%;
}

.content td
{	margin:1px;
	padding:1px;
	width:50%;
}

/* Navigatie */

.navigatie
{	margin:0 auto 0 auto;
	padding:0;
	max-width: 90%;
	min-width: 120px;
}

.navigatie ul
{	margin:5px;
	padding:5px;
	text-align:center;
}

.navigatie li
{	display: block;
	list-style-type: none;
	padding:2px;
}

.navigatie h1, .navigatie h2, .navigatie h3, .navigatie h4, .navigatie h5, .navigatie h6
{	color:#CCC;
	margin:5px;
	padding:5px;
	text-align:center;
}

.navigatie h1 {font:normal normal 900 2.0em/1.3em verdana, arial, helvetica, sans-serif;}
.navigatie h2 {font:normal normal 900 1.7em/1.3em verdana, arial, helvetica, sans-serif;}
.navigatie h3 {font:normal normal 900 1.4em/1.3em verdana, arial, helvetica, sans-serif;}
.navigatie h4 {font:normal normal 900 1.0em/1.3em verdana, arial, helvetica, sans-serif;}
.navigatie h5 {font:normal normal 900 0.8em/1.3em verdana, arial, helvetica, sans-serif;}
.navigatie h6 {font:normal normal 900 0.5em/1.3em verdana, arial, helvetica, sans-serif;}

/* E-mail */

.email
{	margin:0 auto 0 auto;
	padding:0;
	max-width: 90%;
	min-width: 120px;
	font-size: 80%;
}

.email ul
{	text-align: center;
	margin:5px;
	padding:5px;
}

.email li
{	display: inline;
	list-style-type: none;
	margin:5px;
	padding:5px;
}

/* Banners */

.banners
{	margin:75px auto 25px auto;
	padding:0;
	max-width: 90%;
	min-width: 120px;
}

.banners img
{	margin:0 10px 0 10px;
	padding:0;
	border:0;
}

.banners ul
{	text-align: center;
	white-space: nowrap;
	margin:0;
	padding:0;
}

.banners li
{	display: inline;
	list-style-type: none;
	margin:0;
	padding:0;
}

.banners a
{	margin:0;
	padding:0;
	border:0;
}

/* Foto */

.foto
{	margin:5px auto 5px auto;
	padding:0;
	max-width: 90%;
	min-width: 120px;
}

.content .foto
{	margin:5px auto 5px auto;
	padding:0;
	max-width: 100%;
	min-width: 120px;
}

.foto img
{	display: block;
	margin:5px auto 5px auto;
}

/* Foto Navigatie */

.fotonavigatie
{	margin:5px auto 5px auto;
	padding:0;
	max-width: 90%;
	min-width: 120px;
}

.content .fotonavigatie
{	margin:5px auto 5px auto;
	padding:0;
	max-width: 100%;
	min-width: 120px;
}

.fotonavigatie ul
{	margin:5px;
	padding:5px;
	text-align:center;
}

.fotonavigatie li
{	display: inline;
	list-style-type: none;
	padding:2px;
	margin:3px;
}

.fotonavigatie em
{	font-style:normal;
	font-weight:bold;
}

/* Thumbnails */

.thumbnails
{	margin:0 auto 0 auto;
	padding:0;
	max-width: 565px;
	min-width: 120px;
}

.thumbnails img.verticaal
{  	 border:0;
	 margin:5px 29px;
	 padding:0px;
	 color:#000000;
	 background-color:#fff;
}

.thumbnails img.horizontaal
{  	 border:0;
	 margin:29px 5px;
	 padding:0px;
	 color:#000000;
	 background-color:#fff;
}

.thumbnails img.polaroid
{  	 border:0;
	 margin:5px 15px;
	 padding:0px;
	 color:#000000;
	 background-color:#fff;
}

.thumbnails ul
{	margin:5px;
	padding:5px;
	text-align:center;
}

.thumbnails li
{	display: inline;
	list-style-type: none;
	padding:0;
	margin:0;
}
