div#content div.center {
	margin-bottom: 10px;
}


div#content div.right {
}


.banners_onder_content {
	display: none;
}


div#titlearea { overflow: hidden; }
div#titlearea, div#titlearea h1 {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	    -ms-hyphens: auto;
	        hyphens: auto;
}

/***************/
/* NAV MOBIEL */

#nav_mobiel { 
	display: none;
	position: absolute;
	top: 7px; left: 5px;
	width: 50px; 
	text-align: left;
	transition: all 0.2s ease; -webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;
}

#nav_mobiel img { 
	width: 100%; max-width: 42px;
	height: auto;
	padding-top: 4px;
}
#nav_mobiel a { 
	padding: 0 !important; 
	border: none !important;
}
#nav_mobiel:hover img { 
	opacity: 0.56;
} 

#nav_mobiel .menu_licht, #nav_mobiel .menu_zwart {
	display: block;
}

nav#menu_mobile { 
	position: fixed; 
	top: 0; left: -415px; /* extra 15px van de schaduw */
	width: 80%; max-width: 400px; height: 100%;
	display: block;
	z-index: 110;
	background: #2f3437;
	overflow-y: auto;
		
	-moz-box-shadow: 5px 0px 15px rgba(0,0,0,0.6);
	-webkit-box-shadow: 5px 0px 15px rgba(0,0,0,0.6);
	box-shadow: 5px 0px 15px rgba(0,0,0,0.6);
	
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	
	padding: 0 0 40px 0; margin: 0;
	
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;
		
	opacity: 0; 
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
	
nav#menu_mobile p { 
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}


nav#menu_mobile ul {
	width: 90%;
	font-family: '';
	/* text-transform: uppercase; */
	font-size: 20px; line-height: 32px;
	list-style: none;
	text-align: left;
	padding: 40px 0 0 0px;
}
nav#menu_mobile ul li {
	padding: 6px 0 12px 20px;
	
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	    -ms-hyphens: auto;
	        hyphens: auto;
	
	border-bottom: 1px solid #444;
}

nav#menu_mobile ul li a {
	color: #fff;
	text-decoration: none;
}
nav#menu_mobile ul li a:hover {
	color: #ccc;
}


/* EINDE NAV MOBIEL */
/***************/









