/* Styling in the XHTML 1.1 Document Type  - http://www.w3.org/TR/xhtml11/doctype.html#s_doctype*/
/* structure (body, head, html, title) */
/* kleuren: 
    Greenchoice-donkergroen: #018241
    Greenchoice-lichtgroen: #8bcc39
    Background-lichtgroen: #eef7e2
*/

html {}
body {
	font-family : Sans-Serif, Verdana, Arial; 
	font-size : 0.7em;
	text-align: left;
	color : #000;
	/* scrollbar */
	scrollbar-arrow-color : #fff;
	scrollbar-face-color : #c2e69e;
	scrollbar-track-color: #e2f3d0;
	scrollbar-base-color : #91ce43;
	scrollbar-highlight-color : #c2e69e;
	scrollbar-shadow-color :  #c2e69e;
	scrollbar-darkshadow-color : #91ce43;
}
	scrollbar-arrow-color : #fff;
	scrollbar-face-color : #c2e69e;
	scrollbar-track-color: #e2f3d0;
	scrollbar-base-color : #91ce43;
	scrollbar-highlight-color : #c2e69e;
	scrollbar-shadow-color :  #c2e69e;
	scrollbar-darkshadow-color : #91ce43;
}
	/* text (abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var) */
	h1 {
		font-family: Arial; 
		font-size:	180%;
		margin: 0px 0px 0px 0px;
		padding: 40px 0px 0px 0px;
		color: #91ce43;
	}
	/* hypertext (a) */
	a img {
	    border:none;
	}
	a:link, 
	a:visited {
		font-weight: bold;
		text-decoration: underline;
		color: #029935;
	}
	a:hover, 
	a:active {
		text-decoration: none;
	}
	/* hypertext (a) #footer */
	#footer a:link, 
	#footer a:visited {
		font-family: Verdana;
		font-weight: bold;
		font-size:	90%;
		margin-left: 10px;
		text-decoration: none;
		color: #91ce43;
	}
	#footer a:hover, 
	#footer a:active {
		text-decoration: underline;
	}
	ul {
        margin: 3px 0px 5px 0px;
        padding: 0em 0px 0px 0px;
        list-style: none;
        }
            ul li {
	            margin: 0em 0em 0em 0em;
	            padding: 0.3em 0em 0em 3em;
	            background-image: url(../images/bullet_default.png);
	            background-repeat: no-repeat;
	            background-position: 2.0em 0.5em;
            }
    em {
		color: #018f2b;
    }
	/* forms (button, form, input, label, select, optgroup, option, textarea) */
	form {
		margin: 0em 0em 0em 0em;
	}
		input, 
		textarea, 
		select {
			font-family: Verdana, Arial;
			font-size: 100%;
			margin: 0px 0px 1px 0em;
			padding: 0px 0px 0px 0px;
			vertical-align: middle;
			border: solid 1px #91ce43;
		}
		input.radio, 
		.radio input {
			margin: 0px 0px 1px 0em;
			padding: 0px 0px 0px 0px;
			width: auto;
			border: none;
		}
		* html input.radio , 
		* html .radio input {
		    margin-bottom: -1px;
		}
		    .radio label{
		        margin: 0px 12px 1px 4px;
			    padding: 0px 0px 3px 0px;
		    }
		input.image {
			width: auto;
			border: none;
		}
		input.button,
		input.submit {
			font-size: 85%;
			border: solid 1px #849175;
			background-color: #91ce43;
			color: #fff;
			font-weight : bold;
		}
		label {
			font-size: 100%;
			margin: 0px 0px 0em 0px;
			padding: 0px 0px 0px 0px;	
			vertical-align: middle;
			cursor: default;
		}
		.label_large {
		    font-size:125%;
		    font-weight:bold;
		    color: #018241;
		 }   
		.large {
		    width: 200px;
		}
		.large_small {
		    width: 150px;
		}	
		.medium {
		    width: 142px;
		}
		.medium_small {
		    width: 92px;
		}
		.small {
		    width: 50px;
		}		
		.x-small {
		    width: 25px;
		}
	/* table (caption, col, colgroup, table, tbody, td, tfoot, th, thead, tr) */
	table {
		width: 100%;
		font-size: 100%;
		border-collapse: collapse;
		margin: 0px 0px 1em 0px;
	}
		table em {
				vertical-align: middle;
				color: #018f2b;
				padding: 0px 2px 0px 2px;
			}
		caption {
			font-weight: bold;
			text-align: left;
		}
		tr {
			vertical-align: top;
		}
		th {
			width: 160px;
			border: none;
			margin: 0px 0px 0px 0px;
			padding: 0px 4px 0px 0px;
			text-align: left;
			font-weight: normal;
		}
		td {
			margin: 0px 0px 0px 0px;
			padding: 0px 4px 0px 0px;
		}
		.td_align_right {
			text-align: right;
		}
	/* img */
	img {
	    border: none;
	}
	.ico {
		vertical-align: middle;
	}
