/* Stylesheet Volgende Keer Beter, algemeen
 * Version: $Id: volgendekeerbeter.css,v 1.14 2010/04/27 11:44:55 telnotap Exp $
 */
/* toevoeging Leidi, overriding standaard balkdefinities restyling augustus 2009*/
body #balk #logo_container {
	margin-right: 2%;
	margin-left: 2%;
}

/* NPO button; is een include */
body #balk #logo_container .balkonderdeel #zapp_button_container,
body #balk #logo_container .balkonderdeel #npo_button_container {
  margin-top: 2px; 
}
/* EINDE overriding algemene balkdefinities */


.noCss {
	display: none;
}

/************************************************/
/* -------- algemene pagina definities -------- */
/************************************************/
html,
body
{
	margin:0;
	padding:0;
}

html
{
	font:10px/10px arial, sans-serif;
	/* Vanaf hier worden procenten gebruikt voor alles wat met tekst heeft te maken. 120% = 12px, 180% = 18px etc */
	background:white no-repeat center top url(../gfx/body_top.jpg);
}

body
{
	text-align:center; /* Voor het centreren van de sitecontainer */
	background:transparent no-repeat center bottom url(../gfx/body_bottom.gif);
}

img
{
	border:0;
}

hr
{
	display:none;
}

/***********************************************/
/* ---------------  basislayout -------------- */
/***********************************************/

#sitecontainer
{
	position:relative;
	width:975px;
	margin:0 auto;
	padding:167px 0 0 0;
	text-align:left;
}

#linkernavigatie
{
	width:238px;
	float:left;
}

#inhoud
{
	width:458px;
	float:left;
	padding:44px 0 0 0;
	font-size:120%;
	line-height:180%;
}

#extrainhoud
{
	width:279px;
	float:left;
	padding:44px 0 0 0;
}

#voettekst
{
	height:131px;
	clear:both;
	text-align:center;
}

/************************************************/
/* --------------- links in the site ---------- */
/************************************************/
a, a:active, a:link, a:visited
{
	color:#004c97;
	text-decoration:underline;
}

a:hover
{
	text-decoration:none;
}

/****************************************************/
/* --------------- headers en paragrafen ---------- */
/****************************************************/

h1, h2, h3, h4, h5, h6
{
	font-weight:bold;
	font-style:italic;
	color:#a40507;
	margin:0;
	padding:0;
}

h1
{
	font-size:150%;
	line-height:160%;
	margin:0 10px 0 10px;
}

h2
{
	font-size:150%;
	line-height:160%;
	margin:0 10px;
	padding:0 0 0 18px;
	clear:both;
	background:repeat-x 0 50% url(../gfx/bg_h2.gif);
}

h3
{
	font-size:140%;
	line-height:160%;
}

h4
{
	font-size:120%;
	line-height:140%;
}

h5
{
	font-size:110%;
	line-height:130%;
}

h6
{
	font-size:100%;
	line-height:120%;
}

p
{
	margin:0 0 1.5em 0;
}

#inhoud ul,
#extrainhoud div.paragraphs ul
{
	list-style:none;
	margin:0 0 1.5em 0;
	padding:0;
}

#inhoud ul li,
#extrainhoud div.paragraphs ul li
{
	padding:0 0 0 9px;
	background:no-repeat 0 7px url(../gfx/bg_h3.gif);
}

#extrainhoud div.paragraphs ul li
{
	font-size:120%;
	line-height:150%;
	background-position:0 50%;
}

/*************************************/
/* ---------- formulieren ---------- */
/*************************************/

fieldset
{
	margin:0;
	padding:0;
	border:0;
}

form fieldset label
{
	display:block;
	float:left;
	width:100px;
	padding-left:30px;
}

form fieldset input,
form fieldset textarea
{
	font:12px/14px arial, sans-serif;
	background:#f1f7fc;
}

form fieldset p,
form fieldset div.input
{
	margin:0 0 5px 0;
}

form fieldset p input[type=submit]
{
	margin:0 0 0 100px;
}

/********************************************/
/* --- afbeelding met afgeronden hoeken --- */
/********************************************/

.afbeelding {
	position: relative;
	top:3px;
	margin-bottom:10px;
}

.afbeelding img {
	display: none;
}

.afbeelding.links
{
	float:left;
	margin-right:18px;
}

.afbeelding.rechts
{
	float:right;
	margin-left:18px;
}

.afbeelding .corners_top,
.afbeelding .corners_bottom {
	position: absolute;
	width: 100%;
	top: 0px;
}