/* MAX 1120px */
@media only screen and (max-width: 1120px) {
           body.voorpagina div.left{
            display: none;
        }
    
    
        div#VGCADD,div#VGCADDCAT{
            display: none;
        }
	
	div#headercontainer {
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
		
		width: 100%;
		min-width: inherit;
 	    max-width: 100%;
		z-index: 12;
	}
        

	div#header div.right div#login {		
	}
	
	
	
	div#content img {
		max-width: 100%; height: auto;
	}
	
	
	/* Linkerkolom */
	div#content div.left {
		
		position: absolute; 
		top: 0; left: 0px; 
		width: 100%; height: auto !important;
		float: left; 
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
		
		padding: 0 260px 0 100px;
		
		z-index: 10;
		background-color: none;
		
	}
	
	
	/* Linkerkolom: submenu */
	div#content div.left ul.categorieen li {
		display: none; 
	}
	div#content div.left ul.categorieen > li:first-child {
		display: block;
	}
	
	div#content div.left #addleft {
		display: none; 
	}
	
	div#content div.left ul li#uitklap_menu {
		margin-bottom: -2px;
	}
	
	div#content div.left ul li#uitklap_menu a {
		background-image: none;
	}
	div#content div.left ul li#uitklap_menu a div.plus_uitklap { 
		font-size: 2.5em; font-weight: 800; 
		line-height: 1em;
		color: #000;
		display: inline-block; 
	}
	div#content div.left ul li#uitklap_menu a div.plus_tekst { 
		font-size: 1em; 
		color: #000;
		display: inline-block; 

	    position: absolute;
	    top: 23px; margin-left: 5px;
		
		opacity: 0.75;
	}
	
	div#content div.left ul.categorieen {
		background: #fff;
	}
	
	div#content div.left ul.categorieen.shadow {
		background: #fff;
		-moz-box-shadow: 5px 0px 15px rgba(0,0,0,0.6);
		-webkit-box-shadow: 5px 0px 15px rgba(0,0,0,0.6);
		box-shadow: 5px 0px 15px rgba(0,0,0,0.6);
	
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	
		filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
		-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
		zoom: 1; 	
	}
	
	
	body.artikel div.content h1 {
		margin-top: 5px !important;
	}
	
	/*Banners onder content */
	.banners_onder_content {
		display: block;
		float: left;
		padding: 20px 0; margin: 20px 0 0 0;
		border-top: 1px solid #ccc;
		width: 100%;
	}
	
	.banners_onder_content ul li {
		list-style: none;
		display: inline; 
		padding: 0;
		float: left;
	}
	.banners_onder_content ul li img { padding: 0 12px 12px 0; }
	
	/* Content / Midden */
	div#titlearea {
		margin-top: 20px;
		margin-left: 100px;
		min-height: auto;
	}
	

	
	div#content {
		width: 100% !important; 
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
	}

	div#content div.center {
		left: 0px;
		width: 100%; 
		float: left; 
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
		
		padding: 0 260px 0 100px;
	}
	
	div#content div.content article {
		padding-bottom: 10px;
	}
	


	
	
	/* Homepage */
	body.voorpagina ul.producten {
		text-align: center;
	}
	body.voorpagina ul.producten li {
		text-align: left;
	}
	
	
	/* redactie tabel */
	div.redactie {
		margin: 10px 0;
	}
	
	body.categorie div.center.middle div.redactie h3 {
		margin-bottom: 0px;
	}
	
	
	
	
	
	/* Rechterkolom */
	div#content div.right {
		z-index: 11;
	}
	
 	
	
	/* Footer */
	div#footer {
		float: left;
	    display: block;
	    text-align: right;
	    width: 100% !important;
	    max-width: 1200px;
		padding: 10px 20px;
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
	}
	
	
	
	
	
	/* INPUT VELDEN GLOBAAL */
	div#header div.right div#login input { 
		padding: 8px;
	}
	div#content input {
		min-width: 150px;
	}
	button, input {
	    white-space: normal;
	}
	
	.controls i {
		display: block;
	}
	
	
	
	/* ERRORS GLOBAAL */
	
	
	
	
	
	
	/* ABONNEREN */
	div#content > ul.profiel {
		padding: 0 30px !important;
	}
	div#content > h2, div#content > p {
		padding: 0 30px !important;
	}
	
	
	.um-form-row {
	    padding: 10px 30px;
	    display: block;
	    margin: 0 !important;
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
	}
	
	
	/*div.um-panel .um-panel-content, div.um-panel .um-panel-header {
		padding: 0 30px !important;
	}*/
		
	div.um-panel {
		margin: 30px 30px;
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
		max-width: 90%;
	}
	
	
}
/* < 1120px */




/* MAX 1040px */
/* Homekaders afbeeldingen opnieuw / anders laden! */

