/* 
Metainfo:
	Organisatie: Gemeente Hilversum
	Auteur: Michiel Nijdam (Dezta)
	Versie 1: 6 maart 2007
	Applicatie: DeztaPlan 2
	Toepassing: HTMLweergave
 */

/* Basic HTML layout elements */
html {}
body {
	margin:0 50px 0 0;
	/* standaard teksstijl */
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	font-size: 12px;
	background:#F2EEDE;
}

a img {border: 0;} 

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

div {
	font-size: 12px; 
}

a {
	color: #0F228B;
	text-decoration: none;
}

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


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

/* Lay-out van voetnoten*/
a.footnote:link, a.footnote:visited {
	color: #0F228B;
	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*/
	background:#094D92 url(logo.jpg) no-repeat;
	border-collapse:collapse;
	border-top:solid 10px #094D92;
}


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


td.headername{
	padding:0 0 0 220px;
	height:15px;
	vertical-align:top;
	font-weight:bold;
}

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*/
}
div.headername, div.headervalue {
	padding:1px 20px 2px 0;
	font-size: 11px;
	color:#F2EEDE;
}

/* elementen om eventueel links en rechts van de tekst opmaak te maken */
td.rightmiddle, td.headerright {
	width:20px; vertical-align:bottom;
	background:#004D1F;
}

div.headerright {
	width:20px; height:15px;
	position:relative;
	top:-12px;
	background:#004D1F;
}

div.rightmiddle {
	width:20px; height:325px;
	background:#004D1F url(bg_right.gif) no-repeat right bottom;
}

.leftmiddle, .headerleft {
	display:none;
}

/* hierin zit de 'body' van de pagina: het menu en de tekst */
td.main{
	vertical-align: top;
	background:#F2EEDE url(bg_right_y.gif) repeat-y top right;
	}

div.main {
	background:url(bg_left_y.gif) repeat-y;
	padding:20px 40px 20px 70px;
	height:100%; /* alleen nodig voor haslayout in IE6 en lager */
}


td.footer {
	height:25px;
	background:#004D1F;
	border-bottom:solid 5px #E5CA2A;
}


/* Menu boven aan de pagina */

div.menubar {
	background:#EFEAA1;
	border-top:solid 8px #094D92;
	border-bottom:solid 8px #E5CA2A;
	margin:-20px -40px 0 -70px;
	padding-left:60px;
}


table.menutable {
	border-collapse:collapse;
}

td.menutd {
	text-align: left;
	padding:0 1px;
}



a.menu:link, a.menu:visited {
	display:block;
	padding:2px 10px;
	font-size:12px;
	color:#0F228B;
	font-weight:bold;
	text-decoration: none;
}
a.menu:hover {
	color:#0F228B;
	text-decoration:underline;
	background:#F2EEDE;
}

/* Definities voor de inhoudsopgaves */

a.inhoudsopgave_terug:link, a.inhoudsopgave_terug:visited {
	display: block;
	color:#0F228B;
	font-size:12px;
	font-weight:bold;
	padding:0;
	margin:15px 0;
	text-decoration:none;
	width:90px;
}
a.inhoudsopgave_terug:hover {
	text-decoration:underline;
	color:#0F228B;
}


div.inhoudsopgave_text{ }

.default{	/* noot MN: geen idee waar deze declaratie voor is, kan weg? */
	display:block;
	font-weight:bold;
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	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 {
	font-size: 12px;
	text-decoration: none;
	
}
a.inhoudsopgave_elm:hover {
	text-decoration: underline;
}

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

hr {
	border:none;
	background:#0490A1;
	color:#0490A1;
	height:1px;
}

table.navbar {
}

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

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

a.navigationlink:hover {
}


/* Layout for the struct elements defined in the document definition */

/* niveau 0 element */
.document_title{
	display:block;
	font-weight:bold;
	font-style:normal;
	font-size:18px;
}

.document_text {
	display:block;
	font-weight:bold;
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* niveau 1 element */
.deel_title, .legenda_title, .legendaitem_title, .legendaitemgroep_title, .algemeen_title, .niveau_0_title, .toelichting_title, .voorschriften_title, .bijlagen_title {
	display:block;
	font-weight:bold;
	font-style:normal;
	font-size:18px;
	margin:30px 0 10px 0;
}

.niveau_0_text, .toelichting_text, .voorschriften_text, .bijlage_bij_toelichting_text, .bijlage_bij_voorschriften { }

 /* 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 {
	display:block;
	font-style:normal;
	font-size:16px;
	font-weight:bold;
	margin:30px 0 10px 0;
}

.niveau_1_text, .hoofdstuk_text{ }

/* niveau 3 element */
.niveau_2_title, .paragraaf_title, .artikel_title, .tussenkop_title, .bijlage_bij_voorschriften_title, bijlage_bij_toelichting_title {
	font-weight:bold;	
	font-size:14px;
	margin:30px 0 10px 0;
}

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

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

.niveau_3_title, .subparagraaf_title, .lid_title, .meetvoorschrift_title, .begripsomschrijving_title {
	font-weight:bold;
	font-size: 12px;
	font-style: italic;
	margin:40px 0 10px 0;
}
.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:0px 0px 4px 0px; }


/* niveau 5 element (off. is also nummering_123 among these) */
.sublid_title {
	font-style: italic;
	font-size:12px;
	margin:20px 0 5px 0;
}


/* rest of elements, can be seperated */
.nummering_123_title, .nummering_abc_title, .nummering_III_title, .nummering_ABC_title  { }

.nummering_123_text, .nummering_abc_text, nummering_III_text, .nummering_ABC_text { }

/* 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, div.inhoudsopgave_title, 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;
	}
}