/* CSS Document */
body { margin: 0; padding: 0; background-color: #FFFFFF; }
* { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; margin: 0; padding: 0; }

p { margin: 0; }

dfn { border-bottom: 1px dotted black; cursor: help; }

#topnav { height: 78px; }
#logo { float: right;}
#logo img { margin: 41px 10px 0px 9px; border: 0px solid #fff; }
.container { width: 747px; margin: 0px auto 0px auto; }

/* de navigatie */
#navlist1 { width: 123px; }
#navlist1.navlisttype1 .top { background-image: url(../pix/type1/list_bg.gif); }
#navlist2 { width: 147px; }
#navlist3 { width: 132px; }
#navlist4 { width: 125px; }
#subnav { clear: both; background-repeat: repeat-x; }
.navlist { margin: 0; padding: 0; position: relative; top: -22px; float: left; }
.navlist li { font-size: 12px; line-height: 14px; background-repeat: repeat-y; list-style: none; margin: 0; padding: 0 0 0 14px; text-indent: -6px; } 
.navlist A { font-size: 12px; text-decoration: none; }
.navlist A:hover { text-decoration: none; font-size: 12px; font-weight: bold; }
.navlist .selected { font-weight: bold; background-repeat: no-repeat; background-position: left bottom; } 
.navlist .first { padding: 8px 0 0 14px;} 
.navlist .firstselected { font-weight: bold; background-position: left top ; background-repeat: no-repeat; padding: 8px 0 0 14px;} 
.navlist .top { padding: 0; line-height: 0; font-size: 0; background-image: none; text-align: right; } 
.navlist .top img { display: block; vertical-align: bottom; padding-left: 1px; padding-bottom: 1px; } 

#leftcolumn { width: 503px; float: left; }
#rightcolumn { position: relative; width: 244px; float: left; top: -174px; }

#animation { font-size: 0; line-height: 0; text-align: right; }

/* metanav */
#metanav { margin-top: 10px; padding-left: 12px; }

/* zoeken in catalogus */
#zoekencatalogusbox { padding-bottom: 8px; }
#zoekencatalogusbox table { margin: 0px auto 0px auto; border-collapse: collapse; border-spacing: 0; }
#zoekencatalogusbox td { line-height: 0; font-size: 0; }
#zoekcatinput { margin-left: 9px; padding-left:2px; font-size: 11px; line-height: 15px; width: 81px; height: 17px; }

/* zoek in de website */
#zoekenwebsitebox { padding: 7px 1px 0px 0px; }
#zoekenwebsite { height: 69px; padding-left: 11px; }
#zoekenwebsite img { margin: 10px 0px 10px 0px; } 
#zoekenwebsiteform table { border-collapse: collapse; border-spacing: 0; }
#zoekenwebsiteform img { margin: 0; } 	
#zoekenwebsiteform input { width: 193px; height: 17px; font-size: 11px; line-height: 16px; padding-left: 5px; }

/* content types */
.content {
	margin: 0px 23px 0px 0px; 	
	padding: 18px 8px 28px 8px;
}
.hr {
	clear: both;
	border-bottom: 1px solid #C6C6C6; 
	margin: 0px 31px 0px 8px;
}
.hrvol {
	clear: both;
	border-bottom: 1px solid #C6C6C6; 
	margin: 1em 0px;
}
.content { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; }
.content .center { float: left; width: 463px; }
.content .center A { text-decoration: none; }
.content .center IMG.alignright { float: right; margin-left: 30px; }
.content .center IMG.alignleft { float: left; margin-right: 30px; }

.content .left { width: 250px; float: left; margin-right: 15px; }
.content .left A { text-decoration: none; }
.content .left A:hover { text-decoration: none; }
.content .right { width: 183px; margin-left: 15px; float: left; }

.content hr { background-color: #C6C6C6; border: 0; clear: both; color: #C6C6C6; height: 1px; margin: 18px 0 18px 0; }
.content img { margin: 1ex; }  

.content table { width: 100%; border-collapse: collapse; border-spacing:0; border-top: 1px solid #C6C6C6; margin: 10px 0px 15px 0px; }
.content td, .content th { padding: 5px 0px 5px 10px; border: 1px solid #C6C6C6; border-right: none; text-align: left; }
.content td.first, .content th.first { border-left: none; }
.content tr.c1 td { background-color: #F3F3F3; }

.content ul { list-style-type: disc; list-style-position: outside; }
.content ol { list-style-type: decimal; list-style-position: outside; }
.content li { margin: 1ex 0 1ex 1.5em; }
.content .ecards { border: none; }
.content .ecards tr { border: none; }
.content .ecards td { border: none; }

/* homenieuws */
#homenieuws { padding: 0; margin: 0; }
/*#homenieuws li { list-style: none; list-style-position: outside; text-indent: -51px; padding: 0 0 0 51px; margin: 0; }*/
#homenieuws li { list-style-type: disc; list-style-position: outside; margin: 0 0 0 1.5em; }
#homenieuws A { text-decoration: none; }
#homenieuws A:hover { background-color: #F2F2F2; }

/*poll */
#poll, #pollj { margin: 20px 12px 10px; }
#pollj { margin-left: 0; }
#poll div, #pollj div { font-weight: bold; margin-bottom: 1em; }
#poll label, #pollj label { cursor: pointer; font-weight: normal; line-height: 18px; }
#poll input, #pollj input { cursor: pointer; vertical-align: middle; margin-right:5px; padding: 0; }

.banners { text-align: center; }
.banners .banner {}
#banner_overlay { margin-top: -58px; }


#aladinbanner { 
	margin-top: 8px;
	margin: 8px auto 0px auto;
	padding-top: 10px;
	width: 219px;
	height: 56px;
	background-image: url(../pix/banner_bg.gif);	
}

/* aanmeld form */
#aanmeldform table { border: 0px solid #000; width: auto; }
#aanmeldform td { border: 0px solid #000;}
#aanmeldform input { line-height: 17px; width: 125px; }
#aanmeldform .submit { font-size: 11px; font-weight: bold; margin-left:2px; border: 1px solid #000; background-color: #FFFFFF; line-height: 17px; }
A.nounderline { text-decoration: none; }
A.nounderline:hover { text-decoration: underline; }

/* ecard form */
#postkaartform TABLE { border: 0; border-collapse: collapse; border-spacing: 0; }
#postkaartform td { font-weight: bold; padding: 3px 0 2px 0; margin: 0; border: 0; border-collapse: collapse; border-spacing: 0; }
#postkaartform .button { font-size: 11px; color: #000; border: 1px solid #000; background-color: #fff; width: 100px; font-weight: bold; margin-right: 20px; }
#postkaartform textarea { width: 380px; height: 80px; }
#postkaartform .ecard { width: 452px; text-align: center; padding: 2px; border: 1px solid #622552; }
.ecards td { border-collapse: collapse; border-spacing: 0; padding: 3px; margin: 0px; }
.ecards .ecard { padding: 2px; border: 1px solid #622552; }
.ecards img, .ecard img { margin: 0; padding: 0; }

/* contact form */
#contactform LABEL { font-weight: bold; display: block; float: left; width: 200px; margin-top: 10px; }
#contactform SELECT { line-height: 17px; width: 125px; margin-top: 10px; }
#contactform TEXTAREA { line-height: 17px; width: 250px; margin-top: 10px; height: 80px; }
#contactform INPUT { line-height: 17px; width: 125px; margin-top: 10px; }
#contactform .submit { font-size: 11px; color: #000; border: 1px solid #000; background-color: #fff; width: 100px; font-weight: bold; margin-right: 20px; }

/* leek, kijk en luistertips */
#lkltabel { border: none; }
#lkltabel td { border: none; padding-bottom: 8px; padding-top: 8px; }
#lkltabel td.acties { border-left: 1px solid #C6C6C6; }
#lkltabel td.plaatje { padding: 8px 0; }
#lkltabel td.plaatje img { border: 1px solid #C6C6C6; margin: 0; margin-right: 8px; width: 48px; }
#lkltabel td.samenvatting { padding: 8px 4px; }
#lkltabel tr.later, #lkltabel tr.later td { border-top: 1px solid #C6C6C6; }
#lkltabel .artiest { font-style: italic; }
#lkltabel .blurb { margin: 4px 0; }
#lkltabel .titel { font-weight: bold; }
#lkltabel div.waardering { background-image: url(../pix/sterren.png); height: 13px; width: 65px; }
#lkltabel div.waardering img { height: 13px; margin: 0; padding: 0; width: 65px; }

#lklreactieform LABEL { font-weight: bold; display: block; float: left; width: 125px; margin-top: 10px; }
#lklreactieform TEXTAREA { line-height: 17px; width: 325px; margin-top: 10px; height: 80px; }
#lklreactieform INPUT { line-height: 17px; width: 200px; margin-top: 10px; }
#lklreactieform .submit { font-size: 11px; color: #000; border: 1px solid #000; background-color: #fff; width: 100px; font-weight: bold; margin-right: 20px; }

#lklstemform div.label { float: left; width: 125px; }
#lklstemform div.melding { color: #717171; }
#lklstemform div.waardering { background-image: url(../pix/sterren.png); background-position: -65px 0px; float: left; height: 13px; width: 65px; }
#lklstemform div.waardering img { height: 13px; margin: 0; padding: 0; position: relative; width: 65px; }

.lklreactie { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; margin: 0px 23px 0px 0px; padding: 5px 8px 15px 8px; }

/* nieuwsbrief form */
#nieuwsbriefform LABEL, #jeugdnieuwsbriefform LABEL { display: block; float: left; width: 100px; margin-top: 10px; }
#nieuwsbriefform INPUT, #jeugdnieuwsbriefform INPUT { line-height: 17px; width: 125px; margin-top: 10px; }
#nieuwsbriefform .submit, #jeugdnieuwsbriefform .submit { font-size: 11px; font-weight: bold; margin-left:2px; border: 1px solid #000; background-color: #FFFFFF; line-height: 17px; }

/* mailpaginaform */
#mailpaginaform LABEL { font-weight: bold; display: block; float: left; width: 200px; margin-top: 10px; }
#mailpaginaform SELECT { line-height: 17px; width: 125px; margin-top: 10px; }
#mailpaginaform TEXTAREA { line-height: 17px; width: 250px; margin-top: 10px; height: 80px; }
#mailpaginaform INPUT { line-height: 17px; width: 125px; margin-top: 10px; }
#mailpaginaform .submit { font-size: 11px; color: #000; border: 1px solid #000; background-color: #fff; width: 100px; font-weight: bold; margin-right: 20px; }

/* reserverenform */
#reserverenform BR { clear: both; }
#reserverenform LABEL { font-weight: bold; display: block; float: left; width: 250px; margin-top: 10px; }
#reserverenform SELECT { line-height: 17px; width: 200px; margin-top: 10px; }
#reserverenform TEXTAREA { line-height: 17px; width: 200px; margin-top: 10px; height: 80px; }
#reserverenform INPUT { line-height: 17px; width: 200px; margin-top: 10px; }
#reserverenform .submit { font-size: 11px; color: #000; border: 1px solid #000; background-color: #fff; width: 100px; font-weight: bold; margin-right: 20px; }

/* wordlidform */
#wordlidform LABEL { font-weight: bold; display: block; float: left; width: 200px; margin-top: 10px; }
#wordlidform SELECT { line-height: 17px; width: 125px; margin-top: 10px; }
#wordlidform TEXTAREA { line-height: 17px; width: 250px; margin-top: 10px; height: 80px; }
#wordlidform INPUT { line-height: 17px; width: 125px; margin-top: 10px; }
#wordlidform .submit { font-size: 11px; color: #000; border: 1px solid #000; background-color: #fff; width: 100px; font-weight: bold; margin-right: 20px; }

/* aanmelden_eportal_form */
#aanmelden_eportal_form LABEL { font-weight: bold; display: block; float: left; width: 200px; margin-top: 10px; }
#aanmelden_eportal_form SELECT { line-height: 17px; width: 125px; margin-top: 10px; }
#aanmelden_eportal_form TEXTAREA { line-height: 17px; width: 250px; margin-top: 10px; height: 80px; }
#aanmelden_eportal_form INPUT { line-height: 17px; width: 125px; margin-top: 10px; }
#aanmelden_eportal_form .submit { font-size: 11px; color: #000; border: 1px solid #000; background-color: #fff; width: 100px; font-weight: bold; margin-right: 20px; }


/* leendirectform */
#leendirectform LABEL { font-weight: bold; display: block; float: left; width: 200px; margin-top: 10px; }
#leendirectform SELECT { line-height: 17px; width: 125px; margin-top: 10px; }
#leendirectform TEXTAREA { line-height: 17px; width: 250px; margin-top: 10px; height: 80px; }
#leendirectform INPUT { line-height: 17px; width: 125px; margin-top: 10px; }
#leendirectform .submit { font-size: 11px; color: #000; border: 1px solid #000; background-color: #fff; width: 100px; font-weight: bold; margin-right: 20px; }

/* aanvraagboekenform */
#aanvraagboekenform LABEL { font-weight: bold; display: block; float: left; width: 250px; margin-top: 10px; }
#aanvraagboekenform SELECT { line-height: 17px; width: 125px; margin-top: 10px; }
#aanvraagboekenform TEXTAREA { line-height: 17px; width: 250px; margin-top: 10px; height: 80px; }
#aanvraagboekenform INPUT { line-height: 17px; width: 125px; margin-top: 10px; }
#aanvraagboekenform .submit { font-size: 11px; color: #000; border: 1px solid #000; background-color: #fff; width: 100px; font-weight: bold; margin-right: 20px; }
#aanvraagboekenform SPAN { color: #666; margin-left: 250px; }

/*prikbord */
.prikbordbericht { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; margin: 0px 23px 0px 0px; padding: 5px 8px 15px 8px; }
.prikbordnaam { font-weight: bold; text-decoration: none; display: block; }
.prikbordnaam A { text-decoration: none; }
.prikborddatum { color: #c6c6c6; display: block; }

#prikbordform table { border: 0px solid #000; width: auto; }
#prikbordform tr td { border: 0px solid #000; width: auto; }
#prikbordform LABEL { font-weight: bold; display: block; float: left; width: 100px; margin-top: 10px; }
#prikbordform TEXTAREA { line-height: 17px; width: 250px; margin-top: 10px; height: 80px;}
#prikbordform INPUT { line-height: 17px; width: 125px; margin-top: 10px; }
#prikbordform .submit { font-size: 11px; font-weight: bold; margin-left:2px; border: 1px solid #000; background-color: #FFFFFF; line-height: 17px; }

/* zoekresultaten */
P.zoekresultaat { padding-top: 10px; }
P.zoekresultaat .titel { font-weight: bold; }
P.zoekresultaat .term { background-color: #d6d6d6; }
.teller { text-align: center; }
.teller A { font-size: 12px; font-weight: bold; }

/* verleng reserveer */
#verlengreserveer { text-align: center; font-size: 0; line-height: 0; }
#verlengreserveer IMG { margin: 16px 5px 23px 5px; }

/* footer */
#footer { padding : 9px 0px 0px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; height: 17px;	}
#footer A { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;	 }
#footer A:hover { text-decoration: none; }

/* plaatjes */
img.header_page { margin: 0 0 1em; padding: 0; }
img.header_link { margin: 0; padding: 0; }
img.header_sub { margin: 0; padding: 0; }

/* pulldown */
#pulldownselect { clear: both; overflow: hidden; height: 17px; line-height: 17px; font-size: 11px; width: 83px; float: left; padding-left: 4px; }
#pulldownbox { visibility: hidden; overflow: hidden; height: 200px; position: absolute; top: 0px; left: 0px; z-index: 100; }
#pulldown { 
	position: relative;
	top: -200px;
	font-size: 11px;
	line-height: normal;
	padding: 4px;
	z-index: 99; 
}
#pulldown A { text-decoration: none; }
#pulldown A:hover { text-decoration: underline; }

img.captcha { margin: 1ex 0 0 0; }

/* Suggestieformulier */

#suggestie_form { margin: 0 10px; }
#suggestie_form p.required { margin: 0 0 20px 0; }
#suggestie_form ol { list-style: none; }
#suggestie_form ol li { margin: 0 0 10px 0; }
#suggestie_form input.txt { width: 200px; }
#suggestie_form input.submit { border: 1px solid #000; background: #fff; font-weight: bold; }
#frm_zoeken input.submit { border: 1px solid #000; background: #fff; font-weight: bold; }
#suggestie_form textarea { width: 200px; overflow: hidden; }
#suggestie_form label { float: left; width: 200px; font-weight: bold;}

#suggestie_form span {
	margin-left: 200px;
	color: #666;
}

/* Suggestiemodule */

#suggestie_module { position: relative; width: 770px; padding: 20px; text-align: left; }
#suggestie_module .close { position: absolute; top: 20px; right: 20px; padding: 0 15px 0 0; background: url(../images/ico_close.gif) no-repeat center right; font-size: 12px; color: #8e9093; text-decoration: none; }

#suggestie_module .hdr { overflow: hidden; height: 100%; }
#suggestie_module .hdr h1 { float: left; margin: 0 20px 0 0; font-size: 14px; color: #000; line-height: 18px; }
#suggestie_module .hdr form { float: left; margin: 0 0 0 20px; }
#suggestie_module .hdr form * { vertical-align: middle; }
#suggestie_module .hdr form label { font-size: 11px; margin: 0 5px 0 0; }
#suggestie_module .hdr form select { font-size: 12px; }

#suggestie_module #suggesties { clear: both; }
#suggestie_module table th { padding: 3px 5px 4px 5px; background: #a43e89; color: #fff; font-size: 14px!important; font-weight: normal; text-align: left; }
#suggestie_module table th a { font-size: 14px; padding: 0 15px 0 0; color: #fff; }
#suggestie_module table th a.desc { background: url(../images/ico_sort_up.gif) no-repeat center right; }
#suggestie_module table th a.asc { background: url(../images/ico_sort_down.gif) no-repeat center right; }
#suggestie_module table td { padding: 4px 5px 5px 5px; font-size: 11px; color: #000; text-align: left; border-bottom: 1px solid #c9c9c9; }
#suggestie_module table .datum { width: 100px; }
#suggestie_module table .auteur { width: 100px; }
#suggestie_module table .titel { width: 150px;  }
#suggestie_module table .status { width: 130px; }
#suggestie_module table .vestiging { width: 130px; }
#suggestie_module table .materiaal { width: 60px; }
#suggestie_module #suggesties { height: 400px; margin: 10px 0 0 0; overflow-y: scroll; overflow-x: hidden; }

/**
 * Honeypot veld
 */
#hp_biebarnhem { display: none; }

/* Social Media Buttons */
#social_media_buttons { margin: 0 13px; padding: 13px 0 0 2px; list-style: none; border-top: 1px solid #c6c6c6; }
#social_media_buttons li { position: relative; float: left; display: inline; margin: 0 0 0 12px; overflow: hidden; width: 16px; height: 16px; }
#social_media_buttons li.first { margin-left: 0; }
#social_media_buttons li a { display: block; height: 100%; }
#social_media_buttons li a img { position: absolute; top: 0; left: 0; }
#social_media_buttons li.hyves a img { left: 0; }
#social_media_buttons li.twitter a img { left: -16px; }
#social_media_buttons li.flickr a img { left: -32px; }
#social_media_buttons li.facebook a img { left: -48px; }
#social_media_buttons li.rss a img { left: -64px; }
#social_media_buttons li.blogger a img { left: -80px; }
#social_media_buttons li.delicious a img { left: -96px; }
#social_media_buttons li.library a img { left: -112px; }
#social_media_buttons li a:hover { background: #fff;  }
#social_media_buttons li a:hover img { top: -16px; }