/* --- HOME.CSS - RodeKruis.nl --- */

/* ---------------------- */
/* --- hoofdNavigatie --- */
/* ---------------------- */

#hoofdNavigatie div.menu {
	background-image: none;
}

/* --- hoofdNavigatie / regio --- */
		
.home .geenSubNavigatie #regioSearch, .homeRegio .geenSubNavigatie #regioSearch {
	padding: 10px 0 1px 10px;
}

*:first-child+html .home .geenSubNavigatie #regioSearch, *:first-child+html .homeRegio .geenSubNavigatie #regioSearch {
	padding: 10px 0 1px 10px;
}

.homeRegio .regio {
	width: 166px;
	padding: 50px 23px 0;
}

.homeRegio .regio h2 {
	font-size: 1.3em;
	margin: 0 0 8px;
}

.homeRegio .regio p {
	line-height: 1.2em;
}

.homeRegio .regio .knopLeft {
	margin: 0;
	padding: 0;
}

.homeRegio .regio .knopLeft a:link, .homeRegio .regio .knopLeft a:visited, .homeRegio .regio .knopLeft a:hover, .homeRegio .regio .knopLeft a:focus, .homeRegio .regio .knopLeft a:active {
	margin: -2px 0 -15px;
}

html>body.homeRegio .regio .knopLeft a:link, html>body.homeRegio .regio .knopLeft a:visited, html>body.homeRegio .regio .knopLeft a:hover, html>body.homeRegio .regio .knopLeft a:focus, html>body.homeRegio .regio .knopLeft a:active {
	margin: -2px 0 0;
}

/* ---------------- */
/* --- siteBody --- */
/* ---------------- */
			
#siteBody {
	padding: 0;
	margin-top:3px;
	background: url(../images/bg_columnleft_home.gif) transparent repeat-y left top;
}

	#innerBody {
		width: 100%;
		padding: 0;
		overflow: hidden;
		background: url(../images/bg_bottom_home.gif) transparent no-repeat left bottom;
	}


/* ------------------ */
/* --- columnLeft --- */
/* ------------------ */
		
#columnLeft {
	width: 287px;
	padding: 0 0 200px;	
}
					
/* --- columnLeft / banners --- */
				
#banners {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: url(../images/groen.gif) #ffffff repeat-x left top;
}
	
html>body #banners {
	padding: 0 0 3px;
}
	
*:first-child+html #banners {
	padding: 0;
}

	#banners li {
		margin:  0 0 3px;
		padding: 10px 0 6px 10px;
	}
	
		#banners li a:link, #banners li a:visited, #banners li a:hover, #banners li a:focus, #banners li a:active {
			font-size: 1.4em;
			padding: 0 0 0 14px;
			background:  url(../images/pijl_rood_groot.gif) transparent no-repeat 0 3px;
		}
				
		html>body #banners li a:link, html>body #banners li a:visited, html>body #banners li a:hover, html>body #banners li a:focus, html>body #banners li a:active {
			background-position: 0 3px;
		}
	
/* --- columnLeft / nieuwsBrief --- */

#nieuwsBrief {
	padding: 0;
}

	#nieuwsBrief label {
		display: block;
		font-size: 1.05em;
		color: #212964;
		margin: 1px 14px 9px 0;
	}
				
	#nieuwsBrief input {
		width: 180px;
	}
	
	html>body #nieuwsBrief input {
		width: 179px;
	}
	
/* --- columnLeft / quickLinks --- */

#quickLinks {
	list-style-type:none;
	margin-left:0px;
	padding: 0 0 12px;
	background: url(../images/bg_quicklinks.gif) transparent repeat-x left bottom;
}

	#quickLinks li {
		margin-left:0px;
		width: 100%;
		overflow: hidden;
		background: url(../images/bg_quicklinks.gif) transparent repeat-x left top;
	}

	#quickLinks li.eerste {
		background-image: url(../images/bg_quicklinks_eerste.gif);
	}
	
		#quickLinks li a:link, #quickLinks li a:visited, #quickLinks li a:hover, #quickLinks li a:focus, #quickLinks li a:active {
			display: block;
			font-weight: bold;
			color: #212964;
			text-decoration: none;
			width: 255px;
			padding: 11px 10px 5px 22px;
			background:  url(../images/pijl_rood_klein.gif) transparent no-repeat 10px 14px;
			text-decoration: none;
		}
		
		#quickLinks li a:hover, #quickLinks li a:focus, #quickLinks li a:active {
			text-decoration: underline;
		}

