/*   *****************************************************
 *
 *   RIJKSOVERHEID.NL
 *   Official website of the Government of the Netherlands
 *
 *   For inquiries or comments, please use the online
 *   contact form. Thank you.
 *
 *   Presentation layer for printed media
 *
 *   This should comply with Dutch web guidelines and
 *   W3C CSS2.1 standards.
 *   See: http://www.webrichtlijnen.nl/
 *   
 *   location: /presentation/print.css
 *   version:  0.1
 *   date:     04/29/2009
 *
 *   *****************************************************
 */



/*   *****************************************************
 *
 *   CLEAN START
 */
body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li, img, 
table, tr, th, td, 
form, fieldset, legend, button, 
div, object { margin:0;padding:0;border:0;list-style:none;font:normal 100% verdana,helvetica,arial,sans-serif;text-align:left;vertical-align:top;}
input, select, textarea, button {font:normal 100% verdana,helvetica,arial,sans-serif;}
table, td, th { border-collapse: collapse; }



/*   *****************************************************
 *
 *   HIDE UNNECESSARY PARTS
 */
#skiplinks,
#sub-navigation,
#navigation,
#search-form,
#footer,
.insite-banner,
.aside-visual,
.block-campaigns,
.morelink,
.telephone-morelink,
.list-index,
.paging,
.list-topics h2 a.toplink,
a.external img
{
  display: none;
}



/*   *****************************************************
 *
 *   BASE TYPOGRAPHY
 */
body
{
  font-size: 10pt;
  line-height: 1.64;
}

h1
{
  margin: 0 0 .6em;
  font: normal 200%/1.2 arial,helvetica,univers,sans-serif;
}
h2
{
  margin: 1.2em 0 0;
  padding: .3em 0;
  font: bold 140%/1.2 arial,helvetica,univers,sans-serif;
}
h3
{
  position:relative;
  margin: 1.6em 0 0;
  font-weight: bold;
  line-height: 1.64;
}
#content-column h2,
#content-column h3,
#content-column h4,
#content-column h5
{
  clear: left; /* Always keep headings left justified in content column */
}
p
{
  margin-bottom: 1.64em;
  line-height: 1.64;
}
a
{
  color: #000000;
  text-decoration: none;
}


/*   *****************************************************
 *
 *   EXPAND LINKS AND ABBREVIATIONS (CONTENT)
 *   
 */

#content-column abbr
{
  border: none;
}
#content-column abbr:first-child:before
{
  content: attr(title) " (";
}
#content-column abbr:first-child:after
{
  content: ") ";
}

#main-box a:after,
#main-box a:visited:after
{
  content: " [" attr(href) "] ";
  color: #154273;
  font: 85% helvetica,arial,geneva,sans-serif;
}



/*   *****************************************************
 *
 *   LIST FORMATTING (CONTENT)
 *   
 */
#content-column ul
{
  clear: left;
  margin: .82em 0 1.64em;
}
#content-column li ul
{
  margin: 0 0 .82em;
}
#content-column ul li,
#content-column li ul li
{
  margin: 0 0 .2em 2.5em;
  padding: 0 0 0 .5em;
  list-style: disc outside;
  line-height: 1.64;
}
#content-column ol
{
  margin: .82em 0 1.64em;
}
#content-column li ol
{
  margin: 0 0 .82em;
}
#content-column ol li,
#content-column li ol li
{
  margin: 0 0 .2em 3em;
  padding: 0;
  list-style: decimal outside;
  line-height: 1.64;
}
#content-column li ol li
{
  list-style: lower-alpha outside;
}
#content-column li ol li ol li
{
  list-style: lower-roman outside;
}



/*   *****************************************************
 *
 *   COMMON CLASSES
 *   Only include site-wide declarations here;
 *   no specific rules for individual components!
 *   
 */
.meta
{
  color: #535353;
  font-style: normal;
  font-size: 85%;
  line-height: 1.64;
}
.meta-light
{
  clear: left;
  color: #767676;
  font-style: normal;
  line-height: 1.64;
}
.meta img
{
  position: relative;
  top: -.3em;
  margin: 0;
  vertical-align: bottom;
}
.meta em
{
  color: #000000;
  font-style: normal;
}
.article-meta
{
  margin: 1.2em 0 .6em;
  color: #535353;
  font-style: normal;
  line-height: 1.64;
}
.superheading
{
  margin: 0 0 .1em;
  color: #01689B;
  font: normal 167%/1.2 arial,helvetica,univers,sans-serif;
}
.subheading
{
  margin: -.3em 0 .5em;
  color: #01689B;
  font: normal 167%/1.2 arial,helvetica,univers,sans-serif;
}
.intro
{
  color: #01689B;
  font-size: 145%; /* was 140% */
  line-height: 1.33;
}
.lead
{
  margin: .6em 0 1.6em;
  font-weight: bold;
}
a.morelink,
.morelink a,
a.morelink:visited,
.morelink a:visited
{
  text-decoration: none;
}