/* Accordion Header */
.accordionNavHeader {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: right;
	font-size: 0.94em;
	font-weight: 700;
	letter-spacing: 1px;
    color: white;
    cursor: pointer;
}
	.accordionNavHeader div {
		margin: 0px 0px 0px 0px;
		padding: 10px 50px 0px 0px;
	}
	.nav_right a:link,
	.nav_right a:visited,
	#right a:link,
	#right a:visited,
	#left .accordionNavHeader a:link,
	#left .accordionNavHeader a:visited {
		color: #fff;
		background: none;
		text-decoration: none;
	}
	.nav_right  a:hover,
	#right  a:hover,
	#left .accordionNavHeader a:hover {
		color: #029935;
		background: none;
		text-decoration: none;
	}
/* Accordion HeaderSelected */	
.accordionNavHeaderSelected {
    height: 20px;
    margin: 5px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    text-align: right;
	font-size: 0.94em;
	font-weight: 700;
	letter-spacing: 1px;
    color: white;
    background-image: url(../images/nav_bg_header.png);
	background-position: top right;
	background-repeat: no-repeat;
}
	.accordionNavHeaderSelected div {
		margin: 0px 0px 0px 0px;
		padding: 0px 17px 5px 0px;
		cursor: pointer;
	}
	.accordionNavHeaderSelected a:link,
	#left .accordionNavHeaderSelected a:link,
	.accordionNavHeaderSelected a:visited,
	#left .accordionNavHeaderSelected a:visited {
		color: #029935;
		background: none;
		text-decoration: none;
	}
	.accordionNavHeaderSelected a:hover,
	#left .accordionNavHeaderSelected a:hover {
		background: none;
		text-decoration: none;
	}
