/* 
Metainfo:
	Organisatie: Gemeente Amsterdam
	Auteur: Michiel Nijdam
	Versie 2: 13 juni 2006
	Applicatie: DeztaPlan (1.1.3)
	Toepassing: HTML weergave
 */

/* Basic HTML layout elements */

body {
	margin:0px;
	/* standaard teksstijl */
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	background:#FFFFFF url(bg_top.gif) repeat-x;
	font-size: 12px;
}

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:#000000;
	line-height: 160%;
	}

div {
	font-size:12px; 
	color:#000000;
}

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

a:hover{
	color:#FF0000;
	text-decoration:none;
	}

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

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

div.inhoudsopgave_terug {
	background:#FF0000 url(menu_bg_r.gif) no-repeat right top;
	height:16px;
	width:100px;
	margin-bottom:20px;
}

a.inhoudsopgave_terug:link, a.inhoudsopgave_terug:visited {
	font-size:12px; 
	font-weight:bold;
	color: #FFFFFF;
	letter-spacing:1px;
	text-decoration: none;
	padding-left:22px;
	padding-right:55px;
	padding-bottom:1px;
	background: url(menu_bg_l.gif) no-repeat;
}
a.inhoudsopgave_terug:hover {
	color:#000000;
	text-decoration:none;
	background: url(menu_bg_l3.gif) no-repeat;
}

	
/* 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:url(bg_top_kruizen.gif) no-repeat right top;
}


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


td.headername{
	padding-left:0px;
	text-align:left;
	padding-right:0px;
	padding-top:2px;
	padding-bottom:3px;
}

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*/
	padding-left: 12px;
	text-align:left;
	padding-top:2px;
	padding-bottom:3px;
}
div.headername, div.headervalue {
	color: #FFFFFF;
	padding-left: 16px;
	font-size:12px;
	font-weight: bold;
}



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


/* hierin zit de 'body' van de pagina: het menu en de tekst */
div.main {
}

td.main{
	vertical-align: top;
	text-align:justify;
	padding-left:15px;
	padding-right:15px;
	background:#FFFFFF;
}


td.footer {
		
}


/* Menu boven aan de pagina */

div.menubar {
	margin-top:20px;
	width:100%;
	margin-bottom: 15px;
}


table.menutable{
}

td.menutd{
	padding-top:1px;
	padding-bottom:5px;
	text-align: left;
	vertical-align:bottom;
	padding-left:0px;
	padding-right:30px;
}

div.menuelement {
	background:#FF0000 url(menu_bg_r.gif) no-repeat right top;
	height:16px;
}

a.menu:link, a.menu:visited {
	font-size:12px; 
	font-weight:bold;
	color: #FFFFFF;
	letter-spacing:1px;
	text-decoration: none;
	padding-left:22px;
	padding-right:55px;
	padding-bottom:1px;
	background: url(menu_bg_l.gif) no-repeat;
	
}

a.menu:hover {
	color:#000000;
	text-decoration:none;
	background: url(menu_bg_l2.gif) no-repeat;
}

/* Definities voor de inhoudsopgaves */

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

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:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a.inhoudsopgave_elm:link, a.inhoudsopgave_elm:visited {
	color:#666666;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	
}
a.inhoudsopgave_elm:hover {
	color:#FF0000;
	text-decoration:none;
}

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

hr {
	height:1px;
	color:#FF0000;
}

table.navbar {
	}

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

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


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

.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-bottom:10px;
}

.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-bottom:8px;
}

.niveau_2_text, .paragraaf_text, .artikel_text, .tussenkop_text  { }

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

.niveau_3_title, .subparagraaf_title, .lid_title, .meetvoorschrift_title, .begripsbepaling_title {
	font-weight:bold;
	font-size: 12px;
	margin-bottom:8px;
}

.niveau_3_text, .subparagraaf_text, .lid_text { }


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

.sublid_text { }

/* 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 { }

.wptabletr { }

.wptabletd { }

/*********************************************************
*           Definities voor uitprinten:                  *
*********************************************************/
@media print {
	body {margin:0px; color: #000000; font-size:10pt;}
	table.main {width:100%}
	.header, td.footer, div.menubar, table.navbar, div.inhoudsopgave_text, .inhoudsopgave_terug, .leftmiddle, .rightmiddle, hr {display:none;}
	
	p, li, .wptabletd {
		color: #000000;
		font-size:10pt;
	}
	a:link, a:visited {color:#000000; text-decoration:none;}
	a.footnote:link, a.footnote:visited {
		color: #000000;
		border:none;
	}
	.document_title, .deel_title, .legenda_title, .legendaitem_title, .legendaitemgroep_title, .algemeen_title, .niveau_0_title, .toelichting_title, .voorschriften_title, .bijlagen_title {
		display:block;
		font-weight:bold;
		color: #000000;
		font-size:16pt;
	}
	.niveau_1_title, .hoofdstuk_title, .hoofdstuk_in_toelichting_title, .paragraaf_in_voorschriften_title, .bijlage_title, .subkop_title {
		display:block;
		font-weight:bold;
		color: #000000;
		font-size:14pt;
	}
	.niveau_2_title, .paragraaf_title, .artikel_title, .tussenkop_title, .niveau_3_title, .subparagraaf_title, .lid_title {
		display:block;
		font-weight:bold;
		color: #000000;
		font-size:12pt;
	}
}