@media only screen and (max-width: 1040px) {

    
        div#VGCADD,div#VGCADDCAT{
            display: none;
        }
    
	ul.hoofdmenu a {
	    width: auto;
	    font-family: 'Roboto Slab', serif;
	    padding-top: 50px;
	    margin: 0px;
	    padding-left: 5px;
	    font-size: 0.9em;
	}
	
	div#header div.right {
		width: auto;
		min-width: 80px;
		float: right;
	}
	
	
	
	/* Homepage */
	body.voorpagina ul.producten {
		text-align: center; 
	}
	
	/* Homepage kaders */
	body.voorpagina ul.producten li {
	    width: 30.5%;
	    height: 140px;
	    margin-bottom: 1.5%;
	    margin-right: 0.75%; margin-left: 0.75%;
	}


	body.voorpagina ul.producten li a { 
		background-image: none;
		width: 100%;
		white-space: normal;
		padding-right: 20px; 
		line-height: 1.1em;
		margin-top: 2px;
	}
	
	body.voorpagina ul.producten li a:hover {
		background-image: none;
	}
	
	/* BTTN Insolventierecht */
	body.voorpagina ul.producten li.TvCu a { 
		background-image: url("../img/dh_responsive/dh-home-insolventie.jpg"); 
		background-repeat: no-repeat; background-position: -2px 50px; background-size: 102%; 
	}
	body.voorpagina ul.producten li.TvCu a:hover { background-image: url("../img/dh_responsive/dh-home-insolventie-hover.jpg"); }
	
	/* BTTN Compliance */
	body.voorpagina ul.producten li.TvCo a { 
		background-image: url("../img/dh_responsive/dh-home-compliance.jpg"); 
		background-repeat: no-repeat; background-position: -2px 50px; background-size: 102%; 
	}
	body.voorpagina ul.producten li.TvCo a:hover { background-image: url("../img/dh_responsive/dh-home-compliance-hover.jpg"); }
	
	/* BTTN Financieel recht */
	body.voorpagina ul.producten li.FR a { 
		background-image: url("../img/dh_responsive/dh-home-financieelrecht.jpg"); 
		background-repeat: no-repeat; background-position: -2px 50px; background-size: 102%; 
	}
	body.voorpagina ul.producten li.FR a:hover { background-image: url("../img/dh_responsive/dh-home-financieelrecht-hover.jpg"); }
	
	/* BTTN Huurrecht bedrijfsruimte */
	body.voorpagina ul.producten li.TvHB a { 
		background-image: url("../img/dh_responsive/dh-home-huurrecht.jpg"); 
		background-repeat: no-repeat; background-position: -2px 50px; background-size: 102%; 
	}
	body.voorpagina ul.producten li.TvHB a:hover { background-image: url("../img/dh_responsive/dh-home-huurrecht-hover.jpg"); }
	
	/* BTTN Jaarrekeningenrecht */
	body.voorpagina ul.producten li.TvJ a { 
		background-image: url("../img/dh_responsive/dh-home-jaarrekening.jpg"); 
		background-repeat: no-repeat; background-position: -2px 50px; background-size: 102%; 
	}
	body.voorpagina ul.producten li.TvJ a:hover { background-image: url("../img/dh_responsive/dh-home-jaarrekening-hover.jpg"); }
	
	/* BTTN Energierecht */
	body.voorpagina ul.producten li.NTE a { 
		background-image: url("../img/dh_responsive/dh-home-energierecht.jpg"); 
		background-repeat: no-repeat; background-position: -2px 50px; background-size: 102%; 
	}
	body.voorpagina ul.producten li.NTE a:hover { background-image: url("../img/dh_responsive/dh-home-energierecht-hover.jpg"); }
	
	/* BTTN Agrarisch recht */
	body.voorpagina ul.producten li.TvAR a { 
		background-image: url("../img/dh_responsive/dh-home-agrarisch.jpg"); 
		background-repeat: no-repeat; background-position: -2px 50px; background-size: 102%; 
	}
	body.voorpagina ul.producten li.TvAR a:hover { background-image: url("../img/dh_responsive/dh-home-agrarisch-hover.jpg"); }
	
	/* BTTN Staatssteun */
	body.voorpagina ul.producten li.TvS a { 
		background-image: url("../img/dh_responsive/dh-home-staatssteun.jpg"); 
		background-repeat: no-repeat; background-position: -2px 50px; background-size: 102%; 
	}
	body.voorpagina ul.producten li.TvS a:hover { background-image: url("../img/dh_responsive/dh-home-staatssteun-hover.jpg"); }
	
	/* BTTN Internetrecht */
	body.voorpagina ul.producten li.IR a { 
		background-image: url("../img/dh_responsive/dh-home-internet.jpg"); 
		background-repeat: no-repeat; background-position: -2px 50px; background-size: 102%; 
	}
	body.voorpagina ul.producten li.IR a:hover { background-image: url("../img/dh_responsive/dh-home-internet-hover.jpg"); }
	
	/* BTTN Sanctierecht & Onderneming */
	body.voorpagina ul.producten li.TvSO a { 
		background-image: url("../img/dh_responsive/dh-home-sanctierecht.jpg"); 
		background-repeat: no-repeat; background-position: -2px 50px; background-size: 102%; 
	}
	body.voorpagina ul.producten li.TvSO a:hover { background-image: url("../img/dh_responsive/dh-home-sanctierecht-hover.jpg"); }
	
	/* BTTN Arbeid & Onderneming */
	body.voorpagina ul.producten li.TvAO a { 
		background-image: url("../img/dh_responsive/dh-home-arbeid.jpg"); 
		background-repeat: no-repeat; background-position: -2px 50px; background-size: 102%; 
	}
	body.voorpagina ul.producten li.TvAO a:hover { background-image: url("../img/dh_responsive/dh-home-arbeid-hover.jpg"); }
	
	/* BTTN Vastgoedcontracten */
	body.voorpagina ul.producten li.TvZ a { 
		background-image: url("../img/dh_responsive/dh-home-zr.jpg"); 
		background-repeat: no-repeat; background-position: -2px 50px; background-size: 102%; 
	}
	body.voorpagina ul.producten li.TvZ a:hover { background-image: url("../img/dh_responsive/dh-home-zr-hover.jpg"); }
	
	
}
/* < 1040px */





