@charset "utf-8";
/* --- swsite.css / rmc.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 {
	padding-left: 12px;
	background: url(../images/ico_bullet.png) transparent no-repeat 0 0.45em;
}
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-width: 1px; outline-style: dashed; }

.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: 3px; top: 2px; 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: Verdana, Geneva, "Liberation Sans", sans-serif;
	font-size: 1.0em;
	color: #000;
}

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

input, button, textarea, select {
	color: #654;
}

input:focus, button:focus, textarea:focus, select:focus {
	color: #000;
}

:focus { outline-color: #654; }

h1 {
	font-size: 1.45em;
	font-weight: normal;
	color: #e70;
	line-height: 1.1em;
	margin-bottom: 1.4em;
}

h2 {
	font-size: 1.25em;
	font-weight: bold;
	color: #e70;
	line-height: 1.2em;	
	margin-bottom: 0.2em;
}

.extranet h2 {
	color: #8b0;
}

p, blockquote, ul, ol, dl, table,
div.p, div.enqTekst, div.zoekButton {
	margin-bottom: 1.4em;	/* line-height */
}

ul li {
	color: #654;
	background-position: 1px 0.65em;
}

ul.linkList {
	margin-bottom: 1.3em;
}

ul.linkList li {
	padding-left: 12px;
	background-image: url(../images/ico_bullet.png);
	background-position: -701px 0.65em;
}

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

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


/* Afbeelding vergroten in een popup */
div.imageItem{width: 100%}


div.imgPopUpleft, img.imgleft{ /* Deze class wordt a.d.h. de uitlijning bepaald */
	float: left;
	position: relative;
	margin: 0 6px 6px 0;
	overflow: hidden;
}
div.imgPopUpright, img.imgright{ /* Deze class wordt a.d.h. de uitlijning bepaald */
	float: right;
	position: relative;
	margin: 0 0 6px 6px;
	overflow: hidden;
}
* html div.imgPopUpright, * html img.imgright{ margin: 0 0 3px 3px; }

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

div.imgPopUpleft a, div.imgPopUpright a, div.imgPopUpcenter a, div.imgPopUpSub a {
	background: url(../images/ico_img_popup.png) bottom right no-repeat;
	/* De hoogte en breedte wordt in de _tpl_-file overschreven */
	margin: 0;
	display: inline;
	position: absolute;
	cursor: pointer;
	z-index: 1;		/* geef div'jes uit dropdownmenu's een hogere z-index om conflicten te voorkomen! */
}

div.imgPopUpcenter img, div.imgPopUpcenter a{ margin: 0 auto; }

	div.imgPopUpleft *, div.imgPopUpright *, div.imgPopUpcenter *, div.imgPopUpSub * {
		display: block;
	}
	
	div.imgPopUpleft script, div.imgPopUpright script, div.imgPopUpcenter script, div.imgPopUpSub script {
		display: none;
	}

		.imgCorners span {
			position: absolute;
			display: block;
			width: 6px;
			height: 6px;
			background: url(../images/bg_img_corners.png) transparent no-repeat left top;
		}
		* html .imgCorners span { background-image: url(../images/bg_img_corners_ie6.png); }
		
		.top { top: -6px; }
		.bottom { bottom: -6px; }
		* html .bottom { bottom: -12px; }
		.left { left: -6px; }
		.right { right: -6px; }