/**
 *  Main stylesheet for TNT annual 2007
 *
 *  TOC:
 *  ##ELEMENTS
 *  ##TOOLBOX
 *  ##GENERIC
 *  ##FLASH
 *  ##LOGO
 *  ##NAVIGATION
 *  ##CONTENT
 *  ##ACTIONS
 *  ##BLOG
 *  ##FORM
 *  ##SEARCH
 *  ##HOME
 *  ##GROWTHOVERVIEW
 *  ##GROWTH
 *  ##FACTS
 *  ##DOWNLOADS
 *  ##RESPONSIBILITY
 *  ##SITEMAP
 */


/**
 * ##ELEMENTS
 */
html {
  min-height: 100%;
  width: 100%;
  background: url(../_images/html_background.gif) 50% 50% repeat-y;
  height:100%;
}
body {
  min-height: 100%;
  font-family: Arial;
  font-size: 75%;
  color: #000;
  min-width:842px;
  margin:0;
  padding:0;
  
  /*FF padding fix (must be undone in ie sheets)*/
  padding-top:12px;
  margin-top:-12px;
  margin-bottom:-12px;
  background-position: 50% 12px;
  /*end FF padding fix */
  
}

/* titles */
h1 { 
  margin-top: 1.8em; 
  margin-bottom:0.5em;
}
h2 {
  margin-bottom: 0.35em;
  padding-bottom: 0;
  font-size: 140%;
}
h3 {
  margin: 1.5em 0 0.5em 0;
  color: #666;
  font-size: 116%;
}
h4 {
  font-weight: bold;
  font-size: 110%;
  margin: 0 0 0.25em 0;
  color: #555;
}
h5 {
  text-transform: uppercase;
  font-size: 100%;
  margin: 0 0 0.25em 0;
  font-weight: normal;
}
h6 {
  font-size: 100%;
  margin: 0 0 0.25em 0;
  font-weight: normal;
  font-style: italic;
}


/* content */
p {
  margin-top: 0;
  padding-top: 0;
  font-size: 100%;
  line-height:150%;
}
blockquote p {
  font-size:100%;
  line-height:normal;
}
img{ border: none; }

a { color: #000; }
a:hover {
  color: #ff6d00;
  text-decoration: underline;
}
table {
  border-collapse: collapse;
  margin-bottom: 0.5em;
}
td,th {
  padding: 2px 4px;
  vertical-align: top;
}
/* Elements - end */




/**
 * ##TOOLBOX
 */
.subtitle { color: #888; }
#content p.intro {
  margin: 0.75em 0;
  font-size: 145%;
  line-height: 135%;
}
.payoff {
  margin-top: 26px;
  display: block;
  position: absolute;
/*  top: 2.15em;*/
  top: 0;
  width: 203px;
  height: 11px;
/*  font-size: 90%;
  font-weight: bold;*/
  font-size: 0.8em;
  /*
  text-indent: -9999px;
  background: url(../_images/payoff_growth.gif) no-repeat;
  */
}

h3.highlight {
  color: #ff6600;
}

.actions {
  margin-top: -0.3em;
  margin-bottom: 2em;
}
.actions a {
  margin-right: 0.5em;
  padding-right: 0.5em;
  border-right: 1px solid #ff6600;
  color: #ff6600;
  font-weight: bold;
  text-decoration: none;
}
.actions a:hover {
  text-decoration: underline;
}
.actions a.last {
  border-right: none;
}

a.highlight {
  padding-left: 12px;
  display: block;
  color: #ff6d00;
  font-size: 90%;
  font-weight: bold;
  text-decoration: none;
  background: url(../_images/forwardlink_bullet_white.gif) 0em 0.35em no-repeat;
}
a.highlight:hover {
  text-decoration: underline;
}
img.content-visual {
  margin: 0 0 10px 10px;
  float: right;
}

/* Vcard */
.vcard a.org {
  text-decoration: none;
}
.vcard a.org:hover {
  color: #000;
  text-decoration: none;
}
.vcard .postal-code-primary,
.vcard .country-name {
  display: block;
}

a.download_pdf,
a.download_xls {
  padding-left: 24px;
  color: #888;
  text-decoration: none;
  background: url(../_images/download_pdf.gif) no-repeat;
}
a.download_pdf:hover,
a.download_xls:hover {
  color: #ff6600;
  text-decoration: underline;
}
a.download_xls {
  background: url(../_images/download_xls.gif) no-repeat;
}

.treemenu {
  margin: 0 0 0 0.5em;
  padding: 0;
}
.treemenu li {
  margin: 0;
  padding: 0.35em 0 0.35em 18px;
  list-style: none;
  position: relative;
  background: url(../_images/sublist.gif) 0em 0.15em no-repeat;
}
.treemenu li a {
  padding-right: 4em;
  color: #000;
  text-decoration: none;
}
.treemenu li a:hover {
  color: #ff6600;
  text-decoration: underline;
}
.treemenu li a span.chapter-nr {
  margin-right: 0.1em;
  padding-right: 0.35em;
  background: url(../_images/pipe_small_black.gif) 100% 50% no-repeat;
}
.treemenu li a:hover span.chapter-nr {
  background: url(../_images/pipe_small_orange.gif) 100% 50% no-repeat;
}
.treemenu li a span.filesize {
  position: absolute;
  color: #888;
  top: 0.25em;
  right: 0;
}
.treemenu li a:hover span.filesize {
  color: #ff6600;
}

.treemenu li ul {
  margin: 0;
  padding: 0.5em 40px 0.5em 8px;
}
/* Toolbox - end */




/**
 * ##GENERIC
 */
#container{
  margin: auto;
  width: 834px;
  position: relative;
  margin-top:12px;
  height:auto;
}

