/* 
Metainfo:
	Organisatie: Arcadis
	Auteur: Michiel Nijdam
	Versie 1: 12 juli 2006
	Applicatie: DeztaPlan (2.0)
	Toepassing: HTMLweergave
 */

/* Basic HTML layout elements */

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

a img {border: 0;} 

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

div {
	font-size:12px; 
}

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

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

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

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

a.inhoudsopgave_terug:link, a.inhoudsopgave_terug:visited {
	display:block;
	width:86px;
	font-size:13px; 
	font-weight:normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-left:5px;
	padding-right:15px;
	padding-bottom:3px;
	padding-top:2px;
	background: #007EA4;
	margin-bottom:15px;
	margin-top:5px;
}
a.inhoudsopgave_terug:hover {
	background: #808FA5;
	color:#FFFFFF;
}

	
/* Plaatsing en lay-out van de hoofd-elementen */
table.main {
	width:100%;
	border-left:solid 1px #B3BCC9;
	border-right:solid 1px #B3BCC9;
}


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


td.headername{
	padding-left:220px;
	text-align:left;
	padding-right:20px;
}

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: 0px;
	text-align:left;
}
div.headername, div.headervalue {
	color: #5A6982;
	padding-left: 0px;
	font-size:12px;
	font-weight: normal;
}

/* elementen om eventueel links en rechts van de tekst opmaak te maken */
td.leftmiddle {
	width:0px;
}

td.rightmiddle {
	width:0px;
}

div.leftmiddle {
	width:0px;
	
}

div.rightmiddle {
	width:0px;
	
}

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

td.main{
	vertical-align: top;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	}




/* Menu boven aan de pagina */

div.menubar {
	margin-top:10px;
	padding-top:15px;
	height:25px;
	margin-bottom: 10px;;
	background:url(bg_menu.gif) no-repeat;
	padding-left:0px;
	border-top:solid 1px #B3BCC9;
}


table.menutable{
}

td.menutd{
	padding-left:0px;
	padding-right:2px;
	text-align: left;
	vertical-align:bottom;
}


a.menu:link, a.menu:visited {
	display:block;
	font-size:13px; 
	font-weight:normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-left:5px;
	padding-right:15px;
	padding-bottom:3px;
	padding-top:2px;
	background: #007EA4;
}
a.menu:hover {
	background: #808FA5;
	color:#FFFFFF;
}

/* Definities voor de inhoudsopgaves */

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

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:#007EA4;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	
}
a.inhoudsopgave_elm:hover {
	color:#808FA5;
	text-decoration: underline;
}

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

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

table.navbar {
	}

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

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

td.footer {
	height:20px;
	}

div.footer {
	height:20px;
	}

/* 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:#007EA4;
}

.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:#007EA4;
}

.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:#007EA4;
}

.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:#007EA4;
}

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