body
{
	margin: 0;
	padding: 0;
	color: #000000;
	text-align: center;
	background-color: #ffffff;
}

html, body
{
	height: 100%;
}

div, ul, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, th, td, tr, table, p, label, textarea, form, fieldset, object
{
	padding: 0;
	margin: 0;
}

p
{
	margin: 0 0 0 0;
	padding: 0.2em 0 0.5em 0;
}

h1
{
	color: #979797;
	background-color: transparent;
	font: normal 1.9em/130% verdana, arial, helvetica, sans-serif;
	padding: 0 0 0.7em 0;
}

#bodyHome h1
{
	display: block;
	float: right;
	padding: 0 3px 0 0;
	height: 30px;
	overflow: hidden;
}

h2
{
	color: #aaaaaa;
	background-color: transparent;
	font: bold 1.3em/130% verdana, arial, helvetica, sans-serif;
	padding: 0 0 0.7em 0;
}

h3
{
	font: bold 1.1em/130% verdana, arial, helvetica, sans-serif;
	padding: 0 0 0.4em 0;
}

h4
{
	font: bold  1em/130% verdana, arial, helvetica, sans-serif;
	padding: 0 0 0.3em 0;
}

h5
{
	font: normal 1em/120% verdana, arial, helvetica, sans-serif;
	padding: 0 0 0.3em 0;
}

h6
{
	font: normal 1em/100% verdana, arial, helvetica, sans-serif;
	padding: 0 0 0 20px;
}

fieldset h6
{
	padding: 3em 0 0 20px;
}

h7
{
	font: normal 1em/120% verdana, arial, helvetica, sans-serif;
	padding: 0 0 0.5em 0;
	color: #aaaaaa;
	background-color: transparent;
}
/*
sup
{
	line-height: 100%;
}
*/

/* ------- global ----------- */

.clr	{ clear: both; }


/* ------- links ----------- */
a
{
	outline: none;
}

#main a:link, #main a:visited, #mainFooter a:link, #mainFooter a:visited
{
	color: #db0432;
	text-decoration: none;
}

#main a:active, #main a:hover, #mainFooter a:active, #mainFooter a:hover
{
	color: #ffffff;
	background: #db0432;
}

#crumbtrail a:link, #crumbtrail a:visited
{
	color: #666666;
	text-decoration: none;
}

#crumbtrail a:active, #crumbtrail a:hover
{
	color: #db0432;
}

#extraMenu a:link, #extraMenu a:visited
{
	color: #ffffff;
	text-decoration: none;
}

#extraMenu a:active, #extraMenu a:hover
{
	color: #db0432;
	background-color: #ffffff!important;
}

.searchSelector a:link, .searchSelector a:visited
{
	color: #000000!important;
	background-color: transparent;
}

.searchSelector a:active, .searchSelector a:hover
{
	color: #000000;
	background: #ffffff!important;
}

#content ul
{
	padding: 0 0 0 1.5em;	
}

/*-- ------------------- layout --------------------------- --*/

#container
{
	margin: 0 auto 0 auto;
	width: 675px;
	text-align: left;
}

#header
{
	padding: 0 0 25px 0;
}

#main
{
	padding: 0 0 25px 0;
	clear: both;
}

#mainBanner
{
	border: 2px solid #ddd;
	padding: 5px 8px;
	text-align: center;
	width: 518px;
	margin: 0 0 9px 0;
	font-weight: bold;
}

#mainFooter
{
	height: 200px;
	background: #ffffff url(../images/background_bibliotheek.jpg) no-repeat 200px 0; 
}

#bodyHome #mainFooter
{
	padding: 0 0 25px 0;
	clear: both;
	background: none;
	height: auto;
}

#footer
{
	margin: 0 0 0 0;
	display: block;
	clear: both;
	height: 7em;
	background-color: #db0432;
}

#container>#footer
{
	height: auto;
	min-height: 7em;
}

#bodyHome .leftColumn
{
	float: left;
	width: 270px;
}

.leftColumn
{
	float: left;
	width: 132px;
}

#bodyHome .middleColumn
{
	float: left;
	width: 270px;
}

#bodyNieuwsbrief .middleColumn
{
	float: left;
	width: 620px;		
}

.middleColumn
{
	float: left;
	width: 408px;
}

.rightColumn
{
	position: relative;
	margin: 0 -135px 0 0;
	float: right;
	width: 270px;
	z-index:0;
}

/*-- ------------------- menu --------------------------- --*/

#menuContainer
{
	background-color: #db0432;
	height: 53px;
}

#container>#menuContainer
{
	height: auto;
	min-height: 53px;
}

