/*.green{background-color:rgb(0,121,129);}
.yellow{background-color:rgb(248,191,48);}*/
ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}


/*********************************************************breadcrumb**********************************************************/
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: transparent;
  border-radius: 4px;
  text-align:right;
}
.breadcrumb-color{background-color:transparent;color:white;float:right;width:100%;}
.breadcrumb-color a,
.breadcrumb-color a:hover,
.breadcrumb-color a:focus
{color:white;font-size:12px;}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: white;
    content: "/\00a0";
}

/*********************************************************navigatiebar**********************************************************/
.navbar-default {
  background-color: rgb(0,121,129);
  border: 0px solid black;
  height:auto;
  font: 22px 'Verdana', Arial, sans-serif;
}
.navbar-default .navbar-brand {
  color: #777;
  background-color: rgb(0,121,129);
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: white;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
   color: red;
   border-bottom:0px solid white;
   background-color: transparent;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
  border-bottom:0px solid rgb(218,151,246);
}

.navbar-default .navbar-nav > li > a.active {
  color: #333;
  background-color: transparent;
  border-bottom:0px solid rgb(218,151,246);
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: rgb(0,121,129);
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: rgb(248,191,48);
}


.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: transparent;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}

@media only screen and (min-width: 768px) {
.navbar-default .navbar-nav  > li > a {
   color: #777;
   border-bottom:0px solid white;
   padding-left:0px;
   padding-right:0px;
   margin-right:15px;

}

}
@media only screen and (max-width: 767px) {
.navbar-color{background-color:transparent;color:white;z-index:100;}
.navbar-default .navbar-nav > li > a {
  color: white;
   border-bottom:1px solid white;
   width:100%;
   background-color:transparent;
   margin:0;
}



.navbar-default .navbar-nav > li > a.active {
  color: white;
   border-bottom:1px solid white;
   width:100%;
   background-color:transparent;
   margin:0;
}
.navbar-header{padding-top:0px;background-color:transparent;}
}

        .navbar ,.breadcrumb {
            margin-bottom: 0;
            background-color: rgb(0,121,129);
            z-index: 9999;
            border: 0;
            font-size: 18px !important;
            line-height: 1.42857143 !important;
            letter-spacing: 1px;
            border-radius: 0;
            font-family:'akzidenzgroteskroman',Verdana, sans-serif;
            width: 100%;
        }

            .navbar li a, .navbar .navbar-brand {
                color: white !important;
                background-color: transparent;
                /*opacity:0.6;*/
            }



.float-right-export{padding-left:20px;padding-right:20px;padding-bottom:70px;}
.float-right{padding-left:20px;padding-right:20px;padding-bottom:20px;}
.float-left{padding-left:20px;padding-right:20px;padding-bottom:45px;}
.float-zenbo{padding:20px;}


@media all and (min-width: 1400px) {

.panel-body{height:225px;}
.float-right-export{padding-left:100px;padding-right:30px;padding-bottom:95px;}
.float-right{padding-left:100px;padding-bottom:20px;padding-right:20px;}
.float-left{padding-left:100px;padding-bottom:45px;padding-right:160px;}
 .float-zenbo{padding:20px;padding-left:75px;padding-right:100px;}
}




.imgkader{text-align:center;vertical-align:middle;border:0px solid #f5f5f5;background-color:transparent;align-self:center;height:100px;}
.imgkader img{padding:5px;margin:auto;max-height:200px;max-width:150px;}
.hijsoog img {
            display: block; /*remove inline-block spaces*/
            width: 100%; /*make image streatch*/
            margin: 0px;
            padding: 0px;
            padding-bottom: 20px;
            padding-top: 20px;
        }

        .tekst_banner {
            height: 100px;
            text-align: center;
            padding-top: 30px;
}



 
/************************Carousel boven**********************************/
        #myCarousel {
            position: relative;
            top: -23px;
        }
        .banner {
            width: 100%; /*container-width*/
            overflow: hidden; /*hide bounds of image */
            margin: 0; /*reset margin of figure tag*/
        }

            .banner img {
                display: block; /*remove inline-block spaces*/
                width: 100%; /*make image streatch*/
            }

            .banner img {
                /*add to other styles*/
                margin: -5.875% 0;
            }

        .banner_geel {
            background-color: rgb(248,191,48);
            height: 10px;
            min-width: 100%;
            z-index: 1000;
            position: relative;
            top: 5px;
            opacity: 0.9;
        }


