/* 
Metainfo:
	Organisatie: Gemeente Spijkenisse
	Auteur: Michiel Nijdam (Dezta)
	Versie 1: 14 augustus 2007
	Applicatie: DeztaPlan 2
	Toepassing: HTMLweergave
 */

/* Basic HTML layout elements */
html {height:100%}
body {
	height:100%;
	margin:20px 80px 15px 80px;
	/* standaard teksstijl */
	font-family: Verdana,Geneva,Helvetica,sans-serif;
	color:#000;
	font-size: 11px;
	background:#004B91 url(logo.gif) no-repeat 0 -22px;
}

a img {border: 0;} 

/*standaard tekst en links in de 'body' van de pagina*/
p, li, .wptabletd { 
	font-family: Verdana,Geneva,Helvetica,sans-serif; 
	font-size: 11px; 
	color:#000;
	line-height: 160%;
	}

div {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
}

a {
	color:#004B91;
	text-decoration: none;
}

a:hover {
	color:#000000;
	text-decoration: underline;
}


a[name] {
	color: #000;
}
a[name]:hover{
	text-decoration: none;
	}

/* Lay-out van voetnoten*/
a.footnote:link, a.footnote:visited {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	cursor: help;
	text-decoration:none;
}
a.footnote:hover {text-decoration:none;}

	
/* Plaatsing en lay-out van de hoofd-elementen */
table.main {
	width: 100%;	/* Zorg ervoor dat de breedte van de main table plus de linker en rechter marges van de body niet meer dan 776px is, om horizontale scrollbalken in 800x600 resolutie te voorkomen*/
	height:100%;
	border-collapse:collapse;
}


/*Main document title (td.header and div.header)*/

/* Let op: In OVERLIB.JS wordt padding aangepast om voor voldoende headerruimte te zorgen */

td.headername {
	padding:0 0 0 80px;
	vertical-align:top;
}

td.headervalue {
	width:100%;/*dit is in feite een hack om voor een fout met colspan in IE te compenseren, als de headervalue en -name in een apparte tabel gezet worden kan dit eruit*/
	vertical-align:top;
}
div.headername, div.headervalue {
	padding:0 20px 3px 0;
	color:#FFF;
}

/* elementen om eventueel links en rechts van de tekst opmaak te maken */
.headerleft, .headerright, .leftmiddle, .rightmiddle {
	display:none;
}

/* hierin zit de 'body' van de pagina: het menu en de tekst */
td.main{
	vertical-align: top;
	}

div.main {
	height:100%; /* alleen nodig voor haslayout in IE6 en lager */
	padding:0 20px 20px 20px;
	background:#FFF;
}


.footer {
	display:none;
}


/* Menu boven aan de pagina */

div.menubar {
	background:#004B91;
	margin:0 -20px;
	padding:0 0 0 20px;
	border-top:solid 1px #FFF;
}


table.menutable {
	border-collapse:collapse;
	margin:0;
}

td.menutd {
	text-align: left;
	padding:0;
	vertical-align:top;
}


a.menu:link, a.menu:visited {
	display:block;
	font-weight:bold;
	color:#FFF;
	padding:5px 20px 5px 0;
}
a.menu:hover {
	color:#FFEE1B;
	text-decoration:none;
}

/* Definities voor de inhoudsopgaves */

a.inhoudsopgave_terug:link, a.inhoudsopgave_terug:visited {
	display: block;
	width:90px;
	margin:10px 0;
	font-weight:bold;
}
a.inhoudsopgave_terug:hover {
}


div.inhoudsopgave_text{ }

.default{	/* noot MN: geen idee waar deze declaratie voor is, kan weg? */
	display:block;
	font-weight:bold;
	font-style:normal;
	font-size: 11px;
}

div.inhoudsopgave_title {
	display:block;
	margin-top:20px;
	font-weight: bold;
	font-style: normal;
	font-size:16px;
}

a.inhoudsopgave_elm:link, a.inhoudsopgave_elm:visited {
	font-weight:bold;
	
}
a.inhoudsopgave_elm:hover {
}

/* layout van de navigatie-links onderaan de pagina */

hr {
	border:none;
	background:#004B91;
	color:#004B91;
	height:1px;
}

table.navbar {
}

table.navbar td {
	padding:5px 10px;
}

a.navigationlink:link, a.navigationlink:visited {
	font-weight:bold;
	font-size:11px;
	display:block;
}

a.navigationlink:hover {
}


/* Layout for the struct elements defined in the document definition */
/*Algemene instellingen voor titels*/
	.document_title,
	.inhoudsopgave_title,
	.colofon_title, .bijlagen_bij_toelichting_title, .bijlagen_bij_voorschriften_title, .deel_title, .legenda_title, .legendaitem_title, .legendaitemgroep_title, .algemeen_title, .niveau_0_title, .toelichting_title, .voorschriften_title, .bijlagen_title,
	.toelichting_op_welstandsnota_title, .welstandsgebieden_title,
	.niveau_1_title, .hoofdstuk_title, .hoofdstuk_in_voorschriften_title, .hoofdstuk_in_toelichting_title, .paragraaf_in_voorschriften_title, .bijlagen_bij_voorschriften_title, bijlagen_bij_toelichting_title, .subkop_title, .motivering_title, .besluit_title, .ruimtelijke_onderbouwing_title,
	.welstandsgebied_title,
	.niveau_2_title, .paragraaf_title, .artikel_title, .tussenkop_title, .bijlage_bij_voorschriften_title, bijlage_bij_toelichting_title, bijlage_title,
	.niveau_3_title, .subparagraaf_title, .lid_title, .meetvoorschrift_title, .begripsomschrijving_title, .begripsbepaling_title,
	.sublid_title, .niveau_4_title
	{
		font-family: Arial, Helvetica, sans-serif;
		color:#004B91;
	}



