﻿
/*Body*/


body {
	margin:0;
	padding:0;
	background: #ffffff;
    background: -moz-linear-gradient(round, #fffff,#dedfdf);
    background: -webkit-gradient(linear,0% 0%, 50% 0%, from(#fffff), to(#dedfdf));
    background: linear-gradient(to right,#dedfdf,#dedfdf,#fffff, #dedfdf); 
	font-family:'Montserrat',sans-serif;
	font-size:12px;
}

.page{
    width: 1000px;
background-color: #fff;
margin: 0 auto 0 auto;}

@media screen and (max-width:74.5em) {
   .page {width: 98%;
    }
  }




.main {
position:relative;    
margin-top:80px;
}
@media screen and (max-width:32em) {
    .main {
        margin-top: 40px;
    }
}

/*Fonts*/

h1, h2, h3, h4, h5, h6 {
background-color: inherit;
color: #000;
font-family: "Verdana", "Helvetica Neue", "Lucida Grande", "Arial","Segoe UI", "Helvetica",  "sans-serif";
font-weight: 500;
padding: 0;
margin: 0;
}

h1{
font-size: 20px;
font-weight: 700
}

h2{
font-size: 14px;
line-height: 16px

}

h3{
font-size: 20px;
font-weight: 700;
}

h4{
font-size: 20px;
font-weight: 500;
}

h5{
    font-size: 14px;
    font-weight: 700;
}

h6{
font-size: 1em;
font-weight: 500;
} 

.fontSocial1{
background-color: inherit;
color: #fff;
font-family: "Montserrat",sans-serif;
padding: 0;
margin: 0;
font-size:25px;
font-weight:500;
line-height:35px
}

.fontSocial2{
background-color: inherit;
color: #fff;
font-family: "Montserrat",sans-serif;
font-weight: 300;
padding: 0;
margin: 0;
font-size:25px;
font-weight:700;
line-height:35px
}

.fontGasservice1{
background-color: inherit;
color: #000;
font-family: "Montserrat",sans-serif;
font-weight: 300;
padding: 0;
margin: 0;
font-size:15px;
font-weight:700;
line-height:35px
}

.font1{
background-color: inherit;
color: #fff;
font-family: "Montserrat",sans-serif;
font-weight: 900;
padding: 0;
margin: 0;
font-size:1.5em;
line-height:1em;
opacity:1;
z-index:800
}


.font2{
background-color: inherit;
color: #fff;
font-family: "FontAwesome",'Montserrat',sans-serif;
font-weight: 300;
padding: 0;
margin: 0;
font-size:1.5em;
line-height:1.5em
}

@media screen and (max-width:47em) {


.font2 {
font-size: 16px;
line-height: 17px;
}
}

.font3 {
background-color: inherit;
font-family: "FontAwesome","Arial","sans-serif";
font-weight: 600;
padding: 0;
margin: 0;
font-size: 20px;
line-height: 25px;
white-space: normal;
}


@media screen and (max-width:25em){
.font3{
font-size:18px;
}
}

.font4{
background-color: inherit;
color: #0f7991;
font-family: "FontAwesome","Arial","sans-serif";
font-weight: 200;
padding: 0;
margin: 0;
font-size:14px;
line-height:14px;
white-space: normal
}

.font6{
background-color: inherit;
color: #0f7991;
font-family: "FontAwesome","Arial","sans-serif";
font-weight: 300;
padding: 0;
margin: 0;
font-size:12px;
line-height:12px;
white-space: normal
}

/*Colors*/

 .s_zwart {
color: #000;
}
 .s_Groen {
color: #009d3e;
}
.s_Blauw {
color: #0f7991;
}

.s_Paars {
color: #395aa7;
}
.s_Wit{
color: #fff;
}



/*Lines*/

.C_Block_Topline {
background-color: #fff;
width: 100%;
padding: 0;
margin: 10px 0 10px 0;
position: static;
float: left;
border-bottom: 1px solid  #000;
}

 .C_Block_ToplineDef{
background-color: #fff;
width: 90%;
padding: 0;
position:relative;
bottom:-80px;
left:5%;
float: left;
border-bottom: 1px solid   #395aa7;
}

 @media screen and (max-width:25em) {
.C_Block_ToplineDef {
bottom:-55px;
}
}

.C_Block_Smallline{
background-color: #fff;
width: 40%;
margin:3px 30% 0 30%;
padding: 0;
position:static;
float:inherit;
}

 @media screen and (max-width:50em) {
.C_Block_Smallline {
width: 70px;
margin:3px 42% 0 43%;
}
}

/*Containers*/

.C_Alg {
background-color: inherit;
color: white;
margin: 0;
padding: 0;
position: static;
float: left;
}

.C_AlgR {
background-color: inherit;
color: white;
margin: 0;
padding: 0;
position: static;
float: right;
}

.C00{width: 0%}
.C01{width: 1%}
.C02{width: 2%}
.C03{width: 3%}
.C04{width: 4%}
.C045{width: 4.1%}
.C05{width: 5%}
.C065{width: 6.5%}
.C07{width: 7%}
.C08{width: 8%}
.C09{width: 9%}
.C10{width: 10%}
.C11{width: 11%}
.C12{width: 12%}
.C13{width: 13%}
.C14{width: 14%}
.C15{width: 15%}
.C16{width: 16%}
.C17{width: 17%}
.C18{width: 18%}
.C19{width: 19%}
.C20{width: 20%}
.C21{width: 20%}
.C22{width: 22%}
.C23{width: 23%}
.C24{width: 24%}
.C245{width: 24.5%}
.C25{width: 25%}
.C27{width: 27%}
.C28{width: 28%}
.C29{width: 29%}
.C30{width: 30%}
.C31{width: 31%}
.C32{width: 32%}
.C33{width: 33%}
.C35{width: 35%}
.C38{width: 38%}
.C39{width: 39%}
.C40{width: 40%}
.C42{width: 42%}
.C43{width: 43%}
.C45{width: 45%}
.C46{width: 46%}
.C47{width: 47%}
.C48{width: 48%}
.C49{width: 49%}
.C50{width: 50%}
.C51{width: 51%}
.C52{width: 52%}
.C53{width: 53%}
.C54{width: 54%}
.C55{width: 55%}
.C58{width: 58%}
.C59{width: 59%}
.C60{width: 60%}
.C63{width: 63%}
.C65{width: 65%}
.C66{width: 66%}
.C68{width: 68%}
.C69{width: 69%}
.C70{width: 70%}
.C74{width: 74%}
.C75{width: 75%}
.C78{width: 78%}
.C79{width: 79%}
.C80{width: 80%}
.C81{width: 81%}
.C82{width: 82%}
.C89{width: 89%}
.C90{width: 90%}
.C91{width: 91%}
.C92{width: 92%}
.C93{width: 93%}
.C94{width: 94%}
.C95{width: 95%}
.C96{width: 96%}
.C965{width: 96.5%}
.C97{width: 97%}
.C98{width: 98%}
.C99{width: 99%}
.C100{width: 100%}



/*Masterpage*/

.Head_balk {
width: 1000px;
background-color: #fff;
margin: 0 auto 0 auto;
height:50px;
width: 100%;
margin:0;
position:relative 
}

.Footer {
position: absolute;
height: 16px;
bottom:0px;
background-color: inherit;
color: #eee;
text-align:center;
width:1000px
}

.Footerbutton {
    position:static;
        width:100%;
        padding-bottom:30px;
        margin-bottom:10px;
        margin-top:20px
        
}






@media screen and (max-width:74.5em) {
   .Footer {width: 98%;
           
    }
  }


.Topper {
position: static;
height: 100px;
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 */
color: #eee;
width:100%;
text-align:center
}



.SocialM_1{
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 */
color: inherit;
margin: 0;
padding: 0;
position: static;
float: left;
width:100%;
text-align:center
}

.SocialM_2 {
background: inherit;
color: inherit;
margin: 0;
padding: 0;
position: static;
float: left;
width:100%;
text-align:center
}

.SocialM_3{


  position: relative;
  top: 50%;
 
  transform: translateY(-50%);
}

.DivLogo {
background-color: inherit;
color: white;
margin: 0;
padding: 0;
position: static;
float: left;
width:30%; 
}

.DivCall{
background-color: inherit;
color: white;
margin: 0;
padding: 0;
position: static;
float: right;
width:250px; 
}

.DivHide{
display:block
}

@media screen and (max-width:32em) {
.DivCall {
position: static;
float: left;
width: 100%;
margin-top: 70px;
    }
}

@media screen and (max-width:50em) {
.DivLogo {
position: absolute;
left:130px;
top:5px;
width:200px
    }


}
@media screen and (max-width:48em) {
.DivLogo {
position: absolute;
left:50px;
top:5px;
width:200px
    }


}

/*Menu*/
.menubalk_Top, .menubalk_ketel,.menubalk_G,.menubalk_B,.menubalk_P {
    background-color: #fff;
    color: #fff;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    float: left;
   z-index:3000
}

.menubalk_ketel a {
background: #fff;
color: #fff;
display: block;
font-size: 20px;
line-height:40px;
padding:0;
margin: 0;
background:#395aa7;
text-decoration: none;
z-index:3000
    }

 .menubalk_Top a {
background: #fff;
color: #fff;
display: block;
font-size: 18px;

padding:0;
margin: 0;
background:#009d3e;
text-decoration: none;
z-index:3000
}


.menubalk_G a, .menubalk_B a, .menubalk_P a {
background: #fff;
color: #fff;
display: block;
font-size: 19px;
line-height:60px;
font-weight:600;
padding:0;
height: 70px;
margin: 0;
text-decoration: none;
z-index:3000
}

.menubalk_G a {
background: #009d3e;
border: 1px solid #009d3e;
}

.menubalk_B a {
background: #0f7991;
border: 1px solid #0f7991;
}

.menubalk_P a {
background: #395aa7;
border: 1px solid #395aa7
}

.menubalk_ketel a:hover{
font-size: 23px;
line-height:40px;
}

 .menubalk_Top a:hover{
color:#395aa7
}

.menubalk_G a:hover,  .menubalk_B a:hover,  .menubalk_P a:hover   {
font-size: 23px;
line-height:56px;
}

.menubalk_ketel ul , .menubalk_G ul, .menubalk_B ul, .menubalk_P ul, .menubalk_Top ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.menubalk_ketel ul , .menubalk_G ul, .menubalk_B ul, .menubalk_P ul{
background-color: #fff;
color: #000;
padding: 0;
}

.menubalk_ketel, .menubalk_Top {
width: 100%;
padding: 0;
margin: 10% 0 10% 0;
font-size: 20px;
line-height:35px;
font-weight: 400;
height: 40px;
text-align: center;
}

.menubalk_G,.menubalk_B,.menubalk_P {
width: 100%;
padding: 0;
margin: 0;
font-size: 20px;
line-height:35px;
font-weight: 400;
height: 70px;
text-align: center;
}

.DivTopM {
width:68%;   
}

.DivTopM2 {
width:68%;   
}

.DivTopM1{
position:static;
top:25px;
width:100%;
padding:0;
display:none
}

@media screen and (max-width:50em) {
.DivTopM {display:none
}

.DivTopM1{display:block
}

}

@media screen and (max-width:47em) {
.DivTopM {display:none
}

.DivTopM1 {display:block
}
}


/*Menubalk hamburger*/

ul{
margin:0;
padding:0;
text-decoration:none;
list-style:none;
}
li{
padding:0;
margin:0;
}
nav {
text-align:center;
width:100%;
position:relative;
height:auto;
overflow:hidden;
background:none;
}
nav ul {
text-align:center;
}
nav ul li{
display:inline-block;
}
nav ul li a {
color:#009d3e;
display:inline-block;
padding:1em 1em;
text-decoration:none;
border-bottom:0px solid #fff;
transition-property:all .2s linear 0s;
-moz-transition:all .2s linear 0s;
-webkit-transition:all .2s linear 0s;
-o-transition:all .2s linear 0s;
font-size:16px;
}
nav ul li a:hover {
color: #009d3e;
}
/*styling open close button*/
.button {
display:inline;
position:absolute;
left:0px;
top:0px;
z-index:10000;
font-size:30px;
}
.button a {
text-decoration:none;
}
.btn-open:after {
color:#009d3e;
content:"\f0c9  MENU";
font-family:"FontAwesome",'Montserrat',sans-serif;
transition-property:all .2s linear 0s;
-moz-transition:all .2s linear 0s;
-webkit-transition:all .2s linear 0s;
-o-transition:all .2s linear 0s;
z-index:1;
 
}
.btn-open:hover:after {
color:#395aa7;
}
.btn-close:after {
color:#395aa7;
content:"\f00d";
font-family:"FontAwesome";
transition-property:all .2s linear 0s;
-moz-transition:all .2s linear 0s;
-webkit-transition:all .2s linear 0s;
-o-transition:all .2s linear 0s;
z-index:2000;
     
}
.btn-close:hover:after {
color: #395aa7;
}
/*overlay*/
.overlay {
display:none;
position:absolute;
top:73px;
height:auto;
width:100%;
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 */ 
overflow:auto;
z-index:9000;
}

.overlay0,.overlay1,.overlay2,.overlay3,.overlay4,.overlay5,.overlay6,.overlay7,.overlay8,.overlay9 {
display:none;
position:static;
height:100%;
width:100%;
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 */ 
overflow:auto;
z-index:9000;
}


.HeadSingle{
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 */
color:  #395aa7;
font-family: "Montserrat",sans-serif;
font-weight: 500;
font-size: 16px;
padding: 0;
margin: 0;
border-bottom: 2px solid #395aa7;
text-align:left;
Width:96%;
height: 40px;
float:left;
}   

.HeadSingle a
{background:inherit;
color:#fff;
display:block;
padding: 12px 0 0 10px;
margin:0;
text-decoration:none}

.HeadSingle a:hover 
{color: #fff;
 background:inherit;
}  
 
.HeadSingle ul
{list-style-type: none;
margin: 0;
padding:0}  
  
.HeadSingle li
{background-color:inherit;
color:#fff;
padding:0 0 0em 0}


.HeadDubble_0,.HeadDubble_1,.HeadDubble_2,.HeadDubble_3,.HeadDubble_4,.HeadDubble_5,.HeadDubble_6,.HeadDubble_7,.HeadDubble_8,.HeadDubble_9
{
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 */
color:  #395aa7;
font-family: "Montserrat",sans-serif;
font-weight: 500;
font-size: 16px;
padding: 0;
margin: 0;
border-bottom: 2px solid #395aa7;
text-align:left;
Width:96%;
height: 40px;
float:left
}   

.HeadDubble_0 a,.HeadDubble_1 a,.HeadDubble_2 a,.HeadDubble_3 a,.HeadDubble_4 a,.HeadDubble_5 a,.HeadDubble_6 a,.HeadDubble_7 a
,.HeadDubble_8 a,.HeadDubble_9 a
{background:inherit;
color:#fff;
display:block;
padding: 12px 0 0 10px;
margin:0;
text-decoration:none}

.HeadDubble_0 a:hover,.HeadDubble_1 a:hover,.HeadDubble_2 a:hover,.HeadDubble_3 a:hover,.HeadDubble_4 a:hover,.HeadDubble_5 a:hover
,.HeadDubble_6 a:hover,.HeadDubble_7 a:hover,.HeadDubble_8 a:hover,.HeadDubble_9 a:hover
{color: #fff;
 background:inherit;
}  
 
.HeadDubble_0 ul,.HeadDubble_1 ul,.HeadDubble_2 ul,.HeadDubble_3 ul,.HeadDubble_4 ul,.HeadDubble_5 ul,.HeadDubble_6 ul,.HeadDubble_7 ul
,.HeadDubble_8 ul,.HeadDubble_9 ul
{list-style-type: none;
margin: 0;
padding:0}  
  
.HeadDubble_0 li,.HeadDubble_1 li,.HeadDubble_2 li,.HeadDubble_3 li,.HeadDubble_4 li,.HeadDubble_5 li,.HeadDubble_6 li,.HeadDubble_7 li,
.HeadDubble_8 li,.HeadDubble_9 li
{background-color:inherit;
color:#fff;
padding:0 0 0em 0}

.Sub_Menu{
background: #fff;
color:  #395aa7;
font-family: "Montserrat",sans-serif;
font-weight: 500;
font-size: 16px;
padding: 0;
margin: 0;
border-bottom: 2px solid #395aa7;
text-align:left;
Width:94%;
height: 40px;
float:left
}  

.Sub_Menu a
{background:inherit;
color: #395aa7;
display:block;
padding: 12px 0 0 10px;
margin:0;
text-decoration:none}


.Sub_Menu a:hover 
{color: #395aa7;
 background:inherit;
}  
 
.Sub_Menu ul
{list-style-type: none;
margin: 0;
padding:0}  
  
.Sub_Menu li
{background-color:inherit;
color:#fff;
padding:0 0 0em 0}

.HeadUl0sub {
position: relative;
}
.HeadUl0sub:before {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: #fff;
/*--adjust as necessary--*/
content: "\f0d7";
color: #fff;
font-size: 30px;
padding-right: 0;
position: absolute;
top: 10px;
right: 5%;
}
.wrap {
color:#000;
text-align:center;
max-width:98%;
margin:0 auto;
}
.wrap ul.wrap-nav {
border-bottom:1px solid #395aa7;
text-transform:capitalize;
padding:25px 0px 0px 5px;
}
.wrap ul.wrap-nav li {
font-size:20px;
display:inline-block;
vertical-align:top;
width:30%;
position:relative;
}
.wrap ul.wrap-nav li a {
color:#fff;
display:block;
padding:8px 0px 8px 0;
text-decoration:none;
transition-property:all .2s linear 0s;
-moz-transition:all .2s linear 0s;
-webkit-transition:all .2s linear 0s;
-o-transition:all .2s linear 0s;
}
.wrap ul.wrap-nav li a:hover {
color:#f0f0f0;
}
.wrap ul.wrap-nav ul {
padding:20px 0;
}
.wrap ul.wrap-nav ul li {
display:block;
font-size:15px;
font-weight:700;
width:100%;
color:#e9e9e9;
}
.wrap ul.wrap-nav ul li a {
	color:#f0f0f0;
}
.wrap ul.wrap-nav ul li a:hover {
color:#000;
}
.social {
font-size:25px;
padding:20px;
}
.social p {
margin:0;
padding:20px 0 5px 0;
line-height:30px;
font-size:13px;
}
.social p a {
color:#34B484;
text-decoration:none;
margin:0;
padding:0;
}
.social-icon {
width:80px;
height:50px;
background: #395aa7;
color:#333;
display:inline-block;
margin:0 20px;
transition-property:all .2s linear 0s;
-moz-transition:all .2s linear 0s;
-webkit-transition:all .2s linear 0s;
-o-transition:all .2s linear 0s;
}
.social-icon:hover {
background:#34B484;
color:#f0f0f0;
}
.social-icon i {
margin-top:12px;
}
@media screen and (max-width:48em) {
.wrap ul.wrap-nav > li {
width: 100%;
padding: 20px 0;
border-bottom: 1px solid #395aa7;
}

.wrap ul.wrap-nav {
padding: 30px 0px 0px;
}

nav ul {
opacity: 0;
visibility: hidden;
}

.social {
color: #c1c1c1;
font-size: 25px;
padding: 15px 0;
}

.social-icon {
width: 100%;
height: 50px;
background: #395aa7;
color: #333;
display: block;
margin: 5px 0;
}

.Menu_D {
position: absolute;
left: 20px;
width:35px;
}

.Logo {
background-color: inherit;
color: white;
width: 150px;
margin-left: 55px;
margin-top: 5px;
left: 0;
top: 0;
}

.btn-open:after {
content: "\f0c9";
}
}

.breadcrumb { 
  list-style: none; 
  overflow: hidden; 
  font: 18px Sans-Serif;
  margin-top:10px
}
.breadcrumb li { 
  float: left; 
}
.breadcrumb li a {
  color: white;
  text-decoration: none; 
  padding: 5px 0 5px 65px;
  background: #0f7991; /* fallback color */
  
  position: relative; 
  display: block;
  float: left;
}

.breadcrumb li a::after { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid #0f7991;
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  left: 100%;
  z-index: 2; 
}




.breadcrumb li a::before { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent;       
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  margin-left: 1px;
  left: 100%;
  z-index: 1; 
}

@media screen and (max-width:40em) {

.breadcrumb li a::after,.breadcrumb li a::before { 
  
  border-top: 0px solid transparent; /* Go big on the size, and let overflow hide */
  border-bottom: 0px solid transparent;
  border-left: 0px solid #0f7991;
  
}
    .breadcrumb li a {

         padding: 5px 10px 10px 5px;
    }
}







.breadcrumb li:first-child a {
  padding-left: 10px;
}
.breadcrumb li:nth-child(2) a       { background:        #0f7991; }
.breadcrumb li:nth-child(2) a:after { border-left-color: #0f7991; }
.breadcrumb li:nth-child(3) a       { background:        #0f7991; }
.breadcrumb li:nth-child(3) a:after { border-left-color: #0f7991; }
.breadcrumb li:nth-child(4) a       { background:        #0f7991; }
.breadcrumb li:nth-child(4) a:after { border-left-color: #0f7991; }
.breadcrumb li:nth-child(5) a       { background:        #0f7991; }
.breadcrumb li:nth-child(5) a:after { border-left-color: #0f7991; }
.breadcrumb li:last-child a {
  background: transparent !important;
  color: #395aa7;
  pointer-events: none;
  cursor: default;
}
.breadcrumb li:last-child a::after { 
  border: 0; 
}

.breadcrumb li a:hover { 
  background:  #395aa7; 
}
.breadcrumb li a:hover:after { 
  border-left-color: #395aa7 !important; 
}
/*Buttons*/
.DivButtonG {
background-color: inherit;
color: white;
margin-right: 2%;
padding: 0;
position: static;
float: left;
width:32%; 
}

.DivButtonG1 {
background-color: inherit;
color: white;
margin: 0;
padding: 0;
position: static;
float: right;
width:32%; 
}


@media screen and (max-width:40em) {
.DivButtonG, .DivButtonG1 {
margin:1% 0 0 0;
float: left;
width:100%; 
}
}

.MBottom{
background: inherit;
color: #395aa7;
font-family: "Arial", "FontAwesome","sans-serif";
font-weight: 600;
font-size: 13px;
padding:0;
margin:0;
text-align:right;
Width:100%;
height: 20px;
float:right;
text-align:right
}   

.MBottom ul {
list-style-type: none;
margin: 0 ;
padding: 0;
overflow: hidden;
background: inherit;
text-align:right;
width: 100%;
margin: 0;
white-space:normal
} 
  
.MBottom li{ 
display:inline-block;
}

.MBottom li a{
display: block;
color:#395aa7;
text-align:right;
padding: 0;
text-decoration: none;
}

.MBottom li a:hover {
color: #009d3e;
}

.Mfooter{
background: inherit;
color: #fff;
font-family: "Arial", "FontAwesome","sans-serif";
font-weight: 600;
font-size: 13px;
padding:0;
margin:0;
text-align:right;
Width:100%;
min-height: 20px;
float:left;
text-align:center
}   

.Mfooter ul {
list-style-type: none;
margin: 0 ;
padding: 0;
overflow: hidden;
background: inherit;
text-align:center;
width: 100%;
margin: 0;
white-space:normal
} 
  
.Mfooter li{ 
display:inline-block;
}

.Mfooter li a{
display: block;
color:#fff;
text-align:right;
padding: 0;
text-decoration: none;
}

.Mfooter li a:hover {
color: #009d3e;
}

/*Links*/

A.Link2 {
    background-color: inherit;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    font-weight: 800;
    padding: 0;
    margin: 0;
    border-style: none;
    
}

    A.Link2:link {
        text-decoration: underline;
    }

    A.Link2:active {
        text-decoration: none;
    }

    A.Link2:hover {
        background-color: inherit;
        font-size: 16px;
        text-decoration: none;
    }


A.Link3, A.Link3_a {
    background-color: inherit;
    color: #395aa7;
    font-family: "FontAwesome", "Montserrat",sans-serif;
    font-size: 14px;
    font-weight: 800;
    padding: 0;
    margin: 0;
    border-style: none;
    position: static;
    text-align: left;
    text-decoration: none;
}
A.Link3_a {
    color: #fff;
}

    A.Link3:link, A.Link3_a:link {
        text-decoration: none;
    }

    A.Link3:active, A.Link3_a:active {
        text-decoration: none;
    }

    A.Link3:hover, A.Link3_a:hover {
        background-color: inherit;
        color: #009d3e;
        cursor: pointer;
        text-decoration: none;
    }  

.Link5 {
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 */
color:#fff;
font-family: "Montserrat",sans-serif;
font-size: 16px;
font-weight: 800;
padding: 0;
margin: 0;
border-style: none;
position:absolute;
bottom:0px;
left: 50%;
margin: 10px 0 5px -15%;
padding:5px;
text-align:left;
text-decoration: none;
border-radius: 5px;
}

A.Link5:link {
text-decoration: none;
}

A.Link5:active {
text-decoration: none;
}

A.Link5:hover {
background-color: inherit;
color: #009d3e;
cursor: pointer;
text-decoration: none;
}

@media screen and (max-width:25em) {
A.Link5 {
bottom:0px;
}
}

.Link6 {
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 */
color:#fff;
font-family: "Montserrat",sans-serif;
font-size: 16px;
font-weight: 800;
padding: 0;
margin: 0;
border-style: none;
position:static;
margin: 10px 0 15px 5px;
padding:5px;
text-align:left;
text-decoration: none;
border-radius: 5px;
}

A.Link6:link {
text-decoration: none;
}

A.Link6:active {
text-decoration: none;
}

A.Link6:hover {
background-color: inherit;
color: #009d3e;
cursor: pointer;
text-decoration: none;
}


.Link7 {
color: #fff;
    font-size: 16px;
    display:block;
    line-height: 16px;
    
    height: 35px;
    margin-left: 10px;
    margin-top: 8px;
    width:150px;
  
    padding:5px 5px 5px 10%;
  -moz-border-bottom-right-radius: 15px;
 border-bottom-right-radius: 15px;
     -moz-border-top-right-radius: 15px;
  border-top-right-radius: 15px;
   -webkit-appearance: none;
   
}

A.Link7:link {
text-decoration: none;
}

A.Link7:active {
text-decoration: none;
}

A.Link7:hover {
color: #395aa7;
cursor: pointer;
text-decoration: none;
}


.link8 {
background: #395aa7; /* Old browsers */
color:#fff;
font-family: "Montserrat",sans-serif;
font-size: 16px;
line-height:35px;
font-weight: 800;
padding: 0;
margin: 0;
border-style: none;
position:static;
margin: 10px 10px 15px 5px;
padding:5px 20px 5px 20px;
text-align:left;
text-decoration: none;
border-radius: 5px;
float:right;
    cursor: pointer;
}



.active, .link8:hover {
  

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 */

color: #fff;
cursor: pointer;
text-decoration: none;
}








/*invoer*/
TextArea.txtEntryXXL {
    border: 1px solid #cccccc;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    color: #000;
    font-size: 16px;
    line-height: 35px;
    padding: 0;
    height: 40px;
    padding-left: 10px;
    margin: 10px 0px 0 15px;
    width: 90%;
    height:100%;
      -webkit-appearance: none;
    -webkit-border-radius: 0;
}

TextArea.txtEntryXXL[type="text"] {
    
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    color: #000;
}


TextArea.txtEntryXXL:focus { outline: none;
border: 1px solid #000;
} 

@media screen and (max-width:47em) {
 TextArea.txtEntryXXL{ 
         
           margin: 10px 0px 0 2px;
    }
}

.C_Model_Text {
font-family: "Verdana", "Helvetica Neue", "Lucida Grande", "Arial","Segoe UI", "Helvetica",  "sans-serif";
Width: 90%;
padding: 0;
font-size: 14px;
line-height: 22px;
font-weight: 500;
color: #0f7991;
position: static;
text-align: left;
float: left;
}

.txtAll {
    border: 1px solid #cccccc;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    color: #000;
    font-size: 16px;
    display:inline-block;
    line-height: 35px;
    padding: 0;
    height: 40px;
    padding-left: 10px;
    margin: 0;
    width:100%;
    
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

input.txtAll[type="text"] {
    
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    color: #009d3e;
          
    
}


input.txtAll:focus { outline: none;
border: 1px solid #000;

} 




