/* 
Metainfo:
	Organisatie: Gemeente Alkmaar
	Auteur: Michiel Nijdam
	Versie 1: 16 augustus 2006
	Revisie: 7 september 2006
	Applicatie: DeztaPlan (2.0)
	Toepassing: HTMLweergave
 */

/* Basic HTML layout elements */
html {height:100%;} /*nodig om in firefox de hoogte te kunnen instellen */

body {
	margin:0px 0px 0px 0px;
	/* standaard teksstijl */
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 12px;
	background:#F5F6F6 url(bgleft2.gif) repeat-y 40px 0px;
	height:100%;
}

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; 
}

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

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

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

/* Lay-out van voetnoten*/
a.footnote:link, a.footnote:visited {
	color: #D21C1B;
	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%;
	background:url(bgtop.gif) no-repeat 65px 0px;
}


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


td.headername{
	padding-left:190px;
	text-align:left;
	padding-right:0px;
	height:5px;
}

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: 10px;
	text-align:left;
}
div.headername, div.headervalue {
	color: #969696;
	padding-left: 0px;
	font-size:12px;
	font-weight: bold;
	font-style:normal;
	margin-top:2px;
	margin-bottom:2px;
}

/* elementen om eventueel links en rechts van de tekst opmaak te maken */
td.leftmiddle, td.headerleft {
	width:40px;
	background:#808080 url(bgleft.gif) repeat-y right top;
	
}

td.rightmiddle, td.headerright {
	width:40px;
	background:#808080 url(bgright.gif) repeat-y;
}

div.leftmiddle, div.headerleft {
	width:40px;
	
}

div.rightmiddle, div.headerright {
	width:40px;
	
}

/* hierin zit de 'body' van de pagina: het menu en de tekst */

td.main{
	vertical-align: top;
	text-align:justify;
	background:url(bgbottom.gif) no-repeat 10px bottom;
	padding-left:178px;
	padding-right:10px;
	border-bottom:solid 25px #666666;
}

div.main {
	border:solid 1px #C8C8C8;
	background:#FFF;
	padding: 10px;
	margin-right:5px;
	margin-bottom:10px;
}

div.main table {width:auto;}

.footer {display:none;}


/* Menu boven aan de pagina */

div.menubar {
	height:25px;
	margin-bottom: 10px;;
	padding-left:0px;
}


table.menutable{
}

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


a.menu:link, a.menu:visited {
	font-size:12px; 
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:1px;
	padding-top:1px;
	background: #D21C1B;
}
a.menu:hover {
	background: #969696;
	color:#FFF;
}


/* Definities voor de inhoudsopgaves */
a.inhoudsopgave_terug:link, a.inhoudsopgave_terug:visited {
	display:block;
	width:86px;
	font-size:12px; 
	font-weight:bold;
	color: #FFF;
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:1px;
	padding-top:1px;
	background: #D21C1B;
	margin-bottom:20px;
}
a.inhoudsopgave_terug:hover {
	background: #969696;
	color:#FFF;
}

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

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:#000;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
	
}
a.inhoudsopgave_elm:hover {
	color:#D21C1B;
	text-decoration: underline;
}

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

hr {
	height:1px;
	background-color:#C8C8C8;
	color:#C8C8C8;
	border:0px;
}

table.navbar td {
	vertical-align:top;
}

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

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

.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;}


/* 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;
	color:#969696;
}

.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;
	color:#969696;
}

.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;
	color:#969696;
}

.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, .begripsomschrijving_title {
	font-weight:bold;
	font-size: 12px;
	margin-bottom:8px;
	color:#969696;
}

.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 {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: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;
	}
}