webring {
  font-weight: bold;
  font-size: 11px;
}

.FrmElzonder {
		border-width	: 0px 0px 0px 0px;
		color			: #31317B;
		font-size 		: 8pt;
		background-color: #C5DEE2;
	}
  
.TxtinBalkDonker {
    color               : #002A80;
    text-decoration     : none;
  }

LI {
	font-family : verdana,arial;
	font-size : 11px;
	color : #315D7B;
}
.dot {
	background-image : url(../../gifs/dot.gif);
	background-repeat : repeat-x;
}

body {
font: 11px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
color: #50404d;
background: url(/images/template/bg_body.jpg);
margin: 0px 1px 0px -1px;
}


A:link.linkCat, A:link.itemOpsomming {
	font-family : verdana,arial;
	font-size : 9pt;
	color : #315D7B;
	text-decoration: none;
}
A:visited.linkCat, A:visited.itemOpsomming {
	font-family : verdana,arial;
	font-size : 9pt;
	color : #315D7B;
	text-decoration: none;
}
A:hover.linkCat, A:hover.itemOpsomming {
	font-family : verdana,arial;
	font-size : 9pt;
	color : #ff0000;
	text-decoration: none;
}
.online {
	cursor:hand;
	background-color: #0DFF01; 
    border: 0px inset black;
	font-family : verdana,arial;
	font-size : 10pt;
	color : #000000;
	}
.offline {
	cursor:hand;
	background-color: #FF3D01; 
    border: 0px inset black;
	font-family : verdana,arial;
	font-size : 10pt;
	color : #ffffff;
	}
  
Table {
	font-family : Verdana, Arial; 
	font-size : 10px;

}
TD {
	font-family : Verdana, Arial; 
	font-size : 11px;

}
.TDklein {
	font-family : Verdana, Arial; 
	font-size : 9px;
	color : #315D7B;
}
thead td	{background: #315D7B ; backcolor:blue; font: menu; border: 0px outset white; color: white;
			 cursor: default; padding-top: 0; padding: bottom: 0;
			 border-top: 1px solid buttonhighlight;
			 border-left: 1px solid buttonhighlight;
			 border-right: 1px solid buttonshadow;
			 border-bottom: 1px solid buttonshadow;
			 height: 28px;
			 cursor:hand;
			 font-family : Verdana, Arial;
			 }
thead .arrow {font-family: webdings,wingdings,verdana; color: white; padding: 0; font-size: 10px;
			 height: 11px; width: 10px; overflow: hidden;
			 margin-bottom: 5; margin-top: -1; padding: 0; padding-top: 0; padding-bottom: 0;}
			
A:LINK.link2 {
	font-family : Verdana, Arial;
	color: #C5DEE2;
	text-transform : none;
	text-decoration : none;
	margin-left : 2px;
	margin-right : 2px;
	font-size : 10px;
}
A:FOCUS.link2 {
	color: #C5DEE2;
	font-family : Verdana, Arial; 
	text-transform : none;
	text-decoration : none;
	margin-left : 2px;
	margin-right : 2px;
	font-size : 10px;
}
A:VISITED.link2 {
	color: #C5DEE2;
	font-family : Verdana, Arial; 
	text-transform : none;
	text-decoration : none;
	margin-left : 2px;
	margin-right : 2px;
	font-size : 10px;
}
A:HOVER.link2 {
	color: #ff0000;
	font-family : Verdana, Arial; 
	text-transform : none;
	text-decoration : none;
	margin-left : 2px;
	margin-right : 2px;
	font-size : 10px;
}

A:LINK.linkdetail {
	font-family : Verdana, Arial; 
	color: #ff0000;
	text-transform : none;

}
A:FOCUS.linkdetail {
	color: #ff0000;
	font-family : Verdana, Arial; 
	text-transform : none;

}
A:VISITED.linkdetail {
	color: #ff0000;
	font-family : Verdana, Arial; 
	text-transform : none;
	text-decoration : none;
}
A:HOVER.linkdetail {
	color: #ff0000;
	font-family : Verdana, Arial; 
	text-transform : none;

}

A:LINK.link3 {
	color: #C5DEE2;
	font-family : Verdana, Arial;
	text-transform : none;
	text-decoration : none;
	width : 100%;
}
A:FOCUS.link3 {
	color: #C5DEE2;
	font-family : Verdana, Arial; 
	text-transform : none;
	text-decoration : none;
		width : 100%;
}
A:VISITED.link3 {
	color: #C5DEE2;
	font-family : Verdana, Arial; 
	text-transform : none;
	text-decoration : none;
		width : 100%;
}
A:HOVER.link3 {
	color: #DD2B01;
	text-transform : none;
	text-decoration : none;
	font-family : Verdana, Arial; 
		width : 100%;
}