#menu
{
	font-size: 1.6em;
	letter-spacing: -0.4px;
	line-height: 100%;
}

#menu li
{
	float: left;
	display: block;
}

#menu li#menuHomecontainer { background: #db0432 url(../images/menu_home_over.gif) no-repeat 0 0; }
#menu li#menuNieuwscontainer { background: #db0432 url(../images/menu_nieuws_over.gif) no-repeat 0 0; }
#menu li#menuActiefcontainer { background: #db0432 url(../images/menu_actief_over.gif) no-repeat 0 0; }
#menu li#menuAlgemeencontainer { background: #ffffff url(../images/menu_algemeen_over.gif) no-repeat 0 0; }
#menu li#menuMijnDokcontainer { background: #db0432 url(../images/menu_mijn_dok_over.gif) no-repeat 0 0; }
#menu li#menuDokServicescontainer { background: #db0432 url(../images/menu_dok_services_over.gif) no-repeat 0 0; }

#menu li a
{
	display: block;
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 135px;
	height: 53px;
}

#menu li#menuHomecontainer a{ background: #db0432 url(../images/menu_home.gif) no-repeat 0 0; }
#menu li#menuNieuwscontainer a{ background: #db0432 url(../images/menu_nieuws.gif) no-repeat 0 0; }
#menu li#menuActiefcontainer a{ background: #db0432 url(../images/menu_actief.gif) no-repeat 0 0; }
#menu li#menuAlgemeencontainer a{ background: #db0432 url(../images/menu_algemeen.gif) no-repeat 0 0; }
#menu li#menuMijnDokcontainer a{ background: #db0432 url(../images/menu_mijn_dok.gif) no-repeat 0 0; }
#menu li#menuDokServicescontainer a{ background: #db0432 url(../images/menu_dok_services.gif) no-repeat 0 0; }

#menu a:hover,
#menu li.hover a,
#bodyDokNieuws #menu li#menuNieuwscontainer a, #bodyDokActief #menu li#menuActiefcontainer a, #bodyDokAlgemeen #menu li#menuAlgemeencontainer a, 
#bodyMijnDok #menu li#menuMijnDokcontainer a, #bodyDokDokServices #menu li#menuDokServicescontainer a
{ background: none!important;}

#menu li a span
{
	display: block;
	text-indent: -666666px;
}

/*-- ------------------- submenu --------------------------- --*/

#menu ul.submenu
{ 
	position: absolute; 
	padding: 0px 0 3px 0 ; 
	display: none;
	z-index: 10; 
	background: none!important;
	background-color: #ffffff!important;
	border-width: 0 1px 1px 1px;
	border-color: #db0432;
	border-style: solid;
	width: 132px!important;
	line-height: 90%;
}

#menu .submenu a span
{
	text-indent: 0!important;
}

#menu ul.submenu li
{
	font-size: 100%;
	font: normal 1em/90% verdana, arial, helvetica, sans-serif;
	display: block;
	clear: both;
	width: 132px!important;
	background-color: #ffffff!important;
	overflow: hidden;
}

#menu ul.submenu a
{
	display: table-cell;
	background: none!important;
	background-color: #ffffff!important;
	height: 1.3em!important;
	padding:0.2em 5px 0.1em 14px;
	color: #db0432;
	width: 132px!important;
	font-size: 0.8em!important;
}

#menu ul.submenu a:hover
{
	color: #000000;
	padding:0.2em 5px 0.1em 14px;
	background-color: #f1f1f1!important;
}
/*-- ------------------- subsubmenu --------------------------- --*/

#subSubMenuContainer
{
	margin: 0 0 20px 0;
	height: 124px;
}

html>body #subSubMenuContainer
{
	height: auto;
	min-height: 124px;
}

#subSubMenu
{
	display: block;
	padding: 10px 0 10px 0;
	border: 1px solid #db0432;
	font-size: 1.3em;
	line-height: 100%;
}

#subSubMenu li
{
	display: block;
	clear:both;
	padding: 0 0 0.4em 0;
	list-style: none;
	width: 130px;
	overflow: hidden;
}

#subSubMenu li a
{
	display: block;
	padding: 2px 10px 2px 10px;
}

#subSubMenu li a.subSubActive
{
	background-color: #db0432;
	color: #ffffff;
}

/*-- -------------------- extra extra menu ----------------------- --*/
#extraExtraMenuEnglish {
	float: left;
	width: 20px;
	padding-right: 1em;	
}

