@media screen and (max-width: 1024px) {
	.colmask {
		float: none;
		overflow: visible;
		position: relative;
		width: 100%;
	}
	.sidemenu {
		background: none;
		filter: none;
		width: 100%;
	}
	.sidemenu .col {
		border: 0;
		float: none;
		left: 0;
		margin-left: 0;
		position: inherit;
		right: 0;
		width: 100%;
	}
	.sidemenu .col1wrap {
		float: none;
		left: 0;
		padding: 0;
		position: inherit;
		right: 0;
		width: 100%;
	}
	.sidemenu .col1, .sidemenu .col2 {
		float: none;
		left: 0;
		margin: 24px;
		padding: 0;
		position: inherit;
		right: 0;
	}
	.sidemenu .col1 {
		width: auto;
	}
	.sidemenu .col2 {
		background-color: #F2F2F2;
		background: -moz-linear-gradient(top,  #F2F2F2,  #FFFFFF); /* for firefox 3.6+ */ 
		background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#FFFFFF)); /* for webkit browsers */
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#F2F2F2', EndColorStr='#FFFFFF'); /* for IE6-9 */
		border-top: 1pt solid #CCC;
		clear: both;
		margin: 0;
		padding: 24px;
		width: auto;
	}
	#footer {
		padding: 1.5em 1.5em 4.5em;
	}
	.doctable-col2 {
		float: none;
		width: 100%;
	}
}
@media screen and (max-width : 712px) {
	body {
		min-width: 0 !important;
	}
	#head {
		height: auto;
	}
	#headcontainer, #headcontent {
		display: block;
		float: none;
		height: 82px;
		margin: 0;
	}
	#headcontent img {
		left: 10px;
	}
	#searchbar {
		display: inline-block;
		float: none;
		margin: 12px;
		padding: 0;
		text-align: left;
		width: auto;
	}
	#searchbar a {
		display: none;
	}
	#qs input:not([type=submit]) {
		width: 100%;
	}
	#menu > nav ul, #menu > nav ul ul, #menu > nav ul ul ul {
		left: 0;
		margin: 0 0 0 27px;
		overflow: hidden;
		position: relative;
		right: 0;
		width: auto;
	}
	#menu > nav > ul {
		margin: 0;
	}
	#menu > nav ul li {
		float: none;
	}
	#menu > nav > ul > li > a.submenu {
		background-image: url(/images/icons/arrow-25-white-16.png);
		background-position: right center;
	}
	#content, .sidemenu .col1, .sidemenu .col2 {
		float: none;
		left: 0;
		margin: 12px;
		padding: 0;
		position: inherit;
		right: 0;
	}
	.sidemenu .col2 {
		margin: 0;
		padding: 12px;
	}
	#footer {
		padding: 0.75em 0.75em 2.25em;
	}
	.paw {
        display: none !important;
    }
    #sitedir {
        margin: 18px 0;
        padding: 0;
    }
    #sitedir .sitedir_block {
        margin: 0;
        min-width: 0;
    }
    #sitedir .sitedir_block p {
	    background-image: none;
	    border-radius: 2pt;
    }
    .sf2 .form-group {
	    margin: 0;
	    padding: 6pt 0 0 0;
    }
    .sf2 .help-block,
	.sf2 input,
	.sf2 .radios,
    .sf2 select,
    .sf2 textarea,
	.sf2 li {
	    float: none !important;
	    margin: 3pt 0 0 0 !important;
	    width: 100% !important;
    }
    .nuytsia-cover {
        float: none !important;
    }
    figure {
	    border: 0;
	    box-shadow: none !important;
	    display: block;
	    float: none !important;
	    margin: 1.5em 0 0 0 !important;
	    max-width: 712px;
	    padding: 0 !important;
    }
    .figure-left img, .figure-left-float img,
    .figure-right img, .figure-right-float img,
    .figure-centre img {
	    margin-left: auto;
	    margin-right: auto;
    }

    .dl-horizontal dt, .dl-horizontal dd {
		float: none;
	    margin: 0;
	    padding: 12pt 6pt 0 0;
    }
    .dl-horizontal dt {
	    text-align: left;
    }
    .dl-horizontal dd {
	    padding-top: 0;
    }
    .about {
	    margin: 0;
	    padding: 12px;
    }
    .about dd {
	    margin-left: 12px;
    }
    .aboutimage {
	    clear: both;
	    float: none;
	    margin: 0;
	    padding: 0;
    }
}