body{ background: #F0F0F0; color: #000; }
img, img a{ border: none; }
a{ text-decoration: underline; color: #1F4C7F;  }

#sub.ppc a.home { width: 190px; height: 92px; display: block; position: absolute; left: 0px; top: 0px; }
#sub.pda a.home { width: 24.9%; height: 92px; display: block; float: left; }
#sub.mob a.home { height: 92px; display: block;}
/*#sub.pda a.home{ width: 287px; height: 49px; display: block; position: absolute; left: 0px; top: 0px; }*/

/* toolbox */
.center{ margin: auto auto;  }
.centertxt{ text-align: center; }
.clear{ clear: both !important; display: block !important; }
.desc{ font-size: 88%; }
.atta{ font-size: 105%; }
.left{ float: left !important;}
img.left{ margin: 4px 12px 4px 0; float: left; }
/*.leftimgtight{ margin: 0 12px 0 0; float: left; }*/
.lefttxt { text-align: left; }
.padding{ padding: 6px !important; }
.fpadding{ padding: 2px; }
.right{ float: right !important; }
img.right{ float: right; margin: 4px 0 4px 12px; }
/*.rightimgtight{ float: right; margin: 0 0 0 12px; }*/
.righttxt{ text-align: right; }
.block{ display: block; }
.wrap{ width: auto; }
.nowrap{ white-space: nowrap }
.hide{ display: none; }
.half{ width: 49%; }
.full{ width: 100%; }
.print{ display: none; }
.georgia{ font-family: Georgia, "Times New Roman", Times, serif; }
.hr{ padding: 1em 0; clear: both; display: block; }
.zoom { position: relative; height: 16px; text-align: right; top: -16px; float: right; }
.caption{ display: block; font: 11px tahoma, verdana, arial, geneva, sans-serif !important; position: relative; top: -16px; text-align: left !important; padding: 5px 0 0 0; }
table.image { border-collapse: collapse; }
table.image td { line-height: 0.7em !important; padding: 0; }
table.image { width: 1%; margin: 0 0 0 0em; padding: 0 !important; }
td.content table.image, li table.image { width: 1%; margin: 0 !important; }
td.content table td{ text-align: left !important; }
table, table td, table th { font-size: 96% !important; }
table td { font-size: 104% !important; }
table.gallery { width: 100%; border-collapse: collapse; }
/*  padding: 15px 0px hier toegevoegd om probleem met paragraafkopjes h4 op te lossen. MR 17-02-2011*/
table.gallery td.content { vertical-align: top !important; padding: 15px 0px; }
table.gallery td.content table.image { margin: 0 auto !important; }
.clearafter:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



.special1.related .quarter{ width: 150px; float: left; }
.special1.related .threequarter{ width: 410px; float: left; }
/*moet een left of right meegeven worden op de collecties in de xslt*/

h1, h2, h3, h4, h5{ font-weight: normal; line-height: inherit; font-family: tahoma, verdana, arial, geneva, sans-serif !important; }
h1{ clear: both; font-size: 180%; margin:  0; padding: 0; font-weight: bold; line-height: normal; }
h2{ clear: both; font-size: 155%; margin: 0 0 0.4em 0; padding: 0.2em 0 0 0; font-weight: bold; }
h3{ font-size: 130%; margin: 0 0 0.2em 0; padding: 0.2em 0 0 0; font-weight: bold; }
h4{ font-size: 105%; margin: 0 0 0.1em 0; padding: 0; font-weight: bold; }
h5{ font-size: 100%; margin: 0 0 0 0; padding: 0; font-weight: normal; }
#columntwo h2, #columntwo h2 a{ color: #FFF; }
#columnone h2, #columnone h2 a{ margin: 0; }
#columntwo img { padding: 10px 0 }


/* default styles */

#home .logo{ position: absolute; top: 0; left: 0; }
#home .paddingtwo{ padding: 4px 0 0 0; }
#home .paddingthree{ padding: 4px 0 0 0; }
#home .paddingnews{ padding: 4px 0 0 0; }
#home .paddingabout{ padding: 4px 0 0 0; }
#home .teaser{ margin: 0 0 1em 0; }
#home .teaser .kop { font-family: Georgia; font-size: 105%; background: url(../images/icon_leftarrow_three.gif) 100% 50% no-repeat; color: #FEEFB8 !important; text-decoration: none; padding: 0em 1em 0.2em 0; width: auto !important; clear: both; display: table-cell !important;}
#home #framework{ background: transparent; width: 100%; max-width: 640px; margin: auto auto; color: #FFF; position: relative; }
  #home #framework a{ color: #FFF; }
#home #generic{ color: #6F6B63; font-size: 90%; background: #F9F9F7; margin: 4px 0 0 0; }
#home #generic a{ margin: 0 0.5em 0 0; color: #6F6B63; text-decoration: none; white-space: nowrap; }
#home #fastswitch{ color: #6F6B63; background: transparent; margin: 0; }
#home #fastswitch a{ margin: 0 0.5em 0 0; color: #6F6B63; text-decoration: none; font-weight: bold; }
#home #container{ background-color: #FFF; position: relative; }
#home #columnone .hr{ padding: 0 !important; margin: 0 !important; height: 1em !important; }
#home #columnone .hr{ height: 2px; width: 100%; background: url(../images/background_hr_one.gif) 0 50% repeat-x; }
#home #columntwo .hr{ height: 2px; width: 100%; background: url(../images/background_hr_two.gif) 0 50% repeat-x; }
#home #columnthree .hr{ height: 2px; width: 100%; background: url(../images/background_hr_three.gif) 0 50% repeat-x; }
#home #columnone, #home #columntwo, #home #columnthree{ position: relative; }
#home #columnone #news{ background: #B99200; display: block; }
#home #columnone #about{ background: #CA9F00; display: block; }
#home #columntwo{ color: #DCE2EC; }
#home #columntwo .alert *{ color: #FFF; }
#home #columntwo #library{ background: #003266; width: 100%; display: block; min-height:179px; }
#home #columntwo .subsection{ background: #1F4C7F; width: 100%; display: block; }
#home #columnthree #collections{ background: #AD0A3D; width: 100%; display: block; overflow: hidden; }
#home #columnthree { position: relative; }
#home #columnthree .head { background: #91002D; }
#home #footer{ background: #FFF; color: #6F6B63; clear: both; display: block; width: 100%; padding: 1em 0 0 0; }
#home #footer a{ color: #000; text-decoration: none; }
#home #title h1 { display: none; }

#sub .logo{ position: absolute; top: 0; left: 0; }
#sub .paddingtwo{ padding: 4px 0 0 0; }
#sub .paddingthree{ padding: 4px 0 0 0; }
#sub #framework{ background: transparent; width: 100%; max-width: 640px; margin: auto auto; color: #000; position: relative; }
  #sub #framework a{ color: #000; }
#sub #generic{ color: #6F6B63; font-size: 90%; background: #F9F9F7; margin: 4px 0 0 0; }
#sub #generic a{ margin: 0 0.5em 0 0; color: #6F6B63; text-decoration: none; white-space: nowrap; }
#sub #fastswitch{ color: #6F6B63; background: transparent; margin: 0; }
#sub #fastswitch a{ margin: 0 0.5em 0 0; color: #6F6B63; text-decoration: none; font-weight: bold; }
#sub #container{ background-color: #FFF; position: relative; }
#sub #columnone, #home #columntwo, #home #columnthree{ position: relative; }
#sub #columnone a, #sub #columnthree a{ color: #FFF; }
#sub #columntwo{ color: #000; background: #F7F5F3; }
#sub #columnthree #related{ background: #7E7163; width: 100%; display: block; color: #FFF; }
#sub #footer{ background: #FFF; color: #6F6B63; clear: both; display: block; width: 100%; padding: 1em 0 0 0; }
#sub #footer a{ color: #000; text-decoration: none; }
#sub #content { min-height: 280px; }

#sub #content .padding { padding: 10px 0 10px 10px !important; }
#sub #content .related .padding { padding: 5px !important; margin: 0; float: left; }
#sub #content .hassidecontent .related .padding { padding:10px 0 !important; }

#sub .table, #sub .table1 { border:1px solid #E0D8C6; border-collapse: collapse; margin: 0 0 1em 0; }
#sub .table td, #sub .table th, #sub .table1 td, #sub .table1 th { border: 1px solid #E0D8C6; color:#000000; font-family:tahoma,verdana,arial,geneva; vertical-align:top; }
#sub .table th { background-color: #E0D8C6; empty-cells: show; }
#sub .table1 td, .table1 th { border: 1px solid #9A9488; }

#sub.library .hr{ padding: 0 !important; margin: 1em 0 !important; height: 1px !important; color: #91002D; background: #91002D;  }
#sub.about .hr{ padding: 0 !important; margin: 1em 0 !important; height: 1px !important; color: #B99200; background: #B99200;  }
#sub.collection .hr{ padding: 0 !important; margin: 1em 0 !important; height: 1px !important; color: #91002D; background: #91002D;  }

/*#sub.library h1, #sub.library h2, #sub.library h3, #sub.library h4, #sub.library h5{ color: #003266; }
#sub.about h1, #sub.about h2, #sub.about h3, #sub.about h4, #sub.about h5{ color: #B99200; }
#sub.collection h1, #sub.collection h2, #sub.collection h3, #sub.collection h4, #sub.collection h5{ color: #91002D; }
#sub.special h1, #sub.special h2, #sub.special h3, #sub.special h4, #sub.special h5{ color: #7E7163; }
#sub.library h1, #sub.library h3 { color: #003266; }
#sub.about h1, #sub.about h3 { color: #CA9F00; }
#sub.library .themecolor{ color: #003266 !important; }
#sub.about .themecolor{ color: #B99200 !important; }
#sub.collection .themecolor{ color: #91002D !important; }
#sub.special .themecolor{ color: #7E7163 !important; }
#related a, #related *{ color: #FFF !important; }*/

#sub.library h1, #sub.library h3{ color: #003266; }
#sub.about h1, #sub.about h3{ color: #B99200; }
#sub.collection h1, #sub.collection h3{ color: #91002D; }
#sub.special h1, #sub.special h3{ color: #7E7163; }
#sub.library h1, #sub.library h3{ color: #003266; }
#sub.about h1, #sub.about h3{ color: #CA9F00; }
#sub.library .themecolor{ color: #003266 !important; }
#sub.about .themecolor{ color: #B99200 !important; }
#sub.collection .themecolor{ color: #91002D !important; }
#sub.special .themecolor{ color: #7E7163 !important; }
#related a, #related *{ color: #FFF !important; }

.link	{ padding-left: 16px; display: block; color: #FFFFFF; background-position: 0px 5px; background-repeat: no-repeat; text-decoration: none; }

.nomob{ display: none; }
.mob .drempel{ display: block !important; }
.mob .nomob{ display: none !important; }

/* Menu */
#menu .padding{ padding: 0px !important; }
#menu ul, #menu li, #menuSections ul, #menuSections li{ list-style: none; margin: 0; padding: 0; }
#menu li{ padding: 2px 0; }
#menu { width:100%; display: block; background-color: #7E7163; color: #ffffff; overflow: hidden; }
#menu .breadcrumb { display: block; color: #ffffff; text-decoration: none; }
#menu .current {color: #E0D8C6;  margin: 12px 0px 2px 0px; display: block; font-weight: bold; text-decoration: none; font-size: 110%; }
#menu .link {font-weight: normal; line-height: normal; }

#menuSections li { line-height: normal !important; margin: 4px 0 0 0 !important; padding: 0 !important;}

#sub.about #menu{ background-color: #CA9F00; }
#sub.about #menu .current { color: #ECDDA3; }
#sub.collection #menu{ background-color: #91002D; }
#sub.collection #menu .current { color: #F0BAAF; }
#sub.library #menu{ background-color: #003266; }
#sub.library #menu .current { color: #A5C1DC; }
#sub.special #menu{ background-color: #7E7163; }
#sub.special #menu .current { color: #E0D8C6; }

/* Content blokken */
.bgContent { background-color: #F7F5F3; }
.bgContentArchive { background-color: #E7E7E7; background-image: url("../images/bg_content_archive.gif"); }
.special0 { background-color: #E0D8C6; }
.special0 a, .special0 * { color: #000; }
.special1 { background-color: #3F392F; }
.special1 a, .special1 * { color: #F0EAD8 !important; }
.special2 { background-color: #7E7163; }
.special2 a, .special2 * { color: #FFFFFF !important; }
#sub.library .special2 { background-color: #003266; }
#sub.library .special2 a, #sub.library .special2 * { color: #E9EDF2 !important; }
#sub.collection .special2 { background-color: #91002D; }
#sub.collection .special2 a, #sub.collection .special2 * { color: #FFFFFF !important; }
#sub.about .special2 { background-color: #D8A203; }
#sub.about .special2 a, #sub.about .special2 * { color: #FFFFFF !important; }
#sub.special .special2 { background-color: #908070; }
#sub.special .special2 a, #sub.special .special2 * { color: #F4F3F1 !important; }



/* following styles are not suitable for IE Mobile */
@media all {

/* * { margin: 0; padding: 0; } */
* html{ overflow-x: hidden; }
body{ overflow-x: hidden; }
html, body { height: 100%; margin: 0; }
html body{ color: #000; font: 70%/1.4em tahoma,verdana,arial,geneva; }
html body, body.ppc{ background: url(../images/background_body.gif) #FFF repeat-x;  }
body.pda, body.mob{ background: #FFF;  }
/*body.pda body, body.mob body{ background: url(../images/background_body_small.gif) #FFF repeat-x;  }*/
#columntwo img { padding: 0; }

.row { width: 100%; display: block; clear: both; float: left; }
.row .quarter{ width: 150px; float: left; display: block; overflow: hidden; }
.row .half{ width: 300px; float: left; overflow: hidden; }
.row .threequarter{ width: 430px; float: left; padding: 0px 20px 0px 0px; }
body.pda .row .threequarter, body.mob .row  .threequarter{ float: none; }
/*.row p{ margin: 0; padding: 0; }*/
.row .half .padding p, .row .quarter .padding p{ padding: 0px 10px 0px 0px !important; }
.row .quarter img, .row .quarter .image{ margin: 0; padding: 0; float: left; }
#sub #content .padding table.image { margin: -10px 0 0 0 !important; }
.row .half img{ margin: 0; padding: 0; /*float: right;*/ }
.row .related img{ float: right; margin: 0; padding: 0; }
.row .content img{ float: right; margin: 0; padding: 0; }
.related .padding{ padding: 0 !important; }
/*.row a{ display: inline !important; clear: none !important; }*/

h2 a, h2{ display: block; width: 100%; min-height: 36px; overflow: hidden; -moz-outline:none; }
#columnone h2 a{ display: block; width: 100%; min-height: 20px; }
  h2.hlibrary{ background: url(../images/h_library.gif) center left no-repeat; text-indent: -999px; }
  .en h2.hlibrary{ background: url(../images/h_library_en.gif) center left no-repeat; text-indent: -999px; }
  h2.hlibrary a{ background: url(../images/h_library_arrow.gif) center right no-repeat; text-indent: -999px; }
  h2.hcollections{ background: url(../images/h_collections.gif) center left no-repeat; text-indent: -999px; }
  .en h2.hcollections{ background: url(../images/h_collections_en.gif) center left no-repeat; text-indent: -999px; }
  h2.hcollections a{ background: url(../images/h_collections_arrow.gif) center right no-repeat; text-indent: -999px; }
  h2.hnews{ background: url(../images/h_news.gif) 0em 0.35em no-repeat; text-indent: -999px; }
  .en h2.hnews{ background: url(../images/h_news_en.gif) 0em 0.35em no-repeat; text-indent: -999px; }
  h2.hnews a{ background: url(../images/h_news_arrow.gif) top right no-repeat; text-indent: -999px; }
  h2.habout{ background: url(../images/h_about.gif) 0em 0.35em no-repeat; text-indent: -999px; }
  .en h2.habout{ background: url(../images/h_about_en.gif) 0em 0.35em no-repeat; text-indent: -999px; }
  h2.habout a{ background: url(../images/h_about_arrow.gif) top right no-repeat; text-indent: -999px; }

img, img a{ border: none; }
a{ text-decoration: underline; }
#sub #container a{ text-decoration: underline !important; }
#sub #container .toc a{ text-decoration: underline !important; }
#sub #container .toc a:hover{ text-decoration: underline !important; }
a:hover{ text-decoration: underline !important; }
p{ padding: 0; margin: 0 0 1em 0; }

ul{ margin: 0; padding: 0; list-style: disc; }
#sub #columntwo ul{ margin: 0 0 2em 0; }
#home li{ list-style: none; padding: 0.2em 0 0.2em 1.3em; background-position: 0 0.45em; background-repeat: no-repeat; }
#home li a{ display: block; width: 100%; text-decoration: none; }
#home #columnone #news ul li{ padding: 0 0 0.8em 0; }
#home #columnone #about ul li { background-image: url(../images/icon_link_home_overkb.gif); background-position: 0 0.35em; padding: 0.1em 0 0.1em 1.3em; }
#home #columntwo ul li { background-image: url(../images/icon_link_home_bibliotheek.gif); }
#home #columnthree ul li { background-image: url(../images/icon_link_home_expo.gif); }
#home #columntwo ul li.alert { background-image: url(../images/icon_alert_home_bibliotheek.gif); clear: both; }
#home #columntwo ul li.alert strong { display: block; }

#sub ol { margin: 0 0 1em 0; padding: 0 0 0 2em; }
#sub ul { margin: 0 0 1em 0; padding: 0; }
#sub ol li{ padding: 0.1em 0 0.1em 0; }
#sub ul li{ list-style: none; padding: 0.1em 0 0.1em 0.6em; background-position: 0 0.95em; background-repeat: no-repeat; }
#sub #columntwo{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 105%; line-height: 150%; }
#sub #columntwo ul li { background-image: url(../images/bullet_list.gif); }
#sub #columnthree { clear: both; }
#sub.ppc #columnthree { clear: none; }
#sub #columnthree ul li, .special1 li { background-image: url(../images/bullet_list_inverted.gif) !important; }
#sub .toc li { background-image: url(../images/arrowdown_toc.gif) !important; background-position: 0em 0.5em; padding: 0 0 0 1em; }
#sub #content .padding { padding: 10px; }
#sub .related { font-family: tahoma, verdana, arial, sans-serif; font-size: 95%; line-height: 130%; }
#sub .related li{ list-style: none; padding: 0.1em 0 0.1em 0.6em; background-position: 0 0.8em; background-repeat: no-repeat; }
/* specific styles */


#sub.library #header a.home { background: url(../images/logo_kb_bibliotheek.jpg) #FFF no-repeat; }
#sub.collection #header a.home { background: url(../images/logo_kb_expo_coll.jpg) #FFF no-repeat; }
#sub.about #header a.home { background: url(../images/logo_kb_overkb.jpg) #FFF no-repeat; }
#sub.pda #header a.home { background-position: 100% 0% }


#home.mob #columntwo #library{ background: #003266; width: 100%; display: block; height: auto; }

#home.pda #framework{ width: 99%; max-width:100%; margin: auto auto; background: #FFF; }
#home.pda #header{ min-height: 54px; color: #6F6B63; }
#home.pda #generic{ float:right; text-align: right; background: transparent; margin: 0; width: 50%; }
#home.pda #columnone { width: 24.9%; float: right; }
#home.pda #container { width: 74.9%; float: left; }
#home.pda #columntwo #library{ height: auto; }
#home.pda .paddingtwo{ padding: 0 0 0 0; }
#home.pda .paddingthree{ padding: 4px 0 0 0; }
#home.pda .paddingnews{ padding: 0 0 0 2px; }
#home.pda .paddingabout{ padding: 4px 0 0 2px; }
#home.pda .homevisual{ margin: 0 0 0 2px;  }

#home.ppc #framework{ width: 980px; background: url(../images/background_ppc.gif) repeat-y; max-width:100%; margin: auto auto; }
#home.ppc #header{ background: url(../images/ppc.logo.gif) #FFF no-repeat; min-height: 96px; color: #6F6B63; }
#home.ppc #header .logo { display: none; }
#home.ppc .en #header{ background: url(../images/ppc.logo_en.gif) #FFF no-repeat; min-height: 96px; color: #6F6B63; }
#home.ppc #generic{ float:right; text-align: right; background: transparent; margin: 0; width: 55%; }
#home.ppc #columnone { width: 190px; float: left; }
#home.ppc #container { width: 790px; float: right;  }
#home.ppc #columntwo { width: 444px; float: left; }
#home.ppc #columnthree { width: 346px; float: right; }
#home.ppc #news{ width: 90%; float: right; }
#home.ppc #about{ width: 90%; float: right; }
#home.ppc #footer a{ color: #000; text-decoration: none; margin: 0 0 0 190px; }
#home.ppc #container{ background: url(../images/background_coltwo.gif) #FFF repeat-y; position: relative; }
#home.ppc #columntwo #library{ min-height:210px; }
#home.ppc #columnthree .head{ min-height:210px; }
#home.ppc #columnthree .headteaser { position: absolute; bottom: 0; left: 0; height: 100px; }
#home.ppc #columnthree .headteaser img{ left:0px; bottom: 0px; }
#home.ppc .paddingtwo{ padding: 0 0 0 4px; }
#home.ppc .paddingthree{ padding: 0 0 0 4px; }
#home.ppc .paddingthree .head .padding { padding-bottom:0 !important; min-height: 204px; position: relative; }
#home.ppc .paddingnews{ padding: 0 0 0 0; }
#home.ppc .paddingabout{ padding: 0 0 0 0; }


#sub.mob #header .logo { display: none; }
#sub.mob #columnthree #related{ width: 100%; display: block; height: auto; }
#sub.mob #menuSections, #sub.mob #menuSpecial{ float: left; display: block !important; width: 100% !important; }
#sub.mob #title{ display: block; clear: both; margin: 0 0 0 6px !important; position: relative; top: 0.5em; }
#sub.mob #title h1{ margin: 1em 0 1em 0; }
#sub.mob #columntwo { width: 100%; display: block; }
#sub.mob .paddingtwo{ padding: 0; }
#sub.mob #menu{ margin: 4px 0 0 0; }
#sub.mob #columnone{ width: 100%; }
#sub.mob .row .quarter{ width: 48% !important; float: left; }
#sub.mob .row .half{ width: 48% !important; float: left; }
#sub.mob .row .threequarter{ width: 100% !important; }
#sub.mob .special1.related .quarter{ width: 48% !important; float: left; }
#sub.mob .special1.related .threequarter{ width: 100% !important; float: left; }
#sub.mob #title h1 { top: 0.2em; }


#sub.pda #header .logo { display: none; }
#sub.pda #framework{ width: 99%; max-width:100%; margin: auto auto; background: #FFF; }
#sub.pda #header{ min-height: 54px; height: 96px; color: #6F6B63; }
#sub.pda #title{ display: block; clear: both; margin: 0 0 0 26.25% !important; position: relative; top: -64px; }
#sub.pda #title h1{ margin: 1em 0 1em 0; }
#sub.pda #generic{ float:right; text-align: right; background: transparent; margin: 0; width: 50%; }
#sub.pda #columnone { width: 24.9%; float: left; min-width: 172px; }

#sub.pda #container { width: 74.7%; float: right; overflow: hidden; }
#sub.pda #columnthree #related{ height: auto; }
#sub.pda .paddingtwo{ padding: 0; }
#sub.pda .paddingthree{ padding: 4px 0 0 0; }
/*#sub.pda #menuSections, #sub.pda #menuSpecial{ float: left; }*/
#sub.pda .row .quarter{ width: 48% !important; float: left; }
#sub.pda .row .half{ width: 48% !important; float: left; }
#sub.pda .row .threequarter{ width: 100% !important; }
#sub.pda .special1.related .quarter{ width: 48% !important; float: left; }
#sub.pda .special1.related .threequarter{ width: 100% !important; float: left; }
#sub.pda #title h1 { top: 0.2em; }

#sub.ppc #framework{ width: 980px; background: transparent; max-width:100%; margin: auto auto; }
/*#sub.ppc #header{ background: url(../images/ppc.logo.sub.gif) #FFF no-repeat; height: 96px; color: #6F6B63; }*/
#sub.ppc #header{ height: 96px; color: #6F6B63; }
#sub.ppc #header .logo { display: none; }
#sub.ppc #title{ display: block; clear: both; margin: 0 0 0 200px !important; }
#sub.ppc #generic{ float:right; text-align: right; background: transparent; margin: 0; width: 55%; }
#sub.ppc #columnone { width: 190px; float: left; min-width: 172px; }
#sub.ppc #container { width: 790px; float: right;  }
#sub.ppc #columntwo { width: 600px; float: left; overflow: hidden; }
#sub.ppc #columnthree { width: 190px; float: right; }
#sub.ppc #footer a{ color: #000; text-decoration: none; margin: 0 0 0 190px; }
#sub.ppc #container{ background: transparent; position: relative; }
#sub.ppc #columnthree #related{ min-height:210px; }
#sub.ppc #menu{ min-height:230px; }
#sub.ppc .paddingtwo{ padding: 0; }
#sub.ppc .paddingthree{ padding: 0; }


/* default styles */
#home #header{ height: auto; color: #6F6B63; }
#sub #header{ height: auto; color: #6F6B63; }
#home #fastswitch, #sub #fastswitch{ padding: 64px 0 0 0; }
#home #title h1 { display: block; color: #000; text-indent: -999em; margin: 0; padding: 0; float: left; }

/* Menu */
#menu .breadcrumb { background-image: url("../images/icon_menu_back_generiek.gif"); padding-left: 10px; background-position: 0px 4px; background-repeat: no-repeat; }
#menu .link {background-image: url("../images/icon_menu_link_generiek.gif");  padding-left: 10px; background-position: 0px 5px; }

#menuSections{ float: right; margin: 0 0px 4px 0px; display: block; width: 172px;  }
#menuSections li{ display: block; margin: 4px 0 0 0; }
#menuSections li a{ display: block; width: 100%; float: left; }
#menuSections li, #menuSections li a{ font-family: sans-serif; text-indent: -999px; height: 21px;}
#menuSections li.library{ background: url(../images/banner_menu_bibliotheek_nl.gif) #003266 top left no-repeat !important; }
#menuSections li.collection{ background: url(../images/banner_menu_expo_nl.gif) #91002D top left no-repeat !important; }
#menuSections li.about{ background: url(../images/banner_menu_overkb_nl.gif) #CA9F00 top left no-repeat !important; }
#menuSections li.special{ background: url(../images/banner_menu_speciaalvoor_nl.gif) #7E7163 top left no-repeat !important; }

.en #menuSections li.library{ background: url(../images/banner_menu_bibliotheek_en.gif) #003266 top left no-repeat !important; }
.en #menuSections li.collection{ background: url(../images/banner_menu_expo_en.gif) #91002D top left no-repeat !important; }
.en #menuSections li.about{ background: url(../images/banner_menu_overkb_en.gif) #CA9F00 top left no-repeat !important; }
.en #menuSections li.special{ background: url(../images/banner_menu_speciaalvoor_en.gif) #7E7163 top left no-repeat !important; }

#menuSections li.library a{ background: url(../images/icon_link_home_bibliotheek.gif); background-position: 97% 50%; background-repeat: no-repeat; }
#menuSections li.collection a{ background: url(../images/icon_link_home_expo.gif); background-position: 97% 50%; background-repeat: no-repeat; }
#menuSections li.about a{ background-image: url(../images/icon_link_home_overkb.gif); background-position: 97% 50%; background-repeat: no-repeat; }
#menuSections li.special a{ background: url(../images/icon_link_home_speciaalvoor.gif); background-position: 97% 50%; background-repeat: no-repeat; }

#sub.about #menu .breadcrumb { background-image: url("../images/icon_menu_back_overkb.gif"); }
#sub.about #menu .link { background-image: url("../images/icon_menu_link_overkb.gif"); }
#sub.collection #menu .breadcrumb { background-image: url("../images/icon_menu_back_expo.gif"); }
#sub.collection #menu .link { background-image: url("../images/icon_menu_link_expo.gif"); }
#sub.library #menu .breadcrumb { background-image: url("../images/icon_menu_back_bibliotheek.gif"); }
#sub.library #menu .link { background-image: url("../images/icon_menu_link_bibliotheek.gif"); }
#sub.special #menu .breadcrumb { background-image: url("../images/icon_menu_back_speciaalvoor.gif"); }
#sub.special #menu .link { background-image: url("../images/icon_menu_link_speciaalvoor.gif"); }


/* Promo blokken */
.promoBibliotheek .promoKop { background-image: url("../images/icon_link_home_bibliotheek.gif"); background-color: #003266; color: #FFFFFF; }
.promoBibliotheek .related { padding: 10px; background-color: #1F4C7F; color: #E9EDF2; }
.promoBibliotheek .related * { color: #E9EDF2; }
.promoBibliotheek .zieook a, .promoSpeciaalVoor .zieook a,
.promoOverKb .zieook a, .promoExpo .zieook a { color: #ffffff; }
.promoBibliotheek .zieook, .promoSpeciaalVoor .zieook,
.promoOverKb .zieook, .promoExpo .zieook { padding: 5px 5px 7px 6px; }
.promoBibliotheek, .promoSpeciaalVoor, .promoOverKb, .promoExpo { float: right; width: 172px; margin: 0px 0px 20px 0px; }
.promoExpo .promoKop { background-image: url("../images/icon_link_home_expo.gif"); background-color: #7A0026; color: #FFFFFF; }
.promoExpo .related { padding:  0px 10px 10px 7px; background-color: #91002D; color: #FFFFFF; }
.promoExpo .related * { color: #FFFFFF; }
.promoKop { padding: 6px; padding-right: 16px; background-repeat: no-repeat; background-position: 97% 50%; font-weight: bold; }
.promoOverKb .promoKop { background-image: url("../images/icon_link_home_overkb.gif"); background-color: #CA9F00; color: #FFFFFF; }
.promoOverKb .related { padding: 0px 10px 10px 7px; background-color: #CA9F00; color: #FFFFFF; }
.promoOverKb .related * { color: #FFFFFF; }
.promoSpeciaalVoor .promoKop { background-image: url("../images/icon_link_home_speciaalvoor.gif"); background-color: #7E7163; color: #FFFFFF; }
.promoSpeciaalVoor .related { padding:  0px 10px 10px 7px; background-color: #908070; color: #F4F3F1; }
.promoSpeciaalVoor .related * { color: #F4F3F1; }

/* Sitemap */
body.sitemap #title{ display: none; }
body.sitemap #columnone .columnone-sitemap{ position: absolute; top:0px;background: #CA9F00; width: 170px; left: 19px; }
body.sitemap #container{ background: url(../images/background_coltwo_sitemap.gif) #FFF repeat-y !important; position: relative; }
.linkMapLvl1 { margin: 1em 0px 0px 2px; }
.linkMapLvl1, .linkMapLvl2, .linkMapLvl2Last, .xiMapLvl2, .xiMapLvl2Last { display: block; color: #FFFFFF; background-repeat: no-repeat; background-position: 3px 9px; font-weight: bold; text-decoration: none; }
.linkMapLvl2, .linkMapLvl2Last, .xiMapLvl2, .xiMapLvl2Last { padding-left: 11px; background-image: url("../images/bullet_sitemap.gif"); font-weight: normal; line-height: 1.8em; }
.xiMapLvl2, .xiMapLvl2Last { padding-left: 13px; background-position: 0px 6px; background-image: url("../images/bullet_menu_xi.gif"); }
#mapBibliotheek { padding: 10px 5px 5px 5px; background-color: #003266; }
#mapBibliotheek .background, #mapBibliotheek .indent { background-image: url("../images/bg_sitemap_bibliotheek.gif"); }
#mapBibliotheek .background, #mapBibliotheek .indent, #mapOverkb .background,
#mapOverkb .indent, #mapSpeciaalvoor .background, #mapSpeciaalvoor .indent,
#mapExpo .background, #mapExpo .indent { background-repeat: repeat-y; background-position: 4px 0px; }
#mapBibliotheek .indent, #mapOverkb .indent, #mapSpeciaalvoor .indent,
#mapExpo .indent { padding-left: 15px; background-position: 19px 0px; }
#mapBibliotheek .linkMapLvl2Last { background-image: url("../images/bullet_sitemap_bibliotheek_last.gif"); }
#mapBibliotheek .xiMapLvl2Last { background-image: url("../images/bullet_menu_xi_last.gif"); }
#mapExpo { padding: 10px 5px 10px 5px; width: auto; background-color: #91002D; }
#mapExpo .background, #mapExpo .indent { background-image: url("../images/bg_sitemap_expo.gif"); }
#mapExpo .linkMapLvl2Last { background-image: url("../images/bullet_sitemap_expo_last.gif"); }
#mapOverKb { padding: 8px 5px 5px 5px; width: 162px; float: right; background-color: #CA9F00; }
#mapOverkb .background, #mapOverkb .indent { background-image: url("../images/bg_sitemap_overkb.gif"); }
#mapOverkb .linkMapLvl2Last { background-image: url("../images/bullet_sitemap_overkb_last.gif"); }
#mapSpeciaalVoor { padding: 5px 5px 10px 5px; width: 162px; float: right; background-color: #7E7163; }
#mapSpeciaalvoor .background, #mapSpeciaalvoor .indent { background-image: url("../images/bg_sitemap_speciaalvoor.gif"); }
#mapSpeciaalvoor .linkMapLvl2Last { background-image: url("../images/bullet_sitemap_speciaalvoor_last.gif"); }

/* Generieke Pagina blokken */
#generic{ position: relative; z-index: 100; top: 4px; }
#title{ height: 60px; position: relative; z-index: 99; }
#sub #title{ padding: 0; background-repeat: repeat-x; background-position: 0em 1.7em; position: relative; top: -1.5em; }
#sub #title h1{ margin: 0; position: absolute; bottom: 0.1em; }

#sub #title h4{ padding: 0; font-family: sans-serif !important; height: 1em; width: 50%; font-size: 115%; background-repeat: no-repeat; background-position: 0em 0em; text-indent: -999px; }

#sub.library .nl #title h4{ background-image: url("../images/section_title_bibliotheek_nl.gif"); }
#sub.collection .nl #title h4{ background-image: url("../images/section_title_expo_coll_nl.gif"); }
#sub.special .nl #title h4{ background-image: url("../images/section_title_speciaalvoor_nl.gif"); }
#sub.about .nl #title h4{ background-image: url("../images/section_title_overkb_nl.gif"); }

#sub.library .en #title h4{ background-image: url("../images/section_title_bibliotheek_en.gif"); }
#sub.collection .en #title h4{ background-image: url("../images/section_title_expo_coll_en.gif"); }
#sub.special .en #title h4{ background-image: url("../images/section_title_speciaalvoor_en.gif"); }
#sub.about .en #title h4{ background-image: url("../images/section_title_overkb_en.gif"); }

#sub.library #title { background-image: url("../images/header_bullets_bibliotheek.gif"); }
#sub.collection #title { background-image: url("../images/header_bullets_expo_coll.gif"); }
#sub.special #title { background-image: url("../images/header_bullets_speciaalvoor.gif"); }
#sub.about #title { background-image: url("../images/header_bullets_overkb.gif"); }

} /* end @media directive */ end @media directive */




/* Homepagina zoekmachine */
/* Shadowboxes */
.shadow { position: absolute;}
.shadow-r { top: 0; bottom: 0; right: -4px; height: 100%; width: 4px; background: url(../images/shadow_r.png) no-repeat; }
.shadow-br { bottom: -4px; right: -4px; height: 4px; width: 4px; background: url(../images/shadow_br.png) no-repeat; }
.shadow-b { bottom: -17px; left: 0; right: 0; width: 100%; height: 17px; background: url(../images/shadow_b.png) no-repeat; }
.shadow { position: absolute; display: block; }

#home #searchengine .textfield-container { margin: 1em 0 0.5em 0; }
#home #searchengine .textfield-container input { width: 314px; }
#home #searchengine .textfield-container button,
#home #searchengine .textfield-container #searchbutton {
  margin-left: 7px;
  width: auto;
}
#home #searchengine ul { padding: 0 0 1em 0; float: left; width: 138px; }

h3.hlibrary-discover { height: 15px; background: url(../images/h_library_subtitle.gif) center left no-repeat; text-indent: -999px; }
    
#home #searchengine li a { display: inline; }
#home .info { margin-left: 0.3em; position: relative; display: inline; }
#home .info-trigger { border-bottom: 1px dashed #fff; }
#home .info-hidden .info-description { display: none; }
#home .info-description { display: block; position: absolute; bottom: 24px; left: -12px; width: 240px; color: #000; z-index: 10001; background-color: #fff; }
#home .info-description-content { padding: 13px; position: relative; display: block; }
#home .info-description p { margin: 0; }
#home #searchengine { margin: 0; padding: 0; }
#home #searchengine .info-description a { color: #000; text-decoration: underline; }
#home #searchengine .info-description a:hover { text-decoration: none; }
#home #columntwo #searchengine ul li { padding-left: 0; background: none; }
#home #searchengine label { cursor: pointer; }
/* End homepagina zoekmachine */

/* Correcties op het stylesheet door Marcel Rijs januari 2010 */
/* .row .threequarter{ width: 430px; float: left; padding: 0px 20px 0px 0px; } was oorspronkelijk .row .threequarter{ width: 450px; float: left; } */
#content .row .threequarter .image td .zoom { height: 0px; }
#content .quarter .padding td .zoom {position: relative; height: 16px; text-align: right; top: -16px; float: right; }