html, body, h1, h2, h3, p, ul {
	margin: 0;
	padding: 0;
}
html {
	background: url(/images/achtergrond/filmgrain.gif);
}
body {
	text-align: center;
	font: 13px/20px Georgia, serif;
	background: url(/images/achtergrond/modder.gif) no-repeat center top;
}
img {
	border: none;
}
table {
	border-collapse: collapse;
	empty-cells: show;
	width: 100%;
}
td, th {
	vertical-align: top;
	text-align: left;
}
a {
	color: #1f74d3;
}
.wrap {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
.innerwrap {
	padding: 0 10px;
}
.cb {
	display: block;
	clear: both;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
}


/* Kolommen
------------------------------------------------*/
div.kolomlinks, #pagina .inhoud {
	float: left;
}
div.kolomrechts, #pagina .zijkolom {
	float: right;
}
div.kolomrij {
	clear: both;
}
.kolomlijst {
	padding-right: 10px;
}
.kolom-2 { width: 140px !important; }
.kolom-3 { width: 220px !important; }
.kolom-4, #pagina .zijkolom { width: 300px !important; }
.kolom-5 { width: 380px !important; }
.kolom-6 { width: 460px !important; }
.kolom-7 { width: 540px !important; }
.kolom-8, #pagina .inhoud { width: 620px !important; }
.kolom-9 { width: 700px !important; }
.kolom-10 { width: 780px !important; }
.kolom-volledig, #pagina .kolom-volledig { width: 100% !important; }


/* Top
------------------------------------------------*/
#top {
	height: 200px;
}
#logo {
	top: 40px;
	left: 40px;
	position: relative;	
}

/* Hoofdtabs
------------------------------------------------*/
ul#hoofdtabs {
	position: absolute;
	top: 160px;
	height: 40px;
	list-style: none;
}
#hoofdtabs li {
	float: left;
	height: 40px;
	background: url(/images/achtergrond/midden.gif);
	margin-right: 10px;
}
#hoofdtabs li a {
	font-size: 17px;
	line-height: 40px;
	text-transform: uppercase;
	color: #695c44;
	text-decoration: none;
	padding: 0 14px;
}
#hoofdtabs li.actief, #hoofdtabs li:hover {
	background: url(/images/achtergrond/licht.gif);
}


/* Pagina: inhoud
------------------------------------------------*/
.inhoud h1, .inhoud h1 a, .inhoud h2, .inhoud h2 a, .inhoud h3 {
	color: #433c2f;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
}
.inhoud h1 {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 3px;
}
.inhoud h1:first-letter {
	font-weight: bold;
	font-size: 24px;
}
.inhoud h2 {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 3px;
}
.inhoud h2:first-letter {
	font-weight: bold;
	font-size: 20px;
}
.inhoud h1 a:hover, .inhoud h2 a:hover {
	text-decoration: underline;
}
.inhoud h3 {
	font-style: normal;
	font-size: 12px;
	text-align: center;
	line-height: 40px;
	text-transform: uppercase;
	color: #755c44;
}
.inhoud h3 span {
	font-style: italic;
	text-transform: none;
	color: #8f7c47;
}
.inhoud .kop-sub {
	float: right;
	text-align: right;
	width: 180px;
	line-height: 28px;
	font-size: 11px;
	color: #675f50;
}


/* Pagina: zijkolom
------------------------------------------------*/
.zijkolom h3 {
	color: #695c44;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 40px;
	font-weight: normal;
}
.zijkolom .blok {
	font-size: 13px;
	font-style: italic;
}


/* Blok
------------------------------------------------*/
.blok, .blok-licht {
	padding: 20px;
	background: url(/images/achtergrond/midden.gif) repeat;
	color: #695c44;
}
.blok-licht {
	background-image: url(/images/achtergrond/licht.gif);
	color: #423b2f;
}
.foto, .foto-kader {
	margin: 0 auto;
	display: block;
}
.foto-kader {
	border: solid 10px #e2ddc7;
}


/* Lijst: kop
------------------------------------------------*/
.lijst thead th {
	text-align: left;
	color: #2b2b2b;
	border-bottom: solid 1px #e5e5e5;
	line-height: 24px;
}


/* Lijst: inhoud
------------------------------------------------*/
.lijst td {
	padding: 3px 0;
	border-bottom: solid 1px #e5e5e5;
	color: #4b4b4b;
}
.lijst tr:hover td {
	background-color: #f2eee4 !important;
}
.lijst tr.links th, .lijst tr th.links, .lijst tr th.links .rand, .lijst tr.links td, .lijst tr td.links, .lijst tr.links th .rand {
	text-align: left;
}
.lijst tr.rechts th, .lijst tr th.rechts, .lijst tr th.rechts .rand, .lijst tr.rechts td, .lijst tr td.rechts {
	text-align: right;
}
.lijst tr.midden th, .lijst tr th.midden, .lijst tr.midden td, .lijst tr td.midden {
	text-align: center;
}
.lijst tbody.licht tr {
	background-color: #f9f9f9;
}
.lijst .info {
	color: #5b5b5b;
	font-size: 11px;
}
.lijst tr.geen td {
	text-align: center;
	line-height: 21px;
	padding: 14px 0;
}
.lijst tr.geen:hover td {
	background-color: inherit;
}


/* Reacties
------------------------------------------------*/
.geschrevendoor {
	line-height: 40px;
	text-transform: uppercase;
}


/* Bericht
------------------------------------------------*/
.bericht .knop-verder {
	text-align: center;
	padding-top: 0.8em;
	margin-top: 1em;
	height: 1.6em;
}


/* Knop
------------------------------------------------*/
.knop {
	background: #ff3800 none;
	color: #eee;
	text-transform: uppercase;
	padding: 0.6em 1em;
	cursor: pointer;
	border: solid 2px #ec3800;
	font: normal 1em/0.9em Georgia, sans-serif;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.knop:hover {
	color: #fff;
}

/* Reactiebalk
------------------------------------------------*/
.reactiebalk {
	margin-top: 20px;
}
.reactiebalk img {
	width: 30px;
	height: 30px;
	float: left;
}
.reactiebalk span {
	float: left;
	line-height: 25px;
	font-size: 12px;
	padding-left: 10px;
}
.reactiebalk span a {
	color: inherit;
	text-decoration: none;
}
.reactiebalk span a:hover {
	text-decoration: underline;
}

/* Paginanavigatie
----------------------------------------------------------------*/
#paginator {
	position: relative;
	padding: 14px 0;
	clear: both;
	text-align: left;
	font-size: 12px;
}
#paginator ul {
	display: inline;
	list-style: none;
	padding: 0;
}
#paginator li {
	display: inline;
}
#paginator li a {
	text-decoration: none;
	color: #666;
	border: solid 1px #dde4e8;
}
#paginator li a, #paginator li strong, #paginator li span {
	padding: 3px 6px;
	margin: 0 3px;
	font-size: 14px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#paginator li a:hover, #paginator li strong {
	background-color: #ff3800;
	color: #fff;
	border: solid 1px #ec3800;
	font-weight: bold;
}
#paginator li a:hover {
	margin-left: 3px;
}
#paginator a.vorige, #paginator a.volgende {
	float: right;
	margin-top: -1px;
	background-color: #7b6f5a !important;
	border-color: #695c44;
	text-decoration: none;
}
#paginator .volgende {
	margin-left: 7px;
}

/* Footer
------------------------------------------------*/
#footer {
	padding: 20px 0 10px 0;
	text-align: center;
}
#footer ul {
	list-style: none;
}
#footer a {
	color: #000000;
}
