html, body, h1, h2, h3, h4, h5, p, table, table caption, th, td, dl, dt, dd, form, input, select, textarea {
	margin: 0;
	padding: 0;
}
body {
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	background: #eeeeee url(/images/top/balk-klein.gif) repeat-x top;
	color: #333;
}
body.geen {
	background: none;
}
body.midden {
	background-image: url(/images/top/balk-midden.gif);
}
body.groot {
	background-image: url(/images/top/balk-groot.gif);
}
img {
	border: none;
}
table {
	border-collapse: collapse;
	width: 100%;
}
td, th {
	vertical-align: top;
	text-align: left;
}
ul, ol {
	margin: 0;
	padding: 0 0 0 20px;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.meer, .bericht a, .tags .meer a {
	text-decoration: underline;
	color: #65a519;
}
h1, h2 {
	font: bold 18px/28px Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom: 3px;
	padding-bottom: 2px;
}
h2 {
	font-size: 15px;
	line-height: 21px;
	margin-bottom: 0;
}
.oranje {
	color: #ff7800 !important;
}
.groen {
	color: #65a519 !important;
}
.border, .kopbalk {
	border-bottom: solid 1px #e3e3e3;
}
.onprint {
	display: none;
}


/* Algemeen
------------------------------------------------*/
.cb {
	display: block;
	clear: both;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
}
.wrap {
	width: 967px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: left;
}
.innerwrap {
	padding: 0 4px;
	overflow: hidden;
}
.innermargin {
	margin: 0 4px;
}
.kopbalk {
	position: relative;
	height: 28px;
}
.kopbalk h1, .kopbalk h2 {
	display: inline;
	line-height: 28px;
}


/* Kolommen
------------------------------------------------*/
div.kolomlinks {
	float: left;
}
div.kolomrechts {
	float: right;
}
div.kolomrij {
	clear: both;
}
.kolomlijst {
	padding-right: 7px;
}
.kolom-2 { width: 131px !important; }
.kolom-3 { width: 200px !important; }
.kolom-4 { width: 269px !important; }
.kolom-5 { width: 338px !important; }
.kolom-6 { width: 407px !important; }
.kolom-7 { width: 476px !important; }
.kolom-8 { width: 545px !important; }
.kolom-9 { width: 614px !important; }
.kolom-10 { width: 683px !important; }
.kolom-11 { width: 752px !important; }
.kolom-12 { width: 821px !important; }


/* Box
------------------------------------------------*/
.box {
	margin: 3px 3px 3px 3px;
	padding: 10px 10px 10px 10px;
	border-width: 1px;
	border-style: solid;
}
.box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.box { display: inline-block; }
.box { display: block; }
.box-scheiding {
	display: block;
	clear: both;
	font-size: 0px;
	height: 7px;
	line-height: 0px;
}
.box-smal {
	padding: 7px;
}
.box-smal .i3 {
	padding: 1px 5px;
}
.box-statisch {
	float: none;
	border: none;
	background-color: transparent;
	margin: 0;
	padding: 0;
}
.box-wit, .box-wit .i3 {
	border-color: #e0e0e0;
	background-color: #ffffff;
}


/* Tabbladen: algemeen
------------------------------------------------*/
.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.tabs a {
	display: block;
	float: left;
	text-decoration: none;
}
.tabs a span {
	display: block;
	height: 100%;
	background-repeat: no-repeat;
	cursor: pointer;
	text-align: center;
}
.tabs .l {
	background-position: left center;
}
.tabs .m {
	background-repeat: repeat-x;
}
.tabs .r {
	background-position: right bottom;
}

/* Tabbladen: hoofdtabbladen
------------------------------------------------*/
#hoofdtabs {
	position: absolute;
	top: 103px;
	right: 0;
}
#hoofdtabs a {
	height: 30px;
	line-height: 30px;
	color: #2b2b2b;
	margin-right: 7px;
	width: 120px;
}
#hoofdtabs a span {
	background-image: url(/images/tab/hoofd-nonactief.gif);
}
#hoofdtabs .m {
	width: auto;
	margin: 0 10px;
	padding: 0 12px;
}
#hoofdtabs a.actief span, #hoofdtabs a:hover span {
	background-image: url(/images/tab/hoofd-actief.gif);
	color: #fff;
	font-weight: bold;
}

