body {
	margin: 0px;
	font-family: Arial;
	font-size: 12px;
}
img {
	border: 0px none;
}

table {
	border-collapse: collapse;
}
td{
	padding: 0px;
	vertical-align: top;
	font-size: 12px;
}
p{
	font-family: arial, sans-serif;
	font-size: 12px;
	margin: 5px;
}
h1 {
	font-family: arial,sans-serif;
	font-weight: bold;
	margin: 0px;
}
hr {
	border: 0px none;
	margin: 0px;
}

h2
{
  font-size:20px;
}
img
{
  cursor:pointer;
}

div.beamcontainer
{
  height:20px;
  background-color:#464646;
}

div.beam
{
  width:1020px;
  margin:auto;
  height:100%;
}

div.beamleft
{
  float:left;
  height:100%;
}
div.beamright
{
  float:right;
  background-color:#868686;
  width:345px;
  height:100%;
  margin-right:40px;
}

div.headertopcontainer
{
  height:70px;
  border-bottom:1px solid #dedede;
}

div.headertop
{
  width:1020px;
  margin:auto;
}

div.headertopleft
{
  width:600px;
  float:left;
  font-size:28px;
  font-style:italic;
  margin-top:20px;
  color:#464646;
}
div.headertopright
{
  float:right;
  width:329px;
  margin-right:30px;
  background:url('../gfx/logo.png') center right no-repeat;
  height:65px;
}
div.onderdeel
{
  padding-top:36px;
  text-align:right;
  width:120px;
}
div.headerbottomcontainer
{
  position:relative;
  height:220px;
  border-bottom:1px solid #dedede;
  background:url('../gfx/headerBG.png') repeat-x bottom;
}
div.headerbottom
{
  width:1020px;
  margin:auto;
  height:200px;
  position:relative;
}
div.headerbottomleft
{
  float:left;
  font-size:28px;
  margin-top:10px;
  width:650px;
  height:170px;
}
div.headerbottomright
{
  float:right;
  width:329px;
  margin-right:30px;
  height:58px;
  margin-top:30px;
}

div.menutabsActive
{
  position:absolute;
  height:36px;
  border:1px solid #dedede;
  border-bottom:1px solid #fff;
  top:183px;
  background-color:#fff;
  z-index:3;
}

div.menutabs
{
  position:absolute;
  height:36px;
  border:1px solid #dedede;
  top:183px;
  background-color:#8cc300;
  z-index:3;
}

div.menutabs a
{
  color:#fff;
  font-size:12px;
  font-weight:bold;
  font-style:normal;
  text-decoration:none;
  cursor:pointer;
}
div.menutabsActive a
{
  color:#43abce;
  font-size:12px;
  font-weight:bold;
  font-style:normal;
  text-decoration:none;
  cursor:pointer;
}

div.cornerleft
{
  position:absolute;
  height:7px;
  width:9px;
  border:none;
  background:transparent url(../gfx/leftTop.png) no-repeat top left;
  z-index:2;
}
div.cornerright
{
  position:absolute;
  height:7px;
  width:9px;
  border:none;
  background:transparent url(../gfx/rightTop.png) no-repeat top right;
  z-index:2;
}

div.content
{
  padding-top:20px;
  margin:auto;
  width:1020px;
}

div.tabcontent
{
  text-align:center;
  vertical-align:middle;
}
div.title
{
  font-size:24px;
  font-weight:bold;
  color:#434343;
  letter-spacing: -1px;
}
div.description
{
  font-size:12px;
  font-style:normal;
  padding-top:10px;
  color:#464646;
}
div.inloggen
{
  width:329px;
  height:31px;
  background:url('../gfx/inloggen.png');
  cursor:pointer;
}

div.inloggen1
{
  width:329px;
  height:31px;
}

div.inlogform
{

}
table.inloggen tr td
{
  padding-left:10px;
  font-weight:bold;
  font-size:12px;
  line-height:30px;
}

table.inloggen tr td.input
{
  width:178px;
  background:url('../gfx/textBG.png') no-repeat center;
  z-index:2;
}