A:LINK {
	color: #315D7B;
	font-family : Verdana, Arial; 
	text-transform : none;
	text-decoration : underline;
}
A:FOCUS {
	color: #315D7B;
	font-family : Verdana, Arial; 
	text-transform : none;
	text-decoration : underline;
}
A:VISITED {
	color: #315D7B;
	font-family : Verdana, Arial; 
	text-transform : none;
	text-decoration : underline;
}
A:HOVER {
	color: #ff0000;
	text-transform : none;
	text-decoration : none;
	font-family : Verdana, Arial; 
}

.knop
{
    BACKGROUND: #315D7B;
	cursor:hand;
	font-size: 10pt;
    border: 1px inset #315D7B ;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
	color : #ffffff;
	font-family : verdana,arial;
}
SELECT {
	cursor:hand;
	background-color: #FFFFFF; 
    border: 0px inset black;
	font-family : verdana,arial;
	font-size : 10pt;
	color : #315D7B;
}
SELECT.landen {
	cursor:hand;
	background-color: #FFFFFF; 
    border: 0px inset black;
	font-family : courier new,arial;
	font-size : 10pt;
	color : #315D7B;
	}
.invul
{
	font-size: 8pt;
	font-family: verdana,, Arial;
	background-color: #ffffff;
	border: 1px inset;
	color: #315D7B
}
#dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:2000;}
#dek2 {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:201;}
.rb {background : #315D7B; color : #ffffff; cursor : hand; width : 100%}

A:LINK.rollover {	 
			 font-size : 11px;
			 color : #315D7B;
			 font-family : Verdana, Arial; 
		   	 cursor : hand;
			 padding-bottom : 0px;
			 padding-left : 0px;
			 padding-right : 0px;
			 padding-top : 0px;
			 width : 100%;
			 text-transform : none;
			 text-decoration : none;}
A:FOCUS.rollover {	 
			 font-size : 11px;
			 color : #315D7B;
			 font-family : Verdana, Arial; 
		   	 cursor : hand;
			 padding-bottom : 0px;
			 padding-left : 0px;
			 padding-right : 0px;
			 padding-top : 0px;
			 width : 100%;
			 text-transform : none;
			 text-decoration : none;}
A:VISITED.rollover {	 
			font-size : 11px;
			color : #315D7B;
		   	font-family : Verdana, Arial; 
			 cursor : hand;
			 padding-bottom : 0px;
			 padding-left : 0px;
			 padding-right : 0px;
			 padding-top : 0px;
			 width : 100%;
			 text-transform : none;
			 text-decoration : none;}
A:HOVER.rollover {	 
			 font-size : 11px;
			 color : red;
			 font-family : Verdana, Arial; 
		   	 cursor : hand;
			 padding-bottom : 0px;
			 padding-left : 0px;
			 padding-right : 0px;
			 padding-top : 0px;
			 width : 100%;
			 text-transform : none;
			 text-decoration : none;
			
}
.contenttextkaal {
			font-family : Verdana, Arial; 
			font-size : 12px;
			color : #315D7B;
}
.contenttext {
			font-family : Verdana, Arial; 
			font-size : 11px;
			color : #315D7B;
			background-color: #E4F2F4;
}
.introtext {
			font-family : Verdana, Arial; 
			font-size : 11px;
			color : #315D7B;
			background-color: #E4F2F4;
}
.fontklein {
			font-family : Verdana, Arial; 
			font-size : 11px;
			color : #315D7B;
}
.txtBericht {
			font-family : verdana, Arial; 
			font-size : 11px;
			color : #315D7B;
			BACKGROUND: #D7EAED;
}
.balkdonker {
			font-family : verdana, Arial; 
			font-size : 11px;
			color : #C5DEE2;
			BACKGROUND: #315D7B;
}
.balklicht,.balkBericht  {
			font-family : verdana, Arial; 
			font-size : 11px;
			COLOR: #315D7B;
			BACKGROUND: #9FC9CF;
}
.menurechts  {
			font-family : verdana, Arial; 
			font-size : 11px;
			COLOR: #315D7B;
			BACKGROUND: #e0e0d0;
}
.balkrood   {
			font-family : verdana, Arial; 
			font-size : 11px;
			color : #FFFFFF;
			BACKGROUND: #C32501;
}
.CodeForeground
	{
	margin:0in;
	margin-bottom:.0001pt;
	font-size:9.0pt;
	font-family:"Verdana";
	}
.CodeInText
	{
	font-family:"Verdana";
	font-weight:bold;
	}
.ScreenText
	{
	font-family : verdana,arial;
	font-size : 9pt;
	color : #315D7B;
	background: #C5DEE2;
	}
.ImportantWords
	{
	font-weight:bold;
	}
.Highlight
	{
	font-family:Verdana;
	color:red;
	}
.tblCoolbar	{background-color: #E2E2E2; 
		padding:1px; color:menutext; 
		border-width:1px; border-style:solid; 
		border-color:threedhighlight threedshadow threedshadow threedhighlight;}
.tblCoolbar2 {background-color: #105EC8; 
		padding:1px; color:menutext; 
		border-width:1px; border-style:solid; 
		border-color:threedhighlight threedshadow threedshadow threedhighlight;}
.bar{	BORDER-TOP: #99ccff 1px solid; 
		BACKGROUND: #316AC5; WIDTH: 100%; 
		BORDER-BOTTOM: #000000 1px solid;HEIGHT: 20px}

div	{	font-family : verdana,arial;
		font-size : 12px;
		color : #315D7B;
		}
		
.kleur1 {
		BACKGROUND:#D0E7EA ; WIDTH: 100%; 
		
}
.kleur2 {
		BACKGROUND:#E4F2F4 ; WIDTH: 100%; 
}
.top5nummer {
	background-image : url(../gifs/top5ster.gif);
	background-repeat : no-repeat;
	font-size : 14px;
	font-weight : bold;
	text-align : center;
	color: #ffffff;
	width : 32px;
	height: 32px;
	background-position : center;
}
.top5nummergreen {
	background-image : url(../gifs/top5stergreen.gif);
	background-repeat : no-repeat;
	font-size : 14px;
	font-weight : bold;
	text-align : center;
	color: #ffffff;
	width : 32px;
	height: 32px;
	background-position : center;
}
.top5letop {
	background-image : url(../gifs/top5ster.gif);
	background-repeat : no-repeat;
	font-size : 14px;
	font-weight : bold;
	text-align : center;
	color: #ffffff;
	width : 32px;
	height: 32px;
	padding-top: 12px;
	background-position : center;
	margin: 0px;
}

.tablicht {
	background-image : url(../gifs/tablicht.gif);
	background-repeat : no-repeat;
}
.tabdonker {
	background-image : url(../gifs/tabdonker.gif);
	background-repeat : no-repeat;
}
.tabhelp {
	background-image : url(../gifs/tabhelp.gif);
	background-repeat : no-repeat;
}
.soort2 {
	background-color: #229612;
	color: Silver;
	width: 35;
}
.soort1 {
	background-color: #808080;
	color: White;
    width: 35;
}
.soort3 {
	background-color: #81A983;
	color: Black;
	width: 35;
}
.OpmerkingRedactie{
	font-family : Verdana,Arial;
	font-size : 8.5pt;
	color : #9FBDBD;
	font-weight: bold;
}

#calculatorinput {
   background-image : url(/images/bg.jpg);
   background-position : right top;
   background-repeat : no-repeat;
   background-color : #E4F2F3;
   font-size: 11px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  }
#calculatorinput a {
	color: #000088;
}
#calculatorinput .invulbox   { 
 	font-size: 11px;
	border : 1px solid #c0c0c0;
	padding-left: 5px;
	margin: 2px 2px 2px 2px;
 }