/*   *****************************************************
 *
 *   GOVERNMENT LOGOTYPE
 */
#header
{
  height: 125px;
}
#header h1,
#header a,
#header img {
 display: block;
 width: 126px;
 height: 75px;
 text-decoration: none;
}

#header a,
#header h1 {
 position: absolute;
 left: 8.5cm;
 top: 0;
 margin-left: -20px;
}
#main-box #header a:after,
#main-box #header a:visited:after
{
  content: "";
  display: none;
}



/*   *****************************************************
 *
 *   BREADCRUMB TRAIL
 *
 */
#breadcrumb
{
  margin-bottom: 1em;
  color: #767676;
  font-size: 85%;
}
#breadcrumb img
{
  position: relative;
  top: -.35em;
  margin: 0 .3em;
  vertical-align: bottom;
}
#breadcrumb a:after,
#breadcrumb a:visited:after
{
  content: "";
}


/*   *****************************************************
 *
 *   CONTENT IMAGES
 *   Currently only large, column-wide images
 *   with a caption.
 *   
 */
.content-image
{
  margin: 2.4em 0;
}
.content-image-left
{
  margin: .41em;
}
.content-image-left img,
.content-image-left .caption
{
  float: left;
  margin-right: 20px;
}
.content-image .caption,
.content-image-left .caption
{
  margin: .6em 0 1.64em;
  color: #767676;
  font: 85%/1.4 verdana;
}




/*   *****************************************************
 *
 *   BLOCK CONTENT TABLE
 *   
 */
table
{
  width: 100%;
  margin: 1.64em 0 .82em;
  border-collapse: separate;
}
th, td, tbody th
{
  padding: .4em .8em;
  border-bottom: .1pt solid #D9D9D9;
}
th
{
  border-bottom: .2pt solid #01689B;
  color: #01689B;
}
tbody th
{
  border-color: #535353;
  color: #535353;
}
caption
{
  margin: 1.64em 0 0.41em;
  color: #767676;
  text-align: left;
}



/*   *****************************************************
 *
 *   BLOCK PHOTO GALLERY
 *   Used on photo gallery and article detail pages
 *   
 */
.block-photo-gallery
{
  position: relative;
}
.block-photo-gallery h2
{
  margin: .4em 0;
  color: #01689B;
}
#content-column .block-photo-gallery ul
{
  display: block;
}
#content-column .block-photo-gallery li
{
  display: block;
  width: 132px;
  height: 132px;
  float: left;
  margin: 0 20px 20px 0;
  border: .3pt solid #D9D9D9;
  padding: 0;
}
.block-photo-gallery li a
{
  display: block;
  width: 132px;
  height: 122px;
  position: relative;
  padding-top: 10px;
}
#content-column .block-photo-gallery li a:after,
#content-column .block-photo-gallery li a:visited:after
{
  content: "";
}
.block-photo-gallery li img
{
  display: block;
  margin: 0;
}
.block-photo-gallery p.meta-light
{
  color: #767676;
  font: 85%/1.4 verdana;
}




/*   *****************************************************
 *
 *   BLOCK DOCUMENTS AND PUBLICATIONS
 *   Used on topic and article detail pages
 *   
 */
.block-docs-pubs .list-headlines p
{
  margin-bottom: 0;
}
.block-docs-pubs .list-headlines p.meta,
.block-docs-pubs .list-headlines p.morelink
{
  margin-bottom: .8em;
}
.block-docs-pubs .morelink
{
  display: none;
}



/*   *****************************************************
 *
 *   RSS LINKS IN HEADINGS
 *
 */
h2 a.rss
{
  font-size: 65%;
}
#main-box h2 a.rss:before,
#main-box h2 a.rss:visited:before
{
  content: "[";
}
#main-box h2 a.rss:after,
#main-box h2 a.rss:visited:after
{
  content: ": " attr(href) "]";
  color: #01689B;
  font: 100% helvetica,arial,geneva,sans-serif;
}



/*   *****************************************************
 *
 *   LEADERBOARD
 *
 */
#leaderboard .attention-box img
{
  float: left;
  margin-right: 2em;
}
#leaderboard .list-common
{
  clear: left;
  padding-top: .5em;
}
#leaderboard .list-common .morelink
{
  display: none;
}




/*   *****************************************************
 *
 *   LIST OF TOPICS (homepage)
 *
 */
.home #main-column .list-topics h3
{
  margin: 0;
  padding: .4em 0 .2em;
}
.home #main-column .list-topics h3 a span
{
  color: #154273;
}
.home #main-column .list-topics h3 a:visited span
{
  color: #535353;
}
.home #main-column .list-topics h3 a:hover span,
.home #main-column .list-topics h3 a:visited:hover span,
.home #main-column .list-topics h3 a:focus span
{
  color: #0162CD;
}

