html *{
margin:0;               
padding:0;
border:none;
}  
 body{     
background-color: #d7d7d7;
}
.container{
display:flex;
flex-flow:row wrap;
align-items:flex-start;
width:100%;
min-height:100%;
margin:auto;
padding:0;
}
#toggle{
display:none;
}
.containernav{
position:fixed;
top:0;
left:0;
z-index:50;
width:100%;
height:40px;
margin:0 auto auto auto;
}
nav{ 
width:auto;
margin: 0;
}
nav ul{ 
display:flex;
justify-content:space-around;
align-items:center;
width:auto;
height:auto;
list-style-type:none;
margin: auto;
padding:0;
}
nav ul li{
width:auto;
height:auto;
margin:0;
padding:0; 
text-align:center;
}  
nav ul li a, nav ul li a:link, nav ul li a:visited, nav ul li a:active{
font-family:Lato,Arial;
font-size:1em;
font-weight:700;
margin:0;
padding:10px 15px 10px 15px;
color:#fff;
text-decoration:none;  
outline-style:none; 
background-color: #f5a30f;
} 
nav ul li a:hover,
nav ul li a.current, nav ul li a:link.current, nav ul li a:visited.current, nav ul li a:active.current{
color:#f1a116;  
margin:0;
padding:10px 15px 30px 15px;
background-color:#74787c;

-webkit-border-radius:0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
border-radius:0 0 10px 10px;

-webkit-animation: grow 1s; 
-moz-animation: grow 1s; 
-ms-animation: grow 1s; 
-o-animation: grow 1s; 
animation: grow 1s;
}      

  @keyframes grow {
from { 
padding:10px 15px 10px 15px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
to { 
padding:10px 15px 30px 15px;
-webkit-border-radius:0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
border-radius:0 0 10px 10px;
}
}

/* Firefox */
@-moz-keyframes grow {
from { 
padding:10px 15px 10px 15px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
to { 
padding:10px 15px 30px 15px;
-webkit-border-radius:0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
border-radius:0 0 10px 10px;
}
}

/* Safari and Chrome */
@-webkit-keyframes grow {
from { 
padding:10px 15px 10px 15px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
to { 
padding:10px 15px 30px 15px;
-webkit-border-radius:0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
border-radius:0 0 10px 10px;
}
}

/* Internet Explorer */
@-ms-keyframes grow {
from { 
padding:10px 15px 10px 15px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
to { 
padding:10px 15px 30px 15px;
-webkit-border-radius:0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
border-radius:0 0 10px 10px;
}
}

/* Opera */
@-o-keyframes grow {
from { 
padding:10px 15px 10px 15px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
to { 
padding:10px 15px 30px 15px;
-webkit-border-radius:0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
border-radius:0 0 10px 10px;
}
}    
header{
display:flex;
flex-flow:row wrap;
/*align-items: center;zorgt voor juiste schaling picture bij chrome */
width:100%;
height:auto;
padding:5px 0 0 0;
margin:60px auto 0 auto;
background-color: #74787c;
}
.headerleft{
flex:0 1 70%;
margin:auto auto auto 0;
padding:0;
}
.picheader{
width:100%;
height:auto;
margin:0;
}
.headerright{
display:flex;
flex-flow:column nowrap;
flex:0 1 25%;
margin:0 auto 0 auto;
padding:10px 10px 0 10px;
}
.headerrightlogo{
flex:0 1 20%;
margin: 10% auto auto auto;
padding:10px;
}
.picright{
width:100%;
height:auto;
margin:0;
}
.headerrighttext{
flex:0 1 20%;
height:auto;
font-family:Lato;
font-size:1rem;
font-weight:bold;
text-align:left;
color:#fecc00;
margin: auto auto 10% auto;
padding:0px;
}
.line{
display:block;
}
a.rightin, a:link.rightin , a:visited.rightin, a:active.rightin{
display:block;
color:#fecc00;
margin:0;
padding:0;   
text-decoration:none;  
outline-style:none; 
}
a:hover.rightin{
color:#fff;
}
main{
width:98%;
margin:0 auto auto auto;
padding:20px 0 20px 0;
}
h2{
font-family:Lato,Arial;
font-size:1.2em;
text-align:center;
margin:auto auto 20px auto;
}
.text{
width:100%;
max-width:1024px;
font-family:Lato,Arial;
font-size:1.2em;
margin:0 auto auto auto;
padding:0;
}
.title{
font-family:Lato,Arial;
font-size:1.5rem;
font-weight:bold;
text-align:center;
margin:auto auto 20px auto;
}
.hier{
display:inline-block;
font-family:Lato,Arial;
font-size:1.2em;
font-weight:bold;
text-transform:uppercase;
color:#f5a30f;
}
footer{
display:flex;
flex-flow:row wrap;
justify-content:center;
width:100%;
min-height:200px;
margin:20px auto auto auto;
padding:10px 0 10px 0;
background-color: #74787c;
}
.titlefooter{
font-family:Lato,Arial;
font-size:1rem;
font-weight: bold;
text-transform: uppercase;
text-align: center;
color: #fff;
margin: 0 auto 10px auto;
}
.containerfooternav{
width:100%;
height:auto;
margin:0 auto auto auto;
}
.footernav{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
align-items:center;
width:auto;
height:40px;
margin: auto auto 20px auto;   
list-style-type:none;
}
.footernav li{
width:20%;
margin:0;
padding:10px 0 10px 0; 
text-align:center;
background-color: #f5a30f;
}  
.footernav li a, .footernav li a:link, .footernav li a:visited, .footernav li a:active{
font-family:Lato,Arial;
font-size:1em;
font-weight:bold; 
text-transform: normal;
color:#fff; 
margin:0;
padding: 0;  
text-decoration:none;  
outline-style:none; 
}
.footernav li a:hover,
.footernav li a.current, .footernav li a:link.current, .footernav li a:visited.current, .footernav li a:active.current{
color:#74787c;
}
a.footerin, a:link.footerin , a:visited.footerin, a:active.footerin{
display:block;
font-family:Lato,Arial;
font-size:1em;
font-weight:bold;  
font-style:normal;
color:#fff;
margin:0;
padding:0;   
text-decoration:none;  
outline-style:none; 
}
a:hover.footerin{
color:#f1a116;
}
.underfooternav{
display:flex;
flex-flow:row wrap;
justify-content:center;
width:100%;
height:auto;
margin:0 
}
.underfooternavleft{
display:flex;
flex-flow:row wrap;
justify-content:center;
width:50%;
height:auto;
margin: 0 auto 0 auto;
}
.underfooternavright{
display:flex;
flex-flow:row wrap;
justify-content:center;
width:50%;
height:auto;
margin: 0 auto 0 auto ;
}
ul.footerlist{
list-style-type:none;
font-family:Lato,Arial;
font-size:1em;
font-weight:bold;
color:#fff;
margin: 0 ;
}
li.upper{
text-transform:uppercase;
margin:0 auto 10px auto;
}
li.one{
background-image: url(../images/picto/a.png);
background-position: 0 0;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 25px;
}
li.two{
background-image: url(../images/picto/l.png);
background-position: 0px 2px;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 20px;
}
li.three{
background-image: url(../images/picto/t.png);
background-position: 0 2px;
background-repeat: no-repeat;
margin:0;
padding:0 55px 5px 20px;
}
li.four{
background-image: url(../images/picto/e.png);
background-position: 0 2px;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 25px;
}
ul.intext{
list-style-type:none;
margin:10px auto 20px auto;
}
h4.tel{
display:none;
}
.telefoon{
position:fixed;
right:-25px;
top:63%;
width:100%;
max-width:100px;
height:120px;
z-index:55;
font-family:Lato,Arial;
font-size:1em;
font-weight:bold;  
font-style:normal;
color:#fff;
-webkit-animation-name: show;
-moz-animation-name: show;
-o-animation-name: show;
animation-name: show;

-webkit-animation-duration: 4s;
-moz-animation-duration: 4s;
-o-animation-duration: 4s;
animation-duration: 4s; 
}

@-webkit-keyframes show {
from {
opacity:0;
}
to {
opacity:1;
}
}

@-ms-keyframes show {
from {
opacity:0;
}
to {
opacity:1;
}
}

@-moz-keyframes show{
from {
opacity:0;
}
to {
opacity:1;
}
}

@keyframes show{
from {
opacity:0;
}
to {
opacity:1;
}
}

@-o-keyframes show {
from {
opacity:0;
}
to {
opacity:1;
}
}

.telbert{
width:110px;
height:50px;
background-image: url(../images/picto/t.png), url(../images/picto/hier.png);
background-position:  22px 15px,0 3px;
background-repeat: no-repeat;
font-family:Lato,Arial;
font-size:1em;
font-weight:bold;  
font-style:normal;
margin:0;
padding:15px 0 0 41px;
cursor:pointer;
}
.telbert:hover{
background-image: url(../images/picto/tred.png), url(../images/picto/hier.png);
background-position:  22px 15px,0 3px;
background-repeat: no-repeat;
}

.telroel {
width:110px;
height:50px;
background-image: url(../images/picto/t.png), url(../images/picto/hier.png);
background-position:  22px 15px,0 3px;
background-repeat: no-repeat;
font-family:Lato,Arial;
font-size:1em;
font-weight:bold;  
font-style:normal;
margin:0;
padding:15px 0 0 41px;
cursor:pointer;
}
.telroel:hover{
background-image: url(../images/picto/tred.png), url(../images/picto/hier.png);
background-position: 22px 15px,0 3px;
background-repeat: no-repeat;
}
.backtop a{
position:fixed;
right:1%;
bottom:2%;
width:40px;
height:40px;
z-index:45;
background-image: url('../images/backtop.png');
background-position: 0 0;
background-repeat: no-repeat;
text-decoration:none;  
outline-style:none; 
cursor:pointer;
}
.hiddencontainer{
display:none;
}
h2.verkooptext{
font-family:Lato,Arial;
font-size:1em;
font-style:italic;
text-align:center;
}
h2{
font-family:Lato,Arial;
font-size:1.2em;
font-style:italic;
text-align:center;
}
.verkoopbox{
display:flex;
flex-flow:row wrap;
align-items:center;
font-family:Lato, Arial;
font-size:1rem;
color:#000;
padding:10px;
margin:0 auto;
}
.leftpic{
display:flex;
flex:row;
justify-content:center;
width:50%;
margin:0 auto 0 auto;
padding:20px 0 10px 0;
}
.righttext{
width:50%;
margin:0 auto 0 0;
padding:10px 0 10px 0;
}
img.verkoop{
width:100%;
max-width:250px;
margin:5px 5px 10px 5px;
border:3px double #3c6674;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.klik{    
display:block;
position:absolute;
font-family:Lato,Arial;
font-size:12px;
font-weight:bold;
font-style:italic;
color:#000;
padding:0;
margin:-10px auto 0 auto;
text-decoration:none;  
}
span, spantext{
display:none;
text-decoration:none;
}
a:hover span{
display:block;
position:absolute;
width:275px;
height:200px;
z-index:40;
background: -webkit-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)); 
background: -o-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));    
background: -moz-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));        
background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)); 
margin:-217px 0 0 -10px;
border:3px double #ff0000;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
cursor:default;
}
a:hover spantext{
display:block;
position:absolute;
width:270px;
height:auto;
z-index:45;
margin:-210px 5px 0 -10px;
padding:0 0 0 5px;
font-weight:normal;
font-size:0.8rem;
color:#fff;
-webkit-animation: fadein 1s; /* Safari and Chrome */
-moz-animation: fadein 1s; /* Firefox */
-ms-animation: fadein 1s; /* Internet Explorer */
-o-animation: fadein 1s; /* Opera */
animation: fadein 1s;
cursor:default;
}