#content { margin-top: 1em; }

.screen-reader { display: none; }

#theme-visual {
  border-left: 15px solid #fff;
  position: absolute;
  top: 0;
  right: 164px;
}
/* Generic - end */




/**
 *  ##FLASH - flash replacement
 */
.print-header { display:none !important; }
/* end flash replacement*/




/**
 *  ##LOGO - begin
 */
#block-logo {
  padding-left: 230px;
  height: 5.75em;
}
#logo{
  background: url(../_images/logo.png);
  background-position: top left;
  background-repeat: no-repeat;
  width: 72px;
  height: 26px;
  display: block;
  text-indent: -1982px;
  margin-top: 12px;
  margin-bottom: 20px;
  padding: 0;
}
/* Logo - end */




/**
 *  ##NAVIGATION - begin
 */
#navigation{
  position: absolute;
  top: 0;
  left: 0;
  width: 196px;
}


/* generic */
#generic-navigation {
  position: absolute;
  top: -0.2em;
/*  right: -615px;*/
    right: -470px;
}
#generic-navigation ul,
#generic-navigation ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#generic-navigation ul li {
  display: inline;
  font-size: 86%;
}
#generic-navigation ul li a.small { font-size: 100%; }
#generic-navigation ul li a.default { font-size: 130%; }
#generic-navigation ul li a.large { font-size: 160%; }
#generic-navigation ul li {
  padding: 0 2px 0 4px;
  border-left: 1px solid #888;
}
#generic-navigation ul li a { color: #888; }
#generic-navigation ul li a:hover { color: #ff6d00; }
#generic-navigation ul li.first { border-left: none; }
#generic-navigation ul li#size-setters a {
  border: none;
  padding: 0;
}
#generic-navigation ul li a#small-size-setter { padding-left: 2px; }


/* main */
#main-navigation ul,
#main-navigation ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#main-navigation ul li { display: block; }
#main-navigation ul li.screen-reader { display: none; }