#calculatorinput #regel {
	border-bottom : 1px solid White;
	clear:both;
	margin: 1px;
	font-size: 11px;
}
#calculatorinput #regelstroom {
	border-bottom : 1px solid White;
	clear:both;
	margin: 1px;
	font-size: 11px;
	height: 25px;
}
#calculatorinput #regel .lable, #regelstroom .lable {
	float: left;
	width : 186px;
	padding: 4px 2px 2px 2px;
	clear:left;
	font-size: 11px;
}
#calculatorinput #regel .lable2, #regelstroom .lable2 {
	float: left;
	width : 100px;
	padding: 4px 2px 2px 15px;
	font-size: 11px;
}
#calculatorinput #regelstroom .lablestroom {
	float: left;
	width : 110px;
	padding: 2px 1px 2px 1px;
	font-size: 11px;
}

#calculatorinput #regelstroom #hoogtarieftxt,
#calculatorinput #regelstroom #laagtarieftxt {
	float: left;
	width : 76px;
	padding: 2px 1px 2px 1px;
	font-size: 11px;
}

#calculatorinput .pcnum {
	float:left;
}

#calculatorinput .pcaph {
	float:left;
}

#calculatorinput .huisnr {
	float:left;
	
}
#calculatorinput .checkbox {
	font-size: 11px;
	margin: 1px 2px 2px 4px;
}
#calculatorinput .verbruikhoog {
	float:left;
	padding-right: 20px;
	font-size: 11px;
}