/* ------------------- */
/* --- columnRight --- */
/* ------------------- */

.clear{
	clear:both;
	display:block;
	width:100%;
	height:0px;
}

#columnRight {
	width: 593px;
}
	
/* --- columnRight / contentHeader --- */

#contentHeader {
	position: static;
	font-size: 1.0em;
	height: auto;
	overflow: hidden;
}

#contentHeader .knopLeft {
	margin-bottom:5px;
}

html>body #contentHeader {
	min-height: 0;
}

	#contentHeader div {
		float: left;
		clear: right;
	}

	html>body #contentHeader div {
		float: none;
	}

		#contentHeader img.alignLeft {
			display: block;
			clear: none;
		}

		#contentHeader h1 {
			position: static;
			bottom: auto;
			font-size: 2.4em;
			line-height: 1.1em;
			width: auto;
			max-height: none;
			margin: 27px 0 15px;
		}

	/* -------------------------- */
	/* ---   ---  sIFR  ---   --- */
	/* -------------------------- */
	
	html>body.sIFR-hasFlash #contentHeader {
		min-height: 0;
	}
	
	.sIFR-hasFlash #contentHeader h1 {
		bottom: auto;
		font-size: 29px;
		line-height: 35px;
		max-height: none;
		margin: 14px 0 7px;
	}
				
/* --- columnRight / contentItems + combiBlok --- */
				
	#contentItems {
		margin: 0;
		padding: 0;
		background-image: none;
	}
				
	html>body #contentItems {
		padding: 0;
	}
				
	#combiBlok {
		clear: both;
		width: 593px;
		margin: 0;
		padding: 9px 0 0;
		overflow: hidden;
		background: url(../images/ln_hor.gif) transparent repeat-x left bottom;
	}
	
		#contentItems div.row {
			padding: 10px 0 5px;
		}
		
		#contentItems div.row p {
			margin-bottom:0px;
		}
	
		#contentItems div.eerste {
			background-image: none;
		}
		
		#combiBlok .items {
			padding: 0 0 6px;
		}
		
		.home .alignLeft {
			margin-bottom:0px;
		}
		
		#contentItems div.alignLeft, #contentItems div.alignRight,
		#combiBlok .media, #combiBlok .items {
			width: 286px;
			overflow: hidden;
			background-image: none;
		}
	
		#combiBlok.mediaLeft .media {
			float: left;
			padding: 0 21px 0 0;
			background: url(../images/bg_combiblok_left.gif) transparent repeat-y left top;
		}
		
		#combiBlok.mediaRight .media {
			float: right;
			padding: 0 0 0 21px;
			background: url(../images/bg_combiblok_right.gif) transparent repeat-y left top;
		}
	
		#contentItems div.alignRight,
		#combiBlok.mediaLeft .items {
			float: right;
		}
		
		#contentItems div.alignLeft,
		#combiBlok.mediaRight .items {
			float: left;
		}
		
			#combiBlok img {
				display: block;
				margin: 1px 0 0;
			}
		
			#combiBlok img.alignLeft {
				margin: 4px 15px 15px 0;
			}
		
			#combiBlok img.alignRight {
				margin: 4px 0 15px 15px;
			}
			
			#combiBlok .media .flash {
				position: relative;
				overflow: hidden;
				background-color: #FFFFFF;
			}
	
				#combiBlok .media img, #combiBlok .media object, #combiBlok .media embed, #combiBlok .media noscript {
					display: block;
					margin: 0;
				}
				
				#combiBlok .media .dsEditText {
					padding-top: 8px;
					padding-right: 15px;
					padding-bottom: 6px;
					padding-left: 15px;
					z-index: 10;
				}
				
				#combiBlok .media h2 {
					margin: 0;
					padding: 9px 15px 10px;
					overflow: hidden;
					background-color: #d2eee0;
				}
				
				#combiBlok .media p {
					padding: 8px 15px 6px;
				}
				
				#combiBlok .items .alignLeft {
					margin-bottom:15px;
				}
				
.home_objectfoto {
	clear:both;
	width:286px !important;
	height:62px !important;
	padding:0px !important;
	margin:0px !important;
	margin-bottom:5px !important;
	overflow:hidden;
}

.home_objectfoto_wide {
	clear:both;
	width:592px !important;
	height:62px !important;
	padding:0px !important;
	margin:0px !important;
	margin-bottom:5px !important;
	overflow:hidden;
}

.home_objectfoto img, .home_objectfoto_wide img {
	padding:0px !important;
	margin:0px !important;
}