/* shortcuts */
#shortcuts {
  position: absolute;
  top: 0;
  left: 0;
}
#shortcuts a {
  color: #ff6d00;
  font-weight: bold;
  font-size: 90%;
  text-decoration: none;
}
#shortcuts a:hover {
  text-decoration: underline;
}
#shortcuts ul {
  position: absolute;
  top: 44px;
  left: 0;
  width: 800px;
}
#shortcuts ul li { 
  float: left; 
  margin-right: 0.5em;
  padding-right: 0.5em;
  border-right: 1px solid #ff6d00;
}
#shortcuts ul li#to-home {
  margin: 0;
  padding: 0 0 0 15px;
  border: none;
  width: 213px;
}
#shortcuts ul li.last {
  margin: 0;
  padding: 0;
  border: none;
}
#to-home a {
  padding-left: 14px;
  background: url(../_images/backlink_bullet_grey.gif) 0em 0.35em no-repeat;
}

/* subnavigation */
#subnavigation {
  margin: 5.75em 0 0 15px;
  border-top: 3px solid #000;
}
#subnavigation h3 {
  color: #fff;
  font-size: 140%;
  letter-spacing: 0.1em;
  margin: 1.05em 0 1.15em 0;
}

#subnavigation ul li {
  padding: 0.4em 0 0.4em 2px;
  clear: both;
}
#subnavigation ul li a {
  font-weight: bold;
  text-decoration: none;
}
#subnavigation ul li a span {
  padding-top: 0.2em;
  padding-left: 2.1em;
  display: block;
  font-size: 90%;
}
#subnavigation ul li a:hover span {
  text-decoration: underline;
}
#subnavigation ul li a span.chapter-nr {
  margin-top: 0;
  padding-top: 0;
  padding-right: 0.3em;
  padding-left: 0;
  float: left;
  color: #000;
  font-size: 110%;
  font-weight: normal;
  background:url(../_images/pipe_black.gif) 100% 2px no-repeat;
}

#subnavigation ul li a:hover span.chapter-nr { text-decoration: none; }

#subnavigation ul li.current {
  margin-right: -18px;
  margin-left: -12px;
  padding: 0.5em 5px 0.5em 5px;
  border-left: 10px solid #e2e2e2;
  font-weight: normal;
  background-color: #fff;
}
#subnavigation ul li.current {
  margin-right: -18px;
  margin-left: -12px;
  padding: 0.5em 5px 0.5em 5px;
}
#subnavigation ul li.current span {
  color: #888;
  font-weight: normal;
  font-size: 100%;
}
#subnavigation ul li.active .current {
  margin-right: 0;
  margin-left: 1.4em;
  padding: 0.4em 0 0.4em 2px;
  border-left: none;
  background-color: transparent;
}
#subnavigation ul li.active {
  margin: 0.5em -18px 0.5em -0.5em;
  margin-right: -18px;
  margin-left: -0.5em;
  padding: 0.5em 0 0.5em 0.7em;
  background-color: #c8c8c8;
}
#subnavigation ul li.active a span,
#subnavigation ul li.active a:hover span,
#subnavigation ul li.active ul li a {
  color: #fff;
}

#subnavigation ul li.active a span { margin-top: 0; }
#subnavigation ul li.active ul li { padding-left: 1.5em; }
#subnavigation ul li.active a span.chapter-nr {
  background-image:url(../_images/pipe_white.gif);
}

#subnavigation ul li.active ul li a {
  padding: 0.25em 1em 0.25em 1.5em;
  display: block;
  color: #000;
  font-size: 90%;
  font-weight: normal;
}
#subnavigation ul li.active ul li a:hover span { color: #000; }
#subnavigation ul li.active ul li.current a {
  color: #666;
  background-color: #fff;
}
#subnavigation ul li.active ul li a span {
  background:url(../_images/pipe_darkgrey.gif) 0 2px no-repeat;
  border:0;
  color:#000000;
  font-size:100%;
  padding-left:1em;
  margin-left:-0.5em;
  display:block;
}
#subnavigation ul li.active ul li.current a span { color: #666; }