.afbeelding .corners_bottom {
	top: auto;
	bottom: 0px;
}

.afbeelding .corners_top .left,
.afbeelding .corners_top .right,
.afbeelding .corners_bottom .left,
.afbeelding .corners_bottom .right {
	background-image: url(../gfx/round_corners.png);
	width: 7px;
	height: 7px;
	float: left;		
}

.afbeelding .corners_top .right {
	background-position: -7px 0px;
	float: right;			
}

.afbeelding .corners_bottom .left {
	background-position: -14px 0px;
}

.afbeelding .corners_bottom .right {
	background-position: -21px 0px;
	float: right;
}

/*****************************************/
/* ------------ navigatie -------------- */
/*****************************************/

#hoofdnavigatie,
#voetnavigatie,
#kruimelpad ul
{
	margin:0;
	padding:0;
	list-style:none;
}

#hoofdnavigatie li,
#voetnavigatie li,
#kruimelpad ul li
{
	margin:0;
	padding:0;
}

#hoofdnavigatie
{
	padding-top:1px !important;
}

#hoofdnavigatie li
{
	text-align:right;
	display:block;
	overflow:hidden;
}

#hoofdnavigatie li a
{
	display:block;
	font-size:140%;
	line-height:32px;
	font-weight:bold;
	height:32px;
	overflow:hidden;
	color:#40688f;
	text-decoration:none;
	padding:0 49px 0 0;
	background:no-repeat top right url(../gfx/bg_nav_item.gif);
}

#hoofdnavigatie li a:hover
{
	color:#5d5d5d;
}

#hoofdnavigatie li.hierbenik a
{
	color:#5d5d5d;
	background-position:right -32px;
}

#voettekst ul
{
	padding:55px 0 0 0;
}

#voettekst ul li
{
	display:inline;
}

#voettekst ul li a
{
	text-decoration:none;
	color:white;
	font-size:120%;
	line-height:40px;
	margin:0 10px;
	padding:0 5px;
}

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

/*-- Paginering --*/

ul .paginering {
  margin-top: 10px;
  clear:both;
  list-style: none;
}

#inhoud ul.paginering li {
  display: inline;
  background-image: none;
}

/************************************************/
/* --------------- siteonderdelen ------------- */
/************************************************/
#logo
{
	position:absolute;
	top:0;
	left:0;
	width:630px;
	height:125px;
	background:no-repeat 263px 40px url(../gfx/slogan.gif);
}

#logo a
{
	display:block;
	position:absolute;
	top:7px;
	width:225px;
	height:100px;
}

#kruimelpad
{
	position:absolute;
	top:179px;
	left:248px;
	width:377px;
	height:18px;
	padding:0 60px 0 0;
	overflow:hidden;
	border-bottom:1px solid #eaeaea;
}

#kruimelpad li
{
	float:left;
}

#kruimelpad li,
#kruimelpad li a
{
	font-size:12px;
	line-height:18px;
	height:18px;
	text-decoration:none;
	color:black;
}

#kruimelpad li a
{
	color:#004b96;
	padding:0 8px 0 0;
	margin:0 3px 0 0;
	background:no-repeat 100% 5px url(../gfx/kruimel_divider.gif)
}

#zoekformulier
{
	position:absolute;
	top:176px;
	left:705px;
	width:263px;
	height:21px;
	background:no-repeat top left url(../gfx/bg_zoek.gif);
}

#zoekformulier input.searchvalueinput
{
	position:absolute;
	top:0;
	left:0;
	width:202px;
	height:21px;
	border:0;
	margin:0;
	padding:2px 5px;
	font-size:12px;
	line-height:17px;
	background:transparent;
}

input.searchbutton
{
	position:absolute;
	top:0;
	left:202px;
	border:0;
	margin:0;
	padding:0;
	width:61px;
	height:21px;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	text-indent:-4096px;
	cursor:pointer;
	cursor:hand;
	background:no-repeat top left url(../gfx/btn_zoek.gif);
}

#inhoud div.opties
{
	position:absolute;
	top:181px;
	left:640px;
	width:60px;
}

#inhoud div.opties a.print
{
	display:block;
	position:absolute;
	top:0;
	right:40px;
	width:12px;
	height:12px;
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;
	text-indent:-4096px;
	overflow:hidden;
	background:no-repeat top left url(../gfx/btn_print.gif);
}

#inhoud div.opties a.letters
{
	text-decoration:none;
	line-height:12px;
	height:12px;
}

