/* FONTS
------------------------------------------ */
@font-face {
    font-family: 'brandon_grotesqueblack';
    src: url('fonts/brandongrotesque-black-webfont.eot');
    src: url('fonts/brandongrotesque-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandongrotesque-black-webfont.woff') format('woff'),
         url('fonts/brandongrotesque-black-webfont.ttf') format('truetype'),
         url('fonts/brandongrotesque-black-webfont.svg#brandon_grotesqueblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesqueblack_italic';
    src: url('fonts/brandongrotesque-blackitalic-webfont.eot');
    src: url('fonts/brandongrotesque-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandongrotesque-blackitalic-webfont.woff') format('woff'),
         url('fonts/brandongrotesque-blackitalic-webfont.ttf') format('truetype'),
         url('fonts/brandongrotesque-blackitalic-webfont.svg#brandon_grotesqueblack_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('fonts/brandongrotesque-bold-webfont.eot');
    src: url('fonts/brandongrotesque-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandongrotesque-bold-webfont.woff') format('woff'),
         url('fonts/brandongrotesque-bold-webfont.ttf') format('truetype'),
         url('fonts/brandongrotesque-bold-webfont.svg#brandon_grotesquebold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesquebold_italic';
    src: url('fonts/brandongrotesque-bolditalic-webfont.eot');
    src: url('fonts/brandongrotesque-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandongrotesque-bolditalic-webfont.woff') format('woff'),
         url('fonts/brandongrotesque-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/brandongrotesque-bolditalic-webfont.svg#brandon_grotesquebold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesquelight';
    src: url('fonts/brandongrotesque-light-webfont.eot');
    src: url('fonts/brandongrotesque-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandongrotesque-light-webfont.woff') format('woff'),
         url('fonts/brandongrotesque-light-webfont.ttf') format('truetype'),
         url('fonts/brandongrotesque-light-webfont.svg#brandon_grotesquelight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesquelight_italic';
    src: url('fonts/brandongrotesque-lightitalic-webfont.eot');
    src: url('fonts/brandongrotesque-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandongrotesque-lightitalic-webfont.woff') format('woff'),
         url('fonts/brandongrotesque-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/brandongrotesque-lightitalic-webfont.svg#brandon_grotesquelight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesquemedium';
    src: url('fonts/brandongrotesque-medium-webfont.eot');
    src: url('fonts/brandongrotesque-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandongrotesque-medium-webfont.woff') format('woff'),
         url('fonts/brandongrotesque-medium-webfont.ttf') format('truetype'),
         url('fonts/brandongrotesque-medium-webfont.svg#brandon_grotesquemedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesqueMdIt';
    src: url('fonts/brandongrotesque-mediumitalic-webfont.eot');
    src: url('fonts/brandongrotesque-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandongrotesque-mediumitalic-webfont.woff') format('woff'),
         url('fonts/brandongrotesque-mediumitalic-webfont.ttf') format('truetype'),
         url('fonts/brandongrotesque-mediumitalic-webfont.svg#brandon_grotesqueMdIt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesque_regularRg';
    src: url('fonts/brandongrotesque-regular-webfont.eot');
    src: url('fonts/brandongrotesque-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandongrotesque-regular-webfont.woff') format('woff'),
         url('fonts/brandongrotesque-regular-webfont.ttf') format('truetype'),
         url('fonts/brandongrotesque-regular-webfont.svg#brandon_grotesque_regularRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesqueRgIt';
    src: url('fonts/brandongrotesque-regularitalic-webfont.eot');
    src: url('fonts/brandongrotesque-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandongrotesque-regularitalic-webfont.woff') format('woff'),
         url('fonts/brandongrotesque-regularitalic-webfont.ttf') format('truetype'),
         url('fonts/brandongrotesque-regularitalic-webfont.svg#brandon_grotesqueRgIt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesquethin';
    src: url('fonts/brandongrotesque-thin-webfont.eot');
    src: url('fonts/brandongrotesque-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandongrotesque-thin-webfont.woff') format('woff'),
         url('fonts/brandongrotesque-thin-webfont.ttf') format('truetype'),
         url('fonts/brandongrotesque-thin-webfont.svg#brandon_grotesquethin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesquethin_italic';
    src: url('fonts/brandongrotesque-thinitalic-webfont.eot');
    src: url('fonts/brandongrotesque-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandongrotesque-thinitalic-webfont.woff') format('woff'),
         url('fonts/brandongrotesque-thinitalic-webfont.ttf') format('truetype'),
         url('fonts/brandongrotesque-thinitalic-webfont.svg#brandon_grotesquethin_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* THE NEXT PAGE
------------------------------------------ */

.TNP_HoofdstukTitel span{
    font-family: 'brandon_grotesquemedium' !important;
	text-transform: uppercase !important;
}

.TNP_Paginanummering span,
.TNP_Documenten span,
.TNP_Stappenplan span,
.TNP_Avatar span,
.TNP_Instructie span{
	font-family: 'brandon_grotesquemedium' !important;
}

.TNP_PaginaTitel span{
	font-family: 'brandon_grotesquemedium' !important;
	font-size: 14pt !important;
}

.TNP_Vraagtekst span,
.TNP_Videoinstructie span {
	font-family: 'brandon_grotesquemedium' !important;
	font-size: 14pt !important; 
	color: #000000 !important; 
}

.TNP_SectieTitel span{
	font-family: 'brandon_grotesque_regularRg' !important;
	font-size: 14pt !important;
	color: #000000 !important;
}

.TNP_MeerWeten span{
	font-family: 'brandon_grotesque_regularRg' !important;
}

.TNP_MenuTitel span {
	font-family: 'brandon_grotesque_regularRg' !important;
	font-size: 18pt !important;
}

.TNP_Standaardtekst span{
	font-family: Arial !important;
	font-size: 12pt !important;
	line-height: 130% !important;
	color: #3c3c3c!important;
}
/* INVULVELDEN
------------------------------------------ */

.inputbox textarea {
	border: none !important;
}

.inputboxdossier textarea {
	border: none !important;
	background: transparent !important;
}

/* MENU
------------------------------------------ */
.TNP_MenuHover span:hover {
	color: #000 !important;
}

/* POLL
------------------------------------------ */
div#OPP-div-around-poll { 
	width: 600px !important; 
	height: 400px !important; 
}