/* subnavigation part */
#subnavigation .subnavigation-part h3 {
  margin: 1.5em 0 0.5em 0;
  color: #000;
  font-family: "Arial Narrow", sans-serif;
  font-size: 140%;
  font-style: italic;
  letter-spacing: -0.01em;
}
#subnavigation .subnavigation-part h3.highlight {
  color: #ff6600;
}
#subnavigation .subnavigation-part ul li.current span {
  font-size: 95%;
}
#subnavigation .subnavigation-part ul li a span {
  padding-left: 9px;
  background:url(../_images/pipe_darkgrey.gif) 0 0.3em no-repeat;
}
#subnavigation .subnavigation-part ul li.current {
  padding: 0.4em 5px 0.4em 5px;
}

/* Navigation - end */




/**
 *  ##CONTENT - begin
 */
#content-container {
  margin-left: 214px;
  padding: 0 16px 16px 16px;
  position: relative;
  width: 582px;
}
#header {
  padding-right: 150px;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  min-height: 16.5em;
  position: relative;
}

/* titles */
h1 span {
  display: block;
  font-weight: normal;
  font-size: 150%;
  letter-spacing: 0.01em;
}
.chapter-title{
  width:100%;
}
.chapter-subtitle{
  width:100%;
}

/* content */
#content blockquote {
  margin: 0;
  padding: 0.5em 0;
  color: #888;
  font-size: 300%;
  line-height: 100%;
}
ul.list {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0;
}
ul.list li {
  
  padding: 0 0 0.25em 1.5em;
  line-height: 150%;
  background: 0px 0.7em url("../_images/bullet.gif") no-repeat;
}
ul.list ul {
  margin: 0;
}
td ul.list li {
  line-height: normal;
}
#content img.afbeelding {
  margin-bottom: 1em;
}

/* content tabellen */
.small { 
  color: #aaa;
  font-size: 90%; 
}
td.CellDunnelijnOnder, .cellline { 
  border-bottom: 1px solid black;
}
td.CellDikkelijnOnder, .celldikkelijn { 
  border-bottom: 3px solid black;  
}
td.CellDunnelijnBovenenOnder { 
  border-top: 1px solid black; 
  border-bottom: 1px solid black; 
}
td.CellDikkelijnBovenenOnder { 
  border-top: 3px solid black; 
  border-bottom: 3px solid black; 
}
td.nr {
  text-align: right;
}
ul.noten {
  list-style: none;
  margin: 0.25em 0;
  padding: 0;
}
ul.noten li {
  padding: 0.25em 0 0 0;
  margin: 0;
  font-size: 85%;
}
.download-xls {
  text-align: right;
  margin: 1em 0 0.25em 0;
}
.download-xls a {
  color: #FF6D00;
  font-weight: bold;
  background: 0em 0.3em url(../_images/forwardlink_bullet_white.gif) no-repeat;
  padding-left: 11px;
  text-decoration: none;
}
/* Content - end */




/**
 *  ##ACTIONS - begin
 */
#block-actions {
  margin-right: 14px;
  border-left: 20px solid #fff;
  position: absolute;
  top: -3px;
  right: 0;
  width: 130px;
  min-height: 18em;
}
#block-actions ul,
#block-actions ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#block-actions ul {
  margin-top: 24px;
}
#block-actions ul li {
  padding: 0.35em 0;
  display: block;
}
#block-actions ul li a {
  padding-left: 11px;
  display: block;
  color: #ff6d00;
  font-size: 90%;
  font-weight: bold;
  text-decoration: none;
  background: url(../_images/forwardlink_bullet_white.gif) 0em 0.3em no-repeat;
}
#block-actions ul li a:hover {
  text-decoration: underline;
}
#download-all {
  margin-top: 1.3em;
}
 /* Actions - end */




/**
 *  ##BLOG - begin
 */
