/* print.css */
@media print {
	
* {
	background-color: white !important;
	background-image: none !important;
}

html,body {
	background: #FFF;
	color: #000;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 140%;
}

/* The div logobar isn't displayed on the print */
/*
#logobar a {
	display: none;
}
*/

a img {
	border: none;
}

/* things to hide */
.print-hide,#navigation,#pagenavigation,#contentnavigation,#subcontent,#contextual,#footer,#skip,#breadcrumb,#page-options,.buttons,.conditions textarea,.agreement textarea,legend,.noheader thead,.DCRadio,.DCCheckbox,.DCSubmit,a.inlinesubmit,a.flatbutton,a.contentbutton,a.information,a.calendar,a.up,a.explanation,.DCSelect,.status,.selected,.options,.form-question,.form-pulldowns,.functions,.dialog,.required,.information,#feedback,.alphabet-menu,#popup ul,.tabnavigation,.rotator-pagination,.request-offer,p.scroll-up,.pagination,div.page-report input,.list-tips li.closed-tip a.more
	{
	display: none !important;
}

/* headers */
h1 {
	line-height: 1.5em;
}

h3 {
	margin-top: 2em;
}

h4 {
	margin: 0;
}

/* text */
p.price {
	position: relative;
}

p.price em {
	position: absolute;
	right: 0;
	top: 0;
}

.price strong {
	padding-left: 5px;
}

.alphabet li {
	float: left;
}

/* anchors */
a:link,a:visited {
	background: transparent;
	color: #007EC6;
	font-weight: bold;
	text-decoration: underline;
}

/* lists */
.list-notifications h3 {
	border: none;
}

.list-notifications img,.list-elements img {
	float: left;
	margin-right: 10px;
}

ul.list-faq-toggle li .answer {
	display: block !important;
}

/* table */
table {
	margin: 0 0 1em 1px;
	width: auto;
	border: 1px solid #D4D4D4;
	font-size: 100%;
	empty-cells: show;
	page-break-inside: avoid;
	border-collapse: collapse;
}

caption {
	padding: 4px 9px 6px 9px;
	border: 1px solid #D4D4D4;
	border-width: 1px 1px 0 1px;
	font-weight: bold;
	text-align: left;
}

thead {
		display: table-header-group;
}

td,th {
	padding: 3px;
	border: 1px solid #D4D4D4;
	vertical-align: top;
		text-align: center;
}

table.table-lists th,table.table-lists td {
		border-width: 1px 0;
}

table.table-lists th {
		text-align: left;
}

table.table-compare thead th {
		border-width: 1px 0;
}

table.table-compare tbody th,table.table-compare td {
		border: none;
}

table.table-compare th img {
			width: 90%;
			height: 90%;
}

table.table-matrix thead th,table.table-matrix tbody th,table.table-matrix tbody td,table.table-compare thead th,table.table-compare tbody td,table.assortment-detail tbody td,table.table-lists .costs,table.table-lists td,table.table-invoices td
	{
		text-align: left;
}

table.table-invoices td,table.table-invoices th {
			border: none;
}

table.table-lists.noheader td,table.table-invoices tr.head th,table.table-invoices tr.head td
	{
			border: 1px solid #d4d4d4;
			border-width: 1px 0 0 0;
}

thead em {
	font-style: normal;
	font-weight: normal;
}

thead th.row {
	padding: 3px 9px 3px 9px;
	text-align: left;
}

tbody th {
	padding: 3px 9px 3px 9px;
	text-align: left;
}

tbody .attention td,tbody .attention th {
	font-weight: bold;
}

td.price {
	padding: 3px 9px 3px 9px;
	width: 8em;
	text-align: left;
	white-space: nowrap;
}

table.table-left th,table.table-left td {
	padding: 3px 9px 3px 9px;
	text-align: left;
}

table td.costs img.float-left {
	margin: 0 10px 0 0;
}

table p.more {
	clear: both;
}

/* forms */
table .product-checkbox label {
	display: none;
}

fieldset {
	clear: both;
	border: 0;
}

fieldset h3 {
	border-bottom: 1px solid #666;
}

div.field {
	clear: both;
}

#maincontent #content form fieldset div.field div.signature {
			background: #fff;
	border: 1px solid #000;
	float: left;
	width: 400px;
			height: 150px;
}

div.output {
	margin-left: 200px;
}

