/* 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;
}
	/* 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;
	}
	h2 {
		font-size: 1.10em;
		font-weight: 700;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #018241;
	}
	/* 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,
		input.check,
		.check input {
			margin: 0px 0px 1px 0em;
			padding: 0px 0px 0px 0px;
			width: auto;
			border: none;
		}
		* html input.radio , 
		* html .radio input,
		* html input.check , 
		* html .check input {
		    margin-bottom: -1px;
		}
		    .radio label {
		        margin: 0px 12px 1px 4px;
			    padding: 0px 0px 3px 0px;
		    }
		    .check label {
		        margin: 0px 0px 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_medium {
		    width: 70px;
		}		
		.small {
		    width: 50px;
		}		
		.x-small {
		    width: 25px;
		}
		.datefield {
		    width: 70px;
		}
	/* 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;
		}
		
	.CallMeModal {
	    padding:0px;
	    vertical-align:top;
	}
    /*Radpanel Aanmelden*/
    .Radpanel_aanmelden { 
            max-width:650px; 
            margin:auto;        
        }
    .lblDiv {
             line-height:12px;
        }
     .lblDetails_omschr {
            font-weight:bold;
            color:Black;
            /*line-height:14px;*/
        }
     .lblDetails_samenvatting {
            line-height:12px;
        }
     .lblDetails_bijschrift {
            color:#8bcc39;
            line-height:12px;
        }
        
        
/*Aanmelden*/
#divAanmelden {
	height: 98%;
	border: solid 0px red;
	padding: 20px 20px 0px 40px; 
	overflow:hidden;
}

#ctl00_ctl00_cphContent_cphFlash_wucAanmelden_udpAanmelden {
	width: 100%;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
}

/*Aanmelden Steps*/
#tblSteps {
	width: 99%;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
}
	#tblSteps #tdLeft {
		width: 0px;
	}
	#tblSteps td {
		width: auto;	
		background-color: #90ce42;
		vertical-align:middle;
	}
    #tblSteps #tdRight {
		width: 0px;
		background-color:#fff;
	}
/*Aanmelden Wizard Table*/		
.tblWizardTable {
	width: 99%;
	border-collapse: collapse;
	margin: 0px 0px 20px 0px;
}
	.tblWizardTable td {
		background-color:#e8f5d8;
	}
	.tblWizardContent {
		padding: 10px 10px 0px 10px;
	}
	.tblWizardTopLeft {
		width: 1%;
		height:10px;
		background-image: url(../images/tbl_wizard_top_left.png);
        background-repeat: no-repeat;
        background-position: top left;
	}
	.tblWizardTop {
		width: 100%;
		height:10px;
		background-image: url(../images/tbl_wizard_top.png);
        background-repeat: repeat-x;
        background-position: top left;
	}
	.tblWizardTopRight {
		width: 1%;
		height:10px;
		background-image: url(../images/tbl_wizard_top_right.png);
        background-repeat: no-repeat;
        background-position: top right;
	}
	.tblWizardLeft {
		width: 1%;
		height:10px;
		background-image: url(../images/tbl_wizard_left.png);
        background-repeat: repeat-y;
        background-position: top left;
	}
	.tblWizardRight {
		width: 1%;
		height:10px;
		background-image: url(../images/tbl_wizard_right.png);
        background-repeat: repeat-y;
        background-position: top right;
	}	
	.tblWizardBottomLeft {
		width: 1%;
		height:10px;
		background-image: url(../images/tbl_wizard_bottom_left.png);
        background-repeat: no-repeat;
        background-position: top left;
	}
	.tblWizardBottom {
		width: 98%;
		height:10px;
		background-image: url(../images/tbl_wizard_bottom.png);
        background-repeat: repeat-x;
        background-position: top left;
	}
	.tblWizardBottomRight {
		width: 1%;
		height:10px;
		background-image: url(../images/tbl_wizard_bottom_right.png);
        background-repeat: no-repeat;
        background-position: top right;
	}
/*Aanmelden Wizard Box*/		
.tblWizardBox {
	width: 200px;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
}
	.tblWizardBox td {
		background-color:#fff;
	}
	.tblWizardBox th {
		width:50px;
		background-color:#fff;
		padding-left:30px;
	}
	.tblWizardBoxTop {
		width: 200px;
		height:7px;
		background-image: url(../images/tbl_wizard_box_top.png);
        background-repeat: no-repeat;
        background-position: top left;
	}
	.tblWizardBoxLeft {
		width: 5px;
		background-image: url(../images/tbl_wizard_box_left.png);
        background-repeat: repeat-y;
        background-position: top left;
	}
	.tblWizardBoxRight {
		width: 5px;
		background-image: url(../images/tbl_wizard_box_right.png);
        background-repeat: repeat-y;
        background-position: top right;
	}	
	.tblWizardBoxBottom {
		width: 200px;
		height:7px;
		background-image: url(../images/tbl_wizard_box_bottom.png);
        background-repeat: repeat-x;
        background-position: bottom left;
	}
/*Aanmelden Productkeuze*/
#divProductkeuze {
	width: 40%;
	height:189px;
	background-image: url(../images/bg_productkeuze.png);
    background-repeat: no-repeat;
    background-position: top left;
    padding:20px 0px 0px 20px;
    float: left;
}
#divKortingsgarantie {
	width: 56%;
	float: left;
}
.tblTarieven {
	width: 240px;
	margin-top: 5px;
}
	.tblTarieven th {
		width: 95px;
		padding-left:30px;
		vertical-align:middle;
	}
	.tblTarieven td {
		height:17px;
		vertical-align: middle;
	}
/*Aanmelden Adresgegevens*/
.tblWizardForm {
	margin-top: 5px;
}
	.tblWizardForm th {
		width: 95px;
		padding-left:30px;
	}
	.tblWizardForm td {
		height:17px;
	}
/*Aanmelden Wizard Navigation*/
.WizardNavigation {
	width: 99%;
	float:left;
}
	.WizardNavigationLeft {
		width: 49%;
		text-align:left;
		float:left;
	}
	.WizardNavigationRight {
		width: 50%;
		text-align:right;
		float:left;
	}