.none {
	display: none;
}
#active {
font-size: 16px;
color: #FFF;
display: none;
width: 100%;
height: auto;
padding: 25px;
margin: 0 0 20px 0;
background: #e40425;
-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
}
.groen {
font-size: 15px;
font-weight: bold;
color: #6ba0c4;
}
.blauw {
font-size: 15px;
font-weight: bold;
color: #30B6B2;
}
#cal ::-webkit-input-placeholder {color:#6ba0c4}
#cal :-moz-placeholder {color:#6ba0c4}
#cal ::-moz-placeholder {color:#6ba0c4}
#cal :-ms-input-placeholder {color:#6ba0c4}
#cal input[type="text"] {color:#6ba0c4}
input[readonly] {
background:#B1DCDA;
border:none;
}
#cal input[readonly] {
background:#FFF;
border:none;
}
#content.calculator {
margin-left: 50px!important;
}
.postpage img.calculator {
position: relative;
margin: -21px 0 20px -20px;
}
#cal {
width: 852px;
font-size:13px;
}
#cal .cal-line {
margin:0 0 10px 0;
}
#cal .number {
font-size: 12px;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
position: absolute;
left: 0;
background: #6ba0c4;
color: #FFF;
margin: 7px 0 0 0;
-khtml-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
}
#cal .cal-line span {
display:inline-block;
color:#6ba0c4;
-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
}
#cal .cal-line span:first-of-type {
width:174px;
color:#000;
}
#cal .cal-line span.med {
width:178px;	
}
#cal .cal-line span:nth-of-type(n+2) {
padding:0 15px;
background:#ECF7F7;
margin:0 8px;
}
#cal .cal-line span:last-of-type {
width: 100px;
margin:0 0 0 8px;
}
#cal .cal-line span:last-of-type input {
width: 65px;
}
#cal .cal-line span:nth-of-type(3) {
width:112px;
}
#cal .cal-line span:nth-of-type(2) input {
font-size:13px;
}
#cal .cal-line span:nth-of-type(n+3) {
font-size:15px;
}
#cal .cal-line span input {
width:auto;
display:inline-block;
margin:0!important;
border:none;
}
#cal .cal-line span:nth-of-type(n+2) input {
text-align:right;
padding-right:0px;
background:#ECF7F7;
}
#cal .cal-line span:nth-of-type(n+3) input {
font-size:15px;
color:#6ba0c4;
}
#cal .cal-line span:nth-of-type(2) input {
text-align:left;
margin: 0;
padding: 0;
width:100px;
}
#cal .cal-line span:nth-of-type(3) input {
width:85px;
}
#cal .cal-line span:nth-of-type(4) input {
width:62px;
}
/* aanpassingen */
#cal .cal-line span:nth-of-type(2) {
width: 182px;
/*width: 165px!important;*/
border:1px solid #6ba0c4;
background: #FFF;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
padding: 0 14px;
}
#cal .cal-line span:nth-of-type(2) input {
background: #FFF!important;
}
#cal .cal-line.totaal span:nth-of-type(2) {
border:none;
}
#cal .cal-line span:nth-of-type(2) ::-webkit-input-placeholder {color:#333}
#cal .cal-line span:nth-of-type(2) :-moz-placeholder {color:#333}
#cal .cal-line span:nth-of-type(2) ::-moz-placeholder {color:#333}
#cal .cal-line span:nth-of-type(2) :-ms-input-placeholder {color:#333}
#cal .cal-line span:nth-of-type(2) input[type="text"] {color:#333}
/* aanpassingen */
#cal .cal-line.fte span:nth-of-type(3) {
color: #000;
width: 142px;
background: none;
font-size: 13px;
line-height: 35px;
padding: 0;
}
#cal .cal-line.fte span:nth-of-type(3) input {
width: 0px;
padding: 0px;
margin: 0px;
}
#cal .cal-line.fte span:last-of-type {
padding: 0 13px;
margin: 0 0 0 8px;
}
#cal .th.fte span:last-of-type {
font-size: 13px;
color: #1cbbb5;
width: 116px;
line-height: 16px!important;
}
#cal .th.fte {
display: block;
width:100%;	
height:40px!important;
margin: 10px 0 0 0;
}
#cal .th.fte h3 {
line-height:40px!important;
}
.th {
width:100%;	
height:75px;
}
#wrap .th h3 {
font-size:17px;
float:left;
padding:0;
margin:0;
line-height:75px;
}
.th h3 strong {
font-weight:bold;
color:#000;
}
.th span {
float:right;
display:inline-block;
text-align:center;
margin:0;	
line-height:75px!important;
}
.th span.pr {
position: relative;
color:#6ba0c4;
font-weight: bold;
width: 140px!important;
padding-top: 31px;
padding-left: 4px;
text-align: left;
line-height: 14px!important;	
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.th span:nth-of-type(1) {
width:113px;
}
.th span:nth-of-type(2) {
width:140px;
}
#calresult {
display:table;
width:auto;
margin:0 0 0 0;
padding:0 0 20px 35px;
border-bottom:1px solid #EDEDED;	
}
#cal .totaal {
text-align: right;
}
#cal .totaal span:nth-of-type(2) {
width: 186px;
background: none;
padding:0;
font-size:17px;
color: #000;
}
/*#cal .totaal span {
display:inline-block;
color:#1cbbb5;
text-align:center;
padding:0;
margin:0;
background:none;
}
#cal .totaal span strong {
color:#1cbbb5;
}
#cal .totaal span:nth-of-type(-n+2){
margin-bottom:10px!important;
}
#cal .totaal span:nth-of-type(n+3) {
font-size:15px;
background:#ECF7F7;
-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
}
#cal .totaal span:nth-of-type(1), #cal .totaal span:nth-of-type(3) {
width:140px;
margin:0 8px;
}
#cal .totaal span:nth-of-type(2), #cal .totaal span:nth-of-type(4) {
width:113px;
margin:0 0 0 8px;
}
#cal .totaal span input {
font-family:'Domine', serif;
font-weight:bold;
font-size:15px;
color:#6ba0c4;
text-align:right;
display:inline-block;
margin:0!important;
background:none;
}
#cal .totaal span:nth-of-type(1) input, #cal .totaal span:nth-of-type(3) input {
width:85px;
}
#cal .totaal span:nth-of-type(2) input, #cal .totaal span:nth-of-type(4) input {
width:65px;
}*/
#cal .cal-line.bomen {
width:375px;
float:left;
color:#000;
}
#cal .cal-line.bomen .col:first-of-type {
margin:20px 0 10px 0;
}
#cal .cal-line.bomen .col img, #sidebar .widget .cal-line.bomen .col img {
float:left;
height:58px;
width: auto;
margin:0 15px 0 0;
}
#cal .cal-line.bomen .col span {
width: auto;
line-height:45px;	
color:#1cbbb5;
margin: 0;
}
#cal .cal-line.bomen .col span input {
float:left;
width:100px;
font-size:24px;
color:#72b62b;
text-align:left;
padding:0;
}
#wrap .cal-line #bomen, #wrap .cal-line #megawatt, #wrap .cal-line #kosten,
#wrap .cal-line .bomen, #wrap .cal-line .megawatt, #wrap .cal-line .kosten
{
position: relative;
font-size:24px;
color:#72b62b;	
display: inline-block;
float: left;
margin:0;
}
#wrap .cal-line .bomen, #wrap .cal-line .megawatt, #wrap .cal-line .kosten {
margin: 15px 0;	
display: table!important;
}
#wrap .cal-line #kosten {
float: none;
}
#wrap .cal-line .kosten {
/*color: red;*/
line-height: 30px;
}
#wrap .cal-line #kosten {
/*color: red;*/
}
ul.tabs li:nth-of-type(1) a {
padding-left: 20px;
}
ul.tabs li a.active {
margin-bottom: -1px;
background: #FFF;
border: 1px solid #EDEDED;
border-bottom: none;
}
ul.tabs li a {
background: #f0f6f6;
}
.tabcontent.calcontent {
padding:25px 0 0 0;
background:#FFF;
border-top: 1px solid #EFF9F8;
}
.calcontent #stap1, .calcontent #stap2, .calcontent #share {
display: table;
padding:0 0 20px 40px;
margin:0 0 20px 0;
border-bottom:1px solid #EDEDED;	
}
#boxcta {
display: table;
width: auto;
min-width: 854px;
padding:10px 0 20px 40px;
margin:0 0 20px 0;
border-bottom:1px solid #EDEDED;		
background: #edfaf9;
}
.calcontent #stap2, .calcontent #share {
/*display:none;*/
}
.calcontent #share {
/*display:none;*/
}
.calcontent #stap3s {
/*display:none;*/
}
#cal .cta, .calcontent .cta {
cursor:pointer;
float:right;
font-size:12px;
line-height:24px;
height:24px;
display:inline-block;
background:#6ba0c4;
color:#FFF;
text-align:left;
text-decoration:none;
padding:0px 12px;
-khtml-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-webkit-transition-duration:300ms;-moz-transition-duration:300ms;-o-transition-duration:300ms;transition-duration:300ms;	
}
#cal .cta:hover {
background:#000;
}
#cal #share .cta {
font-size:14px;
line-height:35px;
height:35px;
background:#1cbbb5;
padding:0px 12px;
}
#cal .back2.cta, #cal .back3.cta, #cal .back4.cta {
float:right;
font-size:12px!important;
line-height:24px!important;
height:24px!important;
background:#FFF!important;
color:#6ba0c4!important;
}
#cal .back4.cta {
display: none;
}
#cal form .cta {

}
#cal form .cta.form, #cal .cta.form {
float: left;
width: auto;
display: table;
clear: both;
margin: 0!important;
}