/* Tabbladen: subtabbladen
------------------------------------------------*/
#subtabs {
	position: absolute;
	top: 138px;
	right: 0;
}
#subtabs a {
	height: 37px;
	line-height: 26px;
	color: #2b2b2b;
	margin-right: 7px;
	width: 120px;
}
#subtabs a span {
	background-image: url(/images/tab/sub-nonactief.gif);
}
#subtabs .m {
	width: auto;
	margin: 0 10px;
	padding: 0 12px;
}
#subtabs a.actief, #subtabs a:hover {
	line-height: 30px;
}
#subtabs a.actief span, #subtabs a:hover span {
	background-image: url(/images/tab/sub-actief.gif);
	color: #000;
	font-weight: bold;
}

/* Tabbladen: paginatabs
------------------------------------------------*/
.paginatabs {
	background: url(/images/tab/pagina-achtergrond.gif) repeat-x;
	padding-left: 7px;
}
.paginatabs a {
	height: 31px;
	line-height: 26px;
	color: #3b3b3b;
	margin-right: 7px;
	width: 160px;
	white-space: nowrap;
}
.paginatabs a span {
	background-image: url(/images/tab/pagina-nonactief.gif);
}
.paginatabs .m {
	width: auto;
	margin: 0 10px;
	padding: 0 12px;
}
.paginatabs a.actief span, .paginatabs a:hover span {
	background-image: url(/images/tab/pagina-actief.gif);
	color: #000;
	font-weight: bold;
	line-height: 30px;
}

/* Tabbladen: lijsttabs
------------------------------------------------*/
.lijsttabs {
	float: right;
	position: absolute;
	top: 3px;
	right: 7px;
}
.lijsttabs a {
	font-size: 11px;
	display: block;
	height: 24px;
	line-height: 24px;
	margin-left: 7px;
	padding: 0 7px;
	float: right;
	border: solid 1px #e3e3e3;
	background-color: #eee;
}
.lijsttabs a.actief {
	background-color: #fff;
	border-bottom-color: #fff;
}

/* Top
------------------------------------------------*/
#top {
	background: url(/images/top/gloed.jpg) no-repeat top center;
}
#top #hoofdbalk {
	height: 133px;
}
.midden #top {
	height: 165px;
}
.groot #top {
	height: 240px;
}
#top #logo {
	margin-left: 7px;
	margin-top: 6px;
}

/* Top: profielmenu
------------------------------------------------*/
#top #profielmenu {
	position: absolute;
	right: 0px;
	top: 15px;
}
#top #profielmenu span {
	color: #aaa;
	padding: 0 5px;
}
#top #profielmenu a {
	color: #aaa;
	text-decoration: none;
}
#top #profielmenu a:hover {
	color: #fff;
	text-decoration: underline;
}
#top .twitter {
	position: absolute;
	top: 40px;
	right: 0;
}
#top .twitter a {
	color: #aaa;
	font-size: 10px;
}
#top .twitter a span {
	color: #33ccff;
}

/* Top: zoekformulier
------------------------------------------------*/
#top #form-zoeken {
	position: absolute;
	left: 0;
	width: 100%;
	top: 85px;
}
#top #form-zoeken div {
	width: 600px;
	margin: 0 auto;
}
#top #form-zoeken input#qt {
	width: 506px;
	height: 18px;
	color: #fff;
	background-color: #737373;
	padding: 3px;
	vertical-align: bottom;
	border: solid 1px #737373;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#top #form-zoeken input#qt:focus {
	color: #fff;
}
#top #form-zoeken .knop {
	position: absolute;
	margin: 1px 0 0 4px;
}

/* Top: subbalk
------------------------------------------------*/
#top #subbalk {
	height: 104px;
	margin-top: 6px;
}
#top #subbalk p, #top #subbalk a {
	float: left;
	width: 300px;
	color: #dcdcdc;
	text-align: center;
	font-size: 12px;
}
#top #subbalk a:hover {
	text-decoration: none;
	color: #fff;
}
#top #subbalk img {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Invoerveld
------------------------------------------------*/
#pagina input.leeg {
	color: #666;
	font-style: italic;
}


/* Pagina
------------------------------------------------*/
#pagina {
	background: #fff url(/images/top/schaduw.gif) repeat-x top;
	padding: 21px 0;
	min-height: 400px;
}