#block-blog {
  padding-left: 20px;
  border-left: 1px dotted #b2b2b2;
  position: absolute;
  top: 445px;
  right: 10px;
  width: 134px;
}
#block-blog h3 {
  margin: 0;
  padding: 0;
  color: #888;
}
#block-blog h4 {
  margin: 0 0 1em 0;
  padding: 0;
  font-size: 90%;
  font-weight: normal;
}
#block-blog blockquote {
  margin:0.4em 0 0.7em 0;
  padding: 0;
  color: #ff6600;
  font-weight: bold;
  font-size: 130%;
}
#block-blog .date {
  margin: 0;
  padding: 0;
  color: #888;
}
 /* Blog - end */




/**
 *  ##FORM - begin
 */
.form-text-container input {
  border: 1px solid #888;
}

.home #search {top: 12px;}

#search {
  position: absolute;
  top: 0;
  right: -618px;
}
#searchengine p {
  margin: 0;
  padding: 0;
}
#searchengine input {
  width: 66px;
  height: 13px;
}
#searchengine button {
  border: none;
  width: 60px;
  height: 15px;
  font-size: 0.1em;
  text-indent: -9999em;
  background: url(../_images/btn_search.gif) no-repeat;
}
/* Form - end */




/**
 *  ##SEARCH - search form
 */
#searchengine .form-text-container input,
#searchengine .form-text-container button {
  display: block;
  float: left;
}
#searchengine .form-text-container input {
  height: 1.1em;
  font-size: 86%;
}
#searchengine .form-text-container button {
  margin-left: 3px;
}
/* end search form */




/**
 *  ##HOME
 */
.home {
  padding:0;
  margin-left:3px;
  margin-top:0;
  background:#FFF;
  min-height:100%;

}
.home #block-logo{
  padding:12px 0 0 233px;
}
.home #generic-navigation {
  top:10px;
  margin-right:-3px;
}
.home #shortcuts ul {
  top:13px;
  left:3px;
  width: 200px;
}
.home #container {
  width:842px;
  background:url(../_images/home_container_bg.gif) repeat-y;
  float:none;
  margin-top:0;
}
.home #content-container{
  width:284px;
  background:url(../_images/flowers.jpg) 100% 100% no-repeat;
  padding-right:320px;
  margin-left:217px;
  float:none;
  padding-bottom:15px;
  margin-bottom:-10px;
}
.home #header {
  padding-right:0;
}
.home h1 {
  margin-top:0.5em;
}
.home h1 .chapter-title{
  color:#888888;
}
.home h1 .chapter-subtitle{
  font-size:170%;
}/*
.home #content p{
  font-size:95%;
}*/
.home #footer {
  background:url(../_images/home_footer_bg.gif) 0 0 no-repeat;
  width:842px;
  position:relative;
  margin-top:0px;
  text-align:right;
  z-index:10;
}
.home #footer p{
  color:#888888;
  font-size:95%;
  padding:20px 7px 0 0;
} 
.home #footer p a{
  color:#888888;
}
.home #footer p a:hover{
  color:#FF6600;
}
/* Home - end */




/**
 *  ##GROWTHOVERVIEW
 */
.growth-overview #header {
  padding-right: 320px;
  min-height:294px;
}
.growth-overview #header h1 { 
  margin-top: 0.6em; 
}
.growth-overview .chapter-title {
  margin:0 0 0 0;
  color:#888;
  font-size:120%;
}
.growth-overview .chapter-subtitle {
  font-size:160%;
}
.person {
  margin-bottom: 2em;
  padding-right: 300px;
  padding-left: 142px;
  border-bottom: 1px dotted #000;
  min-height: 130px;
  position: relative;
}
.person img {
  border-right: 11px solid #fff;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.person p {
  color: #666;
}
#content .person blockquote {
  margin: 0;
  position: absolute;
  right: 0;
  bottom: -0.2em;
  width: 280px;
  color: #ff6600;
  font-size: 180%;
}
.person a {
  position: absolute;
  bottom: 1em;
}
.growth-overview #decoration {
  border-left: 20px solid #fff;
  position: absolute;
  top: 0;
  right: -6px;
}
/* end growth */




/**
 *  ##GROWTH
 */