.mobile_submenu { display: none; }


/* MOBIELE WEERGAVE */
/* vanaf 1000px mobiele weergave maken (met menuknop, etc)	*/
@media only screen and (max-width: 1000px) {
    div#VGCADD,div#VGCADDCAT{
    display: none;
}
    
    
	#navigatie_right { display: none; }
	#nav_mobiel { display: block; }	
	
	.mobile_submenu { display: block; }
	
	
	#header div.center * {
		display: none;
	}
	
	/* DH logo */
	div#denhollander { margin-left: 70px ; }
	
	
	
	/* Linkerkolom */
	div#content div.left {
		padding: 0 60px 0 60px;
	}
	

	/* Content / Midden */
	div#titlearea {
		margin-left: 60px;
	}
	
	div#content div.center { 
		width: 100%; height: auto !important;
		float: left; 
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
		
		padding: 0 60px 60px 60px; 
	}
	
	div#content img {
		max-width: 100%; height: auto;
	}
	
	
	
	/* Rechterkolom */
	div#content div.right {
		position: relative !important;
		width: 100% !important; height: auto !important;
		float: left !important; 
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
		
		padding: 0 60px 0 60px;
	}
	

}
/* < 1000px */




/* MAX 780px */
@media only screen and (max-width: 780px) {
	
	body.categorie div.center.middle h3 {
		font-size: 20px;
	}
	
	p, article, div.content li, div.content ul, div#page, div#page p {
	    font-size: 15px;
	    margin-top: 0px;
	}
	
	
	/* Profiel menu */
	ul.profiel {
		border-bottom: 1px solid #ccc;
		margin-bottom: 15px;
	}
	ul.profiel li {
		padding: 0 15px 10px 0;
	}
	
	div#content > h3, div#content > h4, div#content > ul, div.webusers.algemeen, div#content > form {
		padding: 0 30px !important;
	}
	
	
	
	/* Archief */
	body.archief div#content div.center {
		width: 100%;
	}
	
	body.archief div.input {
	    font-size: 1em;
	    width: 100%;
		padding: 8px;
	}
	
	
	
	/* zoekresultaten */
	body.archief table {
		width: 100%;
		padding-bottom: 8px;
	}

	
	body.archief tr td {
	    width: 100%;
	    height: auto;
	    float: left;
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
	}
	body.archief tr td p, body.archief tr td h4 {
		padding: 6px;
		max-width: 90%;
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
	}
	
	body.archief tr td h4 {
		word-wrap: break-word;
		-webkit-hyphens: auto;
		   -moz-hyphens: auto;
		    -ms-hyphens: auto;
		        hyphens: auto;
	}

	table.archief tr {
	    clear: left;
	}
	
	body.archief table .titel {
		width: 100%;
	}
	
	body.archief th.type, body.archief th.tijdschrift, body.archief th.uitgave, body.archief th.auteur { display: none; }
	
	
	
	
}
/* < 780px */



/* MAX 720px */
@media only screen and (max-width: 720px) {


	/* Homepage kaders */
	body.voorpagina ul.producten li {
	    width: 47%;
	    height: 140px;
	    margin-bottom: 1.5%;
	    margin-right: 0.75%; margin-left: 0.75%;
	}

	
	
	
}
/* < 720px */