/* Pagina: padding
------------------------------------------------*/
#pagina .pad {
	padding: 7px;
}
#pagina .pad-hor {
	padding: 0 7px;
}
#pagina .pad-ver {
	padding: 7px 0;
}
#pagina .pad-boven, #pagina .pad-boven td {
	padding-top: 7px;
}
#pagina .pad-onder, #pagina .pad-onder td {
	padding-bottom: 7px;
}
#pagina .pad-links {
	padding-right: 0;
	padding-left: 7px;
}
#pagina .pad-rechts {
	padding-right: 7px;
	padding-left: 0;
}
#pagina .pad-geen {
	padding-left: 0;
	padding-right: 0;
}


/* Kruimelpad
------------------------------------------------*/
#kruimelpad {
	margin-bottom: 5px;
	color: #aaa;
}
#kruimelpad a {
	color: #6b6b6b;
	text-decoration: none;
}
#kruimelpad a:hover {
	color: #65a519;
	text-decoration: underline;
}
#kruimelpad span {
	padding: 0 6px;
	vertical-align: top;
	font-family: Verdana;
	font-size: 13px;
}


/* Knop
------------------------------------------------*/
#pagina .knoppen {
	height: 25px;
}
#pagina .knoppen .knop {
	float: left;
	margin-right: 7px;
}
#pagina input.knop, #pagina img.knop {
	height: 25px;
	width: auto;
	border: none;
	cursor: pointer;
	background-color: transparent;
	padding: 0;
}
#pagina img.geencursor, #pagina input.geencursor {
	cursor: default !important;
}


/* Kolomgrid
------------------------------------------------*/
.kolomgrid .griditem {
	float: left;
	padding-left: 0;
	padding-right: 0;
}


/* Boxkader
------------------------------------------------*/
.boxkader {
	background: url(/images/box/kader.gif) no-repeat;
	width: 42px;
	height: 42px;
	text-align: center;
}
.boxkader-groen {
	background-image: url(/images/box/kader-groen.gif);
}
.boxkader-oranje {
	background-image: url(/images/box/kader-oranje.gif);
}
.boxkader-oranje p.beschrijving * {
	color: #111;
}
.boxkader img {
	display: block;
	margin: 0 auto;
	position: relative;
	top: 5px;
}
.boxkader p {
	cursor: help;
}
.boxkader p.beschrijving {
	padding-top: 5px;
	line-height: 16px;
	color: #444;
}
.boxkader p.beschrijving strong {
	padding-top: 5px;
	font-size: 14px;
}
.boxkader p.beschrijving span {
	font-size: 9px;
	line-height: 15px;
	clear: both;
}
.boxkader p.getal {
	line-height: 42px;
	font-size: 18px;
}


/* Boxplat
------------------------------------------------*/
.boxplat {
	background-color: #f9f9f9;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.boxplat-opvallend {
	background-color: #ff7800;
	border: solid 2px #eee;
}


/* Vraag
------------------------------------------------*/
.vraag .profielblok {
	margin: 0;
}
.foto {
	border: solid 5px #e5e5e5;
	width: 110px;
	height: 110px;
}


/* Infolijst
------------------------------------------------*/
.infolijst th {
	width: 160px;
	font-weight: normal;
	color: #666;
}


/* Antwoordlijst
------------------------------------------------*/
.antwoordlijst {
	list-style: none;
	padding: 0;
}
.antwoordlijst li {
	border-top: solid 1px #e3e3e3;
	padding: 7px 0;
	margin-bottom: 7px;
}
.antwoordlijst li ul {
	list-style: disc;
	padding-left: 25px;
}
.antwoordlijst li ul li, .antwoordlijst li ol li {
	border: none;
	padding: 0;
	margin: 0;
}

/* Antwoordlijst: score */
.antwoordlijst li .score {
	width: 62px;
	float: left;
	text-align: center;
}
.antwoordlijst li .score .boxkader {
	margin: 7px auto;	
}
.antwoordlijst li .score .stem {
	display: block;
	width: 23px;
	height: 20px;
	margin: 0 auto;
	background: url(/images/icoon/stem-omhoog.gif) no-repeat top center;
}
.antwoordlijst li .score a.stem:hover {
	background-position: bottom center;
}
.antwoordlijst li .score a.omlaag {
	background-image: url(/images/icoon/stem-omlaag.gif);
}
.antwoordlijst li .score .beste, .legenda .vink {
	display: block;
	width: 40px;
	height: 39px;
	margin: 7px auto 0 auto;
	background: url(/images/icoon/vink.gif) no-repeat top center;
}
.antwoordlijst li .score a.beste:hover, .antwoordlijst li .score div.beste {
	background-position: bottom center;
	text-decoration: none;
}