/************************Diverse foto's**********************************/

        #product_02 {
            background: transparent url(../img/Producten/product_002.jpg) no-repeat top center;
            background-attachment: scroll;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
            -o-background-size: cover;
            width: 100%;
            height: 300px;
            border-top: 10px solid white;
        }

        #col-image-product {
            background: transparent url(../img/Producten/product_001.jpg) no-repeat center center;
            background-attachment: scroll;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
            -o-background-size: cover;
            margin: 0px;
            border-top: 10px solid white;
            overflow:hidden;

        }

        #col-image-zenbo {
            background: transparent url(../img/Zenbo/zenbo_04.jpg) no-repeat right center;
            background-attachment: scroll;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
            -o-background-size: cover;
            margin: 0px;
            width: 100%;
            min-height: 300px;
            border-top: 10px solid white;
            border-bottom: 10px solid white;
        }
                #col-image-zenbo-2 {
            background: transparent url(../img/slideshow/01-A7555.jpg) no-repeat center center;
            background-attachment: scroll;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
            -o-background-size: cover;
            margin: 0px;
            width: 100%;
            min-height: 300px;
            border-top: 10px solid white;
            border-bottom: 10px solid white;
        }

        #col-image-nederland {
            background: transparent url(../img/Nederland/Nederland_05.jpg) no-repeat center center;
            background-attachment: scroll;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
            -o-background-size: cover;
            margin: 0px;
            border-top: 10px solid white;
            border-bottom: 10px solid white;
            min-height: 550px;
            overflow:hidden;
                           
        }

        #Nederland_06 {
            background: transparent url(../img/Nederland/Nederland_06.jpg) no-repeat bottom center;
            background-attachment: scroll;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
            -o-background-size: cover;
            width: 100%;
            min-height: 275px;
            border-top: 10px solid white;
        }

        #export_08 {
            background: transparent url(../img/Export/export_08.jpg) no-repeat bottom center;
            background-attachment: scroll;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
            -o-background-size: cover;
            width: 100%;
            min-height: 275px;
            border-top: 10px solid white;
        }

        #col-image-export {
            background: transparent url(../img/Export/Export_07.jpg) no-repeat center center;
            background-attachment: scroll;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
            -o-background-size: cover;
            margin: 0px;
            border-top: 10px solid white;
                       overflow:hidden;
        }



        /*************************contactbanner****************************/


        #contact {
            background: transparent url(../img/Onderbanner/steigerhout.png) no-repeat top center;
            background-attachment: scroll;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
            -o-background-size: cover;
            margin: 0px;
            border-top: 10px solid white;
            min-height: 600px;
            overflow: hidden;
            padding: 0px;

        }

        .outer {
          position: relative;
          width: 100%;
          height: 120px;
          margin: 0px auto;
          border: 0px solid #c00;
        }

        .inner {
          position: absolute;
          width: 100%;
          height: 100px;
          top: 0px;
          left:0px;
          margin-left: 0;
          padding:0px;
          background-color:transparent;
        }

        .inner_auto {
          position: absolute;
          width: 100%;
          height: auto;
          top: 0px;
          left:0px;
          margin-left: 0;
          padding:0px;
          background-color:transparent;
        }


        /*************************Submenu items****************************/


        .panel {
            border: none;
        }

        .panel-default > .panel-heading {
            background-color: white;
            border: none;
        }

        .panel-footer {
            background-color: white;
            border: none;
            padding-top:25px;
        }

    .link a:hover{text-decoration:none;color:black;}

        /****************************device aanpassingen*************************/


                    #col-image-zenbo {
                 height:630px;
            }
                        #col-image-zenbo-2 {
                height:630px;
            }
@media all and (min-width: 1441px) {
                #col-image-zenbo {
                height: 500px;
            }
                        #col-image-zenbo-2 {
                height:500px;
            }
}

        @media all and (min-width: 1025px) {

            #contact {
               min-height: 647px;
            }

            .slideshow {
                border-top: 0px;
                border-right: 0px;
            }

            #col-image-nederland {
                height: auto;
            }

            #col-image-product {
                border-bottom: 0px;
                height: auto;
            }

            #col-image-export {
                height: auto;
            }

            .slideshow {
                border-top: 0px;
                max-height: 531px;
            }

 
             #product_border {
                border-left: 10px solid white;
                border-right: 10px solid white;
            }




            .bottom-menu {
                position: absolute;
                bottom: 10px;
                right: 0px;
                margin-right: 20px;
            }
        }

        @media all and (min-width: 1200px) {        
              

                   #col-image-nederland {
                border-right:10px solid white;
                                border-top: 0px;
                border-bottom: 0px;

            }
                               #col-image-product {
              border-left: 10px solid white;
                border-top: 0px;

            }

            #col-image-export {
                border-left: 10px solid white;
                     border-top: 0px;

            }
                        #col-image-zenbo {
                border-top: 0px;
                border-bottom: 0px;

            }
            #col-image-zenbo-2 {
                border-top: 0px;
                border-bottom: 0px;

            }
        }






        @media all and (max-width: 1020px) {
            #product_border {
                border-bottom: 10px solid white;
            }
                        h3{font-size:16px;}
        }
        }



        @media all and (min-width: 979px) {
            .banner_geel {
                top: 4px;
                height: 23px;
            }
        }

        
            @media all and (max-width:1200px) {
             #product_border {
                border-left: 0px solid white;
                border-right: 0px solid white;
            }
            #col-image-zenbo { max-height:200px;
            }
             #col-image-zenbo-2 { max-height:200px;
            }

        }
        @media all and (max-width:1023x) {
             

            #col-image-zenbo-2 {
                min-height: 200px;
                 border-left: 0px solid white;
                 border-top: 0px solid white;
            }
            #col-image-product { max-height:200px;
            }
           #col-image-zenbo { max-height:200px;
            }

        }

        .box a.test {

   color: rgb(0,129,121);padding-left:0px;font: 18px'akzidenzgroteskregular',  Verdana, Arial, serif; text-decoration:none;    
   position:absolute;bottom:0px;
left:0;
right:0;
margin-left:auto;
margin-right:auto;

}
.box a.link {
   color:black;padding-left:0px;font-family:'akzidenzgroteskroman' , Verdana, Arial, serif;text-decoration:underline;
}
        .box p {padding-bottom:50px;
        }
        .box h4{padding-top:20px;}

        /*************************videao****************************/


        #video {
            /*background: transparent url(../img/Onderbanner/steigerhout.png) no-repeat top center;
            background-attachment: scroll;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
            -o-background-size: cover;
            margin: 0px;
            border-top: 10px solid white;*/
            min-height: 200px;
            overflow: hidden;
            padding: 0px;
            /*margin-bottom:50px;*/

        }