/* Accordion Content */	
.accordionNavContent {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: right;
}
	.accordionNavContent div {
		height: 20px;
		padding: 0px 17px 0px 0px;
		margin: 0px 0px 0px 0px;
		background-image: url(../images/nav_bg_content_link.png);
		background-position: top right;
		background-repeat: no-repeat;
	}
	.accordionNavContentBottom,
	#left .accordionNavContentBottom {
		height: 5px;
		padding: 5px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		background-image: url(../images/nav_bg_content_bottom.png);
		background-position: top right;
		background-repeat: no-repeat;
		overflow: hidden;
	}
		.accordionNavContent a:link,
		.accordionNavContent a:visited {
			color: #fff;
			background: none;
			text-decoration: none;
		}
		.accordionNavContent a:active,
		.accordionNavContent a:hover {
			color: #029935;
			background: none;
			text-decoration: none;
		}
		/* Accordion SelectedLink */
		.SelectedLink,
		#left .SelectedLink {
			height: 17px;
			background-image: url(../images/nav_bg_selected_link.png);
			background-position: top right;
			background-repeat: no-repeat;
		}		
			#left .SelectedLink a:link,
			#left .SelectedLink a:visited {
				color: #029935;
				background: none;
				text-decoration: none;
			}
	/* Accordion Header */
	.accordionHeader {
		height: 22px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 20px;
		background-image: url(../images/acc_bg_header.png);
		background-position: top left;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	.accordionHeader div {
		padding-top: 4px;
	}
		.accordionHeader div a:link,
		.accordionHeader div a:active,
		.accordionHeader div a:visited {
			color: #029935;
			text-decoration: none;
		}
		.accordionHeader div a:hover {
			color: #029935;
			background: none;
			text-decoration: underline;
		}
	/* Accordion HeaderSelected */	
	.accordionHeaderSelected {
		height: 22px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 20px;
		background-image: url(../images/acc_bg_header_selected.png);
		background-position: top left;
		background-repeat: no-repeat;
		cursor: pointer;
	}
		.accordionHeaderSelected div {
		padding-top: 4px;
	}
		.accordionHeaderSelected div a:link,
		.accordionHeaderSelected div a:active,
		.accordionHeaderSelected div a:visited {
			color: #029935;
			text-decoration: none;
		}
		.accordionHeaderSelected div a:hover {
			color: #029935;
			background: none;
			text-decoration: underline;
		}
	/* Accordion Content */	
	.accordionContent {
		margin: 0px 0px 0px 0px;
		padding: 10px 20px 10px 20px;
		background-image: url(../images/acc_bg_content.png);
		background-position: top right;
		background-repeat: no-repeat;
		background-color: #ecf6df;
	}
		.accordionSubHeader {
			padding: 4px 0px 4px 0px;
			font-weight: 700;
			color: #029935;
			cursor: pointer;
		}
		.accordionSubHeader span {
			color: #000;
		}
		.accordionSubContent {
			padding: 0px 0px 10px 0px;
		}
	/* Feedback Messages */
	.feedbackerror {
        width: 90%;
        margin: 0px 0px 0px 0px;
        padding: 10px 10px 10px 30px;
        background-image: url(../images/img_error.png);
        background-repeat: no-repeat;
        background-position: 1.0em 0.8em;
        border: solid 1px #018f2b;
		font-size: 100%;
		color: #018f2b;
    }
    .feedbackmessage {
        width: 90%;
        margin: 0px  0px 0px 0px;
        padding: 10px 10px 10px 10px;
        border: solid 1px #018f2b;
        font-size: 100%;
        color: #018f2b;
    }
	.feedbackCO2Compensatie {
        width: 240px;
        margin: 0px 0px 0px 0px;
        padding: 15px 15px 15px 15px;
        background-color: #fff;
        border: solid 1px #91ce43;
        font-size: 100%;
        font-weight: 700;
        color: #018f2b;
    }
	/*Modal Popup*/
	.modalBackground {
		background-color:Gray;
		filter:alpha(opacity=70);
		opacity:0.7;
	}
	.modalPopup {
		background-color: #fff;
		border: solid 1px #91ce43;
		padding: 0px 0px 0px 0px;
		width:auto;
	}
		.modalPopup div {
			margin: 6px 0px 3px 300px;
		}
    /*Radpanel Aanmeldn*/
    .Radpanel_aanmelden { 
            max-width:650px;            
        }
    .lblDiv {
             line-height:12px;
        }
    .radio_aanmelden {  
            margin: 0px 0px 1px 0em;
			padding: 0px 0px 0px 0px;
			width: auto;
			border: none;
		    font-weight:bold;
		    color:#8bcc39;
        }
      		    .radio_aanmelden label{
		        margin: 0px 12px 1px 4px;
			    padding: 0px 0px 3px 0px;
		}     
    .radio_groengas {  
            margin: 0px 0px 1px 0em;
			padding: 0px 0px 0px 0px;
			width: auto;
			border: none;
        }
      		    .radio_groengas label{
		        margin: 0px 12px 1px 4px;
			    padding: 0px 0px 3px 0px;
		} 
     .lblDetails_omschr {
            font-weight:bold;
            color:Black;
            /*line-height:14px;*/
        }
     .lblDetails_samenvatting {
            line-height:12px;
        }
     .lblDetails_bijschrift {
            color:#8bcc39;
            line-height:12px;
        }