#inhoud div.opties a.letters span
{
	display:none;
}

#inhoud div.opties a#fontIncrease,
#inhoud div.opties a#fontDecrease
{
	position:absolute;
	top:1px;
	right:14px;
	width:20px;
	height:11px;
}

#inhoud div.opties a#fontIncrease
{
	background:no-repeat top left url(../gfx/btn_groot.gif);
}

#inhoud div.opties a#fontDecrease
{
	background:no-repeat top left url(../gfx/btn_klein.gif);
}

#btnPresentatie
{
	position:absolute;
	top:30px;
	left:646px;
	width:322px;
	height:123px;
}

/*
	Pagina: Home
*/

body.home #sitecontainer #kruimelpad
{
	border:0;
}

div.flashWide
{
	width:458px;
	height:242px;
}

/*
	Pagina: Artikelen
*/

div.paginaelement,
div.faq
{
	margin:0 10px 18px 10px;
	padding:0 0 5px 0;
	background:repeat-x 0 100% url(../gfx/bg_h2.gif);
}

#inhoud div.tekst p
{
	margin:0 0 1em 0 !important;
}

div.faq
{
	background:transparent;
}

#inhoud div.paginaelementVoorH2
{
	background:transparent;
	margin-bottom:9px;
	padding-bottom:0;
}

div.paginaelement div.paginaelement
{
	margin-left:0;
	margin-right:0;
}

div.article h3,
div.homep h3
{
	font-size:100%;
	line-height:110%;
	margin:0;
	padding:0 0 2px 0;
}

div.article h3 a,
div.homep h3 a
{
	display:inline;
	text-decoration:none;
	padding:0 0 0 9px;
	background:no-repeat 0 50% url(../gfx/bg_h3.gif);
}

div.article h6,
div.homep h6
{
	font-size:90%;
	line-height:180%;
	margin:0;
	padding:0;
	font-weight:normal;
	font-style:normal;
	color:#7f7f7f;
}

div.paginaelement p
{
	font-size:100%;
	line-height:150%;
}

div.article div.afbeelding
{
	float:left;
	margin:0 18px 5px 0;
}

body.article p.intro
{
}

body.article h4
{
	font-size:90%;
	line-height:180%;
	margin:0;
	padding:0;
	font-weight:normal;
	font-style:normal;
	color:#7f7f7f;
}

/*
	Pagina: Episodes
*/

body.episodes div.program h2
{
	display:none;
}

body.episodes #inhoud > div.paginaelement
{
	background:transparent;
}

body.episodes div.episode h4
{
	text-transform:uppercase;
	color:#5d5d5d;
	font-size:80%;
	line-height:100%;
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
}

body.episodes div.episode h6
{
	font-size:120%;
	line-height:180%;
}

body.episodes div.episode p
{
	margin:0;
	padding:0;
}

body.episodes div.episode div.afbeelding.links,
body.episodes div.episode div.afbeelding.rechts
{
	float:right;
	margin-right:0;
	margin-left:18px;
}

body.episodes #inhoud div.episode ul
{
	margin:0;
	padding:0;
}

body.episodes #inhoud div.episode ul li
{
	margin:0;
	padding:0;
	background:none;
}

body.episodes div.episode ul li em
{
	font-weight:bold;
	font-style:normal;
	color:#5d5d5d;
}

/*
	Pagina: article_weblog
*/

body.article_weblog #inhoud div.paginaelement p
{
	margin:0;
}

body.article_weblog #inhoud div.afbeelding.links
{
	margin-left:12px;
}

#inhoud ul.meta
{
	margin:0;
	padding:0;
}

div.meta,
#inhoud ul.meta li
{
	color:#7F7F7F;
	font-size:80%;
	margin:0 10px 0;
	padding:0 0 5px;
	font-style:normal;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 0 12px;
	background:none;
}

#inhoud div.meta p
{
	text-transform:none;
	margin:0;
}

div.meta div.date,
#inhoud ul.meta li.category
{
	margin:0 5px 0 0;
	float:left;
}

#weblog div.meta
{
	margin:0 0 10px 0;
	padding:0;
	height:40px;
	background:transparent url(../gfx/bg_h2.gif) repeat-x scroll 0 100%;
}

#weblog div.meta div.aantalreacties
{
	float:left;
}

#weblog div.meta div.aantalreacties a
{
	text-decoration:none;
	font-size:150%;
	line-height:160%;
	color:#a40507;
	font-weight:bold;
	text-transform:none;
}

