/* some reset stuff */

body,
div,
#crumbpath,
fieldset,
ul.lijst-adviseurs,
ul.lijst-adviseurs li,
ul.publicaties,
.navigation,
.navigation ul,
#corp ul,
#footer ul,
#menu li,
#sub .menu,
#sub .menu ul,
#sub .menu li,
#wrapper.home ul.navigation,
.extras li,
.buttons li,
.buttons,
.util,
.util li,
dl ul,
dl li,
dl,
dt,
dd,
table,
th,
td,
fieldset,
legend,
.mijnpaginas .main ul,
.mijnpaginas .main li,
.overheid .main ul,
.overheid .main li,
.snippet li,
.trainingen ul,
.publicatie-item ul,
.publicatie-item li,
ul.resultaten,
ul.meta,
.resultaten li,
.subhome .main ul,
.subhome .main li,
.carousel ul,
.carousel li {
	padding: 0;
	margin: 0;
}

#menu li,
.buttons li,
#crumbpath li,
#sub .menu li,
.extras li ,
#footer li,
.util li,
.mijnpaginas .main li,
.meta li,
.overheid .main li,
.snippet li,
.publicaties li,
.trainingen li,
.publicatie-item li,
.zoek-resultaten li,
.subhome .main li {
	list-style: none;
}

/*
	common html styling...
*/

html {
	overflow-y: scroll;
	width: 100%;
}

body {
	font-size: 12px;
	font-family: arial, sans-serif;
	color: #515151;
	height: 100%;
	width: 100%;
}

/* TODO: hier komen alle kleuren en lijntjes van links die gebruikt worden */

a, .trainingen .util li input {
	color: #a21645;
}

.snippet-laatst-bekeken a,
.snippet-gerelateerde-content a {
	color: #a21645;
}

.main a,
.carousel ul a,
dl.snippet-tekst-met-plaatje dd a,
.snippet-nieuwslijst a {
	text-decoration: none;
}

.main a:hover,
ul.nieuwslijst a,
.snippet-nieuwslijst a:hover {
	text-decoration: underline;
}

img,
fieldset {
	border: 0;
}

fieldset {
	width: 100%;
}

.bestellen fieldset {
	padding-bottom: 15px;
}

legend {
	font-weight: bold;
	margin-bottom: 5px;
	color: #000;
}

h1,
h2,
h3 {
	border-bottom: 1px solid #d3d3d3;
	padding: 0 0 4px 11px;
}

.tekst .main h2 {
	border-bottom: 0;
	margin-bottom: 11px;
}

h1,
h2,
h3,
h4,
.extras .snippet dt {
	font-size: 16px;
	font-family: arial, Sans-Serif;
	margin: 0;
	font-weight: bold;
	color: #262626;
}

h1 {
	margin-bottom: 10px;
}

#corp, #menu, #submenu, #footer {
	font-size: 11px;
}

.IEsubmit {
	border: 1px solid #ccc;
	background: url(bg/button_bg.png) repeat-x #fff;
	height: 26px;
	font-weight: bold;
}

a.IEsubmit {
	color: #000;
	float: left;
	padding: 0 10px;
}

a.IEsubmit:hover {
	text-decoration: none;
}

ul.buttons li {
	display: inline;
}

ul.buttons li input {
	
}

.IEsubmit:hover {
	cursor: pointer;
}

.dtstamp {
	font-style: normal;
	color: #999;
	padding-right: 5px;
}

.pdf span {
	background: url(img/kpc-sprite.gif) -50px -400px no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
}

select {
	font-size: 12px;
}

/*
	.hidden
	.accessibility
*/

.hidden,
.accessibility {
	position: absolute;
	left: -999em;
}

/*	main layout stuff */

#wrapper {
	width: 970px;
	margin: 0 auto;
	height: 100%;
}

#head {
	height: 160px;
	position: relative;
}

#main {
	width: 720px;
	float: right;
}

.thema-overzicht #main, .subhome #main {
	float: left;
	width: 970px;
}

.subhome #main .main {
	float: left;
	width: 928px;
	display: inline;
}

#mask {
	position: absolute;
	z-index: 90;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .40;
}

#overlay {
	width: 420px;
}

.mail-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	width: 400px;
	margin: -200px 0 0 -222px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
}

.mail-overlay h1 {
	padding-left: 0;
	border-bottom: 0;
	margin-bottom: 10px;
}

.mail-overlay h1 #close {
	float: right;
	display: none;
}

.js-on .mail-overlay h1 #close {
	display: block;
}

.mail-overlay input.ieSubmit {
	float: right;
	margin-right: 148px;
}