#cal #share select {
float:left;
width:28%;
color:#1cbbb5;
padding:0 15px;
margin:5px 2% 0 0;
font-size:14px;
border:none;
height:40px!important;
background:#edfaf9 url(../img/icons/selectdown.png) right center no-repeat;
background-size:auto 8px;
}
#cal #share input[type="text"], #cal #share input[type="email"] {
background:#edfaf9;
border: none;
}
#cal #share input[type="email"] {
float:left;
width:70%;
}
#cal #share input[type="checkbox"] {
width: auto;
height:auto;
margin:2px 0 0 5px!important;
}
#cal #share input[type="submit"] {
background: #6ba0c4;
margin:0!important;
float:left;
}
#cal #share input[type="submit"]:hover {
background: #000;
}
#cal #share .wpcf7-form-control-wrap {
display: block;
width: auto;
height: auto;
margin: 0!important;
background: none!important;		
}
#cal #share .wpcf7 p {
display: table;
width: 100%;
}
#cal #share .wpcf7 .wpcf7-submit {
/*margin: 10px 0 0 0!important;*/
}
#cal #share .wpcf7 br {
display: none;
}
#cal #share .wpcf7 .wpcf7-form-control-wrap.nieuwsbrief {
clear: both;
margin: 0 0 20px 0!important;
}
#cal #share .wpcf7 .hidden {
}
#cal #share .wpcf7 .hidden input {
margin: 0!important;
padding: 0;
height: 0;
}
#cal #share .wpcf7-form {
position: relative;
}
#cal #share .wpcf7 img.ajax-loader {
position: absolute;
right:10px;
top:-30px;
margin-left: 0;
}
#cal #share .wpcf7-response-output {
margin: 50px 0 30px 0!important;
padding: 10px!important;
}
#cal #share .foot {
position: relative;
display: inline-block;
width: 81px;
height: 35px;
background: transparent url(../img/co2/voetafdruk-co2.png) left top no-repeat;
background-size: 81px auto;
margin: 0 0 0 10px;
}
#tab2 #boxblog.video.random {
width: 265px;
height: auto;
float: left!important;
margin: 0 25px 10px 0!important;
}
#tab2 #boxblog.video.random .blogimg-home {
width: 300px;
height: 165px;
}
#tab2 #boxblog.video p {
font-size: 12px;
line-height: 18px!important;
color: #9D9D9C;
padding: 5px 0;
}
#tab2 #boxblog.video p strong {
font-size: 14px;
color: #9D9D9C;
}
#tab2 img.playbutton {
position: absolute;
z-index: 10;
width: 50px!important;
height: 50px!important;
min-height: 50px!important;
}
#tab2 .fblock-1 {
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
display: block;
float: left;
padding: 10px 15px;
}
#tab2 .fblock-1 ul li {
margin: 0 0 10px 0;
}
#cal.brst {
margin: 25px 0;
}
#cal.brst .cal-line span {
width: inherit;
margin: 0 2px;
padding: 0 5px;
}
#cal.brst .cal-line span input {
width: 50px;
}
#cal.brst.pc .cal-line span input {
width: 75px;
}
#cal.brst.pc .cal-line.top span:nth-of-type(3) {
width: 88px;
}
#cal.brst.pc .cal-line.top span:nth-of-type(4) {
width: 96px;
}
#cal.brst.pc .cal-line.top span:nth-of-type(5) {
width: 82px;
}
#cal.brst.pc .cal-line.top span:nth-of-type(6) {
width: 82px;
}
#cal.brst .cal-line span:nth-of-type(1) {
width: 85px;
padding-left: 0;
}
#cal.brst .cal-line span:nth-of-type(2) input {
width: 60px;
}
#cal.brst .cal-line.top span {
color: #333;
font-size: 11px;
width: 65px;
border: none;
background: none;
}
#cal.brst .cal-line.top span:nth-of-type(1) {
width: 85px;
padding-left: 0;
}
#cal.brst .cal-line.top span:nth-of-type(2) {
width: 72px;
}
#cal .cta {
clear: both;
width: inherit;
float: right;	
border: none;
margin: 10px!important;
}
#wrap #sidebar .widget.tree:first-of-type {
position: relative;
margin: 40px 0 0 0;
padding: 20px;	
border: 1px solid #EDEDED;
font-size: 13px;
line-height: 16px;
background: #FFF;
/*z-index: 0;*/
}

