@import url("fonts.css");
@import url("base.css");

/* ========================================================================== */
/* 00. main content declarations                                              */
/* ========================================================================== */
#content a, #content p {line-height:1.5em;}
#content p {font-size:116%;}
#content .context p {line-height:1.22em;}


/* ========================================================================== */
/* 01. page main structure                                                    */
/* ========================================================================== */

/* page base code ----------------------------------------------------------- */
body {background:#3083AC url("img/bg-repeat.jpg") top left repeat-x;}
#allContainer {font-size:85%;background:url("img/bg.jpg") top center no-repeat;padding-top:1em; min-height:1000px;}  /* Changed: padding-top:1.7em and image -- 2009·07·08 by Cis */

/* header section ----------------------------------------------------------- */
#header {width:84.85em;margin:0 auto;border:1px solid #fff;border-bottom:none;}

/* main section ------------------------------------------------------------- */
#content {width:84.85em;margin:0 auto;background:#fff;border:1px solid #fff;border-top:none;border-bottom:none;padding-bottom:1px;border-top:1px solid #7FB2CC}
#content .contentWrapper {border-bottom:5px solid #D41F66;padding-bottom:4em;}

/* footer section ----------------------------------------------------------- */
#footer {width:84.85em;margin:0 auto;margin-top:0.5em;}

/* ========================================================================== */
/* 02. grids                                                                  */
/* ========================================================================== */

/* grid two left ------------------------------------------------------------ */
.gridTwoLeft {padding-left:16em;margin-top:1.5em;background:#EDF4F8 url("img/leftcol-bg-bottom-repeat.gif") bottom left repeat-y;}
.gridTwoLeft .wrapper {background:#fff;}
.gridTwoLeft .col-1 {float:left;width:16em;margin-left:-16em;}
.gridTwoLeft .col-2 {float:right;width:100%;}
.gridTwoLeft .col-2 .gridOne {margin:0em 2em 1em 2em;} /* Changed: margin 2009·07·08 by Cis */
.gridTwoLeft .col-2 .gridOne .textblock {margin-right:18em;} /* Added: margin 2009·07·10 by Niels */

/* grid two right ----------------------------------------------------------- */
.gridTwoRight {padding-right:36em;margin-top:1.5em;}
.gridTwoRight .wrapper {}
.gridTwoRight .col-1 {float:left;width:100%;}
.gridTwoRight .col-1 .gridOne {margin-left:2em;}
.gridTwoRight .col-2 {float:right;width:36em;margin-right:-36em;}
.gridTwoRight .col-2 .gridOne {margin:0em 2em;}

/* grid three --------------------------------------------------------------- */
.gridThree {padding-left:16em;margin-top:1.5em;background:#EDF4F8 url("img/leftcol-bg-bottom.gif") bottom left no-repeat;}
.gridThree .wrapper2 { padding-right:26em;background:#fff;}
.gridThree .wrapper {}
.gridThree .wrapperIn {float:right;width:100%;}
.gridThree .col-2 {float:left;width:100%;}
.gridThree .col-2 .gridOne {margin:0em;margin-left:2em;}
.gridThree .col-3 {float:right;width:26em;margin-right:-26em;}
.gridThree .col-3 .gridOne {margin:0em 2em; margin-top:5.7em}
.gridThree .col-1 {float:left;width:16em;margin-left:-16em;}

/* ========================================================================== */
/* 03. titles                                                                 */
/* ========================================================================== */

/* general heading declaration ---------------------------------------------- */
h1, h2, h3, h4, h5, h6 {margin:1em 0em;font-size:100%;color:#000000; line-height:1.75em}

/* koppen ------------------------------------------------------------------- */
h1 {margin-bottom:1.25em;}
h1.title span {font-size:230%;color:#660033;line-height:1.3em;font-weight:300;} /* Changed: font-weight 2009·07·08 by Cis */
h2.title span {font-size:167%;font-weight:300;} /* Changed: font-weight 2009·07·08 by Cis */
h3.title span {font-size:138.5%;font-weight:300;} /* Changed: font-weight 2009·07·08 by Cis */
h3.title a {text-decoration:none;font-weight:300;} /* Changed: font-weight 2009·07·08 by Cis */
h4.title {margin-bottom:-0.5em;}
h4.title span {font-size:116%;}
h5.title span {font-size:100%;}
h6.title span {font-size:100%;}


/* ========================================================================== */
/* 04. links and buttons                                                      */
/* ========================================================================== */
a {color:#006699;}
a:hover {color:#603;}
/* rss link */
a.rss {width:20px;background:url("img/icon_rss.gif") center right no-repeat;text-indent:-9999em;display:block; outline:none;}
/* more link */
a.more {padding-right:13px;background:url("img/arrow-more.gif") right 0.45em no-repeat;}
a.more:hover {background-image:url("img/arrow-more-hover.gif");}
/* back link */
a.back {padding-left:20px;background:url("img/arrow-less.gif") 0.25em 0.45em no-repeat;}
a.back:hover {background-image:url("img/arrow-less-hover.gif");}
/* pager links */
a.less-link {padding-left:15px;background:url("img/pager-prev.gif") left 0.25em no-repeat;}
a.less-link:hover {background-image:url("img/pager-prev-hover.gif");}
a.more-link {padding-right:15px;background:url("img/pager-next.gif") right 0.25em no-repeat;}
a.more-link:hover {background-image:url("img/pager-next-hover.gif");}
/* slideshow */
a.slideshow {padding-left:20px;background:url("img/icon_slideshow.gif") top left no-repeat;}
a.slideshow:hover {background-image:url("img/icon_slideshow_hover.gif");}

/* ========================================================================== */
/* 05. navigation                                                             */
/* ========================================================================== */

/* horizontal menu ---------------------------------------------------------- */
.horizontalNav { border-top:1px solid #fff;}
.horizontalNav ul {background:#C6DDE8 url("img/horizontalnav-bg.gif") left center repeat-x;}
.horizontalNav li {float:left; background:url("img/horizontalnav-separator.gif") no-repeat right top; padding-right:1px;}
.horizontalNav ul li.first {}
.horizontalNav ul li.last {background:none; padding:0; -moz-float-edge:content-box; float:none; margin-left:69.4em; width:auto;}
.horizontalNav ul li .page {font-weight:700; display:block; text-align:center; color:#003366; letter-spacing:2px; min-height:38px; text-decoration:none; text-transform:uppercase;}
.horizontalNav li .page span {display:block; padding-top:1.25em;}
.horizontalNav li#nav-home {width:11em;}
.horizontalNav li#nav-update {width:12em;}
.horizontalNav li#nav-monarchy {width:16em;}
.horizontalNav li#nav-monarchy span {padding-top:0.75em;}
.horizontalNav li#nav-family {width:14em;}
.horizontalNav li#nav-family span {padding-top:0.75em;}
.horizontalNav li#nav-history {width:16em;}
.horizontalNav li#nav-palace span {padding-top:0.75em;}
/* active */
.horizontalNav li.active .page {color:#603;} 
/* hover */
.horizontalNav li a.page:hover {color:#660033; background:url("img/horizontalnav-bg-hover.gif") left center repeat-x;}

/* other languages */
/* EN */
body.en .horizontalNav li.last {margin-left:57.25em;}
body.en .horizontalNav li#nav-family span {padding-top:1.25em;} 
body.en .horizontalNav li#nav-palace span {padding-top:1.25em;} 
/* DE */
body.de .horizontalNav li.last {margin-left:57.25em;}
body.de .horizontalNav li#nav-palace span {padding-top:1.25em;}
 
/* banner ------------------------------------------------------------------- */
.banner {height:150px;background:#016799 url("img/header-algemeen.png") no-repeat 0 0;} /* Changed: height & background 2009·07·08 by Cis */
.banner .logo {margin:0em;position:relative;}
.banner .logo a {position:absolute; top:0em; left:0em; height:150px; width:125px; display:block; color:#000; text-decoration:none;} /* Changed: left, top 2009·07·08 by Cis */
.banner .logo a span {font-size:40px; font-weight:300; line-height:0.95em; position:absolute; bottom:35px; left:130px; width:8em; display:block; cursor:pointer;} /* Changed: bottom, left 2009·07·08 by Cis */
/* sectie banners */
body#main.monarchy .banner {background-image:url("img/header-monarchie-vandaag.png");}
body#main.updates .banner {background-image:url("img/header-actueel.png");}
body#main.family .banner {background-image:url("img/header-familie1.png");}
body#main.history .banner {background-image:url("img/header-geschiedenis.png");}
body#main.palace .banner {background-image:url("img/header-patrimonium.png");}
body#kids .banner {background-image:url("img/header-kids.png");}
/* sectie links */
body#main.home .banner .logo a {color:#fff;}
body#main.updates .banner .logo a {color:#fff;}
body#main.family .banner .logo a span {color:#000;}  /* Changed: left and bottom 2009·07·08 by Cis */
body#main.history .banner .logo a {color:#fff;}
body#main.monarchy .banner .logo a {color:#000;}
body#main.palace .banner .logo a {color:#000;}
body#kids .banner .logo a {color:#fff;}
/* sectie links hover */
body#main .banner .logo a:hover {color:#603;}
body#kids .banner .logo a:hover {color:#c30;}

/* tree --------------------------------------------------------------------- */
.tree {margin:0;padding:1em 0.5em;min-height:140px;background:url("img/leftcol-bg-top.gif") top left no-repeat;}
.tree li {margin-bottom:0.25em; background:transparent url(img/bullet_blue_level1.gif) no-repeat 0.75em 0.7em;}
.tree li.first {}
.tree li.active .page {font-weight:700;color:#660033;}
.tree li.active li .page {color:#069; font-weight:400;}
.tree li li.active .page {color:#660033;} /* Changed: line added for l2 active 2009·07·10 by Niels  */
.tree li .page { text-decoration:none;font-weight:300; display:block;}  /* Changed: font-weight 2009·07·08 by Cis */
.tree li.open>.page {font-weight:700;color:#660033;} /* check ie6.css when changed or extra levels added */
.tree li.last {border-bottom:0;}
.tree li .page {padding-left:1.75em;font-size:116%;}
.tree li li {background:transparent url(img/bullet_blue_level2.gif) no-repeat 2em 0.7em;margin-bottom:0;}
.tree li li .page {padding-left:2.75em;font-weight:300;}
/* in left column */
.navigation .tree li {}
/* in content */
.content .tree ul li {padding-left:14px;background:url("img/bullet_blue.gif") left 0.55em no-repeat;}
.content .tree ul li a {padding-left:0em;}
/* language navigation ------------------------------------------------------ */
.langNav {float:left;}
.langNav ul li {float:left;padding-left:1px;}
.langNav ul li .page {margin:0em 0.25em; padding:0.35em 0.5em; text-transform:uppercase;text-decoration:none;background:#005C89;border:1px solid #67A4C2;color:#fff; display:block;}
.langNav ul li a.page:hover {border:1px solid #67A4C2; background-color:#fff;color:#069;}
.langNav ul li.first {background:none;padding-left:0;}
.langNav ul li.first .page {margin-left:0;}
.langNav ul li.current .page {font-weight:700; background:#603; color:#fff ;}

/* secondary navigation ----------------------------------------------------- */
.secondNav {margin:0.5em;}
.secondNav li {float:left;margin-right:0.5em;color:#999999;background:url("img/separator_second.gif") left 0.35em no-repeat;white-space:nowrap;}
.secondNav li .page {margin-left:0.5em;}
.secondNav li.first {background:none;padding-left:0;}
.secondNav li.first .page {margin-left:0;}
/* in header */
#header .secondNav {margin:0; margin-right:18em; float:right;}
#header .secondNav li {background-image:url("img/secondnav-separator.gif");background-position:left 0.5em;margin-right:0.75em;}
#header .secondNav li.first {background:none;}
#header .secondNav li .page {color:#fff;text-decoration:none;margin-left:0.75em;font-size:116%; line-height:1.75em; display:block;}
#header .secondNav li .rss {text-indent:0; background:url("img/rss-secondNav.gif") right center no-repeat; padding-right:20px;}
#header .secondNav li a.page:hover {border-bottom:2px solid #fff; color:#fff;}
/* in footer */
#footer .secondNav li .page {color:#fff;}
#footer .secondNav li a.page:hover {color:#603;}
#footer .secondNav li {background: none; font-size:116%;}
#footer .secondNav li.first {background:none;}


/* breadcrumb --------------------------------------------------------------- */
.breadcrumb {padding:0.5em 1em 0.25em;margin:0em;background:#F2F7FA;} /* Changed: padding 2009·07·08 by Cis */
.breadcrumb .title span {font-size:123.1%;}
.breadcrumb .title {float:left;margin:0;font-size:85%;color:#000;margin-right:1em;}
.breadcrumb li {float:left;margin-right:0.75em;padding-left:11px;color:#660033;background:url("img/separator_bread.gif") left center no-repeat;white-space:nowrap;}
.breadcrumb li .page {margin-left:0em;font-weight:300; font-size:108%;} /* Changed: font-weight 2009·07·08 by Cis */
#content .breadcrumb li .page {line-height:1.25em;}
.breadcrumb li.first {background:none;padding-left:0;}
.breadcrumb li.first .page {margin-left:0;}

/* paging ------------------------------------------------------------------- */
.paging {text-align:center;margin-top:0.5em;margin-bottom:1em;padding:0.5em;border-top:1px solid #660033;font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif;}
/* results */
.paging .result {display:none;font-size:93%;float:left;}
.paging .result span {font-weight:700;}
/* pager */
.paging .pager {margin-top:0.25em;}
#main .paging .pager ul {margin:0}
.paging .pager a {text-decoration:none;}
.paging .pager a:visited {color:#2e54a1}
.paging .pager a:hover {}

.paging .pager ul {display:inline;margin:0em 1em;}
.paging .pager ul li {display:inline;}
.paging .pager ul li.first {background:none;padding-left:0;}
.paging .pager ul li.active .page {background:#603;color:#fff;font-weight:700;border-color:#603;}

.paging .pager .pageNumbers {padding:0 0em;}
.paging .pager .pageNumbers .page {border:1px solid #006699;background:#fff;padding:0.25em 0.5em;}
.paging .pager .pageNumbers a.page:hover {background:#069;color:#fff;}
.paging .pager .pageNumbers .hellip {padding:0 0.5em;}
.paging .pager .pageNumbers .hellip .page {border:none;background:transparent;text-decoration:underline;}
.paging .pager .pageNumbers .hellip.prev a.page:hover {color:#006699;background:#fff url("img/css_arrow_hellip-prev.gif") no-repeat center 0.2em;}
.paging .pager .pageNumbers .hellip.next a.page:hover {color:#006699;background:#fff url("img/css_arrow_hellip-next.gif") no-repeat center 0.2em;}

/* document navigation ------------------------------------------------------ */
.documentNav.bottom {border-top:1px solid #660033;}
.documentNav .pager {text-align:center;position:relative;}
.documentNav .pager .first {position:absolute;top:0em;left:0.25em;}
.documentNav .pager .last {position:absolute;top:0em;right:0.25em;}

/* gallery navigation ------------------------------------------------------- */
body.updates.gallerydetaillist .galleryItem {float:left;width:65%;}
body.updates.gallerydetaillist .bottom.paging { float:right;width:30%;border:none;margin-top:10em;border-bottom:1px solid #CEE1EC;padding:0.5em 0em;}
body.updates.gallerydetaillist .bottom.paging .pager .pageNumbers .firstPage {float:left;width:48%;text-align:left;}
body.updates.gallerydetaillist .bottom.paging .pager .pageNumbers .lastPage {float:right;width:48%;text-align:right;}
body.updates.gallerydetaillist .bottom.paging .pager .pageNumbers .page {border:none;text-decoration:underline;}
body.updates.gallerydetaillist .bottom.paging .pager .pageNumbers .firstPage .page {padding-left:15px;background:url("img/pager-prev.gif") left 0.45em no-repeat;margin-left:0.5em;}
body.updates.gallerydetaillist .bottom.paging .pager .pageNumbers .firstPage a.page:hover {color:#603;background:url("img/pager-prev-hover.gif") left 0.45em no-repeat;}
body.updates.gallerydetaillist .bottom.paging .pager .pageNumbers .lastPage .page {padding-right:15px;background:url("img/pager-next.gif") right 0.45em no-repeat;margin-right:0.5em;}
body.updates.gallerydetaillist .bottom.paging .pager .pageNumbers .lastPage a.page:hover {color:#603;background:url("img/pager-next-hover.gif") right 0.45em no-repeat;background-repeat:no-repeat;}

body.updates.gallerydetaillist .content .extra {clear:right;float:right;width:30%;margin-bottom:1em;}
body.updates.gallerydetaillist .content .extra ul li {margin-bottom:0.25em;}


/* language navigation ------------------------------------------------------ */
body#main.languagepage {background:#3083AC url("img/languagechoice_bg.gif") top center no-repeat;}
#languageSelect {min-width:900px;width:55em;background:#FFFFFF url("img/bg_ln_tl.gif") top left no-repeat;margin: 50px auto 0;}
#languageSelect .wrapper {background:transparent url("img/bg_ln_br.gif") no-repeat bottom right;}
#languageSelect .w1 {background:transparent url("img/bg_ln_bl.gif") no-repeat bottom left;}
#languageSelect .w2 {background:transparent url("img/bg_ln_tr.gif") no-repeat top right;padding:10px 10px;}
#languageSelect .w3 {background:url("img/languagechoice_family_bg2.jpg") no-repeat bottom right;min-width:880px;min-height:496px;text-align:left;}

#languageSelect ul {padding:0em 1.75em;padding-top:220px;min-height:276px;margin-right:520px;margin-left:35px;background:#fff url("img/wapenschild.gif") center 1.5em no-repeat;opacity:0.85;filter:alpha(opacity=85);-moz-opacity:0.85;}
#languageSelect ul li a { padding-left: 1.25em;background: url("img/arrow_blue_lc.gif") no-repeat 0.2em 0.3em;color: #006699;text-decoration: underline;font-size: 123.1%;}
#languageSelect ul li a:hover {color:#603;background-image: url("img/arrow_purple_lc.gif");}
#languageSelect ul li { padding-left: 0em;margin-bottom: 1.5em;}
#languageSelect .siteTitle { font-size: 174%;margin-bottom: 0.25em;}
#languageSelect .siteTitle .portal { font-weight: 700;}
#languageSelect .belgiumLink { text-align: center;}

/* sitemap .................................................................. */
.sitemap-menu ul li ul {margin-top:0.1em; margin-bottom:0.35em;}
.sitemap-menu ul li ul li {margin-bottom:0.1em;}

/* ========================================================================== */
/* 06. basic content                                                          */
/* ========================================================================== */

.content .extra {margin:0.5em 0em;}

/* image -------------------------------------------------------------------- */
.image {margin:0.5em 0em;}
.image .graphic {text-align:center;}
.image .graphic img {margin:0em;border:1px solid #BFD9E5;background:#B5D3E2;}
.image .graphic a img {margin:1px;border:1px solid #006699;}
.image .graphic a:hover img {margin:0;border:2px solid #603;}
.image .caption {margin-top:0.25em;font-style:italic;color:#87827d;}
.image .caption.left {text-align:left;}
.image .caption.center {text-align:center;}
/* left image */
.image.left {float:left;margin-right:0.75em;}


/* normal list -------------------------------------------------------------- */
ul.list, ol.list {margin:0.5em;line-height:1.25em;}
ol.questions {margin-bottom:3em;}
.list li {padding-left:10px;background:url("img/list.gif") left 0.5em no-repeat;}

/* textblock ---------------------------------------------------------------- */
.textblock {border:none;margin:0.5em 0em;}
.textblock .title {margin:0.5em 0em;}
.textblock p {margin:0.75em 0em;}
.textblock .image {margin:0 0.75em 0.5em 0em;}
/* lists */
.textblock ul, .textblock ul {margin:1em 0.5em; margin-right:0em;}
.textblock li {list-style-image:url("img/bullet_blue.gif"); list-style-position:inside; margin-bottom:0.25em;font-size:116%; line-height:1.5em;}
.textblock li li {font-size:100%;}
.textblock ul ul, .textblock ul ol, .textblock ol ol, .textblock ol ul {margin-left:1.5em;}
/* headers */
.textblock h2.title {margin-top:1.25em;margin-bottom:0.75em;}
.textblock h2.title span {line-height:1.3em;}
/* textblock with image */
.textblock.addImage .image {margin-right:0em;}
.textblock.addImage:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}
.textblock.addImage {display:inline-block;}
/* Hides from IE-mac \*/
* html .textblock.addImage {height:1%;}
.textblock.addImage {display:block;}
/* End hide from IE-mac */
.textblock.addImage p, .textblock.addImage .extra {margin-left:110px;}

/* focus block -------------------------------------------------------------- */
.focus {border:1px solid #BFD9E5;background-color:#fff;margin:0.5em 0em;margin-bottom:2.25em;}
.focus .focusHeader {position:relative;padding:0.75em;padding-right:5em;background:#D4E5EE url("img/focus-header-bg.gif") left center repeat-x;}
.focus .focusHeader .title {margin:0em;color:#003366;}
.focus .focusHeader .title span {font-size:116%;}
.focus .focusHeader .secondNav {position:absolute;right:0em;top:0em;margin-right:0.75em;}
.focus .title {margin:0.5em;}
/*.focus p {margin:0.5em;}*/
.focus .extra {margin:0.5em 1em;}
.focus h3.title {color:#660033;margin:0.75em 0em;margin-top:1em;}
.focus h3 a {text-decoration:none;}
.home .focus h3 span {font-size:153.9%;}
/* news */
.focus.news {border:1px solid #D9BFCC;}
.focus.news .focusHeader {background:#ECE0E6 url("img/focus-header-news-bg.gif") left center repeat-x;}
.focus.news .focusHeader .title {color:#660033;}
/* agenda */
.focus.agenda {border:1px solid #F2E5BF;}
.focus.agenda .focusHeader {background:#F3ECE0 url("img/focus-header-agenda-bg.gif") left center repeat-x;}
.focus.agenda .focusHeader .title {color:#663300}
/* fotos */
.focus.fotos .section.fotoList {margin:0em 1em;}
.focus.fotos h3.title span {font-size:138.5%;}
body.home .focus.fotos .section.fotoList {border-bottom:1px solid #BFD9E5;}
body.home .focus.fotos .section.posLeft {border-right:1px solid #BFD9E5;}
body.home .focus.fotos .focusContent {padding-bottom:0.75em;}
/* speeches */
.focus.speeches h3.title {color:#006699;}
/* media */
.focus.media h3.title {color:#006699;}
/* related */
.focus.related ul li {margin:0em 1em;}
/* birthday */
.focus.birthday p {margin:0.5em 1em;}

/* clearfix class --------------------------------------- */
.focus.fotos .focusContent:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}
.focus.fotos .focusContent {display:inline-block;}
/* Hides from IE-mac \*/
* html .focus.fotos .focusContent {height:1%;}
.focus.fotos .focusContent {display:block;}
/* End hide from IE-mac */




/* ========================================================================== */
/* 07. content components                                                     */
/* ========================================================================== */

/* homepage updates --------------------------------------------------------- */
body.updates.updatehome .content .focus.speeches {float:left;width:48%;}
body.updates.updatehome .content .focus.media {float:right;width:48%;}
body.updates.updatehome .content .focus.fotos {clear:both;}

/* section ------------------------------------------------------------------ */
.section {margin:0em 1em;}
.content .section {margin:1em 0em;}
.focus .section {margin:0em 1em;}
.section .image {margin:0.75em 0.5em 0.5em 0;}
.section p {margin:0.75em 0em;line-height:1.5em;}
.section .extra {margin:0.75em 0em;}
.section .caption {margin:0.25em 0em;}
.section .meta {margin:0.75em 0em;}

/* left/right section */
.section.posLeft {margin:0em 1em;float:left;width:46%;padding-right:0.75em;margin-top:0.75em;padding-bottom:0.75em;margin-right:0em;}
.section.posRight {margin:0em 1em;padding-left:0.75em;margin-top:0.75em;padding-bottom:0.75em;margin-left:0em;width:46%;float:right;}

/* searchbox ---------------------------------------------------------------- */
.metaNav {position:relative;background:#016799 url("img/secondnav-bg.gif") top left repeat-x;border-bottom:1px solid #fff; height:2em; padding:0.5em;}  /* Changed: padding 2009·07·08 by Cis */
.searchbox {position:absolute;right:0;top:0;margin:0.75em;}
.searchbox .textfield {width:10em;border:1px solid #CC9900;font-size:116%;vertical-align:middle;margin-right:0.5em;}
.searchbox .submit {border:1px solid #fff;background:#CE9D0A url("img/button-bg.gif") top left repeat-x;color:#fff;font-size:93%;padding:0em 0.25em;vertical-align:middle;}

/* foto list ---------------------------------------------------------------- */
.fotoList li {float:left;margin:0.5em 1em;margin-left:0;margin-top:0;}
body.family .fotoList li .image .graphic {border:1px solid #006699; height: 166px; width: 166px; line-height:165px; background:#B5D3E2;  text-align:center;}
body.family .fotoList li .image .graphic img {border:none; margin:0; vertical-align:middle; display:inline;}  
#content .fotoList li .image .graphic a {padding:1px; line-height:inherit;} 
body.family .fotoList li .image .graphic a img {border:none; margin:0; vertical-align:middle; display:inline;} /* Added: rule 2009·07·10 by Niels */
/* familie pagina */
body.family .fotoList li {margin-right:0.5em;}
body.family .fotoList li .caption {border:1px solid #BFD9E5;margin-top:0.5em;font-style:normal;}
body.family .fotoList li .caption a {padding:10px;width:145px;background:#E3EEF4 url("img/familie-caption-bg.gif") left center repeat-x;display:block;text-align:center;text-decoration:none;font-size:116%;}

 
/* kids block --------------------------------------------------------------- */
.kidsblock {border:1px solid #990000;background:#F6CCCA url("img/kidsblock-bg.gif") center center no-repeat;}
/* clearfix class --------------------------------------- */
.kidsblock:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}
.kidsblock {display:inline-block;}
/* Hides from IE-mac \*/
* html .kidsblock {height:1%;}
.kidsblock {display:block;}
/* End hide from IE-mac */
.kidsblock h2 {margin: 1.5em 1.5em;margin-right:11em;margin-bottom:0.5em;}
.kidsblock h2 a {text-decoration:none;}
.kidsblock h2 span {font-size:153.9%;}
.kidsblock p {margin:0em 1.25em;color:#DA251D;line-height:1.5em;font-size:131%;font-weight:700;margin-right:11em;}
.kidsblock div.extra {float:right;}
.kidsblock div.extra a {border:1px solid #DA251D;background:#DB2A22 url("img/kidsblock-button-bg.gif") center center repeat-x;display:block;width:14.5em;min-width:160px;min-height:28px;margin:0.75em 1.25em;text-indent:-9999em;} /* height set in IE6 stylesheet */
.kidsblock div.extra a:hover {background-image:url("img/kidsblock-button-bg.gif");}
.kidsblock div.extra a span {position:absolute;left:-9999em;top:-9999em;}

/* news list ---------------------------------------------------------------- */
.newsItem {overflow:hidden;position:relative;}
.newsItem h1 {margin-top:3.5em;}
.newsItem h3.title {margin-top:3.25em;color:#006699;}
.newsItem h3.title a {text-decoration:none;}
.newsItem .image {margin-top:0em}
.newsItem .meta .date {position:absolute;top:1.5em;left:0em;font-weight:700;}
.newsItem .meta {color:#666;}
.newsItem .meta ul li {color:#000; padding:0 0.5em 0 0;}
/* in resultlist */
.content .newsList {border-top:1px solid #660033;}
.content .newsList ul li.newsItem {border-bottom:1px solid #660033;}
.content .newsList ul li.newsItem.last {border-bottom:none;}
.content .newsList ul li.newsItem {background:url("img/news-bg.gif") right 0.75em no-repeat;}
/* in focusblock */
.contentWrapper .focus.news .newsList {margin:0.5em 0.5em;margin-top:0em;border:none;}
.contentWrapper .focus.news .newsList .newsItem {background:#F7F2F5;margin-top:0.5em;border:none;border-top:1px solid #fff;} /* deleted: image url("img/focus-news-bg.gif") top right no-repeat 2009·07·08 by Cis */
.contentWrapper .focus.news .newsList .newsItem h3.title {margin:1em; margin-top:2.75em;}
.contentWrapper .focus.news .newsList .newsItem .meta .date {left:1em; top:1.25em;}
.contentWrapper .focus.news .newsList .newsItem .textblock {margin:0.25em 1em;}
.contentWrapper .focus.news .newsList .newsItem .tags {margin:0.25em 1em;}
.contentWrapper .focus.news .focusFooter .extra {text-align:left;margin-top:0em;margin-left:0.5em;}

/* agenda list -------------------------------------------------------------- */
.agendaItem {overflow:hidden;position:relative;padding-bottom:0.25em;border-top:1px solid #fff;}
.agendaItem h1 {margin-top:3.5em;}
.agendaItem h3.title {margin-top:3.25em;color:#006699;}
.agendaItem h3.title a {text-decoration:none;}
.agendaItem .image {margin-top:0em}
.agendaItem .meta .date {position:absolute;top:1.5em;left:0em;font-weight:700;}
.agendaItem .meta {color:#666;}
.agendaItem .meta ul li {color:#000;padding:0 0.5em 0 0;}
/* in resultlist */
.content .agendaList {border-top:1px solid #660033;}
.content .agendaList ul li.agendaItem {border-bottom:1px solid #660033;}
.content .agendaList ul li.agendaItem.last {border-bottom:none;}
/* in focus block */
.contentWrapper .focus.agenda .agendaList {margin:0.5em 0.5em;margin-top:0em;}
.contentWrapper .focus.agenda .agendaList .agendaItem {border:none;background:#FDFCF7;margin-top:0.5em;border-top:1px solid #fff;border-top:1px solid #fff;} /* deleted: image url("img/focus-news-bg.gif") top right no-repeat 2009·07·08 by Cis */
.contentWrapper .focus.agenda .agendaList .agendaItem h3.title {margin:1em; margin-top:2.75em;}
.contentWrapper .focus.agenda .agendaList .agendaItem .meta .date {left:1em;top:1.25em;}
.contentWrapper .focus.agenda .agendaList .agendaItem .meta.tags {position:static;margin:0em;background:#FBF7EA;padding:0.5em 1em;font-weight:normal;}
.contentWrapper .focus.agenda .agendaList .agendaItem .textblock {margin:0.25em 1em;}
.contentWrapper .focus.agenda .focusFooter .extra {text-align:left;margin-top:0em;margin-left:0.5em;}

/* speech list -------------------------------------------------------------- */
.speechItem {position:relative;overflow:hidden;border-top:1px solid #fff;}
.speechItem h1 {margin-top:3.5em;}
.speechItem .meta .date {position:absolute;top:1.5em;left:0em;font-weight:700;}
.speechItem .meta {margin:0em;color:#666;}
.speechItem h3.title {margin-top:2.25em;}
.speechItem .meta ul li {color:#000;}
.speechItem .image {margin-top:0em;}
/* in resultlist */
.content .speechList {border-top:1px solid #660033;}
.content .speechList ul li.speechItem {border-bottom:1px solid #660033;margin-top:0.75em;}
.content .speechList ul li.speechItem .meta .date {top:0.75em;}
.content .speechList ul li.speechItem.last {border-bottom:none;}
body#main.updates.speechhome .content {position:relative;}
body#main.updates.speechhome .content .rssLink {position:absolute;top:1em;right:0em;}
body#main.updates.speechhome .content .rssLink a {width:18px;height:16px;padding:0em;overflow:hidden;}
/* in focus block */
.contentWrapper .focus.speeches .speechList {margin:0em 1em;border:none;}
.contentWrapper .focus.speeches .speechList .speechItem {border:none;margin-top:0em;border-top:1px solid #fff;}
.contentWrapper .focus.speeches .speechList .speechItem .meta .date {top:0.75em}


/* media list -------------------------------------------------------------- */
.mediaItem {position:relative;overflow:hidden;border-top:1px solid #fff;}
.mediaItem h1 {margin-top:3.5em;}
.mediaItem .meta .date {position:absolute;top:1.5em;left:0em;font-weight:700;}
.mediaItem .meta {margin:0em;color:#666;}
.mediaItem h3.title {margin-top:2.25em;}
.mediaItem .meta ul li {color:#000;}
.mediaItem .image {margin-top:0em}
/* in resultlist */
.content .mediaList {border-top:1px solid #660033;}
.content .mediaList ul li.mediaItem {border-bottom:1px solid #660033;margin-top:0.75em;}
.content .mediaList ul li.mediaItem .meta .date {top:0.75em;}
.content .mediaList ul li.mediaItem.last {border-bottom:none;}
/* in focus block */
.contentWrapper .focus.media .mediaList {margin:0em 1em;border:none;}
.contentWrapper .focus.media .mediaList .mediaItem {border:none;margin-top:0em;border-top:1px solid #fff;}
.contentWrapper .focus.media .mediaList .mediaItem h3.title {margin-top:2.25em;}
.contentWrapper .focus.media .mediaList .mediaItem .meta {margin:0em;}
.contentWrapper .focus.media .mediaList .mediaItem .meta .date {top:0.75em}
.contentWrapper .focus.media .mediaList .mediaItem.video {background:url("img/icon_video.gif") left 0.85em no-repeat;}
.contentWrapper .focus.media .mediaList .mediaItem.video .meta .date, .focus.media .mediaList .mediaItem.audio .meta .date {left:17px;}
.contentWrapper .focus.media .mediaList .mediaItem.audio {background:url("img/icon_audio.gif") left 0.75em no-repeat;}

/* gallery list ------------------------------------------------------------- */
.galleryItem {position:relative;overflow:hidden;padding-bottom:0.5em;border-top:1px solid #fff;}
.galleryItem h1 {margin-top:3.5em;}
.galleryItem .meta .date {position:absolute;top:1.5em;left:0em;font-weight:700;}
.galleryItem .meta {margin:0em;color:#666;}
.galleryItem h3.title {margin-top:2.25em;}
.galleryItem .meta ul li {color:#000; padding:0 0.5em 0 0;}
.galleryItem .extra {margin:0.5em 0em;}
.galleryItem .image {margin-top:0em}
.galleryItem .fotoItem {margin:0.75em 0em;}
#content .galleryItem .fotoItem .textblock {margin:0.5em 0em;}
/* in resultlist */
.content .galleryList {border-top:1px solid #660033;}
.content .galleryList ul li.galleryItem {border-bottom:1px solid #660033;margin-top:0.75em;padding-bottom:0em;}
.content .galleryList ul li.galleryItem .meta .date {top:0.75em;}
.content .galleryList ul li.galleryItem.last {border-bottom:none;}
body#main.updates.galleryhome .content {position:relative;}
body#main.updates.galleryhome .content .rssLink {position:absolute;top:1em;right:0em;}
body#main.updates.galleryhome .content .rssLink a {width:18px;height:16px;padding:0em;display:block;overflow:hidden;}
/* in focus block */
.contentWrapper .focus.gallery .galleryList {border:none;}
.contentWrapper .focus.gallery .galleryList ul li .galleryItem {border:none;padding-bottom:0em;}

/* video ---------------------------------------------------------------------*/
.object {margin-bottom:1em;}

/* meta --------------------------------------------------------------------- */
.meta ul {display:inline;}
.meta ul li {display:inline;}

/* filterblock -------------------------------------------------------------- */
.filterblock {border:1px solid #BFD9E5;background:#FCFDFE;}
.filterblock .filterHeader {background:#D4E5EE url(img/focus-header-bg.gif) repeat-x left center;padding:0.75em 5em 0.75em 1em;}
.filterblock .filterHeader .title {margin:0em;color:#003366;}
.filterblock .filterHeader .title span {font-size:108%;}
.filterblock .filterContent {margin:0em 1em;font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif;}
.filterblock .filterContent .filter {margin-bottom:1.5em;}
.filterblock .filterContent .filter .title {margin:0.75em 0em;}
.filterblock .filterContent .filter {border-bottom:1px solid #BED7E4;padding-bottom:1.25em;}
.filterblock .filterContent .filter ul li {margin-bottom:0.25em;padding-left:11px;background:url("img/bullet_blue.gif") left 0.45em no-repeat;}
.filterblock .filterContent .filter ul li a {text-decoration:none;}
.filterblock .filterContent .filter.last {border:none;margin-bottom:0em;}

/* facet container ---------------------------------------------------------- */
.facetAltContainer {font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif;}
.facetAltContainer .title {color:#666666;margin:0.5em 0em;}
.facetAltContainer h3.title span {font-size:116%;}
.facetAltContainer .results {display:none;}
.facetAltContainer ul.level1 li.level1 {float:left;background:#FAFCFD;border:1px solid #BFD9E5;min-height:3em;padding:0.5em;position:relative;margin-right:1em; margin-bottom:1em; } /* Changed: margin-bottom 2009·07·10 by Niels */
.facetAltContainer ul.level1 li.level1 .remove {width:12px;height:12px;position:absolute;right:0.5em;top:0.5em;background:url("img/facet_remove.gif") top left no-repeat;}
.facetAltContainer ul.level1 li.level1.persoon {width:12em;}
.facetAltContainer ul.level1 li.level1.thema {width:15em;}
.facetAltContainer ul.level1 li.level1.jaar {width:7em;}
.facetAltContainer ul.level1 li.level1 em {color:#666666;font-weight:700;font-style:normal;}
.facetAltContainer ul.level1 li.level1 .facetAltCrumb {margin:0.75em 0em 0em;}
.facetAltContainer ul.level1 li.level1 .facetAltCrumb li {margin-top:0.25em;font-weight:700;font-size:108%;}
.facetAltContainer .facetAltExplain {margin:0.75em 0em;color:#666666; margin-top: 0; position:relative; top: 0em;  }  /* Changed: removed margin and added top */ /* Rik: changed top - added _margin-top */

/* faq ---------------------------------------------------------------------- */
div.faq .list li {padding-left:0em;}
div.faq .questions li {font-size:116%}

/* drawing list ------------------------------------------------------------- */
.drawingList ul li {float:left;margin:0em 1em 0.5em 0em;}
.drawingList ul li .image .graphic {text-align:left;}

/* gallery */
body.updates.gallerydetail div.extra {text-align:right;}

/* search form on search result pages ....................................... */  /* Added: block 2009·07·10 by Niels */
.section-search .box h2 {font-size:167%;font-weight:300;}

/* ========================================================================== */
/* tables                                                                     */
/* ========================================================================== */
table td {line-height:1.5em;}

/* ========================================================================== */
/* Kids section                                                               */
/* ========================================================================== */


/* kids breadcrumb */
body#kids .breadcrumb li {color:#CC3300;background-image:url("img/separator_bread_kids.gif");}
body#kids .breadcrumb li.first {background:none;}


body#kids .gridThree, body#kids .gridTwoLeft, body#kids .tree {background:none;}
body#kids .gridTwoLeft {padding-left:22em;}
body#kids .gridTwoLeft .col-1 {width:22em;margin-left:-22em;}
body#kids .gridTwoLeft .col-1 .gridOne {margin-left:1em;margin-right:1em}
body#kids .gridTwoLeft .col-2 .gridOne {margin-left:0.5em;margin-right:1em;min-height:560px;background:url("img/kids-content-bg.gif") center center no-repeat;}

/* hover colors */
body#kids a:hover, body#kids #footer .secondNav li .page:hover {color:#CC3300;}
body#kids #header .secondNav li .page:hover {color:#fff;}
body#kids .paging .pager .pageNumbers .page:hover {color:#fff;}
body#kids .paging .pager .pageNumbers .hellip .page:hover {color:#CC3300;}
body#kids .image .graphic a:hover img {border-color:#CC3300;}

/* titles */
body#kids h1.title span {color:#CC3300;}

/* lang nav */
body#kids .langNav ul li.current .page {background:#CC3300;}

/* horizontal nav */
body#kids .horizontalNav li.active .page {color:#CC3300;}

/* pager */
body#kids .paging {border-top:1px solid #CC3300;}
body#kids .paging .pager ul li.active .page {background:#CC3300;}

/* drawing list */
body#kids .drawingList .caption {font-style:normal;font-weight:700;}
/* navigation tree */
body#kids .navigation .tree li a {min-height:50px;display:block;color:#fff;padding-left:0em;}
body#kids .navigation .tree li span {font-size:116%;padding-left:55px;padding-right:1.5em;}
body#kids .navigation .tree li ul {padding-bottom:0.5em;}
body#kids .navigation .tree li ul li {margin-left:5em;margin-bottom:0.5em;}
body#kids .navigation .tree li ul li .page {color:#fff;padding:0.25em 0em;font-size:100%;min-height:0em;padding-left:16px;}
body#kids .navigation .tree li.open ul li.open .page {font-weight:700;}
body#kids .navigation .tree li.open ul li a {background:none;}


body#kids .navigation .tree li#nav-kidswork {background:#BF2119}
body#kids .navigation .tree li#nav-kidswork a {background:#BF2119 url("img/kids-work-right.gif") right center no-repeat;}
body#kids .navigation .tree li#nav-kidswork a span {background:url("img/kids-work-left.gif") left center no-repeat;padding-top:0.5em;padding-bottom:0.5em;display:block;}
body#kids .navigation .tree li#nav-kidswork ul li .page {background:url("img/kids-work-bullet.gif") left 0.55em no-repeat;}

body#kids .navigation .tree li#nav-kidsfamily {background:#DF8600}
body#kids .navigation .tree li#nav-kidsfamily a {background:#DF8600 url("img/kids-family-right.gif") right center no-repeat;}
body#kids .navigation .tree li#nav-kidsfamily a span {background:url("img/kids-family-left.gif") left center no-repeat;padding-top:0.5em;padding-bottom:0.5em;display:block;}
body#kids .navigation .tree li#nav-kidsfamily ul li .page {background:url("img/kids-family-bullet.gif") left 0.55em no-repeat;}

body#kids .navigation .tree li#nav-kidsfacts {background:#00862D}
body#kids .navigation .tree li#nav-kidsfacts a {background:#00862D url("img/kids-facts-right.gif") right center no-repeat;}
body#kids .navigation .tree li#nav-kidsfacts a span {background:url("img/kids-facts-left.gif") left center no-repeat;padding-top:1.25em;padding-bottom:1.25em;display:block;}
body#kids .navigation .tree li#nav-kidsfacts ul li .page {background:url("img/kids-facts-bullet.gif") left 0.55em no-repeat;}

body#kids .navigation .tree li#nav-kidsmedia {background:#2A2A2A}
body#kids .navigation .tree li#nav-kidsmedia a {background:#2A2A2A url("img/kids-media-right.gif") right center no-repeat;}
body#kids .navigation .tree li#nav-kidsmedia a span {background:url("img/kids-media-left.gif") left center no-repeat;padding-top:1.25em;padding-bottom:1.25em;display:block;}
body#kids .navigation .tree li#nav-kidsmedia ul li .page {background:url("img/kids-media-bullet.gif") left 0.55em no-repeat;}

body#kids .navigation .tree li#nav-kidsgame {background:#860086}
body#kids .navigation .tree li#nav-kidsgame a {background:#860086 url("img/kids-games-right.gif") right center no-repeat;}
body#kids .navigation .tree li#nav-kidsgame a span {background:url("img/kids-games-left.gif") left center no-repeat;padding-top:1.25em;padding-bottom:1.25em;display:block;}
body#kids .navigation .tree li#nav-kidsgame ul li .page {background:url("img/kids-games-bullet.gif") left 0.55em no-repeat;}

body#kids .navigation .tree li#nav-kidscontact {background:#005986}
body#kids .navigation .tree li#nav-kidscontact a {background:#005986 url("img/kids-contact-right.gif") right center no-repeat;}
body#kids .navigation .tree li#nav-kidscontact a span {background:url("img/kids-contact-left.gif") left center no-repeat;padding-top:1.25em;padding-bottom:1.25em;display:block;}
body#kids .navigation .tree li#nav-kidscontact ul li .page {background:url("img/kids-contact-bullet.gif") left 0.55em no-repeat;}

/* navigation thumbnails */
body#kids.home .content .tree li {float:left;min-width:200px;width:18em;padding-left:0em;background:none;margin-right:1.75em;margin-bottom:4em;}
body#kids.home .content .tree li a .label {display:block;margin:0em 0.75em;text-align:center;}
body#kids.home .tree li a .image img {margin-bottom:1em;}
body#kids.home .tree li a {color:#fff;}
body#kids.home .tree li a .label {min-height:3.25em;padding:0.5em 1em;text-align:center;}
body#kids.home .tree #nav-kidswork-content a .label {background:#B30000 url("img/kids-work.gif") center center no-repeat;}
body#kids.home .tree #nav-kidsfamily-content a .label {background:#DF8600 url("img/kids-family.gif") center center no-repeat;}
body#kids.home .tree #nav-kidsfacts-content a .label { background:#00862D url("img/kids-facts.gif") center center no-repeat;}
body#kids.home .tree #nav-kidsmedia-content a .label {background:#2C2C2C url("img/kids-media.gif") center center no-repeat;}
body#kids.home .tree #nav-kidsgame-content a .label {background:#860086 url("img/kids-games.gif") center center no-repeat;}
body#kids.home .tree #nav-kidscontact-content a .label {background:#005986 url("img/kids-contact.gif") center center no-repeat;}

/* family photos */
body#kids.family .content .tree li {float:left;min-width:200px;width:18em;padding-left:0em;background:none;margin-right:1.75em;margin-bottom:4em;}
body#kids.family .content .tree li a {color:#fff;}
body#kids.family .content .tree li a .image img {margin-bottom:1em;}
body#kids.family .content .tree li a span.label {display:block;min-height:3.25em;margin:0em 0.75em;padding:0.5em 1em;text-align:center;background:#DF8600 url("img/kids-family.gif") center center no-repeat;}

/* facts */
body#kids.facts .content .tree li {float:left;min-width:200px;width:18em;padding-left:0em;background:none;margin-right:1.75em;margin-bottom:4em;}
body#kids.facts .content .tree li a {color:#fff;}
body#kids.facts .content .tree li a .image img {margin-bottom:1em;}
body#kids.facts .content .tree li a span.label {display:block;min-height:3.25em;margin:0em 0.75em;padding:0.5em 1em;text-align:center;background:#00862D url("img/kids-facts.gif") center center no-repeat;}