.mail-overlay #close.IEsubmit {
	margin-left: 0px;
}

#main .main,
	#main .sub {
	float: left;
}

#main .main {
	width: 720px;
	overflow: hidden;
}

/*
		misschien moeten we hier een naam voor verzinnen (NIET 3-koloms)
	*/

#content.formulier .main,
	#content.medewerker-detail .main,
	#content.overheid .main,
	#content.publicaties .main,
	#content.publicatie-item .main,
	#content.adviseurs .main,
	#content.subthema-overzicht .main,
	#content.tekst .main,
	#content.training .main,
	#content.trainingen .main,
	#content.zoek-resultaten .main {
	width: 470px;
	position: relative;
}

#sub {
	float: left;
	width: 230px;
}

.extras {
	width: 230px;
	float: right;
	overflow: hidden;
}

#footer {
	float: left;
	width: 950px;
	padding: 20px 10px 5px 10px;
}

/*
	#head
*/

#logo {
	background: url(img/kpc.gif) no-repeat 0 0;
	display: block;
	width: 200px;
	height: 76px;
	position: absolute;
	top: 8px;
	left: 0;
}

#logo img {
	display: none;
}

#corp {
	position: absolute;
	z-index: 80;
	top: 8px;
	right: 0;
	width: 280px;
	text-align: right;
}

#corp ul {
	margin: 0 0 34px 0;
}

#corp li {
	display: inline;
	list-style: none;
	margin: 0 0 0 10px;
}

#corp li a:hover {
	text-decoration: none;
}

#corp .ieInput {
	border: 1px solid #d4d4d4;
	width: 190px;
	height: 16px;
	padding: 2px 0 0 4px;
	background: #fff url(img/menu_sprite.gif) no-repeat 0 -200px;
}

#corp #zoekbtn {
	margin: 0 0 -4px 0;
}

* html #corp #zoekbtn {
	margin: 0 0 -3px 0;
}

#corp label.hiddenlabel {
	display: none;
}

/* -------- NAVIGATION -------- */

#menu {
	position: absolute;
	top: 52px;
	z-index: 10;
}

#submenu {
	position: absolute;
	top: 96px;
	z-index: 5;
}

.navigation {
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
}

#submenu.navigation {
	background: #96083a url(img/menu_sprite.gif) repeat-x 0 -220px;
}

.navigation ul {
	clear: left;
	float: left;
	position: relative;
	left: 50%;
	text-align: center;
	line-height: 13px;
}

.navigation ul li {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	right: 50%;
}

#menu li a {
	margin: 5px 0 0 0;
	padding: 6px 20px 6px 20px;
	background: url(img/menu_sprite.gif) repeat-x 0 -55px;
	text-decoration: none;
	color: #000;
	display: block;
	border: 1px solid #f0f0f0;
	border-width: 1px 1px 0 1px;
}

#menu li.active a {
	margin-top: 0;
	padding: 6px 20px 11px 20px;
	background-position: 0 0;
	color: #fff;
	border: 1px solid #a01c4b;
	border-width: 1px 1px 1px 1px;
}

#menu li a {
	color: #000;
	text-decoration: none;
}

#menu li.active a {
	color: #fff;
}

#menu li a:hover {
	background-position: 0 -100px;
}

#menu li.active a:hover {
	background-position: 0 0;
}

#submenu ul li a {
	display: block;
	margin: 0;
	padding: 10px 14px;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
	border-left: 1px solid #b95a7c;
	border-right: 1px solid #7c0e36;
	font-weight: bold;
}

#submenu ul li.active a {
	background: #920234 url(img/menu_sprite.gif) no-repeat center bottom;
}

#submenu ul li a:hover {
	text-decoration: underline;
}

#submenu li.first {
	border-left: 1px solid #7c0e36;
}

#submenu li.last {
	border-right: 1px solid #b95a7c;
}

#crumbpath {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	color: #343434;
	line-height: 12px;
}

#crumbpath li {
	float: left;
	font-size: 10px;
	background: #fff url(img/menu_sprite.gif) no-repeat 0 -160px;
	margin: 0 6px 0 0;
}

#crumbpath li a, #crumbpath li em {
	padding-left: 8px;
	text-decoration: none;
	font-style: normal;
}

#crumbpath li.home, #crumbpath li.home a {
	background-image: none;
	padding-left: 0;
}

/*
	#content stuff
*/

#content {
	margin: 12px 0 0 0;
	padding: 0;
}

.article {
	/*padding: 0 11px;*/
	line-height: 14px;
	overflow: hidden !important; /* causes wrong print in FF */
}

