:root {
    --may-green: #84bd00;
    --june-blue: #009fdf;
    --gray: #4e4e4d;
    --mid-gray: #97999b;
    --light-gray: #bbbcbc;
}

html, body. div{
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}



html {
    overflow-y: scroll;
    overflow-x: auto !important;
}

body {
    background-color: #FFFFFF;
    height: 100%;
    font-size: 16px;
    font-family: Calibri,arial,helvetica,verdana,sans-serif;
     color: #4E4E4D;
    text-decoration: none;
    color-profile: sRGB;
  
}
.tcent{ text-align:center; }
a {
    text-decoration: none;
    color: #4E4E4D;
}

a:hover {
    text-decoration: none;
    color: #4E4E4D;
}

.noHeight {
    height: auto !important;
}

.logo {
   position: relative;
    top: 0px;
    left: 0px;
    float: left;
    /*margin:2em 0.75em;*/
    margin:2em 0em;
}

.container {
    position: relative;
    top: 0px;
    left: 0px;
    text-align: left;
    margin: 0 auto;
    overflow: initial;
}
.container.header{ background-color:#FFF;}
.container.content{ background-color:#FFF;}
 .container.footer{ background-color:#bbbcbc;; line-height:normal; margin-bottom: 20px;}
.innerContent{ padding:20px; }
.container.content a{ text-decoration: underline;} 
.container.content a:link, .container.content a:visited , .container.content a:hover, .container.content a:active{   color: #4E4E4D;} 

.buBar {
    height: 1.6vw;
    max-height: 20px;
    overflow:hidden;
    float: none !important;
}

.buBar .buBar-left,
.buBar .buBar-right {
	background-color: rgb(132,189,0);
	height: 100%;
	position: relative;
}

.buBar .buBar-right{
	background-color: rgb(0,159,223);
}

.buBar .buBar-left:after {   
	content: '';
    background: rgb(132,189,0);
    border-right: 8px #fff solid;
    position: absolute;
    right: 0;
    top: -1.1em;
    width: 3em;
    height: 3em;
    box-shadow: 13px 13px rgb(0,159,223);
    transform: rotate(-45deg);
    transform-origin: center right;
    z-index: 2;
}

.buBar .buBar-right:before{
	right: initial;
	bottom: initial;
	top: 0%;
}


a.btn_losberger,
a.btn_deboer {
	text-decoration:none !important; 
	color:#FFF !important;
	padding:0.2em 0.5em; 
	margin:0.5em 0em 0.5em 0em; 
	display:inline-block;
	background-color: rgb(132,189,0);
	}
a.btn_deboer{background-color: rgb(0,159,223);}


.header .headerRight {
    float: right;
    font-size: 1em;
}

ul.lang{
	list-style-type: none;
	margin: 0;
	padding: 10px 10px;
	  color: #4E4E4D;
	float:right;
}
ul.lang li{
	display: inline;
}
ul.lang li a{
	text-decoration: underline;
}
ul.lang li a.active{
	text-decoration: none;
}
.innerContent h4,.innerContent h1 ,.innerContent h2{ font-size: 1.375em; margin-top:10px;margin-bottom:5px; }
.innerContent h2.normal{ font-size: 1em;    margin: 0 0 10px;}
.innerContent p{ font-size: 1em;}
.tpad0 { padding-top:0px;}
.innerContent .imgBox img {border:2px solid #494949; }
.innerContent img { 
	max-width: 100%; 
	display:block; 
	height: auto;
	max-height:380px;
	
   /* height: 100% !important;*/
    overflow: hidden;
}
.footerCopyrightRight,.footerCopyrightLeft {
    padding: 20px;
}


.copyrightYear {
    padding-top: 20px;
}

.footer .containerMiddle {
    font-size: 0.85em;
    font-family: Calibri,arial,helvetica,verdana,sans-serif;
    color: #4e4e4d;
}


.greenText {
    color: rgb(163, 210, 12);
}

.greenText a { color: rgb(163, 210, 12); }

.footer .footerNavigation {
    position: relative;
    top: 0px;
    right: 0px;
    font-size: 0.85em;
    color: #4e4e4d !important;
    float: right;
    list-style-type: none;
}

.footer .footerNavigation a{
	 color: #4e4e4d !important;
}

.footer .footerNavigation.footerSocialmedia {
    margin-top: 4px;
    margin-bottom: 9px;
    height: 36px;
}

.footer .footerNavigation li {
    float: left;
    margin-left: 0px !important;
}


.footerSocialmedia a.noHyperlinkBackground {
    margin-left: 8px !important;
}

hr.clear {
    border: none;
    background: none;
    height: 1px;
    clear: both;
}

.clear {
    clear: both;
    padding: 0px;
    margin: 0px;
}

div.bar{
    display: block;
    margin: 19px auto;
    position: relative;
    width: 100%;
    float: left;
    background: #989999;
    color: #FFFFFF;
}


div.bar,div.socialButtonBox {
    margin: 0px auto;
    margin-top: 19px;
}

div.bar span {
    padding-left: 9px;
}
.footerCopyrightLeft p{ padding:0px; margin:0px;}
/*cycle background color*/
.odd {
    background: #FFFFFF !important;
}

.even {
    background: #efefef !important;
}

.places {
    table-width: 100%;
}

.marquee {
    clear: both;
    float: right;
    margin-right: 18px;
    position: relative;
    display: block;
    width: 790px;
    overflow: hidden;
    margin-top: 50px;
}

.pinterest {
    display: block;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999999999999999;
    /* border: 1px solid red; */
    text-align: right;
    font-size: 0.8em;
    margin-bottom: 1em;
    margin-top: -1.85em;
    float: left;
}

div.footer.row .intertent-footer img {
    width: 100% !important;
}

@media ( max-width : 480px) {
    body {
        font-size: 3.33vw;
    }
    .innerContent h4{ font-weight: bold;}
    div.row img.logo {
        margin: 1.7em 0em ;  
        float: left;
       /* max-height: 45px !important;*/
        width: auto !important;
        max-width:100%;
    }

    .buBar {
        
        height: 3.4vw !important;
    }
    
    .buBar .buBar-left:after, .buBar .buBar-right:before {
	    width: 2.1vw;
	}

	 .container.footer{margin-bottom: 10px;}
    .footerCopyrightRight {
        padding: 0 2% 0 2%;
    }
    
    .footerCopyrightLeft{
        padding: 2% 2% 0 2% ;
    }
    .footerSocialmedia a.noHyperlinkBackground {
        margin: 8px  8px 0 0px !important
    }
    
    .footer .footerNavigation {
        margin-top: 20px !important;
    }
}
@media ( min-width : 230px) and ( max-width : 360px) {
	
	 div.row img.logo {
        margin: 2.7em 0em ;  
        float: left;
        /*max-height: 37px !important;*/
        width: auto !important;
        max-width:100%;
    }
}
@media ( min-width : 480px) and (max-width: 640px) {
	div.row img.logo {
        margin: 1.7em 0em ;;        
        /*max-height: 55px !important;*/ 
         width: auto !important;
        max-width:100%;      
    }
}
@media ( max-width : 1024px) {
    .container {
        word-wrap: break-word;
    }
    .containerMiddle.footerBottom.row {
        top: initial !important;
        border-top: 0px solid rgb(163, 210, 12);
        color: rgb(163, 210, 12);
        z-index: 9999999999999 !important;
    }

    .footer .footerNavigation {
        float: left;
        width: 100%;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    } 
	.footerCopyrightRight ul{ padding-left:0px;}

}

@media ( max-width : 1024px) and (min-width: 481px) {
 
    .footer .footerNavigation {
        float: left;
        width: 100%;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .footerCopyrightRight {
        padding: 0% 2% 7% 2%;
    }
    .footerCopyrightLeft {
        padding: 4% 2% 0% 2%;
    }
    .footer .footerNavigation.footerSocialmedia {
        margin-top: 0;
        width: initial;
        float: right;
        position: absolute;
        top: -42%;      
        padding-right: 2%;
    }
    .containerMiddle.footerBottom.row>div {
        background: rgb(163, 210, 12);
    }
    .containerMiddle.footerBottom.row>div>div.slideUpButton *,.containerMiddle.footerBottom.row>div>nav.slideUp,.containerMiddle.footerBottom.row>div>nav.slideUp a
        {
        color: rgb(163, 210, 12) !important;
    }
    .containerMiddle.footerBottom.row>nav {
        background: rgb(255, 255, 255);
        display: none;
        max-height: 90vh;
        overflow-y: auto;
    }
    .containerMiddle.footerBottom.row>nav>h3 {
        color: rgb(0, 0, 0) !important;
        font-size: 1em;
    }
    
    ul.footerNavigation.NaviItems {
        width: initial;
    }

}

@media ( min-width : 481px) and (max-width: 1024px) {
    body {
        font-size: 2vw;
    }
    
    .logo {
	     margin:1.7 0em;
	      width: auto !important;
        max-width:100%;
	}
	
}

@media ( min-width : 1025px) {
    
    .footerRight {      
        position: initial;
    }
    .footerRight a:link, .footerRight a:visited , .footerRight a:hover, .footerRight a:active{   color: #4E4E4D;} 
    .footer .footerNavigation.footerSocialmedia {       
        position: absolute;    
        bottom: 0;
        top: initial;
        margin: 20px;
    }
}