#weblog div.meta div.reactielink
{
	float:right;
}

#weblog div.meta div.reactielink a
{
	display:block;
	width:82px;
	height:21px;
	overflow:hidden;
	text-indent:-4096px;
	background:no-repeat top left url(../gfx/btn_reageer.gif);
}

#weblog a[name=commentform]
{
	display:none;
}

#weblog ul.reacties
{
	clear:both;
	margin:0;
	padding:0;
}

#weblog ul.reacties li
{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background:transparent url(../gfx/bg_h2.gif) repeat-x scroll 0 100%;
}

#weblog ul.reacties li div.reactiekop
{
	color:#7F7F7F;
	font-size:80%;
	font-style:normal;
	font-weight:normal;
}

#weblog ul.reacties li div.reactiekop br
{
	display:none;
}

#weblog ul.reacties li div.reactiekop strong
{
	color:black;
}

#weblog ul.reacties li p
{
	margin:0;
	padding:0;
}

#inhoud #weblog div.aantalreacties h4
{
	padding-left:0;
	background:none;
}

#weblog div.input
{
	margin:0 0 5px 0;
}

#weblog label
{
	padding:0;
}

#weblog input
{
	width:300px;
}

#weblog textarea
{
	width:300px;
}

#weblog input.submitsend
{
	padding:0;
	border:0;
	font:0px/0px sans-serif;
	width:129px;
	height:21px;
	cursor:pointer;
	cursor:hand;
	background:no-repeat top left url(../gfx/btn_plaats_reactie.gif);
}

#inhoud #weblog p.opmerking
{
	margin:0 0 0 100px;
	font-size:95%;
	color:#656565;
}

/*
	Pagina: search results
*/

body.search h2
{
	margin:0;
}

body.search p
{
	margin-left:12px;
}

form.inpagesearchform
{
	margin:0 0 2em 0;
	padding-left:10px;
}

form.inpagesearchform input#search_submit
{
	margin:0;
	padding:0;
	width:61px;
	height:21px;
	overflow:hidden;
	text-indent:-4096px;
	border:0;
	background:no-repeat top left url(../gfx/btn_zoek2.gif);
}

div#pagertop,
div#pagerbottom
{
	font-size:95%;
	color:#656565;
	text-transform:uppercase;
	margin:0 10px 18px;
}

div.searchitem
{
	margin:0 10px 18px;
	padding:0 0 5px;
	background:transparent url(../gfx/bg_h2.gif) repeat-x scroll 0 100%;
}

div.searchitem h4 a
{
	text-decoration:none;
	padding:0 0 0 9px;
	background:no-repeat 0 4px url(../gfx/bg_h3.gif);
}

div.searchitem p
{
	margin-left:0;
	padding:0;
}

/*
	Pagina: article_weblogpreview
*/

body.article_weblogpreview
{
	
}

body.article_weblogpreview #weblog
{
	margin:0 1em 0 10px;
	padding:0;
}

body.article_weblogpreview input.submitpreview
{
	display:none;
}

/*
	Pagina: Help/FAQ
*/

dl.faq
{
  margin: 2px 0 1em 0;
  clear: both;
}

dl.faq dt
{
	display:block;
	margin:0;
	padding:2px 0 4px 20px;
	font-weight:bold;
	font-style:italic;
	line-height:22px;
	color:#a40507;
	cursor:pointer;
	cursor:hand;
	background: url(../gfx/faq_plus.gif) no-repeat bottom left;
}

dl.faq dt.closed
{
	color:#004b96;
	background: url(../gfx/faq_plus.gif) no-repeat bottom left;
}


dl.faq dt.open
{
  background: url(../gfx/faq_min.gif) no-repeat 2px 6px;
}

dl.faq dd
{
	display:block;
	line-height: 1.4em;

    margin:0;
    padding: 0 0 1em 18px;
    background: url(../gfx/faq_dash.gif) repeat-x bottom left;
}

dl.faq dd.open { display: block; }
dl.faq dd.closed { display: none; }


body.service h3
{
	font-size:115%;
	line-height:160%;
	margin:0 10px;
	padding:0 0 0 18px;
	clear:both;
	background:repeat-x 0 50% url(../gfx/bg_h2.gif);
}

/* Home content in #extrainhoud */

#extrainhoud div.image, #extrainhoud div.paragraphs {
  margin:0;
  padding:9px 0 0 24px;
  width:255px;
}

#extrainhoud div.blok h3
{
	display:none;
}