.main .article {
	padding-left: 11px;
}

.article h1,.article h2,.article h3,.article h4,.article h5,.article h6 {
	padding: 0;
	margin: 1em 0;
	border: 0;
}

.subhome .carousel li .article {
	padding: 0;
}

.article p {
	padding: 0;
	margin: 0 0 1em 0;
}

/*
	for util links at the top
*/

#main .util {
	text-align: right;
	margin: 10px
}

.trainingen #main .util {
	text-align: right;
	border-top: 1px solid #c2c2c2;
	padding: 5px 10px 0 0;
	margin: 0 0 10px 0;
}

.util li {
	display: inline;
}

.util input, .util button {
	border: 0;
	background-color: transparent;
	cursor: pointer;
/*
see kpc.style.ie.css for ie value */
}

.util li * {
	width: 16px;
	height: 16px;
	text-indent: 20px;
	overflow: hidden;
	float: right;
	margin-left: 5px;
	background: url(img/kpc-sprite.gif) 0 -302px no-repeat;
}

.util li.save * {
	background-position: 0 -252px;
}

.util li.print * {
	background-position: 0 -201px;
}

.trainingen .util li input {
	text-indent: 0;
	background-image: none;
	width: auto;
	float: none;
	font-weight: normal;
	padding: 0;
}

/*
	for popup
*/

a.popup {
	width: 16px;
	height: 16px;
	background: url(img/kpc-sprite.gif) no-repeat;
	overflow: hidden;
	text-indent: 20px;
	display: block;
	display:inline-block;
	// -moz-inline-block is for firefox 2 only...
	display: -moz-inline-block;
}

.js-on div.popup {
	position: absolute;
	right: 0;
	top: 20px;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 5px;
	z-index: 100;
	display: none;
}

/*
.js-on div.show { display: block; }*/

/*
	adviseurs.html
*/

ul.lijst-adviseurs {
	margin: 20px 0 0 0;
}

ul.lijst-adviseurs li {
	width: 225px;
	float: left;
	list-style: none;
	margin: 0 10px 10px 0;
}

ul.lijst-adviseurs li a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
	margin-right: 10px;
	display: block;
}

ul.lijst-adviseurs li a span {
	width: 125px;
	float: right;
}

ul.lijst-adviseurs li a img {
	float: left;
	margin-right: 10px;
}

/*
	bestellen.html
*/

table {
	border-collapse: collapse;
}

th {
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid #ccc;
}

/*th,
td {
	padding: 10px;
}*/

.bestelling th, .bestelling td {
	padding: 10px;
}

.form {
	margin-left: 7px;
}

.form input.IEinput, .form textarea {
	width: 256px;
}

.form .label {
	width: 180px;
	display: block;
}

.form th, .form td {
	padding: 0.5em;
}

	.form .submit {
		float: right;
		background-image: url(../img/btns/verzenden.gif);
		border: none;
		width: 77px;
		height: 28px;
	}

	.form table td {
		padding: 0;
	}
	
	.form table.fileupload .upload {
		padding-bottom: 10px;
	}
	
	.form table.fileupload input {
		margin-left: 0;
	}
	
	.form .inputlist input {
		margin-left: 0;
	}
	
	.form .inputlist label {
		margin-right: 10px;
	}
	
	.form .error {
		text-align: right;
		width: 98%;
		float: left;
	}

.formconfirmation {
	margin-left: 11px;
}

tfoot td {
	border-top: 1px solid #ccc;
}

tbody th {
	font-weight: bold;
	border-bottom: none;
}

.bestellen .sub {
	width: 470px;
	padding: 10px;
}

/*
	layout main in de volgende pagina's
	formulier.html
	medewerkerdetail.html
*/

/* this causes problems in content from editor
.article p img {
	float: left;
	margin: 0 10px 5px 0;
}*/

/*
	overheid.html
*/

.overheid .main dd a {
	display: block;
	margin-bottom: 20px;
}

h1 a.rss-link {
	float: right;
	padding-right: 20px;
	width: 180px;
}

/*
h1 a.rss-link span { float: right; width: 16px; height: 16px; text-indent: 20px; overflow: hidden; background: url(img/kpc-sprite.gif) no-repeat 0 -400px; }
*/

/*
	.subhome
*/

.subhome .main {
	border: 1px solid #d4d4d4;
	padding: 16px 20px;
}

#content.subhome #sub {
	width: 970px;
	margin-top: 16px;
}

.subhome .main ul li img,
.subhome .main ul li p {
	margin: 0 0 10px 0;
}

.subhome .main ul li p {
	display: block;
	height: 50px;
}

