/* Nuon digitaal jaarverslag */

/* --------------------------------------------------------------------------- */
/* HTML selectors */

* 			{ padding: 0px; margin: 0px; }
body    { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; background-color: #fff;}
p       { padding-bottom: 14px; font-size: 1.0em; }
ul 			{ list-style-image: url(../gfx/img_list.gif); padding-left: 18px; padding-bottom: 14px; }
ol 			{ list-style-type: decimal; list-style-position: inside; padding-bottom: 14px; }
img     { border: 0; }
form, fieldset    { border: 0px; margin: 0px; padding: 0px;}
input, select, option     { font-size: 0.9em; }
.clr    { clear: both; }

/* --------------------------------------------------------------------------- */

#wrapper {
 width: 966px;
 margin: 0 auto;
}
#navbar {
 border-top: 1px solid #D4CECA;
 border-bottom: 1px solid #D4CECA;
 margin: 0px 14px;
 padding: 4px 0px;
}
#sitepath {
 border-bottom: 1px solid #D4CECA;
 margin: 0px 14px;
 padding: 2px 0px;
}
#leftcolumn { /* Parent Wrapper for inside boxes */
 margin: 14px 0px 0px 14px;
 display: inline; /* IE Hack */
 width: 20%;
 float: left;
 min-height: 450px;
 padding: 0px;
}
* html #leftcolumn {height:450px} /* IE Min-Height Hack */

#centercolumn { /* Parent Wrapper for inside boxes */
 margin: 4px 0px 28px 0px;
 display: inline; /* IE Hack */
 padding: 4px;
 width: 54.8%;
 float: left;
 min-height: 300px;
  padding-bottom: 30px;
}
* html #centercolumn {height:300px} /* IE Min-Height Hack */

#rightcolumn {
  margin: 14px 0px 0px 14px;
 padding: 0px;
 display: inline; /* IE Hack */
 width: 20%;
 float: left;
 min-height: 300px;
}
* html #rightcolumn {height:300px} /* IE Min-Height Hack */


/*--------- CenterContent ------------*/

H1.rubriekskop {
font-size: 1.6em;
font-weight: bold;
line-height: 1.2em;
color:#000000;
padding-bottom: 7px;
}
H2.bovenkop {
font-size: 1.6em;
line-height: 1.2em;
font-weight: normal;
color:#000000;
padding-bottom: 7px;
}
H3.kop {
font-size: 1.0em;
font-weight: bold;
color:#582C7B;
}
H4.tussenkop {
font-size: 1.0em;
font-weight: bold;
color:#000000;
padding: 0px;
}

p.platte_tekst {  }
p.platte_tekst_gray { color:#706666; }
em.platte_tekst_cursief  {  }
.platte_tekst_gray em { color:#000; font-style: normal; }

.intro {
font-size: 1.4em;
line-height: 1.8em;
color:#706666;
padding-bottom: 7px;
}

.thema .intro {
font-size: 1.3em;
line-height: 1.5em;
color:#706666;
padding-bottom: 7px;
}

.introsmall {
font-size: 1.3em;
line-height: 1.5em;
color:#706666;
padding-bottom: 7px;
}

.intro em { color:#000; font-style: normal; }
.introsmall em { color:#000; font-style: normal; }

#centercolumn a:link, #centercolumn a:visited, #centercolumn a:active {
  font-size: 1.0em;
  margin-right: 4px;
  text-decoration: underline;
  color: #0066CC;
  }
#centercolumn a:hover {
  text-decoration: none;
  color: #582C7B;
  }

.small { font-size: 0.7em; }

/*--------- Header ------------*/

#header {
padding: 7px 0px 2px 0px;
margin: 0px;
}
#header a:link, #header a:visited, #header a:active {
  margin-right: 4px;
  text-decoration: none;
  color: #582C7B;
  }
#header a:hover {
  text-decoration: none;
  color: #0066CC;
  }
#siteID {
  height: 28px;
  width: 966px;
  padding-top: 7px;
}
#serviceMenu {
 float: right;
}