@keyframes fadein {
from { 
opacity: 0; 
}
to { 
opacity:1;
}
}

/* Firefox */
@-moz-keyframes fadein {
from { 
opacity: 0; 
}
to { 
opacity:1;
}
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
from { 
opacity: 0; 
}
to { 
opacity:1;
}
}

/* Internet Explorer */
@-ms-keyframes fadein {
from { 
opacity: 0; 
}
to { 
opacity:1;
}
}

/* Opera */
@-o-keyframes fadein {
from { 
opacity: 0; 
}
to { 
opacity:1;
}
}

/*img.bd{
width:100%;
max-width:350px;
margin:5px 5px 0 auto;
border:2px solid #f5a30f;
} */
img.centered{
display: block;
margin:0 auto 5px auto;
padding: 0;
}
img.alignright{
display:inline;
margin: 5px 5px 0 5px;
padding: 0;
}
img.alignleft{
display:inline;
margin: 5px 5px 0 0;
padding: 0;
}
.alignright{
float:right;
}
.alignleft{
float:left;
}
.teldesktop{
display:inline-block;
}
.telmobiel{
display:none;
}
html, body{
height:100%;
} 
@media only screen and (min-width: 1282px) and (max-width: 2560px){
.headerright{
display:flex;
flex-flow:column nowrap;
flex:0 1 25%;
margin:0 auto 0 auto;
padding:10px 10px 0 10px;
}
.headerrightlogo{
flex:0 1 20%;
margin:auto;
padding:10px;
}
.picright{
width:100%;
height:auto;
margin:0;
}
.headerrighttext{
flex:0 1 20%;
height:auto;
font-family:Lato;
font-size:1.2rem;
font-weight:bold;
text-align:left;
color:#fecc00;
margin:auto;
padding:0px;
}
}
@media only screen and (min-width: 902px) and (max-width: 1280px){
.headerleft{
flex:0 1 65%;
margin:auto auto auto 0;
padding:0;
}
.picheader{
width:100%;
height:auto;
margin:0;
}
.headerright{
display:flex;
flex-flow:column nowrap;
flex:0 1 30%;
margin: auto;
padding:10px 10px 0 10px;
}
.headerrightlogo{
flex:0 1 30%;
margin: auto auto 5% auto;
padding:10px;
}
.picright{
width:100%;
height:auto;
margin:0;
}
.headerrighttext{
flex:0 1 30%;
height:auto;
font-family:Lato;
font-size:1rem;
font-weight:bold;
text-align:left;
color:#fecc00;
margin: 5% auto auto auto;
padding:0px;
}
}
@media only screen and (min-width: 645px) and (max-width: 900px){
header{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
align-items: center;/*zorgt voor juiste schaling picture bij chrome */
width:100%;
height:auto;
margin:60px auto 0 auto;
background-color: none;
}
.headerleft{
flex:0 1 100%;
margin:auto;
padding:0;
}
.picheader{
width:100%;
height:auto;
margin:0;
}
.headerright{
display:flex;
flex-flow:row nowrap;
justify-content:space around;
align-items:center;
flex:1 0 100%;
height:auto;
margin: auto;
padding:0;
background-color: #74787c;
}
.headerrightlogo{
flex:0 1 50%;
margin: auto auto auto 0;
padding:10px;
}
.picright{
width:100%;
height:auto;
margin:0;
}
.headerrighttext{
flex:0 1 30%;
font-family:Lato;
font-size:1rem;
font-weight:bold;
text-align:left;
color:#fecc00;
margin: auto auto auto 0;
padding:10px;
}
.text{
width:90%;
max-width:750px;
}
footer{
margin:20px auto auto auto;
}
.telmobiel{
display:block;
}
.teldesktop{
display:none;
}
h4.tel{
display:flex;
justify-content:center;
font-size:1rem;
font-weight:normal;
margin:0 0 0 5px;
padding:0;
}
}
@media only screen and (min-width: 220px) and (max-width: 800px){
.leftpic{
width:100%;
}
.righttext{
width:100%;
padding:0 0 0 0;
}
.verkoopbox{
font-size:0.9rem;
}
}
@media only screen and (min-width: 400px) and (max-width: 640px){
nav{
display:none;
}
.containernav{
position:absolute;
top:0;
right:0;
z-index:50;
width:100%;
height:auto;
margin:0!important;
}
#toggle{
display:inline-block;
position:absolute;
right:5px;
top:5px;
z-index:45;
margin:0 0 0 20px;
padding:5px;
color:#ff0000;
cursor: pointer; 
}
#toggle:hover{
color:#fff;
}
nav{
position:absolute;
top:0;
width:100%;
height:auto;
margin:0;
padding:0 0 10px 0;
background: -webkit-linear-gradient(rgba(245,163,15,0.9),rgba(245,163,15,0.9)); 
background: -o-linear-gradient(rgba(245,163,15,0.9),rgba(245,163,15,0.9));   
background: -moz-linear-gradient(rgba(245,163,15,0.9),rgba(245,163,15,0.9));     
background: linear-gradient(rgba(245,163,15,0.9),rgba(245,163,15,0.9)); 
}
nav ul{ 
flex-direction:column;
margin:0;  
padding:5px 0 5px 0; 
text-align:center;
list-style-type:none;
}
nav ul li{
margin: 0;
padding:0 0 5px 0!important;  
}                                         
nav ul li a, nav ul li a:link, nav ul li a:visited, nav ul li a:active{  
display:block!important;
font-family:Lato,Arial;
font-size:1em !important; 
font-weight:normal;
text-align:center;
color:#fff; 
margin:0;
padding:5px!important;   
text-decoration:none;  
outline-style:none; 
background-color: transparent !important;
}              
nav ul li a:hover,
nav ul li a.current, nav ul li a:link.current, nav ul li a:visited.current, nav ul li a:active.current{  
display:block!important;
color:#43536d;   
font-weight:bold; 
margin:0;
padding:5px!important;     
background-color: transparent !important;
  
-webkit-border-radius:0;
-moz-border-radius:0 ;
border-radius:0 ;

-webkit-animation: none; 
-moz-animation: none; 
-ms-animation: none; 
-o-animation: none; 
animation: none;
}     
header{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
align-items: center;/*zorgt voor juiste schaling picture bij chrome */
width:100%;
height:auto;
padding:0;
margin:0 auto 0px auto;
}
.headerleft{
flex:0 1 100%;
margin:auto auto auto 0;
padding:0;
}
.headerright{
display:flex;
flex-flow:row wrap;
justify-content:space around;
align-items: center;
flex:1 0 100%;
height:auto;
margin: auto;
padding:0;
background-color: #74787c;
}
.headerrightlogo{
flex:0 1 80%;
margin: auto;
padding:10px 0 10px 0;
background-color: none;
}
.headerrighttext{
flex:0 1 100%;
font-size:1rem;
text-align:center;
margin: auto;
padding:10px 0 10px 0;
background-color: none;
}
.text{
width:90%;
max-width:750px;
}
.line{
display:inline-block;
}
footer{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
width:100%;
min-height:200px;
margin:20px auto auto auto;
padding:10px 0 0 0;
}
.containerfooternav{
width:100%;
height:auto;
margin:0 auto 0 auto;
}
.footernav{
display:flex;
flex-flow:column wrap;
justify-content:space-around;
align-items:center;
width:auto;
height:auto;
margin:0 auto auto auto;   
list-style-type:none;
}
.footernav li{
width:100%;
margin:0 0 10px 0;
padding:10px 0 10px 0; 
text-align:center;
background-color: #f5a30f;
}  
.footernav li a, .footernav li a:link, .footernav li a:visited, .footernav li a:active{
font-family:Lato,Arial;
font-size:1em;
font-weight:bold; 
text-transform: normal;
color:#fff; 
margin:0;
padding:0;   
text-decoration:none;  
outline-style:none; 
}
.footernav li a:hover,
.footernav li a.current, .footernav li a:link.current, .footernav li a:visited.current, .footernav li a:active.current{
color:#74787c;
}
.underfooternavleft,.underfooternavright{
width:100%;
margin:10px auto 10px auto;
}
ul.footerlist{
padding:0 0 10px 0;
}
span, spantext{
display:none;
text-decoration:none;
}
a:hover span{
width:225px;
height:170px;
margin:-185px 0 0 -10px;
} 
a:hover spantext{
width:220px;
font-size:0.7rem;
margin:-180px 0 0 -10px;
}
/*img.bd{
width:100%;
max-width:250px;
} */
.telmobiel{
display:block;
}
.teldesktop{
display:none;
}
.backtop a{
position:fixed;
right:1%;
bottom:1%;
width:25px;
height:25px;
z-index:45;
background-image: url('../images/backtopmob.png');
background-position: 0 0;
background-repeat: no-repeat;
text-decoration:none;  
outline-style:none; 
cursor:pointer;
}
}
@media only screen and (min-width: 220px) and (max-width: 390px){
nav{
display:none;
}
.containernav{
position:absolute;
top:0;
right:0;
z-index:50;
width:100%;
height:auto;
margin:0!important;
}
#toggle{
display:inline-block;
position:absolute;
right:5px;
top:5px;
z-index:45;
margin:0 0 0 20px;
padding:5px;
color:#ff0000;
cursor: pointer; 
}
#toggle:hover{
color:#fff;
}
nav{
position:absolute;
top:0;
width:100%;
height:auto;
margin:0;
padding:0 0 10px 0;
background: -webkit-linear-gradient(rgba(245,163,15,0.9),rgba(245,163,15,0.9)); 
background: -o-linear-gradient(rgba(245,163,15,0.9),rgba(245,163,15,0.9));   
background: -moz-linear-gradient(rgba(245,163,15,0.9),rgba(245,163,15,0.9));     
background: linear-gradient(rgba(245,163,15,0.9),rgba(245,163,15,0.9)); 
}
nav ul{ 
flex-direction:column;
margin:0;  
padding:5px 0 5px 0; 
text-align:center;
list-style-type:none;
}
nav ul li{
margin: 0;
padding:0 0 5px 0!important;  
}                                         
nav ul li a, nav ul li a:link, nav ul li a:visited, nav ul li a:active{  
display:block!important;
font-family:Lato,Arial;
font-size:1em !important; 
font-weight:normal;
text-align:center;
color:#fff; 
margin:0;
padding:5px!important;   
text-decoration:none;  
outline-style:none; 
background-color: transparent !important;
}              
nav ul li a:hover,
nav ul li a.current, nav ul li a:link.current, nav ul li a:visited.current, nav ul li a:active.current{  
display:block!important;
color:#43536d;   
font-weight:bold; 
margin:0;
padding:5px !important;    
background-color: transparent !important;
-webkit-border-radius:0;
-moz-border-radius:0 ;
border-radius:0 ;

-webkit-animation: none; 
-moz-animation: none; 
-ms-animation: none; 
-o-animation: none; 
animation: none;
}   
header{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
align-items: center;/*zorgt voor juiste schaling picture bij chrome */
width:100%;
height:auto;
padding:0;
margin:0 auto 0 auto;
}
.headerleft{
flex:0 1 100%;
margin:auto auto auto 0;
padding:0;
}
.headerright{
display:flex;
flex-flow:row wrap;
justify-content:space around;
align-items: center;
flex:1 0 100%;
height:auto;
margin: auto;
padding:0;
background-color: #74787c;
}
.headerrightlogo{
flex:0 1 100%;
margin: auto;
padding:10px 0 10px 0;
background-color: none;
}
.headerrighttext{
flex:0 1 100%;
font-size:0.8rem;
text-align:center;
margin: auto;
padding:10px 0 10px 0;
background-color: none;
}
.text{
width:90%;
max-width:750px;
}
.line{
display:inline-block;
}
footer{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
width:100%;
min-height:200px;
margin:20px auto auto auto;
padding:10px 0 0 0;
}
.containerfooternav{
width:100%;
height:auto;
margin:0 auto 0 auto;
}
.footernav{
display:flex;
flex-flow:column wrap;
justify-content:space-around;
align-items:center;
width:auto;
height:auto;
margin:0 auto auto auto;   
list-style-type:none;
}
.footernav li{
width:100%;
margin:0 0 10px 0;
padding:10px 0 10px 0; 
text-align:center;
background-color: #f5a30f;
}  
.footernav li a, .footernav li a:link, .footernav li a:visited, .footernav li a:active{
font-family:Lato,Arial;
font-size:1em;
font-weight:bold; 
text-transform: normal;
color:#fff; 
margin:0;
padding:0;   
text-decoration:none;  
outline-style:none; 
}
.footernav li a:hover,
.footernav li a.current, .footernav li a:link.current, .footernav li a:visited.current, .footernav li a:active.current{
color:#74787c;
}
.underfooternavleft,.underfooternavright{
width:100%;
margin:10px auto 10px auto;
}
ul.footerlist{
font-size:0.9rem;
padding:0 0 10px 0;
}
span, spantext{
display:none;
text-decoration:none;
}
a:hover span{
width:225px;
height:170px;
margin:-185px 0 0 -10px;
} 
a:hover spantext{
width:220px;
font-size:0.7rem;
margin:-180px 0 0 -10px;
}
/*img.bd{
width:100%;
max-width:250px;
} */
.telmobiel{
display:block;
}
.teldesktop{
display:none;
}
.backtop a{
position:fixed;
right:1%;
bottom:1%;
width:25px;
height:25px;
z-index:45;
background-image: url('../images/backtopmob.png');
background-position: 0 0;
background-repeat: no-repeat;
text-decoration:none;  
outline-style:none; 
cursor:pointer;
}
}