#extraExtraMenuEnglish a
{
	display: block;
	width: 20px;
	height: 14px;
	background: transparent url(../images/taal_uk_small.gif) no-repeat 0 0;
}

#extraExtraMenuEnglish a span
{
	display: block;
	text-indent: -666666px;	
}

/*-- -------------------- crumbtrail ----------------------- --*/

#crumbtrailContainer
{
	padding: 1em 12px 1em 12px;
	display: block;
	float: left;
}

#crumbtrail ul, #crumbtrail li
{
	display: inline;
}

#crumbtrail ul
{
	padding: 0 0 0 8px;
	background: transparent url(../images/arrow.gif) no-repeat 0 0.4em; 
}

#datum
{
	color: #666666;
	float: left;	
}

/*-- -------------------- snelmenu ----------------------- --*/

/** Home Banners**/
#snelMenuSpecial li#snelMenuSpecialNieuwsbrief 	{ background: transparent url(../images/snelmenuspecial_nieuwsbrief2010_over.gif) no-repeat 0 0; }
#snelMenuSpecial li#snelMenuSpecialActies	{ background: transparent url(../images/snelmenuspecial_actie_over.gif) no-repeat 0 0; }
#snelMenuSpecial li#snelMenuSpecialTwitter 	{ background: transparent url(../images/snelmenuspecial_twitter_over.gif) no-repeat 0 0; }
#snelMenuSpecial li#snelMenuSpecialFacebook 	{ background: transparent url(../images/snelmenuspecial_facebook_over.jpg) no-repeat 0 0; }

#snelMenuSpecial li#snelMenuSpecialNieuwsbrief a { background: transparent url(../images/snelmenuspecial_nieuwsbrief2010.gif) no-repeat 0 0; }
#snelMenuSpecial li#snelMenuSpecialActies a	{ background: transparent url(../images/snelmenuspecial_actie.jpg) no-repeat 0 0; }
#snelMenuSpecial li#snelMenuSpecialTwitter a { background: transparent url(../images/snelmenuspecial_twitter.gif) no-repeat 0 0; }
#snelMenuSpecial li#snelMenuSpecialFacebook a { background: transparent url(../images/snelmenuspecial_facebook.jpg) no-repeat 0 0; }




/** oude Homebanners van dok **/
/*
#snelMenuSpecial li#snelMenuSpecialWeblog 	{ background: transparent url(../images/snelmenuspecial_dok_weblog_over.gif) no-repeat 0 0; }
#snelMenuSpecial li#snelMenuSpecialKidsDok 	{ background: transparent url(../images/snelmenuspecial_kids_dok_over.gif) no-repeat 0 0; }
#snelMenuSpecial li#snelMenuSpecialBanner { background: transparent url(../images/banner_nederland_leest_over.gif) no-repeat 0 0; }
#snelMenuSpecial li#snelMenuSpecialNieuwsbrief { height: 62px; background: transparent url(../images/snelmenuspecial_nieuwsbrief_over.gif) no-repeat 0 0; }
#snelMenuSpecial li#snelMenuSpecialAladin { background: transparent url(../images/snelmenuspecial_aladin_over.gif) no-repeat 0 0; }
#snelMenuSpecial li#snelMenuSpecialPicNic06 { background: transparent url(../images/snelmenuspecial_picnic06_over.gif) no-repeat 0 0; }
#snelMenuSpecial li#snelMenuSpecialHiTech { background: transparent url(../images/snelmenuspecial_dok_hi_tech_over.gif) no-repeat 0 0; }

#snelMenuSpecial li#snelMenuSpecialWeblog a { background: transparent url(../images/snelmenuspecial_dok_weblog.gif) no-repeat 0 0; }
#snelMenuSpecial li#snelMenuSpecialKidsDok a { background: transparent url(../images/snelmenuspecial_kids_dok.gif) no-repeat 0 0; }
#snelMenuSpecial li#snelMenuSpecialPicNic06 a { background: transparent url(../images/snelmenuspecial_picnic06.gif) no-repeat 0 0; }
#snelMenuSpecial li#snelMenuSpecialHiTech a { background: transparent url(../images/snelmenuspecial_dok_hi_tech.gif) no-repeat 0 0; }
#snelMenuSpecial li#snelMenuSpecialBanner a { background: transparent url(../images/banner_nederland_leest.gif) no-repeat 0 0; }
#snelMenuSpecial li#snelMenuSpecialAladin a { background: transparent url(../images/snelmenuspecial_aladin.gif) no-repeat 0 0; }
#snelMenuSpecial li#snelMenuSpecialNieuwsbrief a { height: 62px; background: transparent url(../images/snelmenuspecial_nieuwsbrief.gif) no-repeat 0 0; }
*/