/*tijdelijk tabs*/
#wrap ul.tabs.caltabs {
display: none;	
}
#wrap #tab2 {
display: none;		
}
.kv {
position: relative;
}
#tt {
cursor: pointer;
position: absolute;
right:0;
top:31px;
display: inline-block;
width: 25px;
height: 25px;
}
.kv #tt {
left:-7px;
right:inherit;
top:26px;
}
#tt:before {
display: inline-block;
position: absolute;
font-family: FontAwesome;
font-size: 20px;
line-height: 20px;
color: #000;
content: "\f059";
top:0;
right:0;
}
.tooltip {
text-align: left;
font-size: 13px;
line-height: 16px;
z-index: 9999;
position: absolute;
display: block;
width: 225px;
height: auto;
color:#FFF!important;
background-color: #000;
padding: 15px 15px;
margin: auto;
bottom:40px;
left:-27px;
font-weight: normal;
}
.tooltip a {
	color: #6ba0c4;
}
.tooltip:after {
font-family: FontAwesome;
font-size: 30px;
color: #000;
content: "\f0d7";
position: absolute;
margin: auto;
left:35px;
bottom:-10px;
}
/*layer*/
#response { font-style:italic;color:red;}
#loginwrap { display:none;z-index:99999;position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;}
#loginlayer { z-index:1;position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:#6BA0C4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity:0.80;opacity:0.80;}
.loginbox { text-align:center;z-index:2;position:absolute;display:table;width:50%;height:auto;margin:auto;padding:1.2% 1.5%;top:-50%;left:-50%;right:-50%;bottom:-50%;background:#FFF;-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;top:50%\0;left:50%\0;right:inherit\0;bottom:inherit\0;margin:-120px 0 0 -140px\0;}
_:-ms-lang(x), _:-webkit-full-screen, .loginbox {
top:-50%;left:-50%;right:-50%;bottom:-50%;
margin: auto;
}
#wrap .loginbox {
display: block;
height: 80%;
overflow: scroll;
}
.loginbox .post {
display: block;
width: 80%;
margin: 25px auto;
overflow: scroll;
}
@-moz-document url-prefix() {  	.loginbox { top:30%;left:0;right:0;bottom:0;}
} .loginbox input { padding:3.5%;}
.loginbox input[type="submit"] { width:100%;}
.loginbox-close {
	position:absolute;top:0;right:0;width:46px;height:46px;cursor:pointer;z-index:8040;background:#000;
font-size: 20px;
font-weight: bold;
color: #FFF;
text-decoration: none;
text-align: center;
line-height: 46px;
}
#col-1, #col-2, #col-3 {
display: block;
text-decoration: underline;
}
#cal .cal-line span.euro {
display: inline-block;
width: auto;
color:#6ba0c4;
}