.growth #content-container { padding-top: 445px; }

.growth #content,
.growth #header {
  width: 412px;
}

.growth #header {
  margin-bottom: 2.35em;
  border: none;
  min-height: 0;
}

.growth #header h1 { margin-top: -0.4em; }

.growth .chapter-title {  
  margin-bottom:0.4em;
}
.growth .chapter-subtitle {
  width:300px;
  color:#888;
  font-size:70%;
}
.growth .chapter-subtitle { }

.growth .payoff {
  margin-top: 2.5em;
  display: block;
  position: absolute;
  top: 0;
  left: 230px;
  width: 146px;
  height: 19px;
  color: #888;
  font-size: 140%;
  font-weight: bold;
  text-indent: -9999em;
  background: url(../_images/payoff_stories.gif) no-repeat;
}
.growth #content blockquote {
  margin: 0.5em 0;
  padding: 0;
  width: 100%;
}
.growth #content blockquote p {
  margin: 0;
  padding: 0;
}

#block-person-video {
  border-top: 3px solid #000;
  position: absolute;
  top: 0;
  left: 16px;
  width: 581px;
  height: 411px;
}
.person a {
  padding-left: 11px;
  display: block;
  color: #ff6d00;
  font-size: 90%;
  font-weight: bold;
  text-decoration: none;
  background: url(../_images/forwardlink_bullet_white.gif) 0em 0.3em no-repeat;
}
.person a:hover {
  text-decoration: underline;
}


/* subnavigation */
.growth #subnavigation ul li {
  padding: 0.66em 0 0.66em 2px;
}
.growth #subnavigation ul li a {
  padding-left: 7px;
  border-left: 1px solid #6d6f72;
  font-size: 120%;
}
.growth #subnavigation ul li.active { background-color: #fff; }
.growth #subnavigation ul li.active a {
  margin-bottom: 0.1em;
  display: block;
  color: #888;
}
.growth #subnavigation ul li.active li a {
  margin-bottom: 0;
  padding: 0.2em 1em 0.2em 13px;
  border: none;
  display: block;
  color: #ff6d00;
  font-size: 90%;
  text-decoration: none;
  background: url(../_images/forwardlink_bullet_white.gif) 0em 0.55em no-repeat;
}
.growth #subnavigation ul li.active li {
  padding: 0 0 0 0.75em;
}
.growth #subnavigation ul li.active li a:hover {
  text-decoration: underline;
}
/* end growth */




/**
 *  ##FACTS
 */
.enriched #header,
.enriched #header .payoff,
.downloads #header,
.downloads #header .payoff {
  padding-right: 376px;
}
.enriched #content {
  padding-right: 172px;
}
#story-promo {
  padding-left: 18px;
  border-left: 1px dotted #b2b2b2;
  display: block;
  position: absolute;
  top: 18em;
  right: 16px;
}
#story-promo img {
  border-bottom: 3px solid #000;
  display: block;
}
.banner {
  float: right;
  border-left: 1px dotted black;
  margin-left: 20px;
  margin-bottom: 1em;
  padding-left: 20px;
}
.banner a {
  border-bottom: 3px solid black;
}
/* end facts */




/**
 *  ##DOWNLOADS
 */
#full-downloads-container {
  margin: 2.5em 0;
}
#full-downloads-container h2 {
  margin-top: 1em;
}
/* end downloads */



/**
 *  ##RESPONSIBILITY
 */
body.responsibility {
  background-repeat:no-repeat;
}
/* end responsibility */



/**
 *  ##SITEMAP
 */
.sitemap #content {
  margin-top: 2.8em;
}
.sitemap #content h2 {
  margin-top: 1em;
}
/* end sitemap */


/* search */

.searchResults {
	padding:0 0 10px 5px;
	border-bottom:solid 1px #ccc;
}
#frmSearch .txtSearch {width:300px;}
#frmSearch {margin-bottom:10px;}		
#searchNavigator a, #searchNavigator span {margin-right: 10px;}