#snelMenu {	
	width: 132px;
	height: 268px;
	float: left; 
	
}

#snelMenuSpecial {	
	width: 132px;
	height: 268px;
	float: left;
	overflow: hidden;
}


#bodyHome #snelMenu
{
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #ffffff;
	}
	
#snelMenu
{	
	background-color: #db0432;
}

#snelMenu li
{
	line-height: 28px;
	display: block;
	height: 28px;
}

#snelMenuSpecial li
{
	float: left;
	width: 133px;
	height: 67px;
	list-style: none inside;

	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #ffffff;
	/*line-height: 67px;
	display: block;		
	background-color: #db0432;*/
}


#snelMenuSpecial li a {
	display: block;
	height: 100%;
	width: auto;
}

#snelMenu li#snelMenuCatalogus { background: transparent url(../images/snelmenu_catalogus_over.gif) no-repeat 0 0; }
#snelMenu li#snelMenuOpeningstijden { background: transparent url(../images/snelmenu_openingstijden_over.gif) no-repeat 0 0; }
#snelMenu li#snelMenuWordtNuLid { background: transparent url(../images/snelmenu_wordt_nu_lid_over.gif) no-repeat 0 0; }
#snelMenu li#snelMenuReserveren { background: transparent url(../images/snelmenu_reserveren_over.gif) no-repeat 0 0; }
#snelMenu li#snelMenuVerlengen { background: transparent url(../images/snelmenu_verlengen_over.gif) no-repeat 0 0; }
#snelMenu li#snelMenuAgenda { background: transparent url(../images/snelmenu_agenda_over.gif) no-repeat 0 0; }
#snelMenu li#snelMenuDokVraagbaak { background: transparent url(../images/snelmenu_dok_vraagbaak_over.gif) no-repeat 0 0; }
/*
#snelMenu li#snelMenuDokInBedrijf { background: transparent url(../images/snelmenu_dok_in_bedrijf_over.gif) no-repeat 0 0; }
#snelMenu li#snelMenuDokOpSchool { background: transparent url(../images/snelmenu_dok_op_school_over.gif) no-repeat 0 0; }
#snelMenu li#snelMenuDokInDeMedia { background: transparent url(../images/snelmenu_dok_in_de_media_over.gif) no-repeat 0 0; }
*/
#snelMenu li#snelMenuContact { background: transparent url(../images/snelmenu_contact_over.gif) no-repeat 0 0; }
#snelMenu li#snelMenuIdeeenbus { background: transparent url(../images/snelmenu_ideeenbus_over.gif) no-repeat 0 0; }
#snelMenu li#snelMenuMijnDok { background: transparent url(../images/snelmenu_mijn_dok_over.gif) no-repeat 0 0; }
#snelMenu li#snelMenuTarieven { background: transparent url(../images/snelmenu_tarieven_over.gif) no-repeat 0 0; }


#snelMenu li a
{
	display: block;
	height: 100%;
	width: auto;
}


#snelMenu li#snelMenuCatalogus a { background: transparent url(../images/snelmenu_catalogus.gif) no-repeat 0 0; }
#snelMenu li#snelMenuOpeningstijden a { background: transparent url(../images/snelmenu_openingstijden.gif) no-repeat 0 0; }
#snelMenu li#snelMenuWordtNuLid a { background: transparent url(../images/snelmenu_wordt_nu_lid.gif) no-repeat 0 0; }
#snelMenu li#snelMenuReserveren a { background: transparent url(../images/snelmenu_reserveren.gif) no-repeat 0 0; }
#snelMenu li#snelMenuVerlengen a { background: transparent url(../images/snelmenu_verlengen.gif) no-repeat 0 0; }
#snelMenu li#snelMenuAgenda a { background: transparent url(../images/snelmenu_agenda.gif) no-repeat 0 0; }
#snelMenu li#snelMenuDokVraagbaak a { background: transparent url(../images/snelmenu_dok_vraagbaak.gif) no-repeat 0 0; }
#snelMenu li#snelMenuDokInBedrijf a { background: transparent url(../images/snelmenu_dok_in_bedrijf.gif) no-repeat 0 0; }
#snelMenu li#snelMenuDokOpSchool a { background: transparent url(../images/snelmenu_dok_op_school.gif) no-repeat 0 0; }
#snelMenu li#snelMenuDokInDeMedia a { background: transparent url(../images/snelmenu_dok_in_de_media.gif) no-repeat 0 0; }

