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

/* Basic HTML layout elements */
html {height:100%}
body {
	height:100%;
	margin:0 8% 20px 8%;
	background:#F5FDF4;
	/* standaard teksstijl */
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color:#000;
	font-size: 12px;
}

a img {border: 0;} 

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

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

a {
	color:#0000EE;
	text-decoration: underline;
}

a:hover {
	color:#259315;
	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;
	background:#F2F6E8 url(logo.gif) no-repeat 15px 15px;
	border-bottom:1px solid #C0D840;
}


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

td.headername {
	padding:0 10px 0 200px;
	vertical-align:top;
	border-left:1px solid #447C3B;
}

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;
	border-right:1px solid #447C3B;
}
div.headervalue, div.headervalue {
	padding:3px 20px 3px 0;
	color:#000;
}

/* elementen om eventueel links en rechts van de tekst opmaak te maken */
.headerright, .rightmiddle, .headerleft, .leftmiddle {
	display:none;
}
/* hierin zit de 'body' van de pagina: het menu en de tekst */
td.main{
	vertical-align: top;
	padding:0;
	border-left:1px solid #C0D840;
	border-right:1px solid #C0D840;
	border-top:20px solid #027EC0;
	}

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


.footer {
	display:none;
}


/* Menu boven aan de pagina */

div.menubar {
	background:#259315;
	border-left:1px solid #C0D840;
	border-right:1px solid #C0D840;
	border-top:1px solid #C0D840;
	margin:0 -20px;
	padding:0;
}


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 19px;
	text-decoration:none;
	border-right:1px solid #C0D840;
}
a.menu:hover {
	background:#BFD841;
	color:#FFF;
	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;
	text-decoration:none;
	color:#030;
}
a.inhoudsopgave_terug:hover {
	text-decoration: underline;
	color:#259315;
}


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: 12px;
}

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 {
	text-decoration:none;
	font-weight:bold;
	color:#030;
}
a.inhoudsopgave_elm:hover {
	text-decoration: underline;
	color:#259315;
}

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

hr {
	display:none;
}

table.navbar {
	background:#259315;
	border:1px solid #C0D840;
}

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

a.navigationlink:link, a.navigationlink:visited {
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	color:#FFF;
}

a.navigationlink:hover {
	color:#259315;
	text-decoration: none;
}


/* 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, .subparagraaf_title,
	.subsublid_title, .niveau_5_title, .subsubsubparagraaf_title
	
	{
		color:#030;
	}



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

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

/* 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:22px;
	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:18px;
	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:16px;
	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: 14px;
	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 */
.sublid_title, .niveau_4_title, .subsubparagraaf_title {
	font-style:normal;
	font-weight:bold;
	margin-bottom:4px;
	margin-top:16px;	
}
.sublid_text p, .niveau_4_text p, .subsubparagraaf_text p {margin:0 0 4px 0; }

/* niveau 6 element */
.subsublid_title, .niveau_5_title, .subsubsubparagraaf_title {
	font-style:italic;
	margin-bottom:4px;
	margin-top:12px;	
}
.subsublid_text p, .niveau_5_text p, .subsubsubparagraaf_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, div.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,
	.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, .subparagraaf_title,
	.subsublid_title, .niveau_5_title, .subsubsubparagraaf_title
	{
		color: #000000;
	}
}