table.inloggen tr td input.inlogtype
{
  border:none;
  border-width:0px;
  font-size:12px;
  width:160px;
  margin-top:5px;
  height:14px;
  z-index:1;

}

div.lastmeter
{
}

div.lastmeter p
{
  margin:0;
  padding:10px 0;
}

div.lastmeter div.header2
{
  padding:5px;
  font-weight:bold;
  font-size:12px;
}

div.lastmeter div.header1
{
  height:28px;
  width:619px;
  font-weight:bold;
  color:#fff;
  font-size:18px;
  padding-left:40px;
  padding-top:3px;
  margin-bottom:2px;
}

div.elementContent
{
  margin:5px;
  
}

div.element
{
  overflow:hidden;
  width:659px;
}


div.lastmeter div.yesno, div.lastmeter div.radio
{
  float:left;
  width:40px;
  font-weight:bold;
  height:20px;
}

div.lastmeter div.yesno
{
  margin-bottom:5px;
}

div.lastmeter div.radio
{
}

.r
{
  padding:0;
  margin:0;
  width:20px;
}

div.lastmeter .answer
{
  float:left;
}

div.clearer
{
  clear:both;
  overflow:hidden;
  height:0px;
}

div.menu
{
  height:50px;
  position:relative;
}

div.menu div.tabs
{
  position:absolute;
  top:15px;
  height:25px;
  border:1px solid black;
  background-color:#FFF;
}

div.menu div.tabactive
{
  position:absolute;
  top:15px;
  height:25px;
  border:1px solid black;
  border-bottom:1px solid #DEDEDE;
  background-color:#DEDEDE;
}

div.menu div.line
{
 padding-top:40px;
 border-bottom:1px solid black;
 height:1px;
 overflow:hidden;
}

div.menu div.line2
{
  background-color:#DEDEDE;
  height:5px;
}

div.menu div.tabcontent a
{
  text-decoration:none;
  color:black;
  cursor:pointer;
}


div.menu a.active
{
  font-weight:bold;
}

span.divider
{
  color:#40AFC0;
  font-size:14px;
}


input, select, textarea
{
  width:150px;
}

.button
{
  border:1px solid #6F6F6F;
  padding:2px 6px;
  background-color:#DEDEDE;
  width:auto;
}

form
{
}


table.table1 tr td
{
  width:auto;
  background-color:#FFF;
  padding-right:20px;

}

table.table1 tr.header td
{
  font-weight:bold;
  background-color:#DEDEDE;
}

form table tr.nostyle td, table.table1 tr.nostyle td
{
  border:none;
  background-color:#fff;
  padding:5px 0;
}

.error
{
  color:red;
}

.checkbox
{
  width:20px;
}

div.thermofont
{
  font-size:12px;
  font-weight:bold;
}

div.myConfirm
{
  position:absolute;
  border:1px solid #000;
  background-color:#fff;
  width:240px;
  height:70px;
  padding:10px;
  z-index:1000;
}

div.graphContainer
{
  width:600px;
  overflow:auto;
}

.loginBtn
{
  width:115px;
  height:27px;
  background:url('../gfx/buttons.png') no-repeat;
  border:none;
  cursor:pointer;
}

.btnNext
{
  width:134px;
  height:34px;
  background:url('../gfx/buttons.png') no-repeat 0px -35px ;
  border:none;
  margin-top:10px;
  cursor:pointer;
}

.btnBack
{
  width:134px;
  height:34px;
  background:url('../gfx/buttons.png') no-repeat 0px -79px ;
  border:none;
  margin-right:40px;
  margin-top:10px;
  cursor:pointer;
}

.btnNextEmpty
{
  width:100px;
  height:25px;
  background:url('../gfx/buttons.png') no-repeat -153px -62px ;
  border:none;
  margin-top:10px;
  cursor:pointer;
  color:#fff;
  text-align:left;
  font-weight:bold;
}