/* Antwoordlijst: inhoud */
.antwoordlijst li .inhoud {
	width: 614px;
	float: right;	
}
.antwoordlijst li .inhoud .profielblok {
	border-top: dotted 1px #e5e5e5;
}
.antwoordlijst li .inhoud .tekst a {
	text-decoration: underline;
	color: #226699;
}


/* Vraaglijst
------------------------------------------------*/
ul.vraaglijst {
	list-style: none;
	padding: 0;
}
.vraaglijst li {
	height: 42px;
	padding: 5px 7px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #eee;
	color: #5b5b5b;
	clear: both;
	position: relative;
}
.vraaglijst-groot li {
	height: 62px;
}
.vraaglijst li img {
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 7px;
}
.vraaglijst-groot li img {
	margin-bottom: 20px;
}
.vraaglijst li a.titel {
	color: #ff7800;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
}
.vraaglijst li p {
	color: #9f9f9f;
	font-size: 11px;
}
.vraaglijst li p.antwoord {
	color: #666;
}
.vraaglijst li p span {
	padding: 0 2px;
}
.vraaglijst li p a {
	color: #8f8f8f;
	text-decoration: underline;
}
.vraaglijst li p a.lees-meer {
	color: #3c3c3c;
	text-decoration: none;
}
.vraaglijst li p a:hover {
	color: #000000;
	text-decoration: underline;
}
.vraaglijst li p .tags {
	position: absolute;
	right: 57px;
	display: none;
}
.vraaglijst li:hover p .tags {
	display: inline;
}
.vraaglijst li p .tags a {
	margin-left: 7px;
	text-decoration: none;
	background-color: #efefef;
	padding: 1px 3px;
}
.vraaglijst li .boxkader {
	right: 0;
	top: 8px;
	position: absolute;
	border-bottom: solid 4px #fff;
	border-left: solid 10px #fff;
	border-right: solid 7px #fff;
}
.vraaglijst li .beantwoord {
	color: #000000;
}
.vraaglijst li:hover p.antwoord {
	color: #222;
}


/* Categorielijst
------------------------------------------------*/
.categorielijst {
	padding-left: 0px;
	list-style: none;
}
.categorielijst li {
	height: 42px;
	padding-bottom: 5px;
}
.categorielijst li .boxkader {
	float: left;
	margin-right: 7px;
}
.categorielijst li p, .categorielijst li p a {
	font-size: 11px;
	color: #afafaf;
	line-height: 14px;
}
.categorielijst li p a {
	font-weight: normal;
}
.categorielijst li a.titel {
	text-decoration: none;
	font-weight: bold;
	color: #ff7800;
}
.categorielijst li a:hover {
	text-decoration: underline;
}


/* Profiel
------------------------------------------------*/
.profielblok {
	height: 40px;
	color: #8f8f8f;
	font-size: 12px;
	margin-top: 14px;
	padding-top: 7px;
}
.profielblok img {
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 4px;
}
.profielblok p {
	line-height: 18px;
}
.profielblok small {
	color: #aaa;
}


/* Legenda
------------------------------------------------*/
ul.legenda {
	list-style: none;
	padding: 7px 0 0 0;
}
.legenda li div {
	float: left;
	margin: 0 7px 0 0 !important;
}


/* Filterlijst
----------------------------------------------------------------*/
.filterlijst ul {
	list-style: none;
	padding: 0;
}
.filterlijst li a {
	text-decoration: none;
	color: #222;
}
.filterlijst li a:hover {
	text-decoration: underline;
}

/* Filterlijst: keuze
----------------------------------------------------------------*/
.filters-keuze .form {
	padding: 2px 0 0 0;
}
.filters-keuze li {
	color: #b2b2b2;
}
.filters-keuze h4 {
	font-size: 12px;
	line-height: 18px;
	color: #65a519;
}

/* Filterlijst: actief
----------------------------------------------------------------*/
.filters-actief {
	font-size: 11px;
	line-height: 16px;
	color: #65a519;
}
.filters-actief li {
	padding-top: 7px;
}
.filters-actief li:first-child {
	padding-top: 0;
}
.filters-actief li a {
	display: block;
}
.filters-actief li a:hover {
	background: transparent url(/images/icoon/verwijder-klein.gif) no-repeat right 0;
}


