/* Changes by nieuwe bomen 11-2013. 
   Added media queries to make the site more responsive. */

.NewsListItem {
    background-color:#fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;  
}
.Article-Item { margin-bottom: -2em; }
.nov_itemlist { margin-bottom: -0.4em; padding-bottom: 0; }
.GeneralSpacer { margin:0; height: 0; padding: 0; }
.NewListItemDetail div:first-child { margin-top: -1em; }
.DnnModule-403 { display: none; }

/* Tables */

.telerik-reTableOddRow-1, .telerik-reTableEvenRow-1 { height: 50px !important; }
table td {  vertical-align: middle; }

#infoTable tr td { width: 50%; background: #ddd; padding: 10px; }
#infoTable tr td:first-child { border-right: 5px solid #fff; }

.newer-slide-inner img {
    filter: url('js/filters.svg#grayscale'); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
}

@media screen and (max-width: 750px) 
{
    h2 { line-height : 120%; }
    
    .DnnModule-DynamicForms div tr td { width: 100% !important; float:left; }
    .DnnModule-DynamicForms div tr td input { float:left; }
    .DnnModule-DynamicForms div tr td input[type="checkbox"], #dnn_ctr699_DynamicRegistration_tblEmail input[type="radio"] { margin-right: 0.5em; }
    .DnnModule-DynamicForms div tr td label { max-width: 50% !important; display:block; float:left;  }

    .DnnModule-DynamicRegistration div tr td { width: 100% !important; float:left; }
    .DnnModule-DynamicRegistration div tr td input { float:left; }
    .DnnModule-DynamicRegistration div tr td input[type="checkbox"], #dnn_ctr699_DynamicRegistration_tblEmail input[type="radio"] { margin-right: 0.5em; }
    .DnnModule-DynamicRegistration div tr td label { max-width: 50% !important; display:block; float:left;  }


    #sal_lightG { width: 70% !important; max-width:70%; margin: 0 !important; left: 10% !important; height: 70% !important; max-height: 70%; top: 10%; }

    nav { clear:both; }
    .pageWrapper { width: 300px; margin: 0 auto; overflow: hidden; }
    .leftMenuContainer{ display: none; }
    
    /* menu */
    .MainNav { width: auto; }
    .headerTop { width: 100%; height: auto; }
    .headerLinks { position: absolute; right: 0; top: 0px; width: 50%; text-align: right;  padding-top: 0em; padding-bottom: 1em;  }
    .headerLinks a { display: block; margin-top: -0.5em; font-size: 12px; }
    
    /* main content */
    table { width: 100% !important; }
    
    .mainArticle { float: none; width: 100%; }
    .mainArticle h1, .mainArticle h2 { padding-top: 10px; }
    
    .mainContent { margin: 20px; }
    .leftPaneGroup
    {

      clear:both;
      width: 100%;
      margin: 0; 
    }

    .leftPane
    {
      margin-left: 0; padding-left: 0;
      clear:both;
      width: 100%;
    }

    .middlePane
    {
      clear:both;
      width: 100%;
     
    }
    .rightPane 
    {
      clear:both;
      width: 100%;
    }
    
    .sidebar { border-top: 1px solid #E37222; padding-top: 20px; }

    .leftMenuContainer{
      clear:both;
      padding: 0; margin: 0;
      width: 100%;
    }
    .rightBlue { padding: 0; }
    
    /* news items */
    .NewsArticles .Normal { display: none; }
    .articleHeadline h1 
    {
    margin-bottom: 1em !important;
    background-color:#ffffff !important;
    border:0px solid #ffffff !important;
    line-height: 120%;
    }
    
    /* footers */
    footer { margin-top: 0; padding-top: 0; }
    .footerLinksGroup div, .footerLogo { clear: both; width: 100%;  }
    .footerLogo { margin: 0; padding: 0; position: relative; padding-left: 20px; padding-bottom:1em; top: 1em; }
    footer p, footer div a, footer span { font-size: 11px; } 
}

@media only screen and (orientation : portrait)  
{
    .mss-introtext_466 { display:none; } /* Hide because you can't click on it anyway.. */
    
    .DnnModule-DnnForge-NewsArticles { margin: 0; padding: 0; position: relative; left: -20px; }
    .article, .articleHeadline h1 
    {
        width: 80% !important;
    }
    #articleSearchForm2 { position: relative; left: -20px; }
    
    .listingfooter { padding-top: 1em; padding-bottom: 3em; width: 80%; }
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) {
   .pageWrapper { width: 420px !important; }
   .mss-introtext_466 { display:none; } /* Hide because you can't click on it anyway.. */
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
and (orientation : portrait)
{
    .pageWrapper, .contentBG { width: 768px !important;  margin: 0 auto; overflow: hidden; background: #fff !important; }
    h2 { line-height : 120%; }
    
    .DnnModule-DynamicForms div tr td { width: 100% !important; float:left; }
    .DnnModule-DynamicForms div tr td input { float:left; }
    .DnnModule-DynamicForms div tr td input[type="checkbox"], #dnn_ctr699_DynamicRegistration_tblEmail input[type="radio"] { margin-right: 0.5em; }
    .DnnModule-DynamicForms div tr td label { max-width: 50% !important; display:block; float:left;  }

    .DnnModule-DynamicRegistration div tr td { width: 100% !important; float:left; }
    .DnnModule-DynamicRegistration div tr td input { float:left; }
    .DnnModule-DynamicRegistration div tr td input[type="checkbox"], #dnn_ctr699_DynamicRegistration_tblEmail input[type="radio"] { margin-right: 0.5em; }
    .DnnModule-DynamicRegistration div tr td label { max-width: 50% !important; display:block; float:left;  }


    #sal_lightG { width: 70% !important; max-width:70%; margin: 0 !important; left: 10% !important; height: 70% !important; max-height: 70%; top: 10%; }

    nav { position: absolute; top: -25px; left: 160px; padding-right:100px; }
    
    


    .leftMenuContainer{ display: none; }
    
    /* menu */
    .MainNav { width: auto; }
    .headerTop { width: 100%; height: auto; }
    .headerLinks { position: absolute; right: 0; top: 0px; width: 50%; text-align: right;  padding-top: 0em; padding-bottom: 1em; z-index:999999;  }
    .headerLinks a { display: block; margin-top: -0.5em; font-size: 12px; }
    
    /* main content */
    table { width: 100% !important; }
    
    .mainArticle { float: none; width: 100%; }
    .mainArticle h1, .mainArticle h2 { padding-top: 10px; }
    
    .mainContent { margin: 20px; }
    .leftPaneGroup
    {

      clear:both;
      width: 100%;
      margin: 0; 
    }

    .leftPane
    {
      margin-left: 0; padding-left: 0;
      clear:both;
      width: 100%;
    }

    .middlePane
    {
      clear:both;
      width: 100%;
     
    }
    .rightPane 
    {
      clear:both;
      width: 100%;
    }
    
    .sidebar { border-top: 1px solid #E37222; padding-top: 20px;  }

    .leftMenuContainer{
      clear:both;
      padding: 0; margin: 0;
      width: 100%;
    }
    .rightBlue { padding: 0; }
    
    /* news items */
    .NewsArticles .Normal { display: none; }
    .articleHeadline h1 
    {
    margin-bottom: 1em !important;
    background-color:#ffffff !important;
    border:0px solid #ffffff !important;
    line-height: 120%;
    }
    
 
    
    /* footers */
    .footerLinksCol1,
    .footerLinksCol2,
    .footerLinksCol3,
    .footerLinksCol4,
    .footerLinksCol5{
      float:left;
      width:140px;
    }
    
    .footerLinksCol3 a { width: 140px; position: relative; left: 1.5em; }
    .footerLinksCol4 { width: 165px; }
    .footerLinksCol5{ position: relative; left: 25px; }
}