/* MOBILE */

@media screen and (max-width: 600px) 
{
    #wrapper{
        width:100%;
    }
    
    #header{
        height:60px;
    }
    
    #slider{
        display:none;
    }
    
    #logo{
        margin:0;
        margin-top:5px;
        margin-left:5px;
    }
    
    #logo img{
        width: 100px;
    }
    
    #breadcrumb{
        position:absolute;
        left:15px;
        margin-top:70px;
        font-family: 'Open Sans', sans-serif;
        font-size:12px;
        width:70% !important;
        overflow: hidden;
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        display:none;
    }
    
    #left{
        display:none;
    }
    
    #main{
         width:100%;
         margin-left: 0;
    }
    
    #container{
        margin-top:5px;
    }
    
    .pdf_link{
        position: absolute;
        right: 50px;
        margin-top: -58px;
        float: none;
    }
    
     .pdf_link a{
         margin-left: 7px;
    }
    
     #main .inside{
         margin: 0 10px;
    }
    
    #tandwiel{
        z-index: 1;
        display:none;
    }
    
    #tandwiel img{
        max-width: 100%;
        height:100px;
    }
    
    #slogan{
        width:100%;
        margin-top:0;
        text-align: left;
        padding:0;
        display:none;
        
    }
    
    .export_div{
       display:none;
    }
    
    input[type="submit"]{
        width:98%;
        height:30px;
        background-color: #383838;
    }
    
     input[type="submit"]:hover{
        width:98%;
        height:30px;
        background-color: #383838;
    }
    
    
     #slogan p{
         padding: 5px 30px 5px 5px;
     }
     
     #header .mod_customnav {
         margin-top: 25px;
     }
     
     #footer{
         width:100%;
         margin: 0;
         background-image: none;
     }
     
     #footer-contact{
         display:none;
     }
     
     #footer .mod_navigation{
         display : block;
         width:100%;
         text-shadow: none;
     }
     
     #footer .mod_navigation ul li{
         width:100%;
     }
     
     
     #footer .mod_navigation li a, #footer .mod_navigation li.active span{
        width: 100%;
        clear: both;
        background-color: #95BE0A;
        border: 1px solid #FFF;
        height: 32px;
        line-height: 32px;
        display: block;
        padding-left: 20px;
        color: black;
        text-decoration: none;
        font-size: 14px;

        background-image: linear-gradient(bottom, rgb(250,250,247) 0%, rgb(255,255,255) 100%);
        background-image: -o-linear-gradient(bottom, rgb(250,250,247) 0%, rgb(255,255,255) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(250,250,247) 0%, rgb(255,255,255) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(250,250,247) 0%, rgb(255,255,255) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(250,250,247) 0%, rgb(255,255,255) 100%);

        background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0, rgb(250,250,247)),
                color-stop(1, rgb(255,255,255))
        );
        border-bottom: 1px solid #e2e2e2;
     }
     
     
      #footer .mod_navigation li.first a, #footer .mod_navigation li.first span{
         border-top: 1px solid #e2e2e2;
     }
     
      #footer .mod_navigation li li.first a{
         border-top: none !important;
     }
     
     
     #footer .mod_navigation li.active span, #footer .mod_navigation li li.active span, #footer .mod_navigation li.trail a{
         color:#32618D;
     }
     
     #footer .mod_navigation li li a,  #footer .mod_navigation li li.active span{
        background-color: white;
        padding-left: 30px;
        color: black !important;
     }
     
     #footer .mod_navigation li li.active span{
         font-weight: bold;
         color:#32618D !important;
     }
     
     #logo-clm{
         width:100%;
         text-align: center;
     }
     
     .invoer table td{
         width: auto !important;
         height: auto !important; 
         padding:2px 2px;
     }
     
     .invoer table select{
         height:30px;
         width: 100%;
         margin: 0 !important;
         padding: 0 !important;;
     }
     
      .invoer table th{
         margin: 0 !important;
         padding: 0 !important;;
     }
     
     .invoer table input{
         height:30px;
         width: 80%;
     }
     
     .uitvoer table{
         width:auto;
         border:none;
     }
     
     .uitvoer tbody td {
        text-align: right !important;
        white-space: nowrap !important;
        text-overflow: clip ;
    }
     
      #legende h1{
        display:block;
    }
    
     #legende table{
        width: 100%;
        display:none;
    }
}