label {
	float: left;
	width: 200px;
}

label.inline {
			clear: both;
}

.list-check label {
	width: auto !important;
}

label span {
	position: relative;
	left: 30px;
}

label span span {
	left: 0;
}

input {
			float: left;
}

input.replaced {
			float: none;
	position: static;
	width: auto;
	height: auto;
	overflow: visible;
}

fieldset.foldout .replaced {
			float: left;
}

div.checkfirst label,div.radio label.inline,div.vertical label,div.conditions label,div.agreement label
	{
	float: none;
}

div.conditions,div.agreement textarea {
	margin: 20px 0 0 0;
}

.errormessage {
	color: #f00;
}

fieldset.foldout ul,fieldset.foldout li,.alphabet ul,.alphabet li {
	list-style: none;
}

.product-overview {
	float: left;
	margin: 1em 1%;
	padding: 2%;
	width: 27%;
	border: 1px solid #D4D4D4;
}

.product-overview fieldset {
		width: auto;
}

.product-overview label {
			width: auto;
}

.product-overview input {
			float: left;
			width: auto;
}

.form-brochures {
		
}

.form-brochures fieldset {
	display: none;
}

.form-brochures fieldset ul fieldset {
	display: block;
}

.form-brochures li fieldset,.form-brochures img,.form-brochures input,.list-brochures img
	{
		float: left;
}

.form-brochures input {
	display: none;
}

.form-brochures img {
		margin-right: 10px;
}

.form-brochures li label,.list-brochures p.more {
		display: none;
}

.filter-columns ul {
	clear: both;
}

.filter-columns li {
		float: left;
		margin: 0 10px 10px 0;
		position: relative;
		width: 110px;
}

.float-right {
	float: right;
	margin: 0 10px 10px 30px;
}

.float-left {
	float: left;
	margin: 0 30px 10px 10px;
}

/* bespaarplein */
fieldset span.additional-cleared {
	display: block;
	margin: 2px 0 4px 200px;
	clear: both;
	width: auto;
	font-style: italic;
}

/* clearfix */
#content,.alphabet ul,div.field,div.checkbox,div.row,div.contentblock,.list-notifications li,div.question,.box-content,.energy-label
	{
	zoom: 1;
}

.alphabet ul:after,div.field:after,div.checkbox:after,div.row:after,div.contentblock:after,.list-notifications li:after,div.question:after,.energy-label:after
	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}  /* addition print */
table.table-consumption thead .product-description {
	padding-left: 10px;
	text-align: left;
	width: 44%;
}

table.table-consumption thead th.rowconsumption {
	padding: 3px 9px;
	text-align: left;
}

table.table-consumption thead .costs,table.table-consumption thead th.costsconsumption
	{
	text-align: left;
	width: 18%;
}

table.table-consumption tbody .costs {
	font-weight: bold;
	text-align: right;
	width: 18%;
}

table.table-consumption tbody tr td {
	padding-right: 10px;
	text-align: right;
}

table.table-consumption tfoot .costs {
	text-align: right;
	width: 18%;
}

table.table-consumption tfoot td {
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}

table.table-consumption tfoot th {
	font-weight: bold;
	padding-left: 10px;
	text-align: left;
}

a.information-img {
	display: none !important;
}

table.table-summary td {
	font-weight: bold;
	text-align: left;
	width: 60%;
}

table.table-legend td,table.table-legend thead th {
	padding-right: 5px;
	text-align: right;
}

.table-container {
	border: 1px solid #D4D4D4;
	margin: 1em 0pt;
	padding: 0pt 10px 1em;
}

div.table-container table.table-enota caption .money {
	display: none;
}

div.table-container table.table-enota tbody td {
	text-align: right;
	width: 20%;
}

caption .money2 {
	float: right;
	position: relative;
}

dl.telwerk {
	display: block;
	float: left;
	margin: 6px 3px;
	padding: 9px;
	width: 110px;
}

dl.telwerk .title {
	text-align: left;
}

dl.telwerk dt.title {
	height: 3em;
	font-weight: bold;
}

dl.telwerk .start,dl.telwerk .end {
	align: left;
	margin: 6px 0px;
}

/* BespaarInzicht */
.energy-label-container,attention {
	page-break-before: always;
}

.nbi list-collapse li { /* avoid breaks in measures */
	page-break-inside: avoid;
	overflow: hidden;
	/* official way (above) doesn't work, this trick only works in firefox */
}

