/*
Metainfo:
	Organisatie: Van Dun Advies BV
	Auteurs: Dirk van Roij en Sander de Graauw
	Versie 1: 30 november 2016
	Toepassing: HTML weergave STRI 2008, huisstijl Van Dun Advies BV
*/

@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,700');
@import url('//fonts.googleapis.com/css?family=Montserrat:400,700');
@import url('//use.fontawesome.com/releases/v5.0.10/css/all.css');

body {
	margin:0 0 0 0;
	background:#eee no-repeat 0 100px;
	text-align:center; 
	
	color: #000;
	font-size: 13px;
	line-height: 1.5;
    font-family: 'Open Sans', sans-serif;
}

#container {
	width:962px;
	margin:0 auto;
	padding:0 0 100px 0;
	text-align:left;
	position:relative;
}
body > #container {
	height:auto;
	min-height:100%;
	width:auto;
	max-width:962px;
}


a img {border: 0;}


/* Basis tekstopmaak voor de plantekst */
h1, h2, h3, h4, h5, h6 { margin: 0; padding:1em 0 0 0; color: #113855; /* KLEUR */ font-weight: 700; font-family: 'Montserrat', sans-serif; text-transform: uppercase;}


p, ul {
	padding-top:0.5em;
	padding-bottom:0;
	margin-bottom:0;
	margin-top:0;
}

table.teksttabel {
	margin-top:0.5em;
}

ul ul {
	padding-top:0;
}

h2, h3, h4, h5, h6 {font-weight:bold;}

h2 {font-size:28px; margin-bottom:1em;}
h3 {font-size:24px; margin-bottom:1em;}
h4 {font-size:18px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

a:link, a:visited {
	color:#000000;
	text-decoration: underline;
	}

a:hover{
	color:#113855; /* KLEUR */
	text-decoration: underline;
	}


a.voetnootlink:link, a.voetnootlink:visited {
	cursor: help;
	text-decoration:none;
	vertical-align:super;
	line-height:0.2em;
	font-size:70%;
	margin-left:0.1em;
}
a.voetnootlink:hover {text-decoration:none;}

ul#voetnoten {
	border-top:2px solid #000000;
	margin:4em 0 0 0;
	padding:0;
	list-style-type:none;
	width:100%; /*nodig voor haslayout in IE6*/
}

ul#voetnoten li {
	padding:0 0 0 2.2em;
	margin:1em 0 0 0;
	position:relative;
	width:90%; /*nodig voor haslayout in IE6*/
}

a.voetnootterug {
	position:absolute;
	left:0;
	line-height:1;
	top:0.2em;
}

div#koptekst {
	width:100%; /* nodig voor has-layout in IE */
	background:url(https://www.ontwerp-planologie.nl/resources/images/logo-vandunprojecten.png) no-repeat 0px 0px #fff; /* LOGO */
}

@media print,screen {
	div#toegang {display:none;}
}

div#kruimelspoor {
	overflow:auto;
	width:100%;
	padding:0 0 0 0;
}

.kruimel {
	font-size: 10px;
	margin:10px;
	padding:0px 0px 0 0;
	float:left;
	font-weight:normal;
	
}
h1.kruimel {
	float:none;
	padding:2px 0px 2px 20px;
	margin:70px 0px 0 0;
	font-size:15px;
	font-weight:bold;
	color:#FFF;
	background:#113855; /* KLEUR */
}

.kruimel a:link, .kruimel a:visited {
	white-space:nowrap;
	color:#000;
	text-decoration:none;
}
.kruimel a:hover {
	text-decoration:underline;
	color:#113855; /* KLEUR */
}
.kruimel a:before {
	content:" > ";
	color:#113855; /* KLEUR */
}


#plangegevens {
	padding:5px 5px;
	overflow:auto;
	position:absolute;
	top:0px;
	border-left:1px solid #113855; /* KLEUR */
	background:#113855; /* KLEUR */
	right:0px;
}

#plangegevens table {
	border-collapse:collapse;
}

#plangegevens th {padding-right:1em;}
#plangegevens th, #plangegevens td {
	font-weight:bold;
	color:#FFF;
	font-size:11px;
	vertical-align:top;
	text-align:left;
	padding-top:1px;
	padding-bottom:1px;
	margin:0;
	line-height:1.1em;
}

div#hoofdmenu {
	border:0px solid #FFFFFF;
	position:relative;
	background:#f39200; /* KLEUR */
	clear:both;
	width:100%; /*nodig voor haslayout in IE*/
}

div#hoofdmenu ul {
	position:relative;
	overflow:auto;
	margin:0;
	padding:0;
}
div#hoofdmenu li {
	float:left;
	margin:0;
	padding:0;
	text-transform: uppercase;
	height: 47px;
}

div#hoofdmenu a {
	display:block;
	padding:13px 20px 13px 20px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	border-right:1px solid #fff;
}

div#hoofdmenu a.pdf::after {
	margin-left: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f019";
}

div#hoofdmenu a:hover, div#hoofdmenu a.pdf:hover {
	background-color:#FFFFFF;
	color:#113855; /* KLEUR */
	text-decoration:none;
}

div#inhoudsopgave, div#inhoud {clear: both;}

div#inhoud {
	background-color:#FFF;
	padding:0 75px 100px 20px;
}

div.navigatie ul {
	display: block;
	float: none;
	list-style-type:none;
}
div.navigatie li {
	float: left;
	margin: 2em;
}

div#inhoudsopgave li.pdf {
	background:url(http://www.vandunadvies.nl/Portals/vandun/navigatie_iconen.gif) no-repeat 0 -200px;
	padding-left:24px;
	margin-left:-24px;
}

ul.inhoudsopgave {
	padding-top:0;
	padding-left: 20px;
}