/* MAX 680px */
@media only screen and (max-width: 680px) {
	

	
	
	
	
	div#header div.right div#login a.login {
		display: inline-block;
		float: right;
	}
	div#header div.right div#login {
	    z-index: 10;
	    width: 80px;
	    position: absolute;
	    right: 0px;
	    border-right: 1px solid white;
	    height: 70px;
	    overflow: hidden;
	    padding-left: 10px;
	    font-size: 14px;
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
	}
	div#header div.right div#login.open {
		width: 240px;
	}
	
	div#header div.right div#login input { 
		width: 90%;
		padding: 8px;
	}
	
	div#header div.right div#login input[type=submit] {
	    width: auto;
		min-width: 150px;
		font-size: 14px;
	}

	
	
	div#titlearea { 
		width: 85%;
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
	}
	
	
	
	/* Redactie tabel */
	body.categorie table {
		width: 90%;
		padding-bottom: 8px;
	}
	
	table.redactie tr td {
	    width: 200px;
	    height: 100px;
	    float: left;
	}

	table.redactie tr {
	    clear: left;
	}
	
	body.categorie table td {
		width: 100% !important;
		height: auto;
		float: left;
		display: inline;
	}
	
	body.categorie div.redactie * {
	    margin-bottom: 0px;
	}
	
	body.categorie table td.hoofdredactie {
		margin-bottom: 5px;
	}
	
	body.categorie div.redactie * {
		font-size: 12px;
	}
	
	
	
	/* Login / forms */
	div.um-panel {
	    min-width: inherit;
	}
	
	input, textarea, .uneditable-input {
	    max-width: 90%;
	}
	
	.um-panel-content .row {
		margin-left: 0;
		overflow-x: auto;
	}
	
	body.users.register div.span6 {
		width: 100%;
	}
	
	
	/* Captcha */
	#recaptcha_area, #recaptcha_table {
	   display: inline-block !important;
	   float: left;
	}
	
	#recaptcha_widget_div {
		width: auto;
 		display: inline-block !important;
 		float: left;
	}
	
	
	
	.form-horizontal .controls {
	    margin-left: 0px;
		float: left;
	}
	
	

	
	
}
/* < 680px */




/* MAX 540px */
@media only screen and (max-width: 540px) { 

	nav#menu_mobile ul {
		width: 90%;
		font-size: 18px; line-height: 26px;
		list-style: none;
		text-align: left;
		padding-top: 50px; 
	}
	
	
	body.voorpagina ul.producten li {
	    width: 100%;
	    height: 140px;
	    margin-bottom: 1.5%;
	    margin-right: 0; margin-left: 0;
	}
	
	
	
	/* Redactie tabel */
	div.redactie h3 {
		cursor: pointer;
	}
	div.redactie h3::before { 
		content: "+ ";
		color: #666;
	}
		
	div.redactie.actief h3::before { 
		content: "- ";
	}
	
	/* wordt ook in js file aangegeven, wel / niet zichtbaar na resize */
	div.redactie table.redactie {
		display: none;
	}
	
	div.redactie {
		border-bottom: 1px solid #ccc;
		margin-bottom: 25px;
	}
	
	body.categorie div.redactie * {
		font-size: 12px;
	}
	
	
	
	/* Rechterkolom */
	div#content div.right * {
	    font-size: inherit;
	}
	
	
	div#content div.right div#socialshare span.title {
	    font-size: 15px;
	}
	
	#socialshare a span , #socialshare a span .at-icon {
		width: 24px !important; height: 24px !important;
	}
	.iosSlider {
		font-size: 14px !important;
	}
	
	
	
	
	/* Error's */
	div.messageHolder {
		width: 100%; 
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
	}
	
	div#flashMessage {
	    width: 90%;
		max-width: 320px;
	    height: auto;
	    padding: 40px;
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
	}
	
	.error-message {
	    padding-right: 40px;
	}
	
	
	
	/* Abonneren / registreren */
	.form-horizontal .control-group {
	    width: 100%;
	}
	
	
	/* Formulieren */
	
	
	
	
	/* zoekresultaten */
	body.archief table {
		width: 80%;
		padding-bottom: 8px;
	}

	
	body.archief tr td {
	    width: 80%;
	}
	body.archief tr td p, body.archief tr td h4 {
		max-width: 100%;
	}
	
	
	body.archief table .titel {
		width: 80%;
	}
	
	
	
	
} 
/* < 540px */


/* MAX 480px */
@media screen and (max-device-width: 480px) and (orientation: portrait){

}


/* MAX 420px */
@media only screen and (max-width: 420px) {
	
	/* DH logo */
	div#denhollander { margin-left: 60px ; }
	
	div#header div.center {	display: none; 	}
	
	div#header div.right { position: absolute; top: 0; right: 0; }
	
	
	
	/* Linkerkolom */
	div#content div.left {
		padding: 0 30px 0 30px;
	}
	

	/* Content / Midden */
	div#titlearea {
		margin-left: 30px;
	}
	
	div#content div.center {
		padding: 0px 30px 60px 30px;
	}
	
	div#content div.right {
		padding: 0 30px 0 30px;
	}
	
	
	
	/* Login / forms */
	div .form-horizontal .right {
		float: left;
	}
	
	
}
/* < 420px */