@media only screen and (max-width: 600px) {
#cal {
width: 100%;
}
#tab2 #boxblog.video.random .blogimg-home {
width: 100%;
height: 120px;
}
#tab2 #boxblog.video.random {
width: 100%;
height: auto;
float: inherit!important;
margin: 0 0 15px 0!important;
}
#tab2 #boxblog.video p {
padding: 5px 10px 10px 10px;
margin: 0;
}
#cal {
}
#cal #calresult, #cal #stap1, #cal #stap2 {
box-sizing:border-box;	
padding: 0 0 20px 0;
margin: 0 0 20px 0;
}
#cal .cal-line {
display: table;
width: 100%;
}
#cal .th {
display: none;
}
#cal .cal-line span span.euro, #calresult span.euro {
position: absolute;
top:0;
left:8px;
display: block;
float: left;
width: auto!important;
height: 40px!important;
line-height: 40px!important;
padding:0!important;
margin: 0!important;
}
#cal .cal-line span {
position: relative;
box-sizing:border-box;	
width: 100%!important;
float: inherit;	
padding: 0 15px; 
margin: 0 0 7px 0!important;
}
#cal .cal-line span:nth-of-type(1) {
text-align: left!important;
line-height: inherit!important;
padding: 10px 0 10px 35px;
}
#cal .cal-line span:nth-of-type(n+1) {
text-align: right;
line-height: 42px;
}
#wrap #cal .cal-line span input {
box-sizing:border-box;	
width: 100%!important;
padding: 7px 0;
}
#wrap #cal .cal-line span:nth-of-type(n+1) input {
position: absolute;
left:20px;
display: inline-block;
text-align: left;
padding-right: 5px;
width: 200px!important;
}
#cal .cal-line span:nth-of-type(2) input {
width: 100%!important;
}
#cal .cal-line.totaal span:nth-of-type(1) {
padding: 0!important;
margin: 0!important;
/*line-height: 0!important;*/
}
#cal .cal-line.totaal span:nth-of-type(2) {
text-align: center;
}
#cal .cal-line.fte span:nth-of-type(1), #cal .cal-line.fte span:nth-of-type(3) {
text-align: center!important;
}
#cal .cal-line.fte span:nth-of-type(3) input {
width: 0px!important;
margin: 0!important;
padding: 0!important;
}
#cal .number {
position: absolute;
left: 5px;
margin: 7px 0 0 0;
}
#cal .totaal {
float: left;	
}
#cal .cal-line.bomen {
width: 100%;
}
#cal .cal-line.bomen .col img {
width: auto;
height: 58px;
}
#cal .cal-line.bomen .col span div {
text-align: right;
margin-left: 40px!important;
}
#cal #share {
padding: 0 0 20px 0;	
}
#cal #share select {
float: inherit;
width: 100%;
margin: 5px 0 5px 0;
}
#cal #share input[type="email"] {
float: inherit;
width: 100%;
padding: 0 15px;
}
#cal #share input[type="submit"] {
font-size: 12px;
float: inherit;
padding: 0 7px;
height: 42px;
line-height: 42px;
}
#cal #share .foot {
display: none;
}
#cal.brst .cal-line span {
text-align: left;
width: 100%;
margin: 0;
padding: 0 20px;
}
#cal.brst .cal-line span input {
width: 90%;
}
#cal .cta {
text-align: center;
width: 100%;
height: auto;
float: inherit;
margin: 10px 0!important;
padding: 5px 0;
}
#cal.brst .cal-line.top span br {
display: none;
}
#cal.brst .cal-line.top span {
color: #333;
font-size: 11px;
width: 65px;
border: none;
background: none;
}
#cal.brst .cal-line span {
position: relative;
margin-top: 30px!important;
}
#cal.brst.pc .cal-line span:nth-of-type(2) {
margin-top: 0px!important;
}
#cal.brst .cal-line.top span {
display: none;
}
#cal.brst .cal-line span:nth-of-type(1) {
color: #6ba0c4;
font-weight: bold;
}
#cal.brst .cal-line span:before {
color: #333;
font-size: 12px;
position: absolute;
left: 0px;
top: -22px;
}
#cal.brst .cal-line span:nth-of-type(2):before {
content: "Hoeveel liters brandstof tankt u per jaar	?";
}
#cal.brst .cal-line span:nth-of-type(3):before {
content: "Prijs per liter";
}
#cal.brst .cal-line span:nth-of-type(4):before {
content: "Brandstofkosten";
}
#cal.brst .cal-line span:nth-of-type(5):before {
content: "3% Besparing met de juiste banden-spanning";
}
#cal.brst .cal-line span:nth-of-type(6):before {
content: "7% Besparen door nieuwe rijstijl";
}
#cal.brst .cal-line span:nth-of-type(7):before {
content: "Totaal bespaard";
}
#cal.brst .cal-line span:nth-of-type(8):before {
content: "Totale CO2-uitstoot bespaard";
}
#cal.brst.pc .cal-line span:nth-of-type(2):before {
content: "";
}
#cal.brst.pc .cal-line span:nth-of-type(3):before {
content: "Besparing op energiekosten";
}
#cal.brst.pc .cal-line span:nth-of-type(4):before {
content: "Vermindering van CO2-uitstoot";
}
#cal.brst.pc .cal-line span:nth-of-type(5):before {
content: "Aantal bomen*";
}
#cal.brst.pc .cal-line span:nth-of-type(6):before {
content: "Aantal uren windmolens**";
}
#cal #bomen, #cal #megawatt, #cal #kosten2{
display: inline-block;
width: auto;
text-align: left;
margin-left: 22px!important;
}
#cal .cal-line.bomen .col span {
font-size: 24px;
color: #72b62b;	
}
#cal .cal-line.bomen .col span div {
text-align: left;	
}
#cal .cal-line.fte span {
line-height: 40px!important;
display: table;
}
#share .th {
display: table;
}
#wrap #cal .cal-line.fte span input {
	float:left;
	position: inherit!important;
    left: inherit!important;
    display: table!important;
    text-align: left;
    padding: 0 15px!important;
    width: 80%!important;
}
#wrap #cal .cal-line.fte span:nth-of-type(3) input {
    width: 50%!important;
}
#boxcta {
width: auto;
min-width: inherit;
padding:20px;
}
#sidebar {
display: none;	
}
}