#extrainhoud div.paragraphs h3, #extrainhoud div.weblog h3
{
	display: block;
}

/* Video */
#extrainhoud div.flash
{
	padding:9px 0 0 13px;
	width:266px;
	height:235px;
	background:no-repeat top left url(../gfx/bg_video.gif);
}

/* Poll */
#extrainhoud div.poll
{
	position:relative;
	margin:0;
	padding:99px 0 0 24px;
	width:255px;
	height:129px;
	background:no-repeat top left url(../gfx/bg_poll.gif);
}

#extrainhoud div.poll p
{
	position:absolute;
	top:50px;
	left:35px;
	text-align:center;
	width:205px;
	height:40px;
	color:white;
	font-size:13px;
	line-height:18px;
	margin:0;
	padding:0;
}

#extrainhoud div.poll a
{
	font-size:11px;
	line-height:23px;
	color:white;
}

#extrainhoud div.poll p.antwoord
{
	position:static;
	top:auto;
	left:auto;
	width:236px;
	height:23px;
	text-align:left;
	font-size:12px;
	line-height:23px;
	color:white;
	margin:0 0 5px 0;
	padding:0;
	background:no-repeat top left url(../gfx/bg_poll_antwoord.gif);
}

#extrainhoud div.poll p.resultaat div.gauge
{
	position:relative;
	height:23px;
	background:no-repeat top left url(../gfx/bg_poll_gauge.gif);
}

#extrainhoud div.poll p.resultaat div.gauge span
{
	display:block;
	position:absolute;
	top:0;
	left:5px;
	line-height:23px;
	height:23px;
	width:231px;
	overflow:hidden;
}

#extrainhoud div.poll p.resultaat div.gauge span strong
{
	display:block;
	position:absolute;
	top:0;
	right:5px;
	height:23px;
	line-height:23px;
	font-weight:normal;
}

#extrainhoud div.poll input.stemknop
{
	display:block;
	float:right;
	margin:0 19px 0 0;
	padding:0;
	border:0;
	width:55px;
	height:21px;
	font-size:1px;
	line-height:1px;
	text-indent:-4096px;
	overflow:hidden;
	cursor:pointer;
	cursor:hand;
	background:transparent no-repeat top left url(../gfx/btn_stem.gif);
}

/* Poll resultaten */
p.resultaat br,
p.resultaat img
{
	display:none;
}

/* Reacties */
#extrainhoud div.weblog {
  width:279px;
  overflow:hidden;
  background:no-repeat bottom left url(../gfx/bg_weblog.gif);
}

#extrainhoud div.weblog ul {
  list-style:none;
}

#extrainhoud div.weblog h3
{
  position:relative;
  top:-1px;
  display:block;
  height:43px;
  font-size:1px;
  line-height:1px;
  text-indent:-4096px;
  overflow:hidden;
  background:no-repeat top left url(../gfx/bg_header_weblog.gif);
}

#extrainhoud div.weblog p {
  margin: 0px;
  padding: 0px;
}

#extrainhoud div.weblog .reacties {
  font-size:120%;
  line-height:150%;
  width:242px;
  margin:0;
  padding:0;
  overflow:hidden;
  padding:0 5px 25px 22px;
}

#extrainhoud div.weblog .reactiekop h4 {
  margin:10px 0 0 0;
  font-style:normal;
}

#extrainhoud div.weblog .reactiekop h4 a
{
  text-decoration:none;
}



/* Forum feed */
#extrainhoud div.rss
{
	width:279px;
	overflow:hidden;
	background:no-repeat bottom left url(../gfx/bg_forumfeed.gif);
}

#extrainhoud div.rss h3
{
	position:relative;
	top:-1px;
	display:block;
	height:43px;
	font-size:1px;
	line-height:1px;
	text-indent:-4096px;
	overflow:hidden;
	background:no-repeat top left url(../gfx/bg_header_forumfeed.gif);
}

#forumfeed
{
	font-size:120%;
	line-height:150%;
	width:242px;
	margin:0;
	padding:0;
	overflow:hidden;
	padding:0 5px 25px 22px;
}

#forumfeed h4
{
	margin:10px 0 0 0;
	font-style:normal;
}

#forumfeed h4 a
{
	text-decoration:none;
}

/*
	List icons
*/

body.links #inhoud ul.links,
#inhoud ul.links,
#inhoud ul.attachments
{
	min-height:50px;
	margin:0 0 2em 0;
	padding:0 0 0 85px;
	background:no-repeat 15px 0 url(../gfx/icon_links.gif);
}


