/* Stylesheet voor de website van Politiebestel.nl 
Gemaakt door:	Sebastiaan G.M.C. Naafs - van Dijk
Datum:			07-01-2005
Aangepast op:	10-01-2005
Opmerkingen:	Stylesheet aangepast en getest in de laatste versies van de moderne browsers voor Windows
				(I.E. 5.5+, Mozilla Firebird 1.x, Opera 7+, Lynx;
				 - werkt ook goed in 5.0 > I.E. < 5.5 - behalve de logos achter de linkjes)
				Accessibility gewaarborg door gebruik van XHTML (incl. accesskeys op navigatie linkjes)

Algemeen voor de body (en html-tag) */
	html, body { background:#eee; color:#000; font:normal normal normal 100% Verdana,Arial,Helvetica,sans-serif; }
/* div waarin alles staat - placeholder */
	#content {
		background:#fff;
		border:1px solid #000;
		margin:1% 4% 2% 4%;
		padding:0;
		text-align:left;
		/* voor moderne browsers die het begrijpen */
			min-height:535px;
	}
/* balk bovenin en (optioneel) onderin */
	#title h1, #footer h1 {
		border-top:1px solid #c90;
		border-right:10px solid #c90;
		border-bottom:1px solid #c90;
		border-left:10px solid #c90;
		font-size:1.6em;
		padding:5px 10px 5px 10px;
	}
	#title, #footer { margin:10px -6px 0 -6px; padding:0; width:100%; }
/* ekstra opmaakregels voor de balk onderin */
	#footer { text-align:center; vertical-align:bottom; }
	#footer #minjus, #footer #politie, #footer #capgemini, #footer #obmc { margin:0; padding:0 35px 0 0; }
	/* voor moderne browsers die het begrijpen */
		html body #title, html body #footer { width:auto; }
/* wat ekstra 'lucht' tussen de titel en het eerste kopje (h2) */
	#content h2 { padding-top:15px; }
/* content op de voorpagina */
	#frontpage { margin-left:270px; margin-right:150px; }
/* headers */
	h1, h2, h3, h4 {
		background:transparent;
		color:#006;
		font-size:1.6em;
		font-weight:normal;
		margin:0 0 10px 0;
		padding:2px 20px 0 20px;
	}
	h2 { font-size:1.3em; }
	h3 { font-size:1.1em; }
	h4 { font-size:1.0em; }
/* paragraven en lijsten */
	p, ul, li { background:transparent; color:#000; font-size:0.8em; margin:2px 0 0 0; padding:0 20px 10px 20px; }
	ul, ul ul { list-style:square; font-size:1.0em; margin:2px 0 0 30px; }
	ul ul { list-style:disc; font-size:1.2em; padding:2px 2px 0 2px; }
	li { margin:0; padding:2px; }
	/* plaatjes moeten gecentreerd worden */
		p.image { text-align:center; }
/* linkjes */
	a, a:link, a:visited, a:hover, a:active { background:transparent; color:#00f; }
	a:hover { background:transparent; color:#c90; }
	/* linkjes met een icoon achter zich */
		.doclink, .pdf, .word { background:transparent; margin:0; padding:2px 20px 2px 1px; }
		.pdf { background:transparent url("../img/pdf.gif") no-repeat right ! important; }
		.word { background:transparent url("../img/word.gif") no-repeat right ! important; }
	/* linkjes met een logo achter zich (op de links-pagina) */
		#minjusklein { background:transparent url("../img/logo_justitie_klein.png") no-repeat right ! important; margin:1px; padding:1px 25px 1px 1px; }
		#politieklein { background:transparent url("../img/logo_politie_klein.png") no-repeat right ! important; margin:1px; padding:1px 50px 1px 1px; }
		#capgeminiklein { background:transparent url("../img/logo_capgemini_klein.png") no-repeat right ! important; margin:1px; padding:1px 90px 1px 1px; }
		#bzkklein { background:transparent url("../img/logo_bzk_klein.png") no-repeat right ! important; margin:1px; padding:1px 60px 1px 1px; }
		#obmcklein { background:transparent url("../img/logo_obmc_klein.png") no-repeat right ! important; margin:1px; padding:1px 48px 1px 1px; }
/* persberichten */
	.pb-slogan { font-style:italic; }
	.pb-intro, .pb-header { font-weight:bold; }
	.pb-header { padding-bottom:2px; }
	.pb-download { font-size:0.7em; font-weight:bold; text-align:right; }
/* diversen */
	hr { background:transparent; border:1px solid #c90; color:#c90; margin:10px; }
	/* eye-catcher of belangrijke informatie */
		.attentie, .attentie-top {
			background:transparent;
			border-top:1px solid #c90;
			border-right:1px solid #c90;
			border-bottom:1px solid #c90;
			border-left:5px solid #006;
			color:#000;
			font-style:italic;
			margin:10px 20px 20px 20px;
			padding:10px 5px 10px 10px;
		}
		.attentie-top { margin:10px 250px 20px 20px; }

/* menus */
	/* div waarin alle menus staan - placeholder */
		#menuright, #menuleft { float:right; margin:0 3px 0 -3px; padding:0 0 0 10px; width:170px; z-index:999; }
		#menuleft { float:left; padding:0 10px 0 0; }
	/* kopje in Nieuws-doos eigen kleur */
		#menunewsheader { background:transparent; color:#006; }
	/* voor moderne browsers die het begrijpen */
		html body #menuright, html body #menuleft { margin-right:-4px; }
	/* algemene opmaak voor menus */
		#menuright .menus, #menuleft .menus {
			background:#fff;
			border-top:1px solid #c90;
			border-right:10px solid #c90;
			border-bottom:1px solid #c90;
			border-left:1px solid #c90;
			color:#000;
			font-size:0.8em;
			margin:0 0 10px 0;
			padding:10px;
			text-align:left;
		}
		#menuleft .menus {
			border-right:1px solid #c90;
			border-left:10px solid #c90;
			margin:0;
			padding:5px 10px 1px 1px;
			text-align:right;
			width:260px;
		}
		#menuleft #menuleftnavigation { background:transparent url("../img/logo_eindrapport.png") fixed no-repeat 0pt 28pt; }

/* definitie lijsten */
	/* dl binnen de content-div binnen een menu */
		#content #menuright dl, #content #menuleft dl { font-size:1.0em; margin:0 0 10px 0; padding:0; }
	/* dl binnen de content-div */
		#content dl { font-size:0.8em; margin:0 0 10px 30px; padding:0; }
	/* header van een definitie */
		dt { font-weight:bold; margin:4px 0 0 0; padding:0; }
	/* definitie item */
		dd { margin:4px 0 2px 15px; padding:0; }