.btnPrevEmpty
{
  width:100px;
  height:25px;
  background:url('../gfx/buttons.png') no-repeat -153px -31px ;
  border:none;
  margin-top:10px;
  cursor:pointer;
  color:#fff;
  text-align:right;
  font-weight:bold;
}


.btnNextSmall
{
  width:100px;
  height:25px;
  background:url('../gfx/buttons.png') no-repeat -153px -98px ;
  border:none;
  margin-top:10px;
  cursor:pointer;
}

.btnBackSmall
{
  width:100px;
  height:25px;
  background:url('../gfx/buttons.png') no-repeat -153px -131px ;
  border:none;
  margin-top:10px;
  cursor:pointer;
}


.btnAccount
{
  width:134px;
  height:34px;
  background:url('../gfx/buttons.png') no-repeat 0px -123px ;
  border:none;
  margin-top:10px;
  cursor:pointer;
}

.btnAccountChange
{
  width:134px;
  height:34px;
  background:url('../gfx/buttons.png') no-repeat 0px -166px ;
  border:none;
  margin-right:20px;
  margin-top:10px;
  cursor:pointer;
}

.sendpwdBtn
{
  width:134px;
  height:34px;
  background:url('../gfx/buttons.png') no-repeat -153px -166px ;
  border:none;
  cursor:pointer;
}



a.lostpwd
{
  font-size:12px;
  color:#4b6f8a;
  cursor:pointer;
}

table.account tr td
{
  padding-right:20px;
  font-size:12px;
  font-weight:bold;
  padding-top:8px;
}

table.tablelist tr td
{
  padding-right:20px;
  font-size:12px;
  line-height:25px;
  padding-left:15px;
  border-bottom:1px solid #EFEFEF;
}

table.tablelist tr.headerlist td
{
  background-color:#45AAC8;
  padding-right:20px;
  color:#fff;
  font-size:12px;
  font-weight:bold;
  line-height:25px;
  padding-left:15px;
}

div.footer
{
  height:203px;
  background:url('../gfx/footer.png') repeat-x
}

td div.print
{
  background:url('../gfx/print.png') no-repeat;
  width:40px;
  height:48px;
  padding-right:10px;
}

td div.mail
{
  background:url('../gfx/mail.png') no-repeat;
  width:52px;
  height:50px;
  padding-right:10px;
}

td div.save
{
  background:url('../gfx/save.png') no-repeat;
  width:56px;
  height:55px;
  padding-right:10px;
}


label.label1
{
  font-size:20px;
}

label.label2
{
  font-size:16px;
  color:#43aacd;
}

input.mailtext
{
  width:168px;
  height:22px;
  border:none;
  background:url('../gfx/textBG.png');
  padding:0;
  margin:0;
  padding-left:10px;
  margin-top:4px;
}

select.normal
{
  width:205px;
}

.normal
{
  width:200px;
}

.small
{
  width:30px;
}

.DatePicker
{
  width:80px;
}

table.newlist tr td
{
  padding-left:5px;
  line-height:25px;
}

table.newlist tr.header td
{
  font-weight:bold;
}

div.msgClass
{
  position:absolute;
  z-index:10000;
  width:250px;
  padding:20px;
  border:2px solid #42AACE;
  font-size:14px;
  font-weight:bold;
  background-color:#fff;
}

div.overlay
{
  z-index:100000000;
  position:absolute;
  left:0;
  top:0;
  background-color:#000;
}

div.loading
{
  top:0;
  left:0;
  width:400px;
  height:400px;
  background:url('../gfx/ajax-loader.gif') no-repeat center center;
  position:absolute;
  z-index:10000000000000000;
}

.bold
{
  font-weight:bold;
}

/* admin style */

table.table2
{
  border:1px solid #45AAC8;
}

table.table2 tr.header td
{
  background-color:#45AAC8;
  color:#fff;
  font-size:18px;
  height:30px;
  line-height:26px;

}

table.table2 tr td
{
  height:30px;
  line-height:26px;
  padding-left:10px;
  padding-right:10px;
}

table.table2 tr.row2 td
{
  background-color:#efefef;
}