#inhoud ul.attachments
{
	background:no-repeat 15px 0 url(../gfx/icon_bijlagen.gif);
}

#inhoud ul.attachments li img.icon
{
	display:none;
}

/*
	Pagina: Links
*/

body.links #inhoud div.paginaelement
{
	background:transparent;
}



/*
	Pagina: Wanneer op tv
*/

#inhoud > p.intro,
#inhoud > ul.links
{
	margin:0pt 10px 18px;
	padding:0pt 0pt 5px;
}

#inhoud > h4
{
	margin-left:10px;
}

#inhoud > div.afbeelding
{
	margin-left:10px;
}

a.showPreview,
a.bekijkpromo
{
	float:right;
	display:block;
	width:127px;
	height:21px;
	margin:0 0 18px 0;
	padding:0;
	text-indent:-4096px;
	font:1px/1px sans-serif;
	overflow:hidden;
	background:no-repeat top left url(../gfx/btn_preview.gif);
}

/*
	Alle afleveringen
*/

body.articles_weblog div.article div.afbeelding
{
	float:right;
	margin:0 0 5px 18px;
}

body.articles_weblog div.article ul
{
	clear:both;
}


div.articleweblogitem
{
	clear:both;
	margin:0 0 0 10px;
}

div.articleweblogitem h1
{
	margin:0;
}

#inhoud div.articleweblogitem div.paginaelement
{
	margin-left:0;
}

#inhoud div.articleweblogitem h4
{
	font-size:115%;
	padding:0 0 0 9px;
	background:no-repeat 0 50% url(../gfx/bg_h3.gif);
}

#inhoud div.articleweblogitem h4 a
{
	text-decoration:none;	
}

div.articleweblogitem div.meta
{
	margin-left:0;
}

div.articleweblogitem div.afbeelding.links,
div.articleweblogitem div.afbeelding.rechts
{
	margin-right:0;
	margin-left:18px;
	float:right;
}

a.leesmeer
{
	float:right;
	display:block;
	width:127px;
	height:21px;
	margin:0 0 18px 0;
	padding:0;
	background:none;
	text-indent:-4096px;
	font:1px/1px sans-serif;
	overflow:hidden;
	background:no-repeat top left url(../gfx/btn_leesmeer.gif);
}

.searchitem p {
  margin: 0px;
} 

.searchitem a.leesmeer {
  float: none;
}


body.articles_weblog #inhoud ul.archief
{
	margin:0 0 0 12px;
	clear:both;
}

/*
	Pagina: Contact
*/

body.reactieformulier #nieuwsbrief label
{
	margin:0;
	padding-left:12px;
}

body.reactieformulier #nieuwsbrief #verstuur
{
	margin-left:112px;
	width:84px;
	height:21px;
	cursor:pointer;
	cursor:hand;
	border:0;
	background:no-repeat top left url(../gfx/btn_verstuur.gif);
}

body.reactieformulier #nieuwsbrief div.error
{
	padding:10px 12px;
	margin:0 0 1em 0;
	border:solid 1px #d18283;
}

body.reactieformulier #nieuwsbrief div.error h3,
body.reactieformulier #nieuwsbrief div.error p,
body.reactieformulier #nieuwsbrief div.error ul
{
	margin:0;
	padding:0;
}

body.reactieformulier #nieuwsbrief div.error h3
{
	font-size:100%;
}

/*
	Video layer
*/

div.overlay_container
{
	display:none;
}

div.overlay_container div.overlay
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:repeat top left url(../gfx/bg_layer.png);
	z-index:500;
}

div.overlay_container div.content
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	z-index:600;
}

div.overlay_container div.content #content_container
{
	z-index:555555;
	margin:0 auto;
  background-color: #ffffff;
}

div.overlay_container div.content a.btn_overlay_close
{
	position:fixed;
	z-index:999999;
}

div.overlay_container div.content a.btn_overlay_close:active
{
	outline: none;
}

div.overlay_container div.content a.btn_overlay_close:focus
{
	-moz-outline-style: none;
}

div.overlay_container div.content a.btn_overlay_close img
{
	position:relative;
	z-index:999999;
}

/* Hacks */

.clearfix:after,
.paginaelement:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix,
.paginaelement
{
    display: inline-block;
}

html[xmlns] .clearfix,
html[xmlns] .paginaelement
{
    display: block;
}

* html .clearfix,
* html .paginaelement
{
    height: 1%;
}