.subhome .main ul {
	width: 970px;
}

.subhome .main ul#mainsubhome {
	width: 930px;
}

.subhome .main li {
	width: 216px;
	overflow: hidden;
	float: left;
	clear: none;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #d4d4d4;
	display: inline;
}

.subhome .main li.last {
	border-right: 0;
	padding-right: 0;
	margin-right: 0;
}

.subhome .main li ul {
	width: auto;
}

.subhome .main li div {
	background-color: #f3f3f3;
	height: 120px;
}

.subhome .main li div ul {
	padding-bottom: 10px;
}

.subhome .main li li {
	width: 184px;
	border: 0;
	margin: 0;
	padding: 1px 0px 1px 22px;
	display: inline;
	background: url(img/menu_sprite.gif) no-repeat scroll 11px -158px;
}

#content.subhome h1 {
	display: none;
}

#content.subhome h2 {
	border: 0;
	padding: 0 10px 0 0;
}

#content.subhome .main h3 {
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	border: 0;
	padding: 10px 0 0 10px;
	margin: 0;
}

.subhome .snippet-nieuwslijst {
	float: left;
	margin-right: 10px;
	clear: none;
	width: 310px;
}

/* IE HeEFT FIX NODIG IN BREEDTE !! */

.subhome .snippet-nieuwslijst h3 {
	padding-bottom: 10px;
}

.subhome .snippet-nieuwslijst li a {
	float: left;
}

/* INDIEN SLECHTS 1 FLOATING ELEMENT IN CONTAINER DAN 3PX BUG IN IE; oplossing alles floaten !! */

.subhome .snippet-nieuwslijst li {
	clear: left;
}

.subhome #sub .snippet-nieuwslijst {
	border-bottom: 1px solid #d4d4d4;
}

.subhome #sub div.snippet {
	padding-bottom: 10px;
}

.subhome .carousel {
	border: 1px solid #d4d4d4;
	float: right;
}

.subhome .carousel li {
	width: 194px;
	float: left;
	overflow: hidden !important;
	display: inline;
	margin: 10px 10px 10px 10px;
	padding-bottom: 10px;
}

.subhome .carousel p.buttons {
	border-bottom: 1px solid #d4d4d4;
	text-align: right;
	background-color: #f3f3f3;
	padding: 5px;
}

.subhome .carousel h4 {
	width: 160px;
}

/*
	#################
	
	##home page
	
	###############################################
*/

/*
	form styling
*/

fieldset fieldset span {
	font-weight: normal;
	width: 180px;
	float: left;
}

fieldset fieldset label {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	vertical-align: top;
}

/* margin-right na opmerking lectric */

label.iv {
	clear: left;
	margin-left: 180px;
	width: 284px;
}

fieldset p {
	border-top: 1px solid #fff;
	margin: 0 0 10px 0;
}

fieldset p input {
	margin: 0;
}

fieldset p label,
fieldset p span {
	float: left;
}

fieldset p label:first-child,
		fieldset p span:first-child,
		fieldset p .first {
	width: 180px;
	clear: left;
}

.IEinput, IEselect, textarea {
	border: 1px solid #ccc;
	padding: 2px 0 2px 5px;
	font-size: 12px;
	color: #515151;
}

fieldset p input {
	width: 256px;
}

/* HUH ?? */

fieldset select {
	width: 286px;
}

fieldset p textarea {
	width: 256px;
}

.mail-overlay fieldset p textarea {
	width: 200px;
}

.extras fieldset select {
	width: 170px;
}

.buttons li.default {
	float: right;
}

fieldset fieldset.iv label {
	margin-bottom: 2px;
}

fieldset fieldset.iv {
	padding-bottom: 10px;
}

/* CHECKBOX EN RADIO */

.IEcheckbox {
	margin: 2px 8px 1px 0;
}

.IEradio {
	margin: 2px 4px -2px 0;
}

#content.formulier .IEinput {
	width: 256px;
}

/* in FF mag dit 260 zijn, in IE 256, gaan we oplossen eigen IE css */

#content.formulier .IEselect {
	width: 262px;
}

#content.formulier label.iv {
	width: 256px;
}

#content.formulier textarea {
	width: 256px;
}

#content.formulier fieldset {
	padding-bottom: 16px;
}

#content.formulier fieldset fieldset.iv {
	padding-bottom: 10px;
}

#content.formulier fieldset fieldset.ih {
	padding-bottom: 5px;
}

#content.bestellen .IEinput {
	width: 275px;
}

/* in FF mag dit 260 zijn, in IE 256, gaan we oplossen eigen IE css */