#snelMenu li#snelMenuContact a { background: transparent url(../images/snelmenu_contact.gif) no-repeat 0 0; }
#snelMenu li#snelMenuIdeeenbus a { background: transparent url(../images/snelmenu_ideeenbus.gif) no-repeat 0 0; }
#snelMenu li#snelMenuMijnDok a { background: transparent url(../images/snelmenu_mijn_dok.gif) no-repeat 0 0; }
#snelMenu li#snelMenuTarieven a { background: transparent url(../images/snelmenu_tarieven.gif) no-repeat 0 0; }


#snelMenu a:hover, #snelMenuSpecial a:hover
{ background: none!important;}

#snelMenu li a span, #snelMenuSpecial li a span
{
	display: block;
	text-indent: -666666px;
}

/*-- ----------------------- menuLink --------------------------------------------------*/

#menuLink
{
	margin: 50px 0 0 0;
	width: 174px;
}

#menuLink li
{
	list-style: none;
}	

#menuLink
{

}

/*-- ----------------------- extra navigatie footer ------------------------------------*/

#extraMenuContainer
{
	padding: 5px 0 0 0;
	margin: 0px;
}

#extraMenu
{
	display: block;
	float: left;
	width: 645px;
	font-size: 1.2em;
	line-height: 160%;
	letter-spacing: -0.4px;
}

#extraMenu li
{
	display: block;
	float: left;
	padding: 0 0.5em 0 0.5em;
	background: transparent url(../images/bar.gif) no-repeat 0 0.2em;
}

#extraMenu li#extraMenuFirst
{
	background: none;
}

#extraMenu li#extraMenuEnglish a
{
	background: transparent url(../images/taal_uk_small.gif) no-repeat 0 0;
	padding: 0 0 0 24px;
}

.rssFeed
{
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	background: transparent url(../images/button_rss_feeds.gif) no-repeat 0 0;
	text-indent: -666666px;
}

#footer .rssFeed
{
	float: right;
	margin: 0 5px 0 0;
}

.rssFeed a
{
	display: block;
	width: auto;
	height: 100%;
}

.rssFeed a:hover
{
	cursor: pointer;
	background: none!important;
}


/*-- ------------------- squares --------------------------- --*/

.square
{
	width: 266px;
	height: 266px;
	border: 2px solid #dddddd;	
	overflow: hidden;
	border-collapse: collapse;
}

.smallSquare
{
	min-height: 145px;
	width: 266px;
	border: 2px solid #dddddd;	
}

.smallSquare .paddingbox, .square .paddingbox
{
	padding: 2px 4px 2px 4px;
}

#aanwinsten object
{
	margin: 0 -4px -2px -4px;
}

.smallSquare object
{
	margin: 0 -4px -2px -4px;
}

#content .paddingbox
{
	padding: 2px 34px 2px 44px;
}

#bodyDokActief #content .paddingbox
{
	padding: 2px 4px 2px 34px;
}

#nonFlashPlayer
{
	width: 266px;
	height: 266px;
	background: #ffffff url(../images/background_kunstuitleen.jpg) no-repeat 0 0;
}

#aanwinsten p
{
	clear: both;
}

#videoCastPlayer p
{
	display: block;
	height: 15px;
	padding: 0 0 0 18px;
}

#snelMenuContainer
{
	border-width: 0px 2px 2px 2px;
}

#newsTeasers
{
	border-width: 2px 2px 0px 0px;
}

#newsTeasers p
{
	clear: both;
	text-align: right;
	padding: 0 0 2px 0;
}

#newsTeasers .teaserItem p
{
	clear: none;
	text-align: left;
	padding: 0;
}

#searchContainer
{
	border-width: 2px 2px 2px 0!important;
	margin: 0!important;
	background: #ffffff url(../images/background_cdotheek.jpg) no-repeat 0 0;
}

#zoekContainer
{
	margin: 30px 0 0 0;
	clear: both;
}

#podCast
{
	float: left;
/*	background: #ffffff url(../cms_files/Image/static/podcast_preview.jpg) no-repeat 0 0;*/
}

#videoCast
{
	float: left;
	border-width: 2px 2px 2px 0px;
/*	background: #ffffff url(../cms_files/Image/static/videocast_preview.jpg) no-repeat 0 0;*/
}

#chatMovie
{
	margin: 20px 0 0 0;
	float: left;
}

#logoDok
{
	display: block;
	/*height: 169px;  Normale versie */
	height: 283px; /* Beste bibliotheek versie */
	background: #ffffff url(../images/logo_dok.gif) no-repeat 50% 0;
	text-indent: -666666px;
}

#bodyHome #logoDok
{
	margin: 17px 0 0 0;
}