#calculatorinput .verbruiklaag {
 	float:left;
	font-size: 11px;
}

#calculatorinput .verbruikgas {
	float:left;
	padding-right: 30px;
	font-size: 11px;
}
#calculatorinput .ddlmeter {
	font-size: 11px;
}
#calculatorinput .stadsverwarming {
	font-size: 11px;
}
#calculatorinput .profiel {
  float: left;
  font-size: 10px;
  padding: 5px 2px 2px 4px;
  margin-right: 10px;
  text-align : center;
  vertical-align : bottom;
}
#calculatorinput #berekenenknop {
	height: 30px;
	margin-left: 420px;
}
#calculatorinput a.btn {
	display: block;
	text-indent: -9999px;
	background: no-repeat;
	text-decoration: none;
}
#calculatorinput a.berekenen {
    margin-top: 5px;
	width: 87px;
	height: 21px;
	background:url(/images/btn-berekenen.gif) no-repeat;
}
#calculatorinput a.berekenen:hover {
	background-position: -87px 0px;
	
}
/* Default DOM Tooltip Style */
div.domTT {
	border: 1px solid #333333;
	background-color: #333333;
}
div.domTT .caption {
	font-family: serif;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 2px;
	color: #FFFFFF;
}
div.domTT .contents {
	font-size: 12px;
	font-family: sans-serif;
	padding: 3px 2px;
	background-color: #F1F1FF;
}

/* Classic Style */
div.domTTClassic {
	border: 1px solid black;
	background-color: InfoBackground;
}
div.domTTClassic .caption {
	font-family: serif;
	font-size: 13px;
	_font-size: 12px;
	font-weight: bold;
	font-style: italic;
	padding: 1px 2px;
}
div.domTTClassic .contents {
	color: InfoText;
	font-size: 13px;
	_font-size: 12px;
	font-family: Arial, sans-serif;
	padding: 1px 2px;
	_padding-bottom: 0;
}

/* Win9x Style */
div.domTTWin {
  border: 2px outset #BFBFBF;
  background-color: #808080
}
div.domTTWin .caption {
  border: 0px solid #BFBFBF;
  border-width: 1px 1px 0px 1px;
  background-color: #00007F;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  font-family: sans-serif;
  color: white;
}
div.domTTWin .contents {
  border: 1px solid #BFBFBF;
}

/* Overlib Style */
div.domTTOverlib {
	border: 1px solid #333366;
	background-color: #333366;
}
div.domTTOverlib .caption {
	font-family: Verdana, Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
div.domTTOverlib .contents {
	font-size: 10px;
	font-family: Verdana, Helvetica;
	padding: 2px;
	background-color: #F1F1FF;
}

/* Nicetitle Style */
div.niceTitle
{
	background-color: #333333;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	font-family: "Trebuchet MS", sans-serif;
	width: 250px;
	left: 0;
	top: 0;
	padding: 4px;
	position: absolute;
	text-align: left;
	z-index: 20;
	-moz-border-radius: 0 10px 10px 10px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
	-moz-opacity: .87;
	-khtml-opacity: .87;
	opacity: .87;
}
div.niceTitle .contents
{
	margin: 0;
	padding: 0 3px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
div.niceTitle p
{
	color: #D17E62;
	font-size: 9px;
	padding: 3px 0 0 0;
	margin: 0;
	text-align: left;
	-moz-opacity: 1;
}

/* Context Menu Style */
div.domTTMenu {
  width: 150px;
  border: 2px outset #E6E6E6;
}
div.domTTMenu .caption {
  font-size: 12px;
  font-family: sans-serif;
  background-color: #E6E6E6;
}
div.domTTMenu .contents {
  padding: 1px 0;
  background-color: #E6E6E6;
}
.tarieveninfo {
	padding:5px;
	background-color: #F8F9C7;
}
.groen {
color:green;
}
.grijs {
 color: gray;
}