/*Containers*/

DivDef_Block_2_Main{
position: static;
width: 100%;
z-index:5000
}

.DivDef_Block_2,.DivDef_Block_2R,.DivDef_Block_2R1,.DivDef_Block_Bot1,.DivDef_Block_Bot2 {
background-color: #fff;
position:  relative;
text-align:center
}

.DivDef_Block_2R {
border-left: 1px solid #bbb8b8;
border-right: 1px solid #bbb8b8;
Width: 23%;
min-height:250px;
padding:0 5% 0 5% ;
margin: 0;
float: left;
text-align:center
}

.DivDef_Block_2,.DivDef_Block_2R1,.DivDef_Block_Bot2{
Width: 23%;
min-height:250px;
padding: 0 5% 0 5% ;
margin: 0;
float: left;
text-align:center
}

.DivDef_Block_Bot1  {
Width: 724px;
height:400px;
padding-top: 20px;
margin: 15px 15px 0 15px;
float: left;
}

@media screen and (max-width:50em){
.DivDef_Block_2, .DivDef_Block_2R, .DivDef_Block_2R1 {
padding-top: 5px;
padding-left: 2%;
width: 96%;
min-height:200px;
text-align:center
}  

.DivDef_Block_2R{
border-left: 0;
border-right: 0;
border-top: 1px solid #bbb8b8;
border-bottom: 1px solid #bbb8b8;
}



.DivDef_Block_Bot1 {
padding-top: 5px;
padding-left: 2%;
width: 98%;
height: 375px;
}

.DivDef_Block_Bot2 {
padding-top: 5px;
padding-left: 2%;
width: 98%;
height: 375px;
}
}


@media screen and (max-width:25em) {
.DivDef_Block_2, .DivDef_Block_2R, .DivDef_Block_2R1 {
padding-top: 5px;
padding-left: 2%;
width: 96%;
min-height:300px;
text-align:center
}  
}

.Toepp_Block_2,.Toepp_Block_2R,.Toepp_Block_2R1,.Toepp_Block_Bot1,.Toepp_Block_Bot2 {
background-color: #fff;
position:  relative;
text-align:left
}

.Toepp_Block_2R {
border-left: 1px solid #bbb8b8;
border-right: 1px solid #bbb8b8;
Width: 31%;
min-height:250px;
padding:0 1% 0 1% ;
margin-bottom: 10px;
float: left;
text-align:left
}

.Toepp_Block_2,.Toepp_Block_2R1,.Toepp_Block_Bot2{
Width: 31%;
min-height:250px;
padding:0 1% 0 1% ;
margin-bottom: 10px;
float: left;
text-align:left
}

.Toepp_Block_Bot1  {
Width: 724px;
height:400px;
padding-top: 20px;
margin: 15px 15px 0 15px;
float: left;
}

@media screen and (max-width:50em){
.Toepp_Block_2, .Toepp_Block_2R, .Toepp_Block_2R1 {
padding-top: 5px;
padding-left: 2%;
width: 96%;
min-height:200px;
text-align:center
}  

.Toepp_Block_2R{
border-left: 0;
border-right: 0;
border-top: 1px solid #bbb8b8;
border-bottom: 1px solid #bbb8b8;
}



.Toepp_Block_Bot1 {
padding-top: 5px;
padding-left: 2%;
width: 98%;
height: 375px;
}

.Toepp_Block_Bot2 {
padding-top: 5px;
padding-left: 2%;
width: 98%;
height: 375px;
}
}

.DivDef_Block100{
background: inherit;
color: white;
margin:0;
padding: 0;
position: static;
float: left;
width:100%;
}

.DivDef_Block30{
background:#fff;
text-decoration: none;
color: white;
margin: 0;
padding-top:5px;
padding-right:5px;
padding-left:5px;
width:100%;
height:300px;
position: static;
float: left ;
text-align: left
}