#countDownBanner {
	padding-top: 60px;
	text-align: center;	
}

/*-- ------------------- detailpagina --------------------------- --*/

#content
{	
	overflow: hidden;
}

#content img
{
	margin: 0 0 5px 0;
}

#content a img
{
	margin: 0 0 0 0;
}

#content a:link img, #content a:visited img, #content a:active img, #content a:hover img
{
	border: 0!important;
	bbackground-color: #555!important;
}

#content p
{
	padding: 2px 0 10px 0;
}

#content table
{
	border: 0;
	border-collapse: collapse;
}

#content table td, #content table tr, #content table th
{
	padding: 0 0.5em 0 0.5em;
	border: 1px solid #dddddd;
	Vvertical-align: top;
}

#beschrijving
{
	line-height: 150%;
	padding: 0 0 25px 0;
}

#detailList td, #detailList th
{
	vertical-align: top;
	padding: 0 0 3px 0;
}

/*-- ------------------- detailpagina agenda --------------------------- --*/
#content table.agenda tr, #content table.agenda td
{
	border: 0;
}

#content table.agenda tr.bottomRow
{
	border-width: 0 0 1px 0;
	border-style:solid;
	border-color: #dddddd;
}

#content table.agenda td
{
	padding: 0 0 0.4em 0;
}

#content table.agenda td.agendaDatum
{
	width: 90px;
	padding: 0 5px 0 0;
	vertical-align: top;
}

#content .nieuwsbriefdatum {
	vertical-align: top;
	width: 85px; 
}

#content table.agenda td.agendaOnderwerp
{
	font-weight: bold;
}

.omschrijvingContent
{
	padding: 0 0 2em 0;
}

/*-- ------------------- sitemap --------------------------- --*/

#bodyDokSitemap #content ul
{
	padding: 0 0 0.3em 0;
}

#bodyDokSitemap #content ul li
{
	list-style:none;
}

#bodyDokSitemap #content ul li ul li
{
	margin: 0 0 0 1em;
	padding: 0 0 0 1.5em;
	list-style:none;
	background: #ffffff url(../images/sitemap_tree.gif) no-repeat 0 0;
}


/*-- ------------------- teaser --------------------------- --*/

#teaserItemContainer
{
	clear: both;
	position: relative;
	height: 212px;
	width: 258px;
	overflow: auto;
	background-color: #f1f1f1;
}

.teaserItem
{
	padding: 5px 0 5px 5px;
}

/* plaatjes 60 x 60 */
.teaserItem img
{
	padding:  0 5px 0 0;
	float: left;
}

#bodyDokNieuwsitems .teaserItem h1
{
	clear: both;
}

/*-- ------------------- video en podcast -------------------------- --*/

.playlistHeader
{
	clear: both;
	display: block;
	height: 28px;
	width: 257px;
	padding: 0 0 0 0;
	background: url(../images/input_text_extra_big.jpg) no-repeat 0 0;
}

.playlistHeader
{
	clear: both;
	display: block;
	height: 28px;
	width: 257px;
	padding: 0 0 0 0;
	background: url(../images/input_text_extra_big.jpg) no-repeat 0 0;
}

.playlistHeader h5
{
	display: block;
	overflow: hidden;
	height: 1.3em;
	padding: 6px 0 0 10px;
}

.playlistContainer
{
	clear: both;
	position: relative;
	height: 57px;
	width: 258px;
	overflow: auto;
	background-color: #f1f1f1;
}

#videoCast .playlistContainer
{
	height: 85px;
}	

.playlist li
{
	line-height: 1.4em;
	padding: 0 0 0 5px;
}	

#audioFlashPlayer
{
	width: 258px;
	height: 22px;
/*	background: url(../images/podCastPlayer.gif) no-repeat 0 0;*/
}

#videoFlashPlayer
{
	margin: 4px 0 0 0;
	width: 258px;
	height: 217px;
/*	background: url(../images/videocast.gif) no-repeat 0 0;*/
}


.teaserItem
{
	padding: 5px 0 5px 5px;
}

/* plaatjes 60 x 60 */
.teaserItem img
{
	padding:  0 5px 0 0;
	float: left;
}

#tempBanner
{
	clear: both;
	padding: 10px 0 0 0;
}

html>body #tempBanner
{
	padding: 20px 0 0 0;
}

/*-- ------------------- buttons --------------------------- --*/

a.button
{
	text-align: center;
	display: block;
	overflow: hidden;
	padding: 5px 10px 0 10px;
	border: 0;
	height: 24px;
	font: 11px/14px verdana, arial, helvetica, sans-serif;
	vertical-align: 0px;
	cursor: pointer;
	color: #000000!important;
}