/* Search related rules */
#searchBox { float: right; margin: 0px 0px 0px 7px; padding: 0px; width: 150px; }
#searchBox fieldset input { width: 100px; border: 1px solid #0066CC; }

H1.siteTitle {
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.6em;
  color: #582C7B;
   margin-left: 14px;
}

/*--------- Footer ------------*/

#footer a:link, #footer a:visited, #footer a:active {
  margin-right: 4px;
  text-decoration: none;
  color: #582C7B;
  }
#footer a:hover {
  text-decoration: none;
  color: #0066CC;
  }

/*--------- sitepath ------------*/

#sitepath a:link, #sitepath a:visited, #sitepath a:active {
  padding-left: 9px;
  background: url(../gfx/sitepath-on.gif) no-repeat top left;
  margin-right: 4px;
  text-decoration: none;
  color: #582C7B;
  }
#sitepath a:hover {
  text-decoration: none;
  color: #0066CC;
  }
#sitepath a.active {
  text-decoration: none;
  color: #000000;
  }

/*--------- Nav ------------*/

#navbar { font-size: 1.4em; line-height: 1.1em; color: #582C7B; }

#navbar a:link, #navbar a:visited, #navbar a:active {
  text-decoration: none;
  color: #582C7B;
  }
#navbar a:hover {
  text-decoration: none;
  color: #0066CC;
  }
#navbar a.active {
  text-decoration: none;
  color: #000000;
  }

ul.nav {
  list-style:none;
  list-style-image: none;
  margin: 0px;
  padding: 0px;
  padding-left: 0px;
  padding-right: 7px;
  }

.list_0 {
  padding-left: 9px;
  background: url(../gfx/list-off.gif) no-repeat top left;
  color: #0066CC;
  }

.list_1 {
  padding-left: 9px;
  background: url(../gfx/list-on.gif) no-repeat top left;
  color: #582C7B;
  }
.list_2 {
  padding-left: 9px;
  background: url(../gfx/list-open.gif) no-repeat top left;
  color: #582C7B;
  }

.nav a:link, .nav a:visited, .nav a:active {
  text-decoration: none;
  color: #0066CC;
  }

.nav a:hover {
  text-decoration: none;
  color: #582C7B;
  }

.nav {
  padding: 0px;
  margin: 0px;
  }

H1.nav {
font-size: 1.0em;
font-weight: bold;
color: #582C7B;
padding-bottom: 4px;
}
H2.nav {
font-size: 1.0em;
font-weight: normal;
color: #582C7B;
}

/***********************/
/* Tables and graphs   */
/***********************/

table {
  border-collapse:collapse;
  margin: 0px;
  text-align:left;
  background-color: #D2DFEF;
  font-size: 0.9em;
}
table table { font-size: 1.0em; }

.title {
  display: block;
  padding: 2px 0px 2px 7px;
  text-align: left;
  }
thead {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.0em;
  background-color: #4B7DBE;
  border-bottom:1px solid #000000;
  text-align: left;
  }

