/* --- 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%;*/
	font-family: Arial, Helvetica, sans-serif;
	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: 1px dashed #76736C; }

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


/* ////////////// --- Algehele HTML ////////////// --- */
body{
	background: #fff;
	color: #87888a;
	font-size: 0.85em;
	line-height: 1.2em;
}

a{color: #906}
	
	a:visited{color: #604}
	a:hover, a:active{color: #003982}

u{text-decoration: none;}

h2{
	color: #003982;
}


/* ////////////// --- layout ////////////// --- */
div#achter{width: 774px; margin: 15px auto;}

div#serviceMenu{
	padding-top: 3px;
	clear: both;
	width: 100%;
	overflow: auto;
}

div#logo{
	float: left;
	padding: 6px 0 0 11px;
}

	div#lettergrootte {
		height: 15px;
		width: 43px;
		padding-top: 4px;
		float: right;
	}
		#lettergrootte a {
			height: 15px;
			display: inline-block;
			text-decoration: none;
		}
			#lettergrootte a span {
				display: none;
			}
				
		#lettergrootte a.lettergrootte_klein, #lettergrootte a.lettergrootte_klein_aan {
			background: url(../images/portal/a.gif) 0 0 no-repeat;
			width: 13px;
		}
			#lettergrootte a:hover.lettergrootte_klein, #lettergrootte a.lettergrootte_klein_aan {
			background: url(../images/portal/a.gif) 0 -15px no-repeat;
			}
			
		#lettergrootte a.lettergrootte_middel, #lettergrootte a.lettergrootte_middel_aan {
			background: url(../images/portal/a.gif) -13px 0 no-repeat;
			width: 14px;
		}
			#lettergrootte a:hover.lettergrootte_middel, #lettergrootte a.lettergrootte_middel_aan {
			background: url(../images/portal/a.gif) -13px -15px no-repeat;
			}
			
		#lettergrootte a.lettergrootte_groot, #lettergrootte a.lettergrootte_groot_aan {
			background: url(../images/portal/a.gif) -27px 0 no-repeat;
			width: 16px;
		}
			#lettergrootte a:hover.lettergrootte_groot, #lettergrootte a.lettergrootte_groot_aan {
			background: url(../images/portal/a.gif) -27px -15px no-repeat;
			}


	div#zoeken{
		background: url(../images/achter_zoeken_home.gif) repeat-x top;
		padding: 2px;
		margin-right: 10px;
		border: 1px solid #404040;
		width: 126px;
		float: right;
		line-height: 1em;
	}

		div#zoeken form{
			margin: 0;
			padding: 0;
		}
		
		div#zoeken input{
		}
	
		div#zoeken input#zoekVeld{
			font-weight: bold;
			border: 0;
			padding: 0 0 0 5px;
			margin: 0;
			width: 100px;
			color: #404040;
			background: none;
			position: relative;
			top: -2px;
			font-size: 0.7em;
			}
			div#zoeken input#zoekVeld:focus{outline: none;}
		
		div#zoeken input#zoekKnop{
			border: none;
		}



div#topMenu{
	clear: both;
	padding-left: 141px;
	_height: 31px;
	min-height: 31px;
}

	#topMenu ul{padding-top: 3px;}
	
	#topMenu li{
		float: left;
	}

	#topMenu li a{
		font-family: Trebuchet MS, Helvetica, sans-serif;
		font-size: 1.25em;
		line-height: 1em;
		color: #003982;
		text-decoration: none;
		padding: 0 23px 11px 13px;
		display: block;
		white-space: nowrap;
	}
	#topMenu li a:hover, #topMenu li a:active{color: #4cbbe9}

		#topMenu li ul{
			background: #d9ecf5;
			padding: 8px 0 8px 0;
			display: none;
			position: absolute;
			width: 180px;
		}

	#topMenu li:hover ul, #topMenu li ul.jsIe6Hover{
		display: block;		
	}


		#topMenu li li{
			float: none;
			padding: 2px 4px 3px 12px;
		}

			#topMenu li li a{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 0.85em;
				color: #707173;
				text-decoration: none;
				padding: 0;
				white-space: normal;
				width: 100%
			}
				#topMenu li li a:hover{
					color: #003982;
					text-decoration: underline;
				}
		
		