a.button:hover
{
	color: #000000!important;
}

a.buttonBig
{
	width: 154px;
	background: transparent url(../images/submit_button_big.jpg) no-repeat 0 0;	
}

a.buttonBig:hover
{
	background: transparent url(../images/submit_button_big_over.jpg) no-repeat 0 0 !important;
}

/*-- ------------------- forms --------------------------- --*/

fieldset
{
	display: block;
	clear: both;
	margin: 0;
	padding: 0 0 20px 0;
	border: 0;
}

#lidWordenForm
{
	padding: 20px 0 20px 0;
}

fieldset div
{
	clear: both;
	padding: 0 0 10px 0;
}

div.checkbox
{
	clear: both
}

legend
{
	display: none;
}

legend.kopje
{
	display: block!important;
	font: bold 1.1em/130% verdana, arial, helvetica, sans-serif;
	padding: 0 0 0.4em 0;
}
label
{
	display: block;
	clear: both;	
	width: 250px;
	padding: 0 0 0 20px;
}

fieldset div
{
	clear: both;
	padding: 0 0 2px 0;
}

fieldset div.radiobutton
{
	padding: 0.2em 0 1em 0;
	clear: none;
	float: left;
	width: 100px;
}
.radiobutton input
{
	display: block;
	clear: none;
	float: left;
	
	margin: 2px 0 0 0;
	width: 30px;	
	border: 0px;
}

.radiobutton label
{
	clear: none; 
	float: left;	
	width: 60px;	
}


.text
{
	position:relative; 
	display: block;
	clear: both;
	margin: 2px 0 0 0;
	padding: 3px 5px 0px 10px;
	width: 159px;
	height: 21px;
	overflow: hidden;
	background: transparent url(../images/input_text_big.jpg) no-repeat 0 0;
	border: 0;
}

* html input.text
{
	background-attachment:fixed;
}

#voorvoegsel, .huisnummer, .toevoeging, .postcodeLetters, .postcodeCijfers, #aantalkaarten, #huisnummer, #formFieldAantalkaarten
{
	clear: none;
	float: left;
	width: 50px;
	background: transparent url(../images/input_text_extra_small.jpg) no-repeat 0 0;
}

#achternaam, #voorvoegsel
{
		clear: none;
	float: left;
	margin: 2px 3px 3px 0;
}

adres
{
	float: left;
}

input.inputTextBig
{
	display: block;
	clear: both;
	margin: 2px 0 0 0;
	padding: 5px 10px 0 10px;
	border: 0px;
	width: 154px;
	height: 24px;
	background: transparent url(../images/input_text_big.jpg) no-repeat fixed;	
	font: 11px/14px verdana, arial, helvetica, sans-serif;
	vertical-align: 0px;
}

html>body input.inputTextBig
{
	background: transparent url(../images/input_text_big.jpg) no-repeat 0 0;	
}

input.submit
{
	display: block;
	clear: both;
	padding: 0;
	margin: 3px 0 0 72px;
	border: 0;
	width: 102px;
	height: 24px;
	background: transparent url(../images/submit_button_small.jpg) no-repeat 0 0;	
	font: 11px/14px verdana, arial, helvetica, sans-serif;
	vertical-align: 0px;
	cursor: pointer;
}

input.submitHover
{
	background: transparent url(../images/submit_button_small_over.jpg) no-repeat 0 0;
}

input.extraSmall
{
	width: 60px;
	background: transparent url(../images/submit_button_extra_small.jpg) no-repeat 0 0;	
}

input.extraSmallHover
{
	background: transparent url(../images/submit_button_extra_small_o.jpg) no-repeat 0 0;
}

#bodyHome input.extraSmall
{
	background: transparent url(../images/submit_button_extra_sm_tran.gif) no-repeat 0 0;	
}

#bodyHome input.extraSmallHover
{
	background: transparent url(../images/submit_button_xtr_sm_tran_o.gif) no-repeat 0 0;
}

textarea
{
	display: block;
	clear: both;
	margin: 2px 0 0 0;
	border: 0;
	padding: 0px 10px 0px 10px;
	width: 280px;
	height: 160px;
	background: transparent url(../images/textarea.gif) no-repeat 0 0;
	font: normal 1.1em/130% verdana, arial, helvetica, sans-serif;
}

* html textarea
{
	background-attachment:fixed;
}
.select
{
	background: transparent url(../images/input_text_big.jpg) no-repeat 0 1.6em;	
	padding: 0.2em 0 0.3em 20px;
}