th { padding: 2px 0px 0px 0px; text-align: left; }
th.checked { background: #4B7DBE url(http://jaarverslagen.nuon.com/2006/gfx/content/pwc_driehoek.gif) no-repeat bottom right; }

.tab {
  display: block;
  background-color: #1E5DAE;
  padding: 2px 0px 2px 7px;
  }

thead p {
  color: #000000;
  font-weight: normal;
  padding: 0px;
  padding-bottom: 5px;
  text-align: left;
  }

tfoot tr, tfoot td {
  border-bottom:1px solid #000000;
  }
tbody tr, tbody td {
  border-bottom:1px solid #FFFFFF;
  }
tbody tr.noline, tbody td.noline {
  border-bottom:none;
  }

tbody td {
  padding: 0px;
}
tfoot td {
  padding: 0px 7px;
}
td.graph {
  padding: 0px;
 border-bottom:1px solid #000;
}

.vraag, .klapvraag { padding: 0px 7px; }
.tabelextra { padding: 0px 16px; }
.bijschrift { padding: 0px 7px 7px 7px; font-size: 0.9em; }
.subkop { background-color: #4B7DBE; color: #FFFFFF; font-weight: bold; border-bottom:1px solid #4B7DBE; border-top:1px solid #4B7DBE; padding: 2px 0px 2px 7px; }
.tussenkop { color:#AD007C; font-weight: bold; padding: 7px 7px 0px 7px; }
.light { background-color: #A5BEDF; }
.dark { background-color: #789ECE; }
.numbersLeft { text-align: right; padding-right: 3.0em; padding-left: 7px; }
.numbersRight { text-align: right; padding-right: 7px; }
.numbersTotal { text-align: right; font-weight: bold; }
.blackline { border-bottom:1px solid #000; }
#centercolumn a.sitemap { text-decoration: none; color: #FFFFFF; }
.sitemap2 { padding-left: 10px; }
.sitemap3 { padding-left: 26px; }
#centercolumn .sitemap3 a:link { text-decoration: none; }
#centercolumn a.voetnoot:link, #centercolumn a.voetnoot:visited, #centercolumn a.voetnoot:active {
  text-decoration: none;
  color: #000000;
  }
#centercolumn a.voetnoot:hover {
  text-decoration: none;
  color: #AD007C;
  }

#centercolumn a.oogopslag:link, #centercolumn a.oogopslag:visited, #centercolumn a.oogopslag:active {
  font-size: 1.0em;
  font-weight: bold;
  margin-right: 4px;
  text-decoration: none;
  color: #FFFFFF;
  }
#centercolumn a.oogopslag:hover {
  text-decoration: underline;
  color: #FFFFFF;
  }

#centercolumn a.list_black:link, #centercolumn a.list_black:visited, #centercolumn a.list_black:active {
  display: block;
  font-size: 1.0em;
  font-weight: bold;
  background: url(../gfx/list-black.gif) no-repeat top left;
  padding-left: 9px;
  margin-left: 7px;
  text-decoration: none;
  color: #000000;
  }
#centercolumn a.list_black:hover {
  text-decoration: underline;
  color: #000000;
  }
#centercolumn a.list_black_open:link, #centercolumn a.list_black_open:visited, #centercolumn a.list_black_open:active {
  display: block;
  font-size: 1.0em;
  font-weight: bold;
  padding-left: 9px;
  margin-left: 7px;
  background: url(../gfx/list-black-open.gif) no-repeat top left;
  text-decoration: none;
  color: #000000;
  }
#centercolumn a.list_black_open:hover {
  text-decoration: underline;
  color: #000000;
  }

#centercolumn a.sitemap:link, #centercolumn a.sitemap:visited, #centercolumn a.sitemap:active {
  display: block;
  font-size: 1.0em;
  font-weight: bold;
  background: url(../gfx/list-white.gif) no-repeat top left;
  padding-left: 9px;
  text-decoration: none;
  color: #FFFFFF;
  }
#centercolumn a.sitemap:hover {
  text-decoration: underline;
  color: #FFFFFF;
  }
#centercolumn a.sitemap_open:link, #centercolumn a.sitemap_open:visited, #centercolumn a.sitemap_open:active {
  display: block;
  font-size: 1.0em;
  font-weight: bold;
  padding-left: 9px;
  background: url(../gfx/list-white-open.gif) no-repeat top left;
  text-decoration: none;
  color: #FFFFFF;
  }
#centercolumn a.sitemap_open:hover {
  text-decoration: underline;
  color: #FFFFFF;
  }

.uitgevoerd {
  background-image: url(../gfx/status_uitgevoerd.gif);
  background-repeat: no-repeat;
  background-position: 7px 2px;
}
.nietuitgevoerd {
  background-image: url(../gfx/status_niet_uitgevoerd.gif);
  background-repeat: no-repeat;
  background-position: 7px 2px;
}
.nvt, .nietvantoepassing {
  background-image: url(../gfx/status_nvt.gif);
  background-repeat: no-repeat;
  background-position: 7px 2px;
}
.deelsuitgevoerd {
  background-image: url(../gfx/status_deels_uitgevoerd.gif);
  background-repeat: no-repeat;
  background-position: 7px 2px;
}