.C_Block_Pic_Def {
text-decoration: #fff;
background: #395aa7; /* Old browsers */
background: -moz-linear-gradient(-45deg, #395aa7 0%, #009d3e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #395aa7 0%,#009d3e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #395aa7 0%,#009d3e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#395aa7', endColorstr='#009d3e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
opacity:0.8;
color: #fff;
width:350px;
height:250px;
font-size: 1em;
padding-right: 0;
padding-top:20px;
padding-left:20px;
position: absolute;
text-align:left;
top: 0;
left: 20px;
cursor: pointer;
z-index:100;
opacity:.8

}

.C_Block_Pic_Def2 {
text-decoration: #fff;
/*--adjust as necessary--*/
color: #fff;
font-size: 1.5em;
padding-right: 0;
position: absolute;
text-align:right;
top: 5em;
left:20px;
cursor: pointer;
width:6em;
z-index:800
}
   
 .C_Block_Pic_Def {
top: 1em;
right: 20px;
}
.C_Media_30 {
background-color: inherit;
width: 30%;
margin-top: 10px;
margin-bottom: 10px;
position: static;
float: left;
}

.C_Media_30_0R {
    background-color: inherit;
    width: 30%;
    margin-top: 10px;
    margin-bottom: 10px;
    position: static;
    float: right;
}


.C_Media_30R {
    background-color: inherit;
    width: 30%;
    padding: 0 0 0 0;
    position: static;
    float: right;
    text-align:center
    }



.C_Media_65 {
background-color: inherit;
width: 68%;
margin-top: 10px;
margin-bottom: 10px;

position: static;
float: right;
}
.C_Media_65_0L {
    background-color: inherit;
    width: 68%;
    margin-top: 10px;
    margin-bottom: 10px;
    position: static;
    float: left;
}

.C_Media_48 {
background-color: inherit;
width: 48%;
padding: 0 0 0 0;
position: static;
float: left;
}

.C_Media_48R {
background-color: inherit;
width: 48%;
padding: 0 0 0 0;
position: static;
float: right;
}

.C_Media_48R2 {
background-color: inherit;
width: 48%;
padding: 0 0 0 0;
position: static;
float: right;
}

.C_Media_30_100 {
    background-color: inherit;
    width: 30%;
    padding: 0 0 0 0;
    margin-right: 1%;
    float: left;
    box-sizing: border-box
}

.C_Media_50 {
background-color: inherit;
width: 50%;
padding: 0 0 0 0;
position: static;
float: left;
}

@media screen and (max-width:50em) {
.C_Media_50 {
width: 100%;
margin-top:20px
}

    .C_Media_30, .C_Media_30_0R {
        width: 50%;
        text-align: center;
        padding: 0 25% 0 25%

    }

    .C_Media_30R {
        width: 100%;
        float: left;
    }


    .C_Media_65, .C_Media_65_0L {
        width: 100%;
        float: left;
    }

.C_Media_48 {
width: 100%;
}

.C_Media_48R {
width: 100%;
float: left;
}

.C_Media_48R2 {
width: 50%;
text-align:center;
padding:0 25% 0 25%
}

    .C_Media_30_100 {
       
        width: 100%;
        
    }
} 
  

.C_Block_Spec_Type{
    font-family: "Montserrat",sans-serif;
    font-weight: 500;
    position: static;
    float: left;
     color: #395aa7;
    font-size: 20px;
    background-color:inherit;
    line-height: 28px;
    Width: 100%;
    text-align: left;
}  

@media screen and (max-width:47em) {


    .C_Block_Ketel_Spec, .C_Block_Ketel_Spec_b {
       width: 98%;
       padding: 5px 0 2px 1%;
       margin: 0
    }
}



.c_blok_vert {
    background-color: inherit;
    color: white;
    margin: 0;
    padding: 0;
    position: static;
    float: left;
    width:90%;
    display: none;
}

.c_blok_hor {
    background-color: inherit;
    color: white;
    margin: 0;
    padding: 0;
    position: static;
    float: left;
    width:90%;
    display:inline

}

.AanhefEntry
{border: 0px solid #ccc;
font-size:14px;
color:#395aa7;
font-weight:500;
padding:0;
margin: 10px 0px 0 0;
font-family:"Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
direction:ltr;
float: left;

            list-style-type: none;
      -webkit-appearance: none;
    -webkit-border-radius: 0;
}

table.AanhefEntry input
 {    
      float: left;
 }

 table.AanhefEntry label
 {    
      margin-left: 25px;
      display: block;
 }

@media screen and (max-width:47em) {
    .AanhefEntry {
        margin: 10px 0px 0 2px;
        float: none;
    }
.c_blok_hor {display: none;
}
                   
 .c_blok_vert {display:inline;
}  
}

.MW15{
    width: 16.4%;
    margin: 10px 0px 0 15px;
}


@media screen and (max-width:67.5em) {
    .MW15{
         width: 90%;
    }
}

@media screen and (max-width:47em) {
    .MW15{
         width: 90%;
          margin: 10px 0px 0 2px;
    }
}


.MW30{
    width: 30%;
    
}



@media screen and (max-width:67.5em) {
    .MW30{
         width: 35%;
    }
}

@media screen and (max-width:47em) {
    .MW30{
         width: 90%;
         
    }
}

.MW49{
    width: 40%;
    margin-right:1%
    
}



@media screen and (max-width:67.5em) {
    .MW49{
         width: 40%;
    }
}

@media screen and (max-width:47em) {
    .MW49{
         width: 90%;
         
    }
}




.MW50{
    width: 51.2%;
     margin: 10px 0px 0 15px;
}


@media screen and (max-width:67.5em) {
    .MW50{
         width: 90%;
    }
}

@media screen and (max-width:47em) {
    .MW50{ 
         width: 90%;
           margin: 10px 0px 0 2px;
    }
}


.MW80{
    width: 70.5%;
     margin: 10px 0px 0 15px;
}

@media screen and (max-width:67.5em) {
    .MW80{
         width: 90%;
    }
}

@media screen and (max-width:47em) {
    .MW80{ 
         width: 90%;
           margin: 10px 0px 0 2px;
    }
}


.MW90{
    width:90%;
     margin: 10px 0px 0 15px;
}
@media screen and (max-width:47em) {
    .MW90{ 
         
           margin: 10px 0px 0 2px;
    }
}








.C_Block_Ketel_Therm_ap1{

	display:none;
	position:absolute;
    padding: 20px 0 10px 10px;
	left:25%;
	width:50%;
   
	background-color:#0f7991;
    border:2px solid #395aa7; 
	overflow:auto;
	z-index:200;
    
}

@media screen and (max-width:67.5em) {

    .C_Block_Ketel_Therm_ap1{
    left:10%;
	width:80%;
    
        
    }
}



@media screen and (max-width:47em) {


   .C_Block_Ketel_Therm_ap1{
       
    left:1%;
	width:92%;
   
    }
}


.C_Block_Ketel_SpecFull_Close {
    position: relative;
}


    .C_Block_Ketel_SpecFull_Close:before {
        content: "\f00d";
        font-family: "FontAwesome";
        text-decoration: #fff;
        /*--adjust as necessary--*/
        color: #808080;
        font-size: 30px;
        padding-right: 0;
        position: absolute;
        top: -15px;
        right: 0;
       cursor: pointer;
    }

    .C_Block_Ketel_SpecFull_Close:hover:before {
        color: #34B484;
    }


    .C_wachtbalk {
        position: fixed;
        padding: 20px 0 10px 10px;
        top: 50%;
        left: 50%;
        color: #000;
        font-family: Verdana, Sans-Serif;
        font-size: 16px;
        font-weight: 900;
        transform: translate(-50%, -50%);
        width: 150px;
        background-color: #fff;
        overflow: hidden;
        z-index: 1;
        background-color: #fff;
   
    border: 1px solid #eeeeee;
    box-shadow: 2px 2px 2px #808080;
    }



.Specificaties {
    background: inherit;
    width: 99%;
    position: static;
    float: left;
}










.DivTest1 {
position:absolute;
width:60%;
right:10px;
top:0;
    


}

.DivTest2 {
position:absolute;
width:30%;
left:10px;
top:0;
}


/*Images*/

.images_Def {
width:335px
}

.images_Def1 {
width:98%
}

.images {
width: 100%;
height: 400px;
overflow: hidden;
position: relative;
min-width: 1000px
}

.images img {
height: 100%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(50%);
}


@media screen and (max-width:50em) {
.images_Def1{
width:90%
}
}

/*Slider*/ 

.SlideRuleField {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt; font-weight:bold;
color:#ff0000;
border:2px solid Navy; padding:0px 0px 0px 7px;
}

.SlideRuleBar {
background-image: url('/Images/srule_m.gif');
background-repeat: repeat-x; background-position: center;}

.slider0 {
position: static;
width: 100%;
margin: 0;
padding: 0;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
}

.frame0,
.events_log0 {
position: static;
width: 100%;
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
overflow: hidden;
white-space: nowrap;
}

.frame0 li {
position: relative;
display: inline-block;
font-family: "Montserrat",sans-serif;
width: 100%;
margin: 0;
padding: 0;
}

.slider {
position: relative;
width: 600px;
margin: 10px auto 5px ;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
}

.slider1 {
position: relative;
width: 500px;
margin: 0px 0 5px 0;
box-shadow: inset 2px 0px 2px -2px #333;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
z-index:2000
}

.frame,
.events_log {
position: relative;
width: 530px;
margin: 0 auto;
font-size: 0;
line-height: 0;
overflow: hidden;
white-space: nowrap;
}

.frame1,
.events_log1 {
position: static;
width: 500px;
margin: 0;
font-size: 0;
line-height: 0;
overflow: hidden;
white-space: nowrap;
}


.frame li {
position: relative;
display: inline-block;
font-family: "Montserrat",sans-serif;
height: 40px;
text-align: center;
font-size: 20px;
line-height: 40px;
background: #fff;
color: #fff;
}

.frame1 li {
position: relative;
display: inline-block;
font-family: "Montserrat",sans-serif;
height: 300px;
width:500px;
text-align: center;
font-size: 12px;
line-height: 12px;
background: #fff;
color: #fff;
}

.slides{
display: inline-block;
}
.simple > .frame li,
.rewind > .frame li,
.events > .frame li {
width: 530px;
margin-right: 10px;
}

.simple > .frame_Def li,
.rewind > .frame_Def li,
.events > .frame_Def li {
width: 100%;
margin-right:0;
}

@media screen and (max-width:67.5em) {
.slider {
width: 300px;
}

.frame,
.events_log {
width: 230px;
}

.simple > .frame li,
.rewind > .frame li,
.events > .frame li {
width: 230px;
}
}

@media screen and (max-width:47em) {
.slider {
width: 250px;
}

.frame,
.events_log {
width: 180px;
}

.simple > .frame li,
.rewind > .frame li,
.events > .frame li {
width: 180px;
}
}

@media screen and (max-width:25em) {
.slider1000 {
width: 200px;
left: 50%;
top:300px;
margin: 10px 0 5px -100px;
}

.frame10000{
width: 200px;
}
}


.dots {
    margin: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    top:280px;
    width: 100%;
}

.dots > li {
    background-color: #eee;
    border: 1px solid #666;
    border-radius: 5px;
    box-shadow: inset 1px 1px 1px #888;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 5px;
    cursor: pointer;
}

.dots > li.active {
    background-color: #41ABE5; 
    box-shadow: inset 2px 0px 2px -2px #333; 
}

.dots1 {
    margin-top: 20px;
    padding: 0;
    text-align: center;
    position: absolute;
    width: 100%;
}

.dots1 > li1 {
    background-color: #eee;
    border: 1px solid #666;
    border-radius: 5px;
    box-shadow: inset 1px 1px 1px #888;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 5px;
    cursor: pointer;
}

.dots1 > li1.active {
   background-color: #41ABE5; 
    box-shadow: inset 2px 0px 2px -2px #333; 
}


.dots2 {
    margin: 0;
    padding: 0;
    text-align: center;
    position: static;
    width: 100%;
}

.dots2 > li2 {
    background-color: #eee;
    border: 1px solid #666;
    border-radius: 5px;
    box-shadow: inset 1px 1px 1px #888;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 5px;
    cursor: pointer;
}

.dots2 > li2.active {
   background-color: #41ABE5; 
    box-shadow: inset 2px 0px 2px -2px #333; 
}



.percentage .slides {
    display: block;
}

.percentage .frame {
    width: 87.452%;
}

.percentage li {
    width: 100%;
}

.variablewidth li {
    width: 280px;
    margin-right: 10px;

}

.multipleelements li, .multislides li, .ease li {
    width: 60px;
    margin-right: 10px;
}

.simple > .frame li:last-child,
.rewind > .frame li:last-child,
.events > .frame li:last-child,
.variablewidth li:last-child,
.multipleelements li:last-child,
.multislides li:last-child,
.ease li:last-child {
    margin-right: 0;
}

.prev, .next {
    position: absolute;
    top: 50%;
    margin-top:0;
    display: block;
    cursor: pointer;
}

.next {
    right: 0;

}

.prev {
    left: 0;
}

.next svg, .prev svg {
    width: 25px;
}

.events_log {
    display: block;
    font-size: 12px;
    line-height: 1.6;
    text-align: center;
    background-color: #fcfcfc;
    border: 1px solid #d2d2d2;
    margin-top: -20px;
    margin-bottom: 20px;
}

.events_log > span {
    display: none;
}

.events_log > span:nth-last-child(-n+5) {
    display: block;
}
  

/*point*/

.C_Model_Point_Red:before {
font-family: FontAwesome;
content: "\f0c8";
font-style: normal;
font-weight: normal;
text-decoration: #fff;
color: #395aa7;
font-size: 5px;
padding-right: 5px;
line-height: 22px;
position: static;
width: 1%;
float: left;
}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height:40px;
  width: 40px;
  margin-right: 5%;
 font-size:20px;
 line-height:40px;
 background: #395aa7; /* Old browsers */
background: -moz-linear-gradient(-45deg, #395aa7 0%, #009d3e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #395aa7 0%,#009d3e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #395aa7 0%,#009d3e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#395aa7', endColorstr='#009d3e',GradientType=1 );
  border-radius: 50%;
  display:block;
  transition: background-color 0.6s ease;
  z-index:5000
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

.dotwrap {
  text-align: center;
  position: relative;
  width:100%;

}


.dotwrap:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid black;
    background: inherit;
    width: 100%;
    transform: translateY(-50%);
   height:25px
}



.Rekenhulp {
position:relative;
height:auto;
 


}




.Indicator_frame,.Indicator_frame1,.Indicator_frame2,.Indicator_frame3 {
position: static;
color: #eee;
width:600px;
text-align:left;
  -moz-border-radius: 5px;
 border-radius: 5px;
 margin-bottom:10px
     
}

.Indicator_frame {
height: 70px;
background: #395aa7; /* Old browsers */
background: -moz-linear-gradient(-45deg, #395aa7 0%, #009d3e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #395aa7 0%,#009d3e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #395aa7 0%,#009d3e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#395aa7', endColorstr='#009d3e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}



.Indicator_frame1 {
height: 126px;
background: inherit; /* Old browsers */
border: 1px solid #395aa7;
}

.Indicator_frame2 {
height: 63px;
background: inherit; /* Old browsers */
border: 1px solid #395aa7;
}

.Indicator_frame3 {
height: 63px;
background: inherit; /* Old browsers */

}

.Indicator_frame1a {
    width: 50%;
    border-left: 3px solid #0f7991;
    border-right: 3px solid #0f7991;
     position:static;
  float:left;
  height:50px;
  margin:8px 10px 5px 0;
  padding-left:15px 
}

.Indicator_frame1a2 {
    width: 78%;
    border-left: 3px solid #0f7991;
    
     position:static;
  float:left;
    margin:8px 10px 5px 0;
  padding-left:15px 
}



.Indicator_frame1b {
    width: 20%;
   
     position:static;
  float:left;
  height:50px;
  margin:5px 0 5px 0;
  padding-top:8px
 
}

.Indicator_frame1b2 {
    width: 78%;
    border-left: 3px solid #0f7991;
     position:static;
  float:left;
  height:50px;
  margin:5px 0 5px 0;
  padding-top:8px
 
}

.Indicator_frame1c {
    width: 8%;
    
     position:static;
  float:left;
  height:50px;
  margin:5px 0 5px 0;
  padding-top:8px
}

.Indicator_frame1c2 {
    width:28%;
    
     position:static;
  float:left;
  height:50px;
  margin:5px 0 5px 0;
  padding:0
}



 .C_Indicator_icon:before,.C_Indicator_icon1:before,.C_Indicator_icon2:before,.C_Indicator_icon3:before,.C_Indicator_icon4:before
 ,.C_Indicator_icon5:before,.C_Indicator_icon6:before,.C_Indicator_icon7:before,.C_Indicator_icon8:before
 ,.C_Indicator_icon9:before,.C_Indicator_icon10:before,.C_Indicator_icon11:before,.C_Indicator_icon12:before 
 ,.C_Indicator_icon13:before,.C_Indicator_icon14:before,.C_Indicator_icon15:before,.C_Indicator_icon16:before,.C_Indicator_icon17:before  {
font-family: FontAwesome;
content: "\f06d";
font-style: normal;
font-weight: normal;
text-decoration:#0f7991;
color: #0f7991;
font-size: 50px;
padding-right:0;
height:50px;
position: static;
width: 70px;
text-align:center;
float: left;
margin:5px 5px 5px 0
}

 .C_Indicator_icon:before{
content: "\f06d";
}

 .C_Indicator_icon1:before{
content: "\f0e7";
}

.C_Indicator_icon2:before{
content: "\f182";
}
.C_Indicator_icon3:before{
content: "\f1ec";
}

.C_Indicator_icon4:before{
content: "\f043";
}
.C_Indicator_icon5:before{
content: "\f023";
}
.C_Indicator_icon6:before{
content: "\f09c";
}
.C_Indicator_icon7:before{
content: "\f185";
}
.C_Indicator_icon8:before{
content: "\f0ce";
}

.C_Indicator_icon9:before{
content: "\f080";
}

.C_Indicator_icon10:before{
content: "\f241";
}

.C_Indicator_icon11:before{
content: "\f243";
}
.C_Indicator_icon12:before{
content: "\f012";
}
.C_Indicator_icon13:before{
content: "\f0e0";
}
.C_Indicator_icon14:before{
content: "\f064";
}
.C_Indicator_icon15:before{
content: "\f1c6";
}
.C_Indicator_icon16:before{
content: "\f0ac";
}
.C_Indicator_icon17:before{
content: "\f0d6";
}


 
.Indicator_input, .Indicator_input_2 {
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    color: #0f7991;
    font-size: 16px;
    display:block;
    line-height: 35px;
    
    height: 30px;
    margin-left: 10px;
    width:90%;
  
    padding:5px 5px 5px 10%;
  -webkit-box-shadow: inset 5px -5px 10px -4px rgba(0,0,0,0.75);
-moz-box-shadow: inset 5px -5px 10px -4px rgba(0,0,0,0.75);
box-shadow: inset 5px -5px 10px -4px rgba(0,0,0,0.75);
    
}


.Indicator_input {
    border-left: 1px solid #cccccc;
     border-top: 1px solid #cccccc;
      border-bottom: 1px solid #cccccc;
         -moz-border-bottom-left-radius: 5px;
 border-bottom-left-radius: 5px;
     -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
    }

.Indicator_input_2 {
    border-left: 1px solid #cccccc;
     border-top: 1px solid #cccccc;
      border-bottom: 1px solid #cccccc;
      -moz-border-radius: 5px;
 border-radius: 5px;
    }


.Indicator_input_l {
    border: 1px solid #cccccc;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    color:#0f7991;
    font-size: 16px;
    display:inline-block;
    border-right: 1px solid #cccccc;
     border-top: 1px solid #cccccc;
      border-bottom: 1px solid #cccccc;
    padding: 0;
    height: 30px;
    padding-left: 10px;
    margin: 0;
    width:100%;
     -moz-border-bottom-right-radius: 5px;
 border-bottom-right-radius: 5px;
     -moz-top-right-radius: 5px;
  border-top-right-radius: 5px;
    padding:5px;
   -webkit-box-shadow: inset -5px -5px 10px -4px rgba(0,0,0,0.75);
-moz-box-shadow: inset -5px -5px 10px -4px rgba(0,0,0,0.75);
box-shadow: inset -5px -5px 10px -4px rgba(0,0,0,0.75);
    
}

input.Indicator_input[type="text"],input.Indicator_input_2[type="text"] {
    
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    color: #009d3e;
          
    
}


input.Indicator_input:focus,input.Indicator_input_2:focus  { outline: none;
border: 1px solid #000;

} 


c_C_choice {
    background-color: inherit;
    color: white;
    margin: 0;
    padding: 0;
    position: static;
    float: left;
    width:90%;
    display:inline

}








.C_choice
{border: 0px solid #ccc;
font-size:14px;
color:#395aa7;
font-weight:500;
padding:0;
margin: 0;
font-family:"Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
direction:ltr;
float: left;

            list-style-type: none;
      -webkit-appearance: none;
    -webkit-border-radius: 0;
}

table.C_choice input
 {    
      float: left;
 }

 table.C_choice label
 {    
      margin-left: 25px;
      display: block;
 }


.Quick_Top {
height: 40px;
width: 460px;
text-align:center;
    position:static;
     font-size: 25px;
     line-height:35px;
font-weight: 700;
color: #fff;
 background:#0f7991;
 margin-bottom:15px
 
}



.Quick_Frame,.Quick_Frame1,.Quick_Frame2,.Quick_Frame3,.Quick_Frame4,.Quick_Frame5,.Quick_Frame6,.Quick_Frame7,
.Quick_Frame8,.Quick_Frame9,.Quick_Frame10,.Quick_Frame11,.Quick_Frame12,.Quick_Frame13,.Quick_Frame14,.Quick_Frame15 {

   
   
    background-repeat: no-repeat;
    background-size: 100%;
    height: 213px;
    width: 150px;
    text-align:center;
    position:static;
     font-size: 20px;
font-weight: 700;
color: #fff;
padding-top:10px;
margin-right:5px


}








.Quick_Frame {

   
    background-image: url(/images/web_icons/House_Blauw.png);
    
}

.Quick_Frame1 {

   
    background-image: url(/images/web_icons/House_Paars.png);
    
    
}

.Quick_Frame2 {

   
    background-image: url(/images/web_icons/House_Groen.png);
    
    
}

.Quick_Frame3 {

   
    background-image: url(/images/web_icons/Window_Blauw.png);
    
}

.Quick_Frame4 {

   
     background-image: url(/images/web_icons/Window_Paars.png);
    
}
.Quick_Frame5 {

   
     background-image: url(/images/web_icons/Window_Groen.png);
    
}

.Quick_Frame6 {

   
     background-image: url(/images/web_icons/Muurisolatie.png);
    
}
.Quick_Frame7 {

   
     background-image: url(/images/web_icons/Dakisolatie.png);
    
}

.Quick_Frame8 {

   
     background-image: url(/images/web_icons/Vloerisolatie.png);
    
}


.Quick_Frame9 {

   
     background-image: url(/images/web_icons/Ventilatie_Blauw.png);
    
}
.Quick_Frame10 {

   
     background-image: url(/images/web_icons/Ventilatie_Paars.png);
    
}
.Quick_Frame11 {

   
     background-image: url(/images/web_icons/Ventilatie_Groen.png);
    
}

.Quick_Frame12 {

   
     background-image: url(/images/web_icons/HTV_temp.png);
    
}
.Quick_Frame13 {

   
     background-image: url(/images/web_icons/LTV_temp.png);
    
}
.Quick_Frame14 {

   
     background-image: url(/images/web_icons/Vloerverwarming.png);
    
}


.checkboxFour0,.checkboxFour1,.checkboxFour2,.checkboxFour3,.checkboxFour4,.checkboxFour5,.checkboxFour6,.checkboxFour7,
.checkboxFour8,.checkboxFour9,.checkboxFour10,.checkboxFour11,.checkboxFour12,.checkboxFour13,.checkboxFour14,.checkboxFour15,
.checkboxFour16,.checkboxFour17 {
width: 40px;
height: 40px;
background: #ddd;
margin: 130px 55px;

border-radius: 100%;
position: relative;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}


.checkboxFour0 label,.checkboxFour1 label,.checkboxFour2 label,.checkboxFour3 label,.checkboxFour4 label,.checkboxFour5 label,.checkboxFour6 label,.checkboxFour7 label,
.checkboxFour8 label,.checkboxFour9 label,.checkboxFour10 label,.checkboxFour11 label,.checkboxFour12 label,.checkboxFour13 label,.checkboxFour14 label,.checkboxFour15 label,
.checkboxFour16 label,.checkboxFour17 label {
display: block;
width: 30px;
height: 30px;
border-radius: 100px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
cursor: pointer;
position: absolute;
top: 5px;
left: 5px;
z-index: 1;
background: #333;
-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
}

.checkboxFour0 input[type=checkbox]:checked + label {
background: #26ca28;
}

.checkboxFour1 input[type=checkbox]:checked + label {
background: #26ca28;
}

.checkboxFour2 input[type=checkbox]:checked + label {
background: #26ca28;
}

.checkboxFour3 input[type=checkbox]:checked + label {
background: #26ca28;
}
.checkboxFour4 input[type=checkbox]:checked + label {
background: #26ca28;
}

.checkboxFour5 input[type=checkbox]:checked + label {
background: #26ca28;
}
.checkboxFour6 input[type=checkbox]:checked + label {
background: #26ca28;
}

.checkboxFour7 input[type=checkbox]:checked + label {
background: #26ca28;
}
.checkboxFour8 input[type=checkbox]:checked + label {
background: #26ca28;
}

.checkboxFour9 input[type=checkbox]:checked + label {
background: #26ca28;
}
.checkboxFour10 input[type=checkbox]:checked + label {
background: #26ca28;
}

.checkboxFour11 input[type=checkbox]:checked + label {
background: #26ca28;
}

.checkboxFour12 input[type=checkbox]:checked + label {
background: #26ca28;
}

.checkboxFour13 input[type=checkbox]:checked + label {
background: #26ca28;
}
.checkboxFour14 input[type=checkbox]:checked + label {
background: #26ca28;
}

.checkboxFour15 input[type=checkbox]:checked + label {
background: #26ca28;
}
.checkboxFour16 input[type=checkbox]:checked + label {
background: #26ca28;
}

.checkboxFour17 input[type=checkbox]:checked + label {
background: #26ca28;
}

.Nextbtn {
width:48%;
float:right;
margin-right:10px
}


@media screen and (max-width:40em) {
    .Nextbtn {
        
        width:98%;
        margin:0 1% 0 1%;
       
        
transform: translateX(0);
    }

}



.wrapper {
  position: absolute;
  width: 23em;
  height: 23em;
  left: 4em;
  color:#000;
  
      padding-top:20px;
      z-index:5
 

}

.wrapper::after {
  content: "";
  background: #0f7991;
   
  border-radius: 50%;
  width: 11em;
  height: 11em;
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  
}


.dial-container {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
  width: 6em;
  

}
.wedge {
  background: #395aa7;
  height: 12em;
  width: 6em;
  
}
.container1 {
  left: 6em;
}
.container1 .wedge {
  animation: rotate-bg-1 4s infinite linear;
  border-radius: 0 8em 8em 0;
  left: 0;
  transform-origin: 0 50%;
}
.container2 {
  left: 0;
}
.container2 .wedge {
  animation: rotate-bg-2 4s infinite linear;
  border-radius: 8em 0 0 8em;
  transform-origin: 6em 6em;
 
  }




.CircleText {
   
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  padding: 0;
  position: absolute;
  left:3em;
  top:3em;
  z-index:1000;
  
 
}
   

.wrapperA {
  position: absolute;
  width: 23em;
  height: 23em;
  left: 21em;
  color:#000;
  
      padding-top:20px;
      z-index:5
 

}

.wrapperA::after {
  content: "";
  background: #0f7991;
   
  border-radius: 50%;
  width: 11em;
  height: 11em;
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  z-index:5
}


.dial-containerA {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
  width: 6em;
 

}
.wedgeA {
  background: #009d3e;
  height: 12em;
  width: 6em;
 
} 

.container1A {
  left: 6em;
}
.container1A .wedgeA {
  animation: rotate-bg-1 4s infinite linear;
  border-radius: 0 8em 8em 0;
  left: 0;
  transform-origin: 0 50%;
}
.container2A {
  left: 0;
}
.container2A .wedgeA {
  animation: rotate-bg-2 4s infinite linear;
  border-radius: 8em 0 0 8em;
  transform-origin: 6em 6em;
 
  }

.C_News1 {
background-color: inherit;
color: white;
margin: 0;
padding: 0;
position: static;
float: left;
width:20%;
padding:0 1% 0 1% ;
margin: 10px 0 10px 0;
}

.C_News2 {
background-color: inherit;
color: white;
margin: 0;
padding: 0;
position: static;
float: left;
width:60%;
border-left: 1px solid #bbb8b8;
padding:1% 1% 0 1% ;
margin: 10px 0 10px 0;
min-height:150px
}



.C_News3 {
background-color: inherit;
color: white;
position: static;
float: left;
width:80%;
padding:1% 1% 0 10% ;
margin: 10px 0 10px 0;
min-height:150px
}

@media screen and (max-width:40em) {

    .C_News2 {
        width:75%;
    }

    .C_News3 {

width:98%;
padding:1% 1% 0 1% ;
margin: 10px 0 10px 0;
min-height:0
}
}


.C_Top100BG {
    background-repeat: no-repeat;
    background-size: 100%;
    min-height:350px
}

.C_Block_Pic_subDef {
    text-decoration: #fff;
    background: #395aa7; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #395aa7 0%, #009d3e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #395aa7 0%,#009d3e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #395aa7 0%,#009d3e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#395aa7', endColorstr='#009d3e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    opacity: 0.8;
    color: #fff;
    width: 500px;
    height: 250px;
    font-size: 1.5em;
    padding-right: 0;
    padding-top: 20px;
    padding-left: 20px;
    box-sizing: border-box;
    position: absolute;
    text-align: left;
    top: 130px;
    left: 20px;
    z-index: 100;
    opacity: .8
}

.C_Block_Pic_subDef2 {
    text-decoration: #fff;
    /*--adjust as necessary--*/
    color: #fff;
    font-size: 2em;
    padding-right: 0;
    position: absolute;
    text-align: left;
    top: 180px;
    left: 40px;
    
    width: 460px;
    z-index: 800;
    box-sizing: border-box;
}

.C_text {
    background-color: inherit;
    color: #fff;
    font-family: "Verdana", "Helvetica Neue", "Lucida Grande", "Arial","Segoe UI", "Helvetica", "sans-serif";
    font-weight: 700;
    font-size:14px;
    padding: 0;
    margin: 0;
    line-height: 30px
}
    

@media screen and (max-width:50em) {
    .C_text {
        line-height:20px
    }
    .C_Block_Pic_subDef {
        background: inherit;
        opacity: 1;
        color: black;
        width: 100%;
        font-size: 1em;
        padding-right: 0;
        padding-top: 20px;
        padding-left: 20px;
        box-sizing: border-box;
        position: static;
        text-align: left;
        height: 10px;
    }

    .C_Block_Pic_subDef2 {
        position: static;
        text-align: left;
        cursor: pointer;
        color: #000;
        font-size: 20px;
        width: 100%;
    }

}


.Document_frame1 {
    position: static;
    color: #eee;
    width: 49%;
    text-align: left;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-left: 0.5%;
    height: 83px;
    background: inherit; /* Old browsers */
    border: 1px solid #395aa7;
    box-sizing: border-box;
    float: left
}



.Document_frame2 {
    color: #0f7991;
    padding-right: 0;
    height: 70px;
    position: static;
    width: 70px;
    text-align: center;
    float: left;
    margin: 5px;
    box-sizing: border-box;
}

.Document_frame3 {
    width: 70%;
    border-left: 3px solid #0f7991;
    position: static;
    float: left;
    margin: 8px 0 5px 0;
    padding-left: 15px;
    height: 70px;
    box-sizing: border-box;
}

.Document_frame4 {
    background-color: inherit;
    font-family: "Verdana", "Helvetica Neue", "Lucida Grande", "Arial","Segoe UI", "Helvetica", "sans-serif";
    font-weight: 700;
    font-size: 14px;
    padding: 0;
    margin: 0;
    background-color: inherit;
    color: #0f7991;
    margin-top: 20px;
    padding: 0;
    position: static;
    float: left;
    width: 100%;
    display: block;
    box-sizing: border-box;
}

    .Document_frame4:hover {
        color: #009d3e;
    }

.DivMod_1 {
    Width: 30%;
    padding: 1%;
    margin: 0;
    float: left;
    border-right: 1px solid #bbb8b8;
    box-sizing: border-box;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.DivMod_2 {
    Width: 65%;
   
    padding: 0 0% 0 2%;
    margin: 0;
    float: left;
    box-sizing: border-box;
    text-align: left
}
    
    
    @media screen and (max-width:50em) {
        .Document_frame1 {
        width: 100%;
        text-align: left;
        margin-left: 0;
    }

    .Document_frame2 {
        color: #0f7991;
        padding-right: 0;
        height: 70px;
        position: static;
        width: 20%;
        text-align: center;
        float: left;
        margin: 5px;
        box-sizing: border-box;
    }

    .Document_frame4 {
        margin-top: 2px;
    }

        .DivMod_1 {
            Width: 100%;
            padding: 1%;
            margin: 0;
            float: left;
            border-right: 0px;
            
        }

        .DivMod_2 {
            Width: 100%;
            
        }
}