p.more {
	display: none;
}

.action-label {
	color: #552878;
	font-size: 145.5%;
}

.list-collapse {
	margin-left: 0;
	padding-left: 1em;
	list-style: none;
}

.list-collapse li {
	margin: 1.5em 0 3em 0;
}

.list-collapse fieldset,.list-collapse h3,.list-collapse h4 {
	margin: 0;
	padding: 0;
	border: none;
}

.list-collapse h5 {
	font-size: 1.1em;
	color: #000;
}

.list-collapse input,.timeclock-container input {
	display: none;
}

.list-collapse p.price {
	position: relative;
	width: 30em;
	padding: 0 5em 0 0;
}

.list-collapse p.price strong {
	margin-left: 0;
	padding-left: 0;
}

.list-collapse p.price strong em {
	position: absolute;
	right: 0;
	width: 5em;
	font-style: normal;
}

.list-collapse p.price-total {
	padding: .5em 5em .5em 2em;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}

.list-collapse .list-links {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.list-collapse .list-links li {
	margin: 0;
	padding: 0;
	color: #007EC6;
	font-weight: bold;
}

.list-collapse .list-links li:before {
	content: "› ";
}

.question {
	clear: both;
	padding: 1.5em 0;
}

.question label {
	display: block;
	float: none;
	width: auto;
	font-weight: bold;
}

.question .set {
	float: left;
}

.question .set label {
	clear: none;
	display: inline;
	float: none;
	margin: 0;
}

.question .output {
	margin: 0;
}

tr.total span.highlight,tr.total span.highlight-neg {
	font-weight: bold;
}

span.highlight {
	color: #552878;
}

span.highlight-neg {
	color: #ff0000;
}

.sup {
	position: relative;
	top: -0.5em;
	font-size: .8181em;
}

div.attention h2 {
	margin: 2em 0 0 0;
	font-size: 109.5%;
	font-weight: bold;
	line-height: 1.31em;
}

/* Time clock */
div.timeclock {
	float: left;
	width: 60px;
	text-align: center;
}

div.timeclock img {
	display: block;
}

div.timeclock-txt {
	float: left;
	width: 300px;
}

div.timeclock p span {
	left: -5000px;
	position: absolute;
	width: 4000px;
}

/* Test results usage-energy */
div.attention {
	border: 1px solid #fff;
}

.results-bar-usage {
	width: 359px;
	height: 15px;
	margin: 5em 0 0 15px;
	padding-bottom: 5em;
}

.results-bar-usage div {
	position: relative;
	left: 179px;
	width: 180px;
}

.results-bar-usage div img {
	position: absolute;
	top: 0;
	left: -179px;
}

.results-bar-usage ul {
	margin: 0;
	list-style: none;
}

.results-bar-usage li {
	margin-left: -27px;
	padding: 5px 10px;
	color: #2b2b2b;
	font-weight: bold;
	border: 2px solid #d4d4d4;
	white-space: nowrap;
}

.results-bar-usage li.gas {
	position: absolute;
	bottom: 16px;
	width: 190px;
}

.results-bar-usage li.electricity {
	position: absolute;
	top: 34px;
	width: 230px;
}

.results-bar-usage li.more-electricity {
	margin-left: -215px;
	text-align: right;
}

.results-bar-usage li.more-gas {
	margin-left: -176px;
	text-align: right;
}

.results-bar-usage li span {
	position: absolute;
	bottom: -17px;
	left: 10px;
	display: block;
	width: 32px;
	height: 17px;
}

.results-bar-usage li.more-electricity span,.results-bar-usage li.more-gas span
	{
	right: 10px;
	left: auto;
}

.results-bar-usage li.electricity span {
	top: -17px;
	bottom: 0;
}

.results-bar-usage li span img {
	position: static;
	top: auto;
	left: auto;
	display: block;
}

/* IE7 */
.results-bar-usage li.gas span {
	_bottom: -14px;
}

.results-bar-usage li.electricity span {
	_top: -19px;
}

/* IE6 */
.results-bar-usage li.gas span {
	*bottom: -19px;
}

.results-bar-usage li.electricity span {
	*top: -15px;
}

/* Usage detail */
.usage-detail {
	margin: 1em 0;
	padding-bottom: 5px;
	background: #fff;
}

.usage-detail table {
	width: auto;
	background: white;
}

.usage-detail thead th.row,.usage-detail span.highlight,.usage-detail span.highlight-neg
	{
	white-space: nowrap;
}

.usage-detail p.more {
	padding-right: 10px;
}

/* Energy label */
.energy-label-container {
	clear: both;
}

.energy-label {
	position: relative;
	overflow: hidden;
	width: 350px;
	border: 1px solid #d4d4d4;
}

.energy-label img {
	position: absolute;
	top: 33px;
	left: 10px;
}

.energy-label h4 {
	float: left;
	width: 137px;
	height: 138px;
	margin: 0;
	padding-left: 10px;
	padding-top: 3px;
	color: #2b2b2b;
}

.energy-label h4 span {
	display: none;
}

.energy-label ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.energy-label li {
	position: relative;
	float: left;
	height: 138px;
	margin: 0;
	padding-top: 3px;
	color: #2b2b2b;
	border-left: 1px dashed #d4d4d4;
	font-size: 91.5%;
	font-weight: bold;
}

.energy-label .label-current {
	width: 92px;
	padding-left: 10px;
}

.energy-label .label-new {
	padding-left: 10px;
}

.energy-label li strong {
	position: absolute;
	left: 0;
	display: block;
	font-weight: normal;
	text-align: right;
	color: #000;
}

.energy-label li strong em {
	display: none;
}

.energy-label li img {
	position: static;
	top: auto;
	left: auto;
}

.energy-label .label-current strong {
	width: 31px;
	height: 21px;
	left: 10px;
}

.energy-label li.label-new strong {
	width: 45px;
	height: 29px;
	left: 10px;
}

/*.energy-label li strong.label-a														{ border:1px solid #004f00; }*/
.label-current strong.label-a {
	top: 25px;
}

.label-new strong.label-a {
	top: 21px;
}

/*.energy-label li strong.label-b														{ border:1px solid #008c00; }*/
.label-current strong.label-b {
	top: 39px;
}

.label-new strong.label-b {
	top: 35px;
}

/*.energy-label li strong.label-c														{ border:1px solid #0abe07; }*/
.label-current strong.label-c {
	top: 53px;
}

.label-new strong.label-c {
	top: 49px;
}

/*.energy-label li strong.label-d														{ border:1px solid #f3fe00; }*/
.label-current strong.label-d {
	top: 67px;
}

.label-new strong.label-d {
	top: 63px;
}

/*.energy-label li strong.label-e														{ border:1px solid #ffd801; }*/
.label-current strong.label-e {
	top: 81px;
}

.label-new strong.label-e {
	top: 77px;
}

/*.energy-label li strong.label-f														{ border:1px solid #e47003; }*/
.label-current strong.label-f {
	top: 95px;
}

.label-new strong.label-f {
	top: 91px;
}

/*.energy-label li strong.label-g														{ border:1px solid #e50003; }*/
.label-current strong.label-g {
	top: 109px;
}

.label-new strong.label-g {
	top: 105px;
}

.energy-label li span {
	display: none;
}

.energy-label-results {
	margin: 0 0 1em 0;
}

.usage-detail table tr.total th,.usage-detail table tr.total td,.energy-label-results table tr.total th,.energy-label-results table tr.total td
	{
	background-color: #E6E6E6;
}

.energy-label-results table tr.total * {
	color: #552878;
}

.usage-detail table tr.total th,.energy-label-results table tr.total th
	{
	font-weight: bold;
}

.usage-detail table tr.total td,.energy-label-results * {
	color: #000;
}

/* Clearfix */
div.timeclock-container:after,div.timeclock-container-small:after,.energy-label-container:after,.energy-label:after,div.centered:after
	{
	display: block;
	height: 0;
	clear: both;
	content: ".";
	visibility: hidden;
}

/* Verslaglegging */
ul.list-gri-toggle {
	list-style: none;
}

ul.list-gri-toggle li {
	margin-bottom: .5em;
}

ul.list-gri-toggle li .gri-item img {
	margin-right: 16px;
}

ul.list-gri-toggle li .gri-item div.more {
	margin-left: 26px;
}

.page-report ul.list-report-toggle li div {
	display: block !important;
}

.page-report ul.list-report-toggle li input {
	display: none;
}

.page-report label {
	float: none;
	display: inline;
	width: auto;
}

}