@charset "utf-8";
/* --- swsite.css / utrechtzorg.nl --- */

/* --- RESETTING BROWSER DEFAULTS - http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ --- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	/*outline: 0;*/
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/* --- GENERAL DEFAULTS --- */

html { overflow-y: scroll; }	/* Always show scrollbar on right side (as IE does) in all browsers to avoid jumping of centered sites caused by (dis)appearing these scrollbars. Overflow-y is a CSS3 property and therefor it does not validate yet (removing it only affects the jumping). */	
body, html { height: 100%; }
body { position: relative; float: left; clear: both; width: 100%; }
/*html>body {	height: auto; min-height: 100% }*/	/* For sticky footer */


ul li {
	margin: 0;
	padding-left: 18px;
	background: url(../images/achter_li.gif) transparent no-repeat 0.6em 0.5em;
}
ol { list-style-type: decimal; }
	ol li { margin-left: 31px; }
ul.nav, .nav ul, ul.overview, .overview ul, ul.linkList, .linkList ul,
ol.nav, .nav ol, ol.overview, .overview ol, ol.linkList, .linkList ol,
.nav li, .overview li, .linkList li { margin: 0; padding: 0; background-image: none; list-style-type: none; }
	
strong, b { font-weight: bold; }
em, i { font-style: italic; }
			
legend { margin-right: 0; }
* html legend { margin-left: -7px; }
*:first-child+html legend { margin-left: -7px; }

label, button, input.button { cursor: pointer; }
input[type="submit"], input[type="reset"], input[type="button"] { cursor: pointer; }

:focus, object:focus, embed:focus { outline-style: none; }
a:focus, area:focus, input:focus, select:focus, textarea:focus, button:focus { outline: 1px dashed #595b51; }

.alignLeft { float: left; }
.alignRight { float: right; }

.offScreen { position: absolute; left: -9999px; text-indent: -9999px; line-height: 0; }

	/* --- overLabel --- */	
	
	.jsOverLabelBlur { position: relative; }
		.jsOverLabel { position: absolute; left: -9999px; top: 0; white-space: nowrap /* needed for safari */; overflow: hidden; cursor: default; }
		.jsOverLabelBlur .jsOverLabel { left: 1px; z-index: 1; }
			.jsOverLabelBlur .jsOverLabel span { display: none; }
			
	/* --- clickable --- */

	.jsClickable { cursor: pointer; }
	
	/* --- sIFR --- */
	
	.flash-replaced .alt { position: absolute; left: -9999px; text-indent: -9999px; line-height: 0; }


/* --- SITE DEFAULTS --- */

body, input, button, textarea, select {
	font-family: Arial, Verdana, Geneva, "Liberation Sans", sans-serif;
	font-size: 1.0em;
	color: #004175;
}

body {
	font-size: 0.75em;
	line-height: 1.4em;
}

h1 {
	font-size: 1.8em;
	color: #a41b35;
	line-height: 1.3em;
	padding: 0;
	margin: 0;
}

	h1.home {
		padding: 0;
		margin: 0;
	}

h2 {
	font-size: 1.25em;
	line-height: 1.3em;
	margin-bottom: 0.1em;
	padding-top: 1.1em;
}
	h2.first {
		padding-top: 0.2em;
	}

h3 {
	line-height: 1.3em;
	padding-top: 1.1em;
}
	h3.first {
		padding-top: 0.2em;
	}

p, blockquote, ul, ol, dl, table {
	/*margin-bottom: 1.3em;	/* line-height */
}

a {
	color: #a41b35;
	text-decoration: underline;
}

a:hover, a:focus {
	color: #a41b35;
	text-decoration: none;
}

/*.bijSchrift {
	color: #7b6b4f;
}*/


/* -- links met een icoontje -- */

a.verderLink {
	background: url(../images/ic_leesVerder.gif) right 4px no-repeat;
	padding: 0 10px 0 0;
}
a.terugLink {
	background: url(../images/ic_terug.gif) 0 4px no-repeat;
	padding: 0 0 0 10px;
}
a.downloadLink {
	background: url(../images/ic_download.gif) 0 7px no-repeat;
	padding: 0 0 0 12px;
}

/* Volgende en- vorige paginalinks indien te veel items */
div#paginatie {
	margin: 12px 0;
	padding: 3px 2px 4px;
}

div#pagVorige {
	width: 50%;
	float: left;
}

	div#pagVorige a {
		padding: 0 0 0 11px;
		background: url(../images/ic_terug_u.gif) 0 0.3em no-repeat;
	}
	div#pagVorige a:hover, div#pagVorige a:active {
		background-image: url(../images/ic_terug_a.gif);
	}

div#pagVolgende {
	text-align: right;
	width: 50%;
	float: right;
	clear: right;
}
	div#pagVolgende a {
		padding: 0 11px 0 0;
		background: url(../images/ic_verder_u.gif) right 0.3em no-repeat;
	}
	div#pagVolgende a:hover, div#pagVolgende a:active {
		background-image: url(../images/ic_verder_a.gif);
	}
	

/* Afbeelding vergroten in een popup */
div.imgPopUpleft, img.imgleft{ /* Deze class wordt a.d.h. de uitlijning bepaald */
	float: left;
	position: relative;
	margin: 4px 4px 4px 0;
	overflow: hidden;
}
div.imgPopUpright, img.imgright{ /* Deze class wordt a.d.h. de uitlijning bepaald */
	float: right;
	position: relative;
	margin: 4px 0 4px 4px;
	overflow: hidden;
}
* html div.imgPopUpright, * html img.imgright{ margin: 0 0 4px 8px; }

div.imgPopUpcenter, img.imgcenter{ /* Deze class wordt a.d.h. de uitlijning bepaald */
	margin: 3px 0 2px;
	position: relative;
	text-align: center;
	overflow: hidden;
}

div.imgPopUpleft a, div.imgPopUpright a, div.imgPopUpcenter a, div.imgPopUpSub a {
	background: url(../images/ic_popup_u.gif) bottom right no-repeat;
	/* De hoogte en breedte wordt in de _tpl_-file overschreven */
	margin: 0;
	display: inline;
	position: absolute;
	cursor: pointer;
	/* Icoontje transparant weergeven? Dat kan, behalve in Opera en MSIE op Mac
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
	*/
	z-index: 10;		/* geef div'jes uit dropdownmenu's een hogere z-index om conflicten te voorkomen! */
	left: 0;
	top: 0;
}
	div.imgPopUpleft a:focus, div.imgPopUpleft a:hover,
	div.imgPopUpright a:focus, div.imgPopUpright a:hover,
	div.imgPopUpcenter a:focus, div.imgPopUpcenter a:hover,
	div.imgPopUpSub a:focus, div.imgPopUpSub a:hover {
		background-image: url(../images/ic_popup_a.gif);
	}


div.imgPopUpSub a{
	background: url(../images/ic_popup_a.gif) left top no-repeat;
}