#content.bestellen .IEselect {
	width: 275px;
}

#content.bestellen label.iv {
	width: 275px;
}

#content.bestellen textarea {
	width: 275px;
}

#content.bestellen fieldset {
	padding-bottom: 16px;
}

#content.bestellen fieldset fieldset.iv {
	padding-bottom: 10px;
}

#content.bestellen fieldset fieldset.ih {
	padding-bottom: 5px;
}

.mail-overlay fieldset .IEinput {
	width: 208px;
	float: right;
}

.mail-overlay fieldset p textarea {
	width: 208px;
	float: right;
}

/*
	mijnpaginas.html
*/

.mijnpaginas #main ul {
	margin: 10px 0 0 10px;
}

.mijnpaginas .main .ieSubmit {
	margin: 10px 0 0 10px;
}

.mijnpaginas #main .IEcheckbox {
	margin-left: 0;
}

.mijnpaginas .main li {
	display: block;
	overflow: hidden;
	padding: 2px 0;
}

.mijnpaginas .main li label {
	float: left;
	width: 645px;
	white-space: nowrap;
	overflow: hidden;
	color: #a21645;
	cursor: pointer;
}

.mijnpaginas .intro {
	padding-top: 10px;
}

/**
	.thema-overzicht.html
**/

.thema-overzicht .article .intro {
	margin-bottom: 20px;
}

/**
	publicatie-item.html
**/

/*
	meta
*/

#content .meta {
	margin: 0;
	/*TODO: waarom was dit 10 0 ?? */
	/*line-height: 20px;*/
}

.meta li span {
	float: left;
	width: 140px;
}

/** 
	publicaties.html 
**/

ul.publicaties {
	margin: 10px 0 0 10px;
}

ul.publicaties li {
	margin-bottom: 18px;
}

ul.publicaties li strong {
	display: block;
}

#content .publicaties li li {
	display: inline;
	color: #a8a8a8;
	border-left: 1px solid #c2c2c2;
	padding: 0 10px;
	line-height: 24px;
	margin-bottom: 0;
}

#content .publicaties li li.first {
	border: none;
	padding-left: 0;
}

#content .paging {
	text-align: center;
	display: block;
	margin: 10px 0;
}

ul.paging {
	padding: 8px 0 0 0;
	margin: 0;
	border-top: 1px solid #D3D3D3;
}

.paging li {
	display: inline;
}

/*.paging a,
.paging strong {
	padding: 0 3px;
}*/

.paging .current a {
	font-weight: normal;
	color: #fff;
	background-color: #A21645;
}

.paging .next {
	border-left: 1px solid #c2c2c2;
	background: url(img/kpc-sprite.gif) no-repeat -131px 1px;
	padding: 0 16px 0 6px;
}

.paging .prev {
	border-right: 1px solid #c2c2c2;
	background: url(img/kpc-sprite.gif) no-repeat -191px -293px;
	padding: 0 6px 0 16px;
}

#content.publicaties #main ul.publicaties dt {
	margin: 0;
	padding: 0;
}

/**
	sub thema overzicht
**/

.subthema-overzicht .snippet-tekst-met-plaatje {
	margin-bottom: 15px;
}

/**
	thema overzicht
**/

.thema-overzicht .visual {
	float: left;
	width: 150px;
	margin-right: 10px;
	outline: 1px dotted #c2c2c2;
	overflow: hidden;
}

.thema-overzicht .main dl {
	float: left;
	width: 330px;
	clear: left;
}

.thema-overzicht .main dl.even {
	margin-left: 20px;
	clear: none;
}

/**
	training.html
**/

.training h2 input {
	float: right;
}

/**
	trainingen.html
**/

#content .resultaat {
	padding: 5px 10px 10px 10px;
}

#content .resultaat li {
	padding: 0 0 10px 0;
}

ul.linkList {
	margin-left: 10px;
}

/**
	.buttons
**/

.buttons li {
	float: left;
	margin-right: 5px;
}

.buttons li a {
	height: 24px;
}

.buttons li a span {
	width: auto;
	padding-left: 20px;
	margin-top: 5px;
	display: block;
}

/**
	zoekresultaten.html
**/

.bc li {
	display: inline;
	color: #a8a8a8;
	padding: 0 10px 0 0;
}

.bc li a {
	border-left: 1px solid #c2c2c2;
	padding-left: 10px;
}

#corp .ajaxify {
	position: relative;
	position: relative;
	z-index: 1000;
	border: 1px solid #c2c2c2;
	text-align: left;
	right: 25px;
	top: 69px;
	width: 195px;
	margin: 0;
	padding: 5px 0;
	background-color: #fff;
	opacity: .94;
	overflow:hidden;
	float: left;
}