ul.inhoudsopgave a:link, ul.inhoudsopgave a:visited {
	text-decoration:none;
}
ul.inhoudsopgave a:hover {
}

/* Extra voor de inhoudsopgave op de index pagina */

div.document div#inhoudsopgave ul {margin-left:0; padding-left:0;}
div.document div#inhoudsopgave ul ul {margin-left:4em;}
div.document div#inhoudsopgave ul ul ul {margin-top:0.5em;}
div.document div#inhoudsopgave ul ul ul ul {display:none;}


div.document div#inhoudsopgave ul li {
	margin-top:1em;
	font-size:16px;
	font-weight:bold;
}
div.document div#inhoudsopgave ul ul li {
	margin-top:0.5em;
	font-size:14px;
	font-weight:bold;
}
div.document div#inhoudsopgave ul ul ul li {
	margin-top:0;
	font-size:12px;
	font-weight:bold;
}
div.document div#inhoudsopgave ul ul ul ul li {
	font-size:12px;
	font-weight:normal;
}

/* Navigatie-links onderaan de pagina */

div#navigatiemenu {
	position:absolute;
	top:220px;
	margin-left:-95px;
}
#container > div#navigatiemenu { /*IE6 en lager kent position:fixed niet */
	position:fixed;
}

div#navigatiemenu ul {
	padding:0;
	margin:0;
}
div#navigatiemenu li {
	float:none;
	display:block;
	margin:0 0 6px 5px;
	padding: 0;
	text-transform: uppercase;
	font-weight: 700;
}

div#navigatiemenu a:link, div#navigatiemenu a:visited, div#navigatiemenu a:link:hover, div#navigatiemenu a:visited:hover {
	display:block;
	padding: 5px 10px;
	text-decoration:none;
	overflow: hidden;
	color: #fff;
	font-size: 13px;
	background-color: #113855; /* KLEUR */
	transition: background-color 0.5s;
}
div#navigatiemenu a:hover {
	background-color: #f39200 !important; /* KLEUR */
}

div#navigatiemenu li.navigatieitemBegin a {}
div#navigatiemenu li.navigatieitemBegin a:hover		{background-position:0 -25px;}
div#navigatiemenu li.navigatieitemVorige a 		{background-position:0 -50px;}
div#navigatiemenu li.navigatieitemVorige a:hover	{background-position:0 -75px;}
div#navigatiemenu li.navigatieitemVolgende a		{background-position:0 -100px;}
div#navigatiemenu li.navigatieitemVolgende a:hover	{background-position:0 -125px;}
div#navigatiemenu li.navigatieitemOmhoog a		{background-position:0 -150px;}
div#navigatiemenu li.navigatieitemOmhoog a:hover	{background-position:0 -175px;}

@media print,screen {
div#navigatiemenu span.inactief {
	display:none;
}
}


.hoofdstuk_in_regels h3::after {
	content: "";
	display: block;
	border-bottom: 1px solid #113855; /* KLEUR */
}

/* Opmaak voor speciale elementen in de plantekst */

span.lijstnummer {
	display:none;
}

ins {
	text-decoration:none;
}

.alignright {text-align:right;}
.alignjustify {text-align:justify;}
.aligncenter {text-align:center;}
.mark1 {color:#000000; background-color: Yellow;}
.mark2 {color:#000000; background-color: Lime;}
.mark3 {color:#000000; background-color: Aqua;}
.mark4 {color:#000000; background-color: Fuchsia;}
.mark5 {color:#000000; background-color: #6699FF;}
.mark6 {color:#000000; background-color: #AAAAAA;}
.doorstreept {text-decoration: line-through;}
.superscript {vertical-align:super}
.subscript {vertical-align:sub}
.superscript, .subscript {line-height:0.2em;font-size:70%;}
.onderstreept {text-decoration: underline;}
ul.upper-alpha {list-style-type:upper-alpha;}
ul.lower-alpha {list-style-type:lower-alpha;}
ul.upper-roman {list-style-type:upper-roman;}
ul.lower-roman {list-style-type:lower-roman;}
ul.decimal {list-style-type:decimal;}
table.teksttabel {border-collapse:collapse;}
td.teksttabelcel {border: none; vertical-align:top; padding:3px;}
td.border-bottom, td.bottomborder {border-bottom: 1px solid #000000;}
td.border-left, td.leftborder {border-left: 1px solid #000000;}
td.border-right, td.rightborder {border-right: 1px solid #000000;}
td.border-top, td.topborder {border-top: 1px solid #000000;}


/*********************************************************
*           Definities voor uitprinten:                  *
*********************************************************/
@media print {
	body, #container {margin:0px; color: #000000; background-color:transparent; background-image:none; border:0;}
	p, h1, h2, h3, h4, h5, h6 {
		color:#000;
	}
	#koptekst {background:none; min-height:0; width:auto;}
	a:link, a:visited {color:#000; text-decoration:underline;}
	.navigatie, ul.inhoudsopgave {display:none;}
	div.document ul.inhoudsopgave {display:block;}
	div#inhoud {padding:0; clear:none; border:0; margin:0; background-color:transparent; background-image:none;}
	#plangegevens {background:transparent; border:none; padding:0; margin:0; position:static; float:right; border-color:#DDD;}
	#plangegevens table {border:none; margin:0 0 0.5em 0.5em;}
	#plangegevens th, #plangegevens td {color:#000000; font-size:8pt;}


}


@media (max-width: 575px) {

	div#hoofdmenu li { 
		float: none;
	}

}
@media (max-width: 1200px) {

	div#navigatiemenu {
		top: 250px;
		left: auto;
		right: 0;
	}

}
@media (max-width: 767px) {

	div#navigatiemenu {
		top: auto;
		left: auto;
		right: 0;
		bottom: 0;
	}

}