﻿/*1 em = 10 px*/
#invoerenmeterstand{
position: fixed;
    left: 0px;
    top: 0px;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/* lay-out */
/*html,
body {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}
	#canvas0 {
		position: absolute;
		width: 100%;
		height: 100%;
	}
		#navigatie {
			position: absolute;
			top: 149px;
			width: 626px;
			height: 35px;
			left: 166px;
			overflow: hidden;
		}
			.nav_active {
				float: left;
				width: auto;
				height: 35px;
				background-color: #fff;
			}			
			.nav_first_active {
				float: left;
				width: 22px;
				height: 35px;
				background-image: url(../images/nav_first_active.gif);
				background-position: top left;
				background-repeat: no-repeat;
			}
			.nav_last_active {
				float: left;
				width: 14px;
				height: 35px;
				background-image: url(../images/nav_last_active.gif);
				background-position: top left;
				background-repeat: no-repeat;
			}
			.nav_left_active {
				float: left;
				width: 17px;
				height: 35px;
				background-image: url(../images/nav_left_active.gif);
				background-position: top left;
				background-repeat: no-repeat;
			}
			.nav_right_active {
				float: left;
				width: 17px;
				height: 35px;
				background-image: url(../images/nav_right_active.gif);
				background-position: top left;
				background-repeat: no-repeat;
			}
			.nav_bg {
				float: left;
				width: auto;
				height: 35px;
				background-image: url(../images/nav_bg.gif);
				background-position: top left;
				background-repeat: repeat-x;
			}
			.nav_first {
				float: left;
				width: 22px;
				height: 35px;
				background-image: url(../images/nav_first.gif);
				background-position: top left;
				background-repeat: no-repeat;
			}
			.nav_middle {
				float: left;
				width: 17px;
				height: 35px;
				background-image: url(../images/nav_middle.gif);
				background-position: top left;
				background-repeat: no-repeat;
			}
			.nav_last {
				float: left;
				width: 14px;
				height: 35px;
				background-image: url(../images/nav_last.gif);
				background-position: top left;
				background-repeat: no-repeat;
			}
		#logo {
			height: 54px;
			margin-left: 8px;
			background-image: url(../images/img_greenchoice.gif);
			background-position: top left;
			background-repeat: no-repeat;
		}*/
		/*#header {
			height: 130px;
			margin-left: 8px;
			margin-right: 8px;
			background-image: url(../images/bg_header_middle.jpg);
			background-position: top left;
			background-repeat: repeat-x;
		}
			#header_left {
				float: left;
				width: 158px; 
				height: 130px;
				background-image: url(../images/bg_header_left.jpg);
				background-position: top left;
				background-repeat: no-repeat;
			}					
			#header_right {
				float: right;
				width: 372px; 
				height: 130px;
				background-image: url(../images/bg_header_right.jpg);
				background-position: top left;
				background-repeat: no-repeat;
			}*/
		/*#body {
			margin-top: 4px;
			margin-left: 8px;
			margin-right: 8px;
		}
		*html #body {
			margin-top: -9px;
		}*/
			#body_table {
				width: 100%;
				border : none;
			}
			/*	#body_table_td_left {
					width: 172px;
					padding : 5px 0px 0px 0px;
					margin : 0px 0px 0px 0px;
					border : none;
				}
				#body_table_td_right{
					width: auto;
					padding: 5px 0px 10px 10px;
					margin : 0px 0px 0px 0px;
					border : none;
				}
			 lay-out voor box inloggen */
			#inloggen {
				width: 366px; 
				margin-top: 9px;
			}
				#inloggen_top {
					height: 13px;
					background-image: url(../images/bg_inloggen_top.gif);
					background-position: top left;
					background-repeat: no-repeat;
				}
				#inloggen_body {
					background-color: #78b24c;
				}
					#inloggen_body table {
						margin-left: 13px;
						width: 340px;
					}
						#inloggen_body table tr th {
							width: 210px;
							padding: 0px 0px 0px 0px;
							margin : 0px 0px 0px 0px;
							border : none;
						}
						#inloggen_body table tr td {
							padding: 0px 0px 0px 0px;
							margin : 0px 0px 0px 0px;
							border : none;
						}
						#inloggen_body table thead {
							/* zie markup stylesheet */
						}
						#inloggen_body table tbody {
							/* zie markup stylesheet */
						}
						#inloggen_body table tfoot th {
							vertical-align: middle;
						}
						#inloggen_body table tfoot td {
							padding: 10px 0px 0px 0px;
							margin : 0px 0px 0px 0px;
							text-align: right;
							vertical-align: bottom;
						}
				#inloggen_bottom {
					height: 13px;
					background-image: url(../images/bg_inloggen_bottom.gif);
					background-position: top left;
					background-repeat: no-repeat;
				}
			/* lay-out voor box */
			.box {
				width: 172px;
				margin-left: 5px;
			}
				.box_top {
					width: 172px;
					height: 13px;
					background-image: url(../images/bg_panel_top.gif);
					background-position: top left;
					background-repeat: no-repeat;
				}
				.box_body {
					width: 172px;
					height: auto;
					padding: 4px 0px 0px 0px;
					background-color: #78b24c;
					/* zie markup stylesheet */
				}
				.box_bottom {
					width: 172px;
					height: 13px;
					margin-bottom: 9px;
					background-image: url(../images/bg_panel_bottom.gif);
					background-position: top left;
					background-repeat: no-repeat;
				}
			.panel_body {
				padding : 0px 0px 0px 0px;
				margin : 1px 0px 0px 0px;
				background-color: #e5f0dc;
			}
.clearboth {
	clear:both;
}
/* GMap stylesheet */
.gmap_standard {
    width:100%;
    height:520px;
    color: #000000;
    border: solid 1px #979797;
    margin-bottom: 5px;
  }