/* niveau 0 element */
.document_title {
	display:block;
	font-weight:bold;
	font-style:normal;
	font-size:14pt;
	text-align:center;
	margin-bottom:12px;
	margin-top:32px;
}

.document_text {
	display:block;
	font-weight:bold;
	font-style:normal;
	font-size:10pt;
}

/* niveau 1 element */
.colofon_title, .bijlagen_bij_toelichting_title, .bijlagen_bij_voorschriften_title, .deel_title, .legenda_title, .legendaitem_title, .legendaitemgroep_title, .algemeen_title, .niveau_0_title, .toelichting_title, .voorschriften_title, .bijlagen_title, .toelichting_op_welstandsnota_title, .welstandsgebieden_title {
	display:block;
	font-weight:bold;
	font-style:normal;
	font-size:18px;
	margin-bottom:12px;
	margin-top:32px;
}

/* niveau 2 element */
.niveau_1_title, .hoofdstuk_title, .hoofdstuk_in_voorschriften_title, .hoofdstuk_in_toelichting_title, .paragraaf_in_voorschriften_title, .bijlagen_bij_voorschriften_title, bijlagen_bij_toelichting_title, .subkop_title, .motivering_title, .besluit_title, .ruimtelijke_onderbouwing_title, .welstandsgebied_title {
	display:block;
	font-style:normal;
	font-size:16px;
	font-weight:bold;
	margin-bottom:12px;
	margin-top:32px;
}

/* niveau 3 element */
.niveau_2_title, .paragraaf_title, .artikel_title, .tussenkop_title, .bijlage_bij_voorschriften_title, bijlage_bij_toelichting_title, bijlage_title {
	font-weight:bold;	
	font-size:14px;
	margin-bottom:8px;
	margin-top:32px;
}

.niveau_2_text p, .paragraaf_text p, .artikel_text p, .tussenkop_text p {margin:0 0 4px 0; }

/* niveau 4 element (off. is also nummering_123 among these) */

.niveau_3_title, .subparagraaf_title, .lid_title, .meetvoorschrift_title, .begripsomschrijving_title, .begripsbepaling_title {
	font-weight:bold;
	font-size: 12px;
	margin-bottom:8px;
	margin-top:32px;
}
.niveau_3_title p, .subparagraaf_title p, .lid_title p, .meetvoorschrift_title p, .begripsomschrijving_title p {
	margin:0;
}
.niveau_3_text p, .subparagraaf_text p, .lid_text p {margin:0 0 4px 0; }


/* niveau 5 element (off. is also nummering_123 among these) */
.sublid_title, .niveau_4_title {
	font-style:italic;
	font-size: 12px;
	margin-bottom:0;
	margin-top:8px;	
}
.sublid_text p, .niveau_4_text p {margin:0 0 4px 0; }

/* De border properties zitten in de HTML-uitvoer en kunnen dus niet via de CSS-file ingesteld worden */
.wptable {border-color:#000;}

.wptabletr { }

.wptabletd { }

.ol_list {margin-left: 30pt}
.ul_list {margin-left: 30pt}

table.listlevel1 {margin-left: -30pt;}
table.listlevel2 {margin-left: -60pt;}
table.listlevel3 {margin-left: -90pt;}

/*********************************************************
*           Definities voor uitprinten:                  *
*********************************************************/

@media print {
	
	body {margin:0; color: #000; font-size:10pt;}
	table.main {width:100%; border:none; margin:0;}
	td.main {border:none; padding: 0;}
	.header, td.footer, div.menubar, table.navbar, .inhoudsopgave_terug, .leftmiddle, .rightmiddle, hr {display:none;}
	.inhoudsopgave_text, a.inhoudsopgave_elm, a.inhoudsopgave_elm:link, a.inhoudsopgave_elm:visited {color:#000;}
	p, li, .wptabletd {
		color: #000;
		font-size:10pt;
	}
	a:link, a:visited {color:#000; text-decoration:none;}
	a.footnote:link, a.footnote:visited {
		color: #000;
		border:none;
	}

	.document_title,
	.inhoudsopgave_title,
	.colofon_title, .bijlagen_bij_toelichting_title, .bijlagen_bij_voorschriften_title, .deel_title, .legenda_title, .legendaitem_title, .legendaitemgroep_title, .algemeen_title, .niveau_0_title, .toelichting_title, .voorschriften_title, .bijlagen_title,
	.toelichting_op_welstandsnota_title, .welstandsgebieden_title,
	.niveau_1_title, .hoofdstuk_title, .hoofdstuk_in_voorschriften_title, .hoofdstuk_in_toelichting_title, .paragraaf_in_voorschriften_title, .bijlagen_bij_voorschriften_title, bijlagen_bij_toelichting_title, .subkop_title, .motivering_title, .besluit_title, .ruimtelijke_onderbouwing_title,
	.welstandsgebieden_title,
	.niveau_2_title, .paragraaf_title, .artikel_title, .tussenkop_title, .bijlage_bij_voorschriften_title, bijlage_bij_toelichting_title, bijlage_title,
	.niveau_3_title, .subparagraaf_title, .lid_title, .meetvoorschrift_title, .begripsomschrijving_title, .begripsbepaling_title,
	.sublid_title, .niveau_4_title
	{
		color: #000000;
	}
}