BODY {
		font-family: arial;
		font-size: 13px;		
		margin: 0;
		padding: 0;		
	}
	
	TD {
		font-family: arial;
		font-size: 13px;	
	}
	
	TH {
		font-family: arial;
		font-size: 13px;		
		text-align: left;
	}
	
	P SPAN {
		font-size: 13px;		
		font-weight: bold;
		display: block;
	}
	
	A {
		color: #00F;
	}
	
	.paginaeinde {
		page-break-after: always;		
	}
	
		
	TABLE.factuur, TABLE.verbruik, TABLE.specificatie {
		margin-top: 10px;
		width: 100%;
	}
	TABLE.specificatie {
		width: 300px;
	}
	
	TABLE.factuur TD, TABLE.specificatie TD, TABLE.verbruik TD {
		padding-left: 2px;
	}
	
	TABLE.factuur TH, TABLE.specificatie TH {
		padding-left: 2px;
		background: #ccc;
		font-weight: bold;		
	}
	TABLE.verbruik TH {
		background: #ededed;
		
	}
	TABLE.verbruik TH.resultaat, TH.resultaat, TABLE.factuur TH.resultaat, TABLE.specificatie TH.resultaat {
		background: #fff;	
		font-weight: normal;			
	}		
	
	TD.resultaat, TH.resultaat {
		background: #fff;
		border: 1px solid #ccc;
		width: 130px;
		text-align: right;
		vertical-align: bottom;
		padding-right: 0px;		
	}	
	TD.resultaat.small, TH.resultaat.small {
		width: 130px;
	}
	
	td.resultaattop, th.resultaattop {
		border-bottom: none;
	}
	td.resultaatmiddle {
		border-top: none;
		border-bottom: none;
	}
	td.resultaatbottom {
		border-top: none;
	}
	
	.verbruik_tabel {	
		margin-top: 10px;			
	}	
	
	.td_spacer {
		background: #fff ! important;
		width: 10px;
	}
	
	table.gecentreerd TD {
		text-align: center;
	}
	
	table.gecentreerd TH {
		text-align: center;
	}
	
	SPAN.donker {
		width: 80%;
		background: #CCC;		
		padding-left: 2px;
	}
	
	SPAN.warning {		
		color: red;
		font-weight: bold;
	}
			
	.koptekst_header {
		font-weight: bold;
	}
				
	DIV.kop {		
		text-align: right;
		float:right;
		margin: 0 0 0 auto;		
		width: 200px;
		font-size: 10px;
		padding: 0;
	}
	
	DIV.kopblok {
		position: absolute;
		background: url(/images/energie/uc_logo_kleur.gif); 
		background-repeat: no-repeat; 
		background-position: top center;
		width: 700px;
		margin-left: -10px;
	}
	
	DIV.content {		
		width: 700px;
		padding: 0px 0px 0px 10px;
		border: 1px solid white;
	}
	
	DIV.header {
		margin-top: 300px;
	}
	
	DIV.headerpopup {
		margin-top: 50px;
	}
	
	DIV.toelichting, DIV.specificatie {
		margin-top: 200px;
	}
	
	DIV.specificatie {
		margin-bottom: 200px;
	}
	
	DIV.adresblok {
		position: absolute;
		top: 150px;		
	}
	DIV.adresblok div {
		position: absolute;		
		left: 150px;
	}
	DIV.factuuroverzicht {		
		margin-top: 10px;
		padding-top: 3px;
		padding-bottom: 3px;			
	}
	
	DIV.lijnbovenbeneden {
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	
	DIV.factuur {
		
		padding-top: 3px;
	}
	
	/* -------------- PRIJS ------------- */
	UL.prijs {
		margin-left: 10px;
		padding: 0;			
	}
	
	UL.prijs LI.euroteken {		
		width: 16px;
	}
	
	UL.prijs LI.bedrag {	
		width: 60px;
		text-align: right;
	}
	
	UL.prijs LI.operator {	
		width: 25px;	
		text-align: left;
		padding-left: 10px;
		font-size: 11px;	
		padding-top: 2px;
		
	}
	
	UL.prijs LI {
		margin: 0;			
		display: block;
		float: left;		
	}
	
	/* -------------- PRIJS ------------- */
	#voorschot {
		float:left;
		width: 135px;
	}
	
	#voorschot div.maand {
		float:left;
		width: 30px;
	}
	
	#voorschot div.jaar {
		width: 35px;
		float:left;
	}
	
	#voorschot div.euro {
		float:left;
		width: 12px;
	}
	
	#voorschot div.bedrag {
		float:left;
	}
	
	/* -------------- PERIODE ------------- */
	.totaal {
		border-top: 1px solid #000;
		font-weight: bold;
	}
	
	div.infobox {
		width: 400px;
		border: 1px solid #000;
		background: #FFFFC0;		
		padding: 2px;
		position: absolute;
		z-index: 100;
	}
	
	div.infoboxsmall  {
		width: 250px;
	}
	
	div.infoboxlarge {
		width: 500px;
	}
	
	div.infoboxverylarge {
		width: 600px;
	}