.home #main-column .list-topics ul
{
  margin: 0 0 1em 0;
}
.home #main-column .list-topics li
{
  display: inline;
  padding-left: 0;
  margin: 0;
  background-image: none;
  line-height: 1.5;
  list-style: none;
}


/*   *****************************************************
 *
 *   SPOTLIGHT ITEMS (heading + intro + visual)
 *
 */
.item-spotlight
{
  min-height: 100px;
  position: relative;
  padding: 0 0 0 110px;
  margin-bottom: .5em;
}
.item-spotlight img
{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.item-tabinfo
{
  min-height: 10px;
  padding: 0;
}
.item-tabinfo h2
{
  margin-top: 0;
}
.item-tabinfo p
{
  margin-bottom: 0;
}



/*   *****************************************************
 *
 *   NEWS HEADLINES / REFERENCES LIST
 *
 */
.list-headlines h3,
.list-references h3
{
  margin-top: 0;
}
.list-headlines p
{
  margin-bottom: 0;
}
.list-headlines p.meta,
.list-references p.meta
{
  margin-bottom: .82em;
}



/*   *****************************************************
 *
 *   LIST OF TOPICS (general)
 *
 */
.list-topics h2
{
  clear: left;
}
#main-box .list-topics .grid-column li a:after,
#main-box .list-topics .grid-column li a:visited:after
{
  display: block;
  position: relative;
  top: -.2em;
  padding-left: .6em;
}



/*   *****************************************************
 *
 *   THREE COLUMN LAYS
 *
 */
#main-box .grid-three-column .grid-column
{
  width: 30%;
  float: left;
  clear: none;
  margin-left: 5%;
}
#main-box .grid-three-column .grid-column-first
{
  margin-left: 0;
}
#main-box .grid-three-column .grid-column li
{
  padding-left: 0;
  margin: 0;
  list-style-type: none;
}



/*   *****************************************************
 *
 *   BLOCK LIST OF MINISTERS & SECRETARIES OF STATE
 *   Ministers and secretaries of state list on 
 *   departments landing pages.
 *   
 */
#aside-column .block-department-people h2
{
  margin: 0;
  font: bold 110%/1.2 verdana,geneva,sans-serif;
}
#aside-column .block-department-people h3
{
  margin-top: 0;
}
#aside-column .block-department-people ul li
{
  min-height: 56px;
  position: relative;
  padding: 0 0 0 66px;
}
#aside-column .block-department-people ul li h3
{
  margin: .8em 0 0;
}
#aside-column .block-department-people ul li img
{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}



/*   *****************************************************
 *
 *   BLOCK DOWNLOAD (DOCUMENTS AND PUBLICATIONS)
 *   
 */
#main-box .block-download
{
  border: .3pt solid #CCE0F1;
  padding: 2.7pt 5.7pt;
}
#main-box .block-download .download-link a span span
{
  font: bold 140%/1.2 arial,geneva,sans-serif;
  text-decoration: none;
}
#main-box .block-download .download-link a em
{
  color: #767676;
  font: bold 140%/1.2 arial,geneva,sans-serif;
  text-decoration: none;
}
#main-box .block-download p
{
  margin: 0;
}



/*   *****************************************************
 *
 *   MAIN HEADLINES (news landing page)
 *
 */
.headlines-main .item-main-first,
.headlines-main .item-main
{
  min-height: 208px;
  position: relative;
  padding: 0 0 0 228px;
  margin-bottom: .5em;
}
.headlines-main .item-main-first img,
.headlines-main .item-main img
{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}


/*   *****************************************************
 *
 *   BLOCK NEWS ROLL
 *   List of news articles of last 24 hours.
 *   
 */
.list-newsroll li h3,
.list-newsroll li p
{
  margin: 0 0 .2em;
  line-height: 1.33em;
}
.list-newsroll li p
{
  margin-bottom: .82em;
}



/*   *****************************************************
 *
 *   BLOCK: SEARCH RESULTS
 *
 */
#main-box .search-results p
{
  margin: 0;
}



/*   *****************************************************
 *
 *   CONTENT AUDIO AND VIDEO
 *   Style declarations for govvid A/V implementation
 *   
 */
#content-column .block-audio-video
{
  width: auto !important;
}
#content-column .block-audio-video ul li.toggle
{
  margin-left: 0;
  padding-left: 0;  
  list-style: none;
}
#content-column .block-audio-video h2 a:after,
#content-column .block-audio-video h2 a:visited:after
{
  content: "";
}



/*   *****************************************************
 *
 *   ORDERING WIDGET: basket
 */
.widget-indicator,
.widget-basket form input.dummysubmit,
.widget-basket form input.button-remove,
.widget-basket input.form-button,
.widget-revieworder input.form-button,
.widget-basket .list-common
{
  display: none;
}
.widget-basket input.input-small
{
  border: none;
}