/********************************/
/* Tables and graphs Financial  */
/********************************/

table.financieel
{
  border-collapse: separate;
}

.financieel thead, .financieel tfoot, .financieel .totaalregel {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.0em;
  background-color: #4B7DBE;
  border-bottom:1px solid #000000;
  }

/* als de tfoot geen totaal regel is kan hiermee de kleur worden teruggezet */
.normalTableColor
{
	background-color: #D2DFEF;
}

/* deze is voor in de tfoot: de totalen van de kolommen */
.total
{
	background-color: #1E5DAE;
}	


/* hier vertical-align toegevoegd */
/* AANPASSING */
.financieel .numbersRight, .note
{
	vertical-align: bottom;
}

/* hier padding-right en vertical-align toegevoegd */
/* AANPASSING */
.financieel .numbersTotal
{
	text-align: right; 
	padding-right: 7px; 
	font-weight: bold;
	vertical-align: bottom;
}

/* uitklap dingetjes totalen boven aan/uit */
.toggle_open .light {color: #A5BEDF;}
.toggle_open .dark {color: #789ECE;}
.toggle_closed .light {color: #000000;}
.toggle_closed .dark {color: #000000;}

/* rijen aan/uit */
tr.all_opened {display:table-row;}
tr.all_closed {display:none;}

strong.paars
{
 color: #572381;	
}

.toggle_closed .klapvraag strong
{
	background: url(../gfx/list-black.gif) no-repeat top left;
	padding: 0px 13px;
	cursor: pointer;
}
.toggle_open .klapvraag strong
{
	background: url(../gfx/list-black-open.gif) no-repeat top left;
	padding: 0px 13px;
	cursor: pointer;
}

/***************/
/* formulier   */
/***************/


#centercolumn input, #centercolumn select, #centercolumn checkbox, #centercolumn textarea {
  height: 17px;
  font-size: 1.0em;
  border: 1px solid #0066CC;
  color: #000;
  background: #FFFFFF;
}
#centercolumn input.radio {
		background-color: #FFFFFF;
		border:none; 
		margin: 3px 3px;
}

#centercolumn fieldset input, #centercolumn fieldset textarea, #centercolumn fieldset select { width: 200px; }
#centercolumn fieldset label { width: 200px; } /* Width of labels */
#centercolumn fieldset label {
  float:left;
  color: #000;
  display: inline-block;
  line-height: 1.8em;
  vertical-align: top;
}
#centercolumn input.short { width: 98px; margin-right: 2px; }
#centercolumn input.submitVersturen { width: auto; border: none; background-color: #1E5DAE; color: #FFF; padding: 2px 7px 7px 7px; height: 19px; }
#centercolumn input.submitVersturen.print { width: 60px; margin-bottom:3px; }


#centercolumn fieldset {
  padding: 0px;
  margin-bottom: 10px;
}
#centercolumn fieldset ol {
  margin: 0px;
  padding: 0px;
  }

#centercolumn fieldset li {
  clear: left;
  list-style-position: outside;
  list-style: none;
  padding: 0px;
  margin: 0px;
  }
#centercolumn fieldset fieldset {
  padding: 0px;
  margin: 0px;
}
#centercolumn fieldset fieldset label {
  width: auto;
  }
*html #centercolumn fieldset fieldset .moveLabel label {
  width: 203px;
  w\idth: 203px;
  }
#centercolumn fieldset fieldset .moveLabel label {
  width: 200px;
  }
#centercolumn fieldset fieldset input { width:auto; float:left; }

/* catfish and 'position:fixed' emulation */

#catfish {
  position:fixed;
  bottom:0;
  width: 100%;
}

#wrapperfooter {
  width: 938px;
  margin: 0 auto;
  border-top: 1px solid #D4CECA;
  border-left: 1px solid #D4CECA;
  border-right: 1px solid #D4CECA;
  padding: 4px 0px 4px 7px;
  background-color: #FFFFFF;
 }

#footer {
  overflow:hidden;
  visibility:visible;
  z-index:101;
  display: inline;
   background-color: #FFFFFF;
  }
  




