/**
 * Buro SRO stylesheet for Crotec
 * @version $Id: style.css 333 2011-02-02 19:24:22Z rlaurman $
 * @description: This document starts out with basic Crotec styling. Client
 *   specific styling is added at the end.
 */
 
/* Basic HTML layout elements */
body {
	margin:0px;
	/* standaard teksstijl */
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 12px;
	background:#FFFFFF;
}

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:#105281;	
	text-decoration: none;
	}

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

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

/* Lay-out van voetnoten*/
a.footnote:link, a.footnote:visited {
	color: #7097B3;
	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:12px; 
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:1px;
	padding-top:1px;
	background: #7097B3;
	border:solid 1px #003399;
	margin-bottom:20px;
}
a.inhoudsopgave_terug:hover {
	background: #ECD891;
	color:#709700;
}
	
/* 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: #999999 url(bg_left.gif) no-repeat;  */
}

/*Main document title (td.header and div.header)*/
td.headerleft
{
background:#999999;
}

td.headername{
	padding-left:5px;
	text-align:left;
	padding-right:5px;
	background:#999999;
}

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: 5px;
	text-align:left;
	background:#999999;
}

div.headername, div.headervalue {
	color: #FFFFFF;
	padding-left: 0px;
	font-size:12px;
	font-weight: normal;
	font-style:italic;
	margin-top:2px;
	margin-bottom:2px;
}

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

td.rightmiddle {
	width:0px;
}

div.leftmiddle {
	width:127px;
}

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:justify;
	background:#FFFFFF;
	border-top: solid 1px #9999;
	padding-left:20px;
	padding-right:10px;
	}

.footer {display:none;}

/* Menu boven aan de pagina */
div.menubar {
	margin-top:10px;
	height:10px;
	margin-bottom: 10px;
	padding-left:0px;
	width:100%;
}

table.menutable{
}

td.menutd{
	padding-top:4px;
	padding-bottom:5px;
	padding-left:2px;
	padding-right:2px;
	text-align:center;
	vertical-align:bottom;
	width:100%;
}

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: #999999;
	border:solid 1px #999999;
	width:100%;
}

a.menu:hover {
	background: #ECD891;
	color:#003399;
	width:100%;
}

/* Definities voor de inhoudsopgaves */
div.inhoudsopgave_title {
	display:block;
	margin-top:35px;
	font-weight: bold;
	font-style: normal;
	font-size:16px;
	color:#003399;
}

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:#7097B3;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

a.inhoudsopgave_elm:hover {
	color:#7097B3;
	text-decoration: underline;
}

/* layout van de navigatie-links onderaan de pagina */
hr {
	height:1px;
	color:#003399;
}

table.navbar {
	}

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

a.navigationlink:hover {
	color:#6699cc;
	text-decoration:underline;
}


/* 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:#7097B3;
}

.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, .motivering_title, .besluit_title, .ruimtelijke_onderbouwing_title {
	display:block;
	font-style:normal;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	color:#7097B3;
}

.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:#7097B3;
}

.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:#7097B3;
}

.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, .inhoudsopgave_terug, .leftmiddle, .rightmiddle, hr {display:none;}
	
	p, li, .wptabletd {
		color: #000000;
		font-size:10pt;
	}
	a:link, a:visited, div.inhoudsopgave_title, a.inhoudsopgave_elm:link, a.inhoudsopgave_elm: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;
	}
}

/**
 * Buro SRO styling voor Ede
 ****************************************************************************/ 
  body{
    background:#247597 url('http://www.ede.nl/fileadmin/bestanden/Bestuur__Organisatie_en_Politiek/Afbeeldingen/header_ro.jpg') no-repeat top center;
    font-family:Verdana,Arial,Helvetica, sans-serif !important;
  }
  
  /* Centreer pagina */
  table.main{
    width:952px;
  	margin:0 auto;
    background-color:#fff;
    margin-top:115px; /* Make some room for the header */
  }
  div.main{
    border-top: 2px solid #7D7C80;
  }
  td.menutable{
    margin-top:100px;
  }
  
  /* Verberg Crotect */
  tr.header table div img{
    display:none;
  }
  /* Herstel achtergrond kleur */
  td.menutd{
    background-color:#fff;
  }
  /* Breedte voor linker kolom */
  div.menuelement{
    width:150px;
  }
  
  /* Table bovenaan pagina */
  td.headername,
  td.headervalue{
    background-color:#fff;
    color:#000;
  }
  div.headername,
  div.headervalue{
    background-color:#fff;
    color:#000;
    font-style:normal;
    margin:0;
  }
  td.headername{
    text-align:right;
    font-weight:bold;
    width:60%;
  }
  div.headername{
    font-weight:bold;
  }

  /* Kop */
  table.main p.\[Artikel\]{
    border-bottom:2px solid #cecece;
  }
 
  /* Menu link in sidebar */
  a.menu:hover{
    background-color:#0097C4;
    color:#fff;
  }
  
  /* Standaard link kleur */
  a, a:link, a:visited{
   color: #3A99C1;
   text-decoration:underline;
  }
  a:hover{
    color:#fff;
    background-color:#3A99C1;
  }