div#klantenService{
	padding: 28px 0 0 549px;
	width: 225px;
	height: 156px;
	background: url(../images/portal/foto.png) left top no-repeat;
}

	#klantenService div{
		color: #fff;
		font-size: 0.9em;
		font-weight: bold;
		text-align: center;
		width: 179px;
		height: 131px;
		padding: 12px 17px 4px 19px;
		background: url(../images/portal/klantenservice.png) no-repeat left top;
	}

	#klantenService h2{
		font-family: Trebuchet MS, Helvetica, sans-serif;
		text-transform: uppercase;
		font-size: 1.25em;
		color: #003982;
		margin: 0 0 14px;
	}
	
	#klantenService strong{
		font-family: Trebuchet MS, Helvetica, sans-serif;
		font-size: 1.95em;
		text-align: center;
		margin: 7px 0;
		display: block;
	}
	
	#klantenService a{
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		background: url(../images/portal/sprite.gif) -496px top no-repeat;
		display: block;
		float: right;
		padding: 2px 7px 4px 6px;
	}
	#klantenService a:hover, #klantenService a:active{color: #ff5db7}

div#subMenu{
	width: 245px;
	float: left;
	margin: 14px 0 40px;
	font-size: 0.85em;
	}
	#subMenu ul{
		width: 183px;
		margin-bottom: 58px;
	}

	#subMenu li{
		background: #003882 url(../images/portal/sprite.gif) left top no-repeat;
		margin-bottom: 12px;
		width: 183px;
	}
	#subMenu li a{
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		background: transparent url(../images/portal/sprite.gif) -183px bottom no-repeat;
		padding: 2px 2px 3px 8px;
		display: block;
	}

	#subMenu li a:hover, #subMenu li a:active{color: #7fd5f9}

	#subMenu .item ul{width: 183px;margin-bottom: 0;}
	#subMenu .item ul li{background: none; width: auto;}
	#subMenu .item ul li a{
		color: #dc017a;
		font-weight: normal;
		background: none;
		padding: 0;
		display: inline;
	}
	#subMenu h2{
		color: #951278;
	}
		#subMenu h2 a{ text-decoration: none}
		#subMenu h2 a:hover, #subMenu h2 a:active{ text-decoration: underline}


div#inhoud{
	float: left;
	margin: 14px 0 40px;
	width: 450px;
	font-size: 0.85em;
}

	#inhoud div.portal{
		background: url(../images/portal/payoff.gif) left top no-repeat;
		height: 30px;
		width: 450px;
		padding-bottom: 20px;
	}
		
	#inhoud div.portal h1{
		position: absolute;
		left: -9999px;
		text-indent: -9999px;
		line-height: 0;
	}

	div.first{margin-bottom: 64px;}
	div.column{
		float: left;
		width: 205px;
		padding: 0 20px 20px 0;
	}
	div.even{clear: left;}
	
div#footer{
	background: url(../images/portal/sprite.gif) right top no-repeat;
	padding: 27px 57px 10px 70px;
	clear: both;
	overflow: auto;
}

	#footer .item{
		float: left;
		width: auto;
		padding: 0 31px 0 0;
		line-height:0.9em;
	}
	
	#footer h2{
		color: #000;
		font-size: 0.85em;	
		margin-bottom: 10px;
	}
	
	#footer li a{
		color: #646567;
		font-size: 0.8em;
		text-decoration: none;
	}
	#footer li a:hover, #footer li a:active{
		color: #003982;
		text-decoration: underline;
	}