.select label
{
	padding: 0 0 0.2em 0;
}

/*-- ------------------- zoekform --------------------------- --*/

#zoeken .submit
{
	margin: 3px 0 0 72px;
}

#zoeken
{
	padding: 40px 0 0 0;
}

#bodyHome #zoeken
{
	padding: 5px 0 0 60px;
}

#searchContainer p
{
	float: right;
	margin: 70px 10px 0 0;
	width: 100px;
	text-align: right;
}

.searchSelectorContainer
{
	clear: both;
	margin: 2px 0 0 0;
	padding: 6px 10px 0px 10px;
	width: 174px;
	height: 18px;

	
	background: transparent url(../images/input_text_big.jpg) no-repeat 0 0;
}

.searchSelectorContainerNonJava
{
	margin: 2px 0 0 0;
	clear: both;
}

.searchSelector
{
	white-space: nowrap;
}

.searchSelector span
{
	padding: 0 15px 0 0;
	background: transparent url(../images/arrow_down.gif) no-repeat 100% 50%;
	cursor: pointer;
}

.radiobutton
{
	clear: both;
	height: 2em;
	margin: 5px 0 0 0;
}

#verlengenForm .radiobutton
{
	width: 200px;
}

#verlengenForm .radiobutton
{
	width: 300px;
}

.radiobutton input
{
	display: block;
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
}

.radiobutton label
{
	float: left;
	padding: 0 0 1em 5px;
	margin: 4px 0 0 0;
}

#verlengenForm .radiobutton
{
	padding: 0 0 0.5em 0;
	height: auto;
}

#reserverenmateriaalForm .radiobutton label
{
	width: 150px;
}

#verlengenForm .radiobutton label
{
	width: 250px;
}

.adres label
{
	display: table;
	clear: none;
	float: left;
	width: 20px;
}

.pullDown
{
	position: absolute;
	display: none;
	z-index: 20;
	border-top: 1px solid #ffffff;
	padding: 0 0 0 0;
	cursor: pointer;
}

.pullDown ul
{
	display: block;
}

.pullDown li
{
	list-style: none;
	background-color: #f1f1f1!important;
	padding: 1px 0 2px 0;
}

/* AK: now pulldown got anchors around span
.pullDown li span */
.pullDown li a
{
	display: block;
	padding: 1px 5px 2px 5px;
	width: 145px;
}

.pullDown li span.dropMenuHover
{
	color: #ffffff;
	background-color: #db0432;
}

/*-- --------------- fotogalerijen ----------------------- --*/
div.fotogallerijImage
{
	float:left;
	margin:5px 5px 0 0;
}
div.fotogallerijImage div
{
	margin:5px 5px 5px 0;
}

div.fotogallerijImage img
{
	border:1px solid #C08F59;
}

div.fotogallerijImage a img
{
	border:1px solid #B7FF62;
}

/*-- ------------------- Nieuwsbrief aanmelden/afmelden -- --*/

#nieuwsbriefForm li	{ list-style: none; }

.formlist			{ float: left; padding: 1em 0 1em 1em; }
.formlist label		{ clear: none; display: inline; padding: 0px 8px 0 0; }
.formlist div		{ float: left; vertical-align: middle; height: 18px; }

.formlist div	input	{ float: left; border: 1px dotted red; vertical-align: middle; height: 12px; }

/*-- ------------------- Nieuwsbrief online styling --------------------------- --*/

#bodyNieuwsbrief #content table tr,
#bodyNieuwsbrief #content table th,	
#bodyNieuwsbrief #content table td	{ border: 0px; padding: 0px; }

.nbOnlineTekst		{ float: left; width: 100%; margin-top: 2em; }
.nbOnlineTekst a	{ float: right; padding-bottom: 1em;}
.nbOnlineTekst h1	{ color: #000; font-size: 1.2em; }

#bodyNieuwsbrief a		{ color: #DB0432; text-decoration: none; background: none; }
#bodyNieuwsbrief a:hover	{ color: #DB0432; text-decoration: underline; background: none; }

.nieuwsbriefoverzicht		{ margin-top: 1em;}
.nieuwsbriefoverzicht td,
.nieuwsbriefoverzicht tr,
.nieuwsbriefoverzicht th	{ border: 0px!important; }

.paddingbox .titel		{ margin-top: 1em; }

/*-- ------------------- extra --------------------------- --*/

.clear
{
	clear: both;
	overflow: hidden;
	clear: both;
	height: 0;
	margin: 0;
	font-size: 1px;
	line-height: 0px;
}