#wrapper.home #corp ul.ajaxify {
	top: 26px;
	/*left: 705px;*/
	right: 24px;
	z-index: 1000;
}

#corp .ajaxify li {
	display: list-item;
	position: relative;
	z-index: 1000;
}

#corp .ajaxify li a {
	color: #000;
	text-decoration: none;
	padding: 2px 0 3px 16px;
	background: url(img/kpc-sprite.gif) 0 -95px no-repeat;
	width: 164px;
	display: block;
	z-index: 1000;
}

#corp .ajaxify li a:hover {
	text-decoration: underline;
	background-color: #F2F2F2;
}

/*
	.sub
*/

#sub .menu {
	margin-bottom: 20px;
}

#sub .menu li {
	border-bottom: 1px solid #c2c2c2;
}

#sub .menu li a {
	padding: 12px;
	font-weight: bold;
	color: #262626;
	text-decoration: none;
	display: block;
	width: 206px;
}

#sub .menu li a:hover {
	/*background: #fefefe url(img/kpc-sprite.gif) repeat-x 0 bottom;*/
}

#sub .menu li.active a {
	color: #910030;
	/*background: url(img/kpc-sprite.gif) no-repeat -180px 6px;*/
	padding-left: 12px;
	width: 180px;
}

#sub .menu li.active li a:hover {
	background-image: none;
}

#sub .menu li ul {
	display: none;
}

#sub .menu li.active {
	background-color: #f2f2f2;
}

#sub .menu li.active ul {
	display: block;
	margin: 0 0 12px 14px;
}

#sub .menu li.active li {
	padding: 1px 12px;
	border-bottom: none;
}

#sub .menu li.active li a {
	background: url(img/kpc-sprite.gif) no-repeat -192px -141px;
	color: #262626;
	text-decoration: underline;
	font-weight: normal;
	padding: 4px 0 4px 12px;
}

#sub .menu li.active a:hover {
	/*background: url(img/kpc-sprite.gif) no-repeat -180px 14px;*/
}

#sub .menu li.active li a:hover {
	background: url(img/kpc-sprite.gif) no-repeat -192px 6px;
	color: #910030;
}

#sub .menu li.active li.active a {
	background: url(img/kpc-sprite.gif) no-repeat -192px 6px;
	font-weight: bold;
}

/*
	snippets
*/

#sub .snippet {
	position: relative;
}

.extras dl.snippet {
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
	clear: left;
	display: inline-block;
}

.extras .snippet dt {
	width: 140px;
	padding-left: 0;
}

.publicatie-item .snippet-tekst-met-plaatje dt,
.trainingen .snippet-tekst-met-plaatje dt {
	width: 288px;
}

.snippet-tekst-met-plaatje .article {
	margin-left: 10px;
}

.sub .snippet-laatst-bekeken dt,
.extras .snippet-tekst-met-plaatje dt,
.subthema-overzicht dt,
.thema-overzicht .main dt,
.tekst dt,
.trainingen .snippet-tekst dt,
.zoek-resultaten .snippet-tekst dt {
	width: 100%;
}

#content.subthema-overzicht .snippet-tekst-met-plaatje dt,
#content.tekst .main .snippet-tekst-met-plaatje dt,
#content.thema-overzicht .main dt,
#content.trainingen .snippet dt {
	border: none;
}

dt a {
	color: #000;
}

dt a:hover {
	text-decoration: none;
}

dt .fn {
	display: block;
	font-size: 11px;
	font-weight: normal;
	margin-top: 5px;
}

.extras .carousel .snippet dt {
	font-size: 11px;
}

.extras .carousel .snippet dd p {
	margin: 0;
	padding: 0;
}

#content.overheid .main .snippet dt {
	width: 288px;
	border-bottom: none;
}

#content.publicaties #main ul.publicaties .snippet dt {
	width: 300px;
	border-bottom: none;
}

.snippet dt {
	font-weight: bold;
	float: right;
	/* margin-bottom: 5px; */
}

.snippet-laatst-bekeken dt {
	float: none;
}

#content .snippet-tekst-met-plaatje dt,
.snippet h3 {
	border-bottom: 1px solid #c2c2c2;
	margin-bottom: 10px;
}

.snippet h3 {
	padding-left: 10px;
}

#sub div.snippet {
	padding-bottom: 24px;
}

#sub div.snippet .IEsubmit {
	margin-left: 10px;
}