/* Lijst: kop
------------------------------------------------*/
.lijst {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
}
.lijst thead th {
	padding: 0 7px;
	text-align: left;
	color: #000;
	font-size: 13px;
	line-height: 28px;
	border-bottom: solid 1px #e5e5e5;
}
.lijst thead th.laatste {
	text-align: right;
}
.lijst thead th span {
	font-weight: normal;
}
.lijst thead th a {
	text-decoration: none;
	color: #4b4b4b;
	line-height: 28px;
}
.lijst thead th a.sortering-a, .lijst th a.sortering-d {
	padding-left: 18px;
	background-repeat:  no-repeat;
	background-position: center left;
	color: #000000;
}
.lijst thead th a.sortering-a {
	background-image: url(/images/lijst/sortering-a.gif);
}
.lijst thead th a.sortering-d {
	background-image: url(/images/lijst/sortering-d.gif);
}
.lijst thead th a:hover {
	text-decoration: underline;
}

/* Lijst: inhoud
------------------------------------------------*/
.lijst tbody td {
	padding: 10px 7px;
	border-bottom: solid 1px #e5e5e5;
	color: #4b4b4b;
	line-height: 20px;
}
.lijst tr.links th, .lijst tr th.links, .lijst tr.links td, .lijst tr td.links {
	text-align: left;
}
.lijst tr.rechts th, .lijst tr th.rechts, .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 tr.licht {
	background-color: #f9f9f9;
}
.lijst .info {
	font-size: 11px;
}
.lijst .titel {
	color: #000;
	font-size: 12px;
	text-decoration: none;
}
.lijst a.titel:hover {
	text-decoration: underline;
}
.lijst tr.geen td {
	text-align: center;
	line-height: 21px;
	padding: 14px 0;
}
.lijst tr.geen:hover td {
	background-color: inherit;
}
.lijst td.opties {
	text-align: right;
}
.lijst td.opties a {
	margin-left: 3px;
}
.lijst td.opties a:first-child {
	margin-left: 0;
}


/* Alfabet
------------------------------------------------*/
ul.alfabet, ul.tags {
	list-style: none;
	padding-left: 0;
	margin-bottom: 20px;
}
ul.alfabet li {
	display: inline;
	padding-right: 20px;
	color: #888;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Trebuchet MS';
}
ul.alfabet li a {
	color: #000;
	text-decoration: underline;
}

/* Tags
------------------------------------------------*/
ul.tags li {
	height: 22px;
	line-height: 22px;
	padding: 3px 0;
	color: #888;
	background: transparent url(/images/misc/stippellijn.gif) repeat-x bottom;
}
ul.tags li.meer {
	background-position: top;
}
ul.tags li.meer a {
	font-style: italic;
}
ul.tags li a {
	display: block;
	width: 200px;
	float: left;
}
ul.tags li:hover a {
	text-decoration: underline;
}
ul.tags li span {
	float: left;
}
ul.tags li div.aantal {
	float: left;
	background-color: #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: right;
	width: 759px;
}
ul.tags li.hover div.aantal {
	background-color: #65a519;
	width: 757px;
}
ul.tags li div.aantal span {
	float: none;
	padding-right: 7px;
	visibility: hidden;
	color: #fff;
}

/* 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: #e5e5e5;
	color: #000;
	border: solid 1px #c5c5c5;
	font-weight: bold;
}
#paginator li a:hover {
	margin-left: 3px;
}
#paginator .vorige, #paginator .volgende {
	float: right;
	margin-top: -1px;
}
#paginator .volgende {
	margin-left: 7px;
}


/* Feedback tab
------------------------------------------------*/
#feedback-tab {
	position: fixed;
	top: 300px;
	right: 0;
}


/* Footer
----------------------------------------------------------------*/
#footer {
	padding: 7px 0;
	font: normal 1em/16px Arial, sans-serif;
	text-align: left;
	border-top: solid 2px #dcdcdc;
	height: 35px;
}
#footer, #footer a {
	color: #888;
	text-decoration: none;
}
#footer div {
	padding: 0 7px;
}
#footer ul {
	float: left;
	padding-left: 7px;
}
#footer ul li {
	display: inline;
}
#footer ul li a:hover {
	color: #444;
	text-decoration: underline;
}
#footer ul li span {
	padding: 0 7px;
}
#footer .copyright {
	float: right;
	padding-right: 7px;
	text-align: right;
	width: auto;
}