.snippet h3 .popup {
	display: inline-block;
	width: 16px;
	height: 16px;
	text-indent: 22px;
	overflow: hidden;
	background: url(img/kpc-sprite.gif) no-repeat;
	float: left;
	margin: 3px 0 0 123px;
}

.snippet dd p {
	padding: 0;
	margin: 0;
}

.snippet dd.img img {
	float: left;
	margin: 0 10px 5px 0;
}

.snippet ul {
	margin-bottom: 10px;
}

.snippet-gerelateerde-content a {
	/*padding-left: 16px;*/
	line-height: 20px;
	/*background: url(img/kpc-sprite.gif) no-repeat 3px -95px;*/
}

.snippet-gerelateerde-content ul {
	margin-left: 10px;
}

.bestellijst p {
	margin: 10px 10px 18px 10px;
	padding: 0;
}

.extras fieldset.snippet-filter {
	padding: 0px 10px 18px 10px;
	width: 210px;
}

#last-filter {
	padding-bottom: 0;
}

.extras fieldset.snippet-filter strong {
	display: block;
}

.extras fieldset.snippet-filter .IEselect {
	margin-top: 4px;
}

.extras fieldset.snippet-filter ul {
	margin: 10px 0;
}

.extras fieldset.snippet-filter ul li {
	margin: 0 0 2px 0;
}

.snippet-nieuwslijst li {
	padding: 2px 10px 2px 90px;
}

.snippet-nieuwslijst li .dtstamp {
	float: left;
	margin-left: -90px;
	padding-left: 10px;
}

.snippet a.more {
	padding: 0 0 8px 11px;
	width: 100%;
	float: left;
}

/* 
=================================================================
ALLES OP DE SCHOP SNIPETS MOGEN ZELF VAN HTML WORDEN VOORZIEN ... */

/*
soorten snippets:
1) snippet-tekst-met-plaatje (titel met cms html content eronder)
2) snippet-gerelateerde-content (titel en link)
3) snippet-visual (alleen plaatje eventueel klikbaar)
4) snippet-links (eventueel nieuw window en breedte en hoogte new window)
5) snippet-laatst-bekeken
6) bestellijst
*/

div.snippet-tekst-met-plaatje,
.snippet-gerelateerde-content,
.snippet-visual {
	margin: 20px 0 0 0;
}

div.snippet-tekst-met-plaatje img {
	float: left;
	margin: 0 10px 0 0;
}

div.snippet-tekst-met-plaatje h3 {
	margin: 0 0 10px 0;
}

div.snippet-visual img {
	margin: 5px 10px;
}

.bestellijst h3 {
	background: url(img/kpc-sprite.gif) no-repeat 7px -661px;
	text-indent: -9999px;
	height: 24px;
}

.snippet-laatst-bekeken h3 {
	display: block;
	background: url(img/kpc-sprite.gif) no-repeat 7px -629px;
	height: 24px;
}

.snippet-laatst-bekeken em {
	display: none;
}

#laatst-bekeken-uitleg p {
	margin: 0;
	padding: 0 4px 1em 4px;
}

#laatst-bekeken-uitleg h4 {
	font-size: 12px;
	padding-left: 4px;
}

.snippet-laatst-bekeken input.ieSubmit,
.bestellijst input.ieSubmit {
	margin-left: 10px;
}

.snippet-filter ul li {
	padding: 2px 0;
}

.extras .snippet .leesverder,
.snippet-tekst-met-plaatje .leesverder {
	margin-left: 10px;
}

/* 
================================================================= */

a.rss-link {
	background: url(img/kpc-sprite.gif) no-repeat 24px -688px;
	text-indent: -9999px;
	height: 23px;
}

h1.nieuws {
	background: url(img/kpc-sprite.gif) no-repeat 10px -599px;
	height: 23px;
	margin-bottom: 10px;
}

h1.nieuws em {
	display: none;
}

h3.adviseur {
	background: url(img/kpc-sprite.gif) no-repeat 9px -575px;
	height: 23px;
	text-indent: -9999px;
}

h2.filter {
	/*background: url(img/kpc-sprite.gif) no-repeat 9px -547px;*/
	/*height: 23px;*/
	margin-bottom: 10px;
	/*text-indent: -9999px;*/
}

h3.nieuws {
	background: url(img/kpc-sprite.gif) no-repeat 9px -520px;
	height: 23px;
	text-indent: -9999px;
}

/*
	#footer
*/

#footer {
	border-top: 1px solid #c2c2c2;
	margin-top: 20px;
	color: #525252;
}

#footer.subhome {
	border-top: 0;
	margin-top: 0;
}

#footer ul {
	float: right;
}

#footer li {
	float: left;
}

#footer li a {
	text-decoration: none;
	color: #525252;
	padding: 0 8px;
}

#footer li a:hover {
	text-decoration: underline;
}

#footer p {
	float: left;
	margin: 0;
	padding: 0;
}

#footer .fn,#footer .street-address,#footer .locality {
	padding-right: 8px;
	margin-right: 4px;
	border-right: 1px solid #c2c2c2;
}

/**
 * clearFix
 */

.clearfix:after,
#content:after,
#crumbpath:after,
fieldset p:after,
.carousel ul:after,
.util:after,
.snippet:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* for modern browsers, firefox, safari, camino, opera, shira, icab and flock */

* html .clearfix,
* html #content,
* html #crumbpath,
* html fieldset p,
* html .carousel ul,
* html .util {
	height: 1%;
	overflow: visible;
}

/** for IE 5+ IE 6 */

*:first-child+html .clearfix,
*:first-child+html #content,
*:first-child+html #crumbpath,
*:first-child+html fieldset p,
*:first-child+html .carousel ul,
*:first-child+html .util {
	min-height: 1px;
}

/** for IE 7 */

/**
 * /clearFix
 */

.extras .carousel .buttons {
	text-align: right;
	background-color: #f3f3f3;
	float: left;
	margin-top: 12px;
	padding: 6px;
	width: 218px;
}

.carousel .buttons button {
	width: 16px;
	height: 16px;
	background: #f3f3f3 url(img/kpc-sprite.gif) no-repeat 0 -352px;
	border: none;
	overflow: hidden;
	text-indent: 20px;
	margin: 2px;
	cursor: pointer;
}

.carousel .buttons button.next {
	background-position: -50px -352px;
}

.carousel h4 {
	padding: 0;
}

#content.training #main {
	position: relative;
}

#content.training #main .util {
	position: relative;
	top: 10px;
	right: 0px;
}

#content.training #main .formInschrijven {

/* clear: right; float: right; margin: 8px 11px 0 0; */ position: absolute;
	right: 10px;
	margin-top: -10px;
}

#content.training #main h2 {
	border: none;
	font-size: 13px;
}

#content.training #main .article h3 {
	border: none;
	font-size: 11px;
	padding: 0;
	margin: 0;
}

#content.training #main .main .article {
	margin-top: -10px;
	/*margin-left: 10px;*/
}

#content.training #main .article span.fn {
	padding-bottom: 12px;
	display: block;
}

/* DIT GELDT ALGEMEEN */

#main .article ul.meta {
	margin: 18px 0 14px 0;
}

#content ul.nieuwslijst li {
	padding: 3px 0;
}

#content #main .article .snippet-tekst-met-plaatje dt, #content #main .article .snippet-tekst dt {
	border-bottom: 0;
	padding: 0;
	margin: 0 0 8px 0;
	border-bottom: 0;
	font-size: 13px;
}

#content.publicatie-item #main .article dt .fn {
	margin-top: 0;
}

#content #main .article .snippet-tekst-met-plaatje dd p {
	margin: 0 0 1em 0;
}

#sub .snippet-laatst-bekeken ul {
	margin: 0 0 18px 10px;
}

.snippet-laatst-bekeken h3 em {
	float: left;
	font-style: normal;
}

.laatst-bekeken dt em {
	float: left;
	font-style: normal;
}

#content.zoek-resultaten .article em {
	font-style: normal;
}

#content.zoek-resultaten .article {
	padding-top: 10px;
	margin-bottom: 18px;
	background-color: #f2f2f2;
}

#content.zoek-resultaten h1 {
	margin-bottom: 15px;
}

ul.resultaten {
	margin-left: 10px;
}

ul.resultaten dl {
	display: inline-block;
}

ul.resultaten li {
	margin-bottom: 12px;
}

hr.clear {
	border: 0;
	color: #fff;
	height: 12px;
	padding: 0;
	margin: 0;
	clear: left;
}

* html hr.clear {
	margin: -8px 0;
}

/* IE FIX */

/* sIFR settings overhere */

h2 {
	word-spacing: 0;
	letter-spacing: 0;
}

h2 a {
	color: #a30046;
	text-decoration: none;
}

html>body .trainingen .util li input {
	margin-left: 5px;
	margin-right: 5px;
	
}

ul.linkpijlrood {	
	margin: 0;
}

.article ul.linkpijlrood {
	margin-top: -10px;
}

.snippet-tekst-met-plaatje .article ul.linkpijlrood {
	margin-top: 0px;
}

.captchaWrapper {
	display:inline;
	float:left;
	margin:1px 30px 